:root {
	--primary300: #d95936;
	--primary400: #dd6b4b;
	--primary500: #d95936;
	--primary600: #ce4b27;
	--secondary400: #00599f;
	--secondary500: #004B85;
	--secondary600: #003d6c;
        --light300: #F7FAFB;
	--light400: #F9FAFE;
	--light500: #EEF1F8;
	--light600: #CCD4DC;
	--light700: #AEBBC9;
	--light800: #8997A7;
	--light900: #69788A;
        --dark50: #949395;
	--dark100: #777579;
	--dark400: #525252;
	--dark500: #39373A;
	--success400: #76B957;
	--success500: #67B144;
	--success600: #62A543;
	--danger400: #FF8377;
	--danger500: #FF6B5D;
	--danger600: #EA4E3F;
	--warning400: #FDBF5D;
	--warning500: #F5BB23;
	--warning600: #E9A900;
	--white: #FFFFFF;
	--black: #2a282b;
	--font-family-1: 'Poppins', sans-serif;
	--font-family-2: 'Inter', sans-serif;
	--font-family-3: 'Inter', sans-serif;
}

/*CareerOne Typography Utilities */
.text-heading-1 {
  font-family: var(--font-family-1);
  font-weight: 700;
  font-size: 60px;
  line-height: 72px; }

.text-heading-2 {
  font-family: var(--font-family-1);
  font-weight: 700;
  font-size: 48px;
  line-height: 64px; }

.text-heading-3 {
  font-family: var(--font-family-1);
  font-weight: 700;
  font-size: 36px;
  line-height: 48px; }

.text-heading-4 {
  font-family: var(--font-family-1);
  font-weight: 700;
  font-size: 28px;
  line-height: 40px; }

.text-heading-5 {
  font-family: var(--font-family-1);
  font-weight: 600;
  font-size: 24px;
  line-height: 36px; }

.text-heading-6 {
  font-family: var(--font-family-1);
  font-weight: 600;
  font-size: 22px;
  line-height: 33px; }

.text-title-1 {
  font-family: var(--font-family-2);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px; }

.text-title-2 {
  font-family: var(--font-family-2);
  font-weight: 600;
  font-size: 18px;
  line-height: 24px; }

.text-title-3 {
  font-family: var(--font-family-2);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px; }

.text-title-4 {
  font-family: var(--font-family-2);
  font-weight: 600;
  font-size: 14px;
  line-height: 18px; }

.text-title-5 {
  font-family: var(--font-family-2);
  font-weight: 600;
  font-size: 12px;
  line-height: 16px; }

.text-title-6 {
  font-family: var(--font-family-2);
  font-weight: 700;
  font-size: 10px;
  line-height: 12.1px; }

.text-body-1 {
  font-family: var(--font-family-2);
  font-weight: 400;
  font-size: 20px;
  line-height: 32px; }

.text-body-2 {
  font-family: var(--font-family-2);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px; }

.text-body-3 {
  font-family: var(--font-family-2);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px; }

.text-body-4 {
  font-family: var(--font-family-2);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px; }

.text-body-5 {
  font-family: var(--font-family-2);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px; }

.text-body-6 {
  font-family: var(--font-family-2);
  font-weight: 400;
  font-size: 10px;
  line-height: 16px; }

@media (min-width: 576px) {
  .sm\:text-heading-1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 72px; }
  .sm\:text-heading-2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px; }
  .sm\:text-heading-3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px; }
  .sm\:text-heading-4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px; }
  .sm\:text-heading-5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px; }
  .sm\:text-heading-6 {
    font-weight: 600;
    font-size: 22px;
    line-height: 33px; }
  .sm\:text-title-1 {
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 32px !important; }
  .sm\:text-title-2 {
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 24px !important; }
  .sm\:text-title-3 {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important; }
  .sm\:text-title-4 {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 18px !important; }
  .sm\:text-title-5 {
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 16px !important; }
  .sm\:text-title-6 {
    font-weight: 700 !important;
    font-size: 10px !important;
    line-height: 12.1px !important; }
  .sm\:text-body-1 {
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 32px !important; }
  .sm\:text-body-2 {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 24px !important; }
  .sm\:text-body-3 {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important; }
  .sm\:text-body-4 {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 18px !important; }
  .sm\:text-body-5 {
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important; }
  .sm\:text-body-6 {
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 16px !important; } }

@media (min-width: 768px) {
  .md\:text-heading-1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 72px; }
  .md\:text-heading-2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px; }
  .md\:text-heading-3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px; }
  .md\:text-heading-4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px; }
  .md\:text-heading-5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px; }
  .md\:text-heading-6 {
    font-weight: 600;
    font-size: 22px;
    line-height: 33px; }
  .md\:text-title-1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px; }
  .md\:text-title-2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px; }
  .md\:text-title-3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px; }
  .md\:text-title-4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px; }
  .md\:text-title-5 {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px; }
  .md\:text-title-6 {
    font-weight: 700;
    font-size: 10px;
    line-height: 12.1px; }
  .md\:text-body-1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px; }
  .md\:text-body-2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px; }
  .md\:text-body-3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
  .md\:text-body-4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px; }
  .md\:text-body-5 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px; }
  .md\:text-body-6 {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px; } }

@media (min-width: 992px) {
  .lg\:text-heading-1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 72px; }
  .lg\:text-heading-2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px; }
  .lg\:text-heading-3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px; }
  .lg\:text-heading-4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px; }
  .lg\:text-heading-5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px; }
  .lg\:text-heading-6 {
    font-weight: 600;
    font-size: 22px;
    line-height: 33px; }
  .lg\:text-title-1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px; }
  .lg\:text-title-2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px; }
  .lg\:text-title-3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px; }
  .lg\:text-title-4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px; }
  .lg\:text-title-5 {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px; }
  .lg\:text-title-6 {
    font-weight: 700;
    font-size: 10px;
    line-height: 12.1px; }
  .lg\:text-body-1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px; }
  .lg\:text-body-2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px; }
  .lg\:text-body-3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
  .lg\:text-body-4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px; }
  .lg\:text-body-5 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px; }
  .lg\:text-body-6 {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px; } }