.eligibility-criteria-wrapper {
  background-color: var(--tertiary-light-grey);
  .eligibility-criteria {
    font-family: var(--service-font-family);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;

    @media (width >=768px) {
      padding-top: 3rem;
      padding-bottom: 2rem;
    }

    :is(p, h1, h2, h3, h4, h5, h6, ul, li) {
      margin: 0;
      padding: 0;
    }

    .eligibility__title {
      :is(p, h1, h2, h3, h4, h5, h6) {
        color: var(--primary-main);
        font-size: var(--heading-font-6-mob);
        font-style: normal;
        font-weight: var(--fw-500);
        line-height: var(--heading-lh-11-mob-display);
        letter-spacing: 0.64px;

        @media (width >=768px) {
          font-size: var(--heading-font-13-des);
          line-height: var(--heading-lh-4-des-display);
          letter-spacing: 0.96px;
        }
      }
    }

    .eligibility__cards {
      display: flex;
      flex-direction: column;
      padding-top: 3.75rem;
      gap: 1.75rem;

      @media (width >=768px) {
        flex-direction: row;
        gap: var(--space-24px);
        padding-top: 5rem;
      }
    }

    .eligibility__card {
      background-color: var(--questionnaire-white);
      position: relative;
      list-style: none;
      height: 9.313rem;
      background: linear-gradient(60deg, #c9d3d7 3.71%, #ebebeb 104.51%);
      clip-path: polygon(calc(100% - 68px) 0, 100% 0, 100% 100%, 0 100%, 0 16px, calc(100% - 86px) 12px);

      @media (width >=768px) {
        clip-path: polygon(calc(100% - 189px) 0, 100% 0, 100% 100%, 0 100%, 0 16px, calc(100% - 207px) 16px);
      }

      .eligibility__card-no {
        color: var(--secondary-main);
        padding-left: var(--space-16px);
        padding-top: 1.75rem;
        font-size: var(--heading-font-4-mob);
        font-style: italic;
        font-weight: var(--fw-400);
        line-height: var(--heading-lh-5--mob);
        letter-spacing: 0.025rem;

        @media (width >=768px) {
          padding-top: 2rem;
          font-size: var(--heading-font-6-des);
          line-height: var(--heading-lh-18-des-display);
          letter-spacing: 0.72px;
        }
      }

      .eligibility__card-title {
        :is(h1, h2, h3, h4, h5, h6) {
          color: var(--primary-main);
          padding: var(--space-24px) var(--space-16px);
          font-size: var(--heading-font-12-mob);
          font-style: normal;
          font-weight: var(--fw-500);
          line-height: var(--heading-lh-5--mob);

          @media (width >=768px) {
            font-size: var(--heading-font-7-des);
            line-height: var(--heading-lh-10-des);
            letter-spacing: 0.4px;
          }
        }
      }
    }

    .eligibility__terms {
      color: var(--primary-main);
      font-size: var(--heading-font-11-mob-text-small);
      font-style: normal;
      line-height: normal;
      padding-top: var(--space-24px);
    }

    .eligibility__terms a {
      color: var(--primary-main);
      cursor: pointer;
      font-weight: var(--fw-500);
    }
  }
}