:root {
    --primary50: #edeff7;
    --primary400: #ef5020;
    --primary500: #000000;
    --primary600: #666666;
    --secondary400: #ffd9c2;
    --secondary500: #ef5020;
    --secondary600: #e54210;
    --light400: #f4f4f4;
    --light500: #eaeaea;
    --light600: #d9d9d9;
    --light700: #cccccc;
    --light800: #b2b2b2;
    --light900: #9d9d9d;
    --dark100: #777579;
    --dark400: #666666;
    --dark500: #1d1d1d;
    --success400: #76b957;
    --success500: #67b144;
    --success600: #62a543;
    --danger400: #f52800;
    --danger500: #cb2602;
    --danger600: #ad2002;
    --warning400: #fdbf5d;
    --warning500: #fdaf35;
    --warning600: #e49d30;
    --white: #ffffff;
    --black: #000000;
   --font-family-1: 'Inter', sans-serif; --font-family-2: 'Poppins', 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; } }

	
.auth-bg-image {
    display: NONE;
}

.text-theme-primary-400 {color: --secondary500!important;}

div.bg-theme-primary-600 {
    background-color: #333333!important;
}