/**
 * 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
 */
.section-apply-process {
  background-color: var(--dark-blue); }
  .section-apply-process .container {
    position: relative; }
    @media (max-width: 980px) {
      .section-apply-process .container {
        padding: 0; } }
    .section-apply-process .container .title {
      padding-bottom: 45px;
      padding-top: 60px;
      display: flex;
      align-items: center;
      gap: 22.5px; }
      .section-apply-process .container .title h2 {
        margin: 0;
        padding-bottom: 0; }
        .section-apply-process .container .title h2 .title-one {
          color: var(--green); }
        .section-apply-process .container .title h2 .title-two {
          color: var(--white); }
      .section-apply-process .container .title .icon img {
        max-height: 35px;
        width: auto; }
        @media (min-width: 981px) {
          .section-apply-process .container .title .icon img {
            max-height: 70px; } }
    .section-apply-process .container .toggle-switch {
      position: absolute;
      top: 0;
      right: 0;
      height: 45px; }
      .section-apply-process .container .toggle-switch .toggle-label {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        display: flex;
        flex-direction: column; }
        .section-apply-process .container .toggle-switch .toggle-label small {
          color: var(--white);
          min-width: 80px;
          opacity: .5;
          text-transform: uppercase;
          transition: font-weight .3s ease-in-out, opacity .3s ease-in-out; }
          .section-apply-process .container .toggle-switch .toggle-label small.active {
            font-weight: 800;
            opacity: 1; }
      .section-apply-process .container .toggle-switch input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden; }
      .section-apply-process .container .toggle-switch label {
        cursor: pointer;
        text-indent: -9999px;
        width: 26px;
        height: 45px;
        border: 2px solid var(--green);
        background: transparent;
        display: block;
        border-radius: 100px;
        position: absolute;
        top: 0;
        right: 0; }
      .section-apply-process .container .toggle-switch label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 18px;
        height: 18px;
        background: var(--green);
        border-radius: 90px;
        transition: 0.3s; }
      .section-apply-process .container .toggle-switch input:checked + label:after {
        top: calc(45px - 24px); }
    .section-apply-process .container .steps {
      display: flex;
      flex-wrap: wrap;
      gap: 1em; }
      @media (max-width: 980px) {
        .section-apply-process .container .steps {
          flex-direction: column; } }
      .section-apply-process .container .steps .step {
        flex: 1;
        position: relative;
        word-break: break-word; }
        @media (max-width: 980px) {
          .section-apply-process .container .steps .step {
            min-height: 75px; }
            .section-apply-process .container .steps .step:after {
              content: '';
              height: 90%;
              width: 4px;
              background-color: var(--green);
              position: absolute;
              top: 22.5px;
              left: 34px;
              transition: transform .3s ease-in-out; } }
        .section-apply-process .container .steps .step:last-of-type:after {
          display: none; }
        .section-apply-process .container .steps .step:last-of-type .step-head:after {
          display: none; }
        .section-apply-process .container .steps .step.open:after {
          transform: translateY(7.5px); }
        @media (min-width: 981px) {
          .section-apply-process .container .steps .step .content {
            padding-left: 0; } }
        .section-apply-process .container .steps .step .content .step-head {
          display: flex;
          align-items: flex-start;
          gap: 45px;
          position: relative; }
          @media (min-width: 981px) {
            .section-apply-process .container .steps .step .content .step-head {
              flex-direction: column; }
              .section-apply-process .container .steps .step .content .step-head:after {
                content: '';
                height: 4px;
                width: 100%;
                background-color: var(--green);
                position: absolute;
                right: -13px;
                top: 47px; } }
          .section-apply-process .container .steps .step .content .step-head h2 {
            padding-bottom: 0; }
          .section-apply-process .container .steps .step .content .step-head .count {
            color: var(--green);
            margin: 0;
            position: relative; }
          .section-apply-process .container .steps .step .content .step-head .step-title {
            position: relative;
            color: var(--white);
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 45px; }
            .section-apply-process .container .steps .step .content .step-head .step-title:before {
              content: '';
              height: 11px;
              width: 11px;
              border-radius: 50%;
              background-color: var(--white);
              position: absolute;
              left: calc(-22.5px + -5px);
              top: 5px; }
              @media (min-width: 981px) {
                .section-apply-process .container .steps .step .content .step-head .step-title:before {
                  left: 0;
                  top: -30px; } }
        .section-apply-process .container .steps .step .content .text {
          color: var(--green);
          display: none; }
          @media (min-width: 981px) {
            .section-apply-process .container .steps .step .content .text {
              padding: 0; } }

/*# sourceMappingURL=apply-process.css.map */