/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: "Heading Now";
  font-weight: bold;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNow-56Bold.woff2");
  font-display: swap; }

@font-face {
  font-family: "Heading Now";
  font-weight: normal;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNow-64Regular.woff2");
  font-display: swap; }

@font-face {
  font-family: "Heading Now";
  font-weight: 500;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNowTrial-55Medium.woff2");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: normal;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Regular.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: normal;
  font-style: italic;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Italic.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: bold;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Bold.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: bold;
  font-style: italic;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-BoldItalic.ttf");
  font-display: swap; }

@font-face {
  font-family: 'Fallback';
  src: local(Impact);
  size-adjust: 96%;
  ascent-override: 115%;
  descent-override: normal;
  line-gap-override: normal; }

.section-progress-career {
  background-color: var(--light-gray);
  position: relative;
  overflow: hidden; }
  .section-progress-career::before {
    content: '';
    position: absolute;
    height: 260px;
    width: 1490px;
    transform: rotate(97deg);
    transform-origin: 0 0;
    left: 220px;
    top: 0;
    background-size: contain;
    z-index: 0;
    background-repeat: no-repeat;
    background-image: url(/app/themes/nfc-talent-pro/assets/images/target-audience/line-4.svg); }
    @media (min-width: 768px) {
      .section-progress-career::before {
        left: 270px; } }
    @media (min-width: 981px) {
      .section-progress-career::before {
        left: 0;
        top: 27%;
        transform: none;
        width: 100%;
        height: 100%; } }
    @media (min-width: 1200px) {
      .section-progress-career::before {
        top: 24%; } }
    @media (min-width: 1500px) {
      .section-progress-career::before {
        top: 21%; } }
    @media (min-width: 1800px) {
      .section-progress-career::before {
        top: 18%; } }
    @media (min-width: 2000px) {
      .section-progress-career::before {
        top: 13%; } }
  .section-progress-career h2 {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    line-height: 120%; }
    @media (min-width: 981px) {
      .section-progress-career h2 {
        margin-bottom: 15px; } }
  .section-progress-career .kick-start-container {
    display: flex;
    flex-direction: column;
    gap: 50px;
    position: relative;
    z-index: 1; }
    @media (min-width: 981px) {
      .section-progress-career .kick-start-container {
        justify-content: space-between;
        flex-direction: row;
        gap: 30px; } }
    @media (min-width: 981px) {
      .section-progress-career .kick-start-container .column {
        width: 300px; }
        .section-progress-career .kick-start-container .column:nth-child(1) .column-in {
          padding-top: 110px; }
        .section-progress-career .kick-start-container .column:nth-child(2) .column-in {
          padding-top: 65px; } }
    .section-progress-career .kick-start-container .column-in {
      display: flex;
      flex-direction: row;
      gap: 0 15px; }
      @media (min-width: 981px) {
        .section-progress-career .kick-start-container .column-in {
          text-align: center;
          flex-direction: column;
          align-items: center; } }
      .section-progress-career .kick-start-container .column-in .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        color: var(--white);
        background-color: var(--dark-blue);
        border-radius: 100%;
        margin-bottom: 20px;
        font-size: 10px;
        flex-shrink: 0; }
        @media (min-width: 768px) {
          .section-progress-career .kick-start-container .column-in .icon {
            width: 90px;
            height: 90px;
            font-size: 20px; } }
        .section-progress-career .kick-start-container .column-in .icon span {
          width: auto; }
          .section-progress-career .kick-start-container .column-in .icon span::before {
            width: inherit; }
      .section-progress-career .kick-start-container .column-in h4 {
        margin: 10px 0;
        font-size: 20px;
        text-transform: uppercase; }
        @media (min-width: 981px) {
          .section-progress-career .kick-start-container .column-in h4 {
            margin: 0 0 10px 0; } }
      .section-progress-career .kick-start-container .column-in .text {
        max-width: 500px; }
        @media (min-width: 981px) {
          .section-progress-career .kick-start-container .column-in .text {
            max-width: none; } }
        .section-progress-career .kick-start-container .column-in .text p:first-child {
          margin-top: 0; }
        .section-progress-career .kick-start-container .column-in .text p:last-child {
          margin-bottom: 0; }

/*# sourceMappingURL=progress-career.css.map */