@import url('../../../commons/blocks/services/eligibility-criteria/eligibility-criteria.css');
.eligibility-criteria-wrapper {
  background-color: var(--secondary-gray-10);
  .eligibility-criteria {
    padding: 2.5rem 0;
    @media (width >=768px) {
      padding: 56px 0;
    }

    p,
    h2,
    ul,
    li {
      margin: 0;
      padding: 0;
    }

    .eligibility__title {
      :is(h1, h2, h3, h4, h5, h6) {
        color: var(--secondary-black);
        font-size: var(--heading-font-15-mob-sub-heading);
        font-style: normal;
        font-weight: var(--fw-700);
        line-height: var(--heading-lh-19-mob-text-small);
        letter-spacing: normal;
        margin: 0;
        @media (width >=768px) {
          font-size: var(--heading-font-3-des);
          line-height: var(--heading-lh-16-des-display);
        }
      }
    }

    .eligibility__cards {
      display: flex;
      flex-direction: column;
      padding-top: var(--space-24px);
      gap: var(--space-16px);

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

    .eligibility__card {
      background: var(--background-grey);
      height: 7.5rem;
      position: relative;
      list-style: none;
      overflow: hidden;
      clip-path: none;

      @media (width >= 768px) {
        height: 10rem;
      }
      &::before {
        display: none;
      }

      .eligibility__card-no {
        color: var(--primary-blue-700);
        p {
          margin: 0;
          font-size: var(--heading-font-1-mob);
          font-style: normal;
          font-weight: var(--fw-700);
          line-height: var(--heading-lh-5--mob);
          letter-spacing: -1.2px;

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

      .eligibility__card-title {
        :is(h1, h2, h3, h4, h5, h6) {
          color: var(--tertiary-black);
          font-size: var(--heading-font-11-mob-text-small);
          font-style: normal;
          font-weight: var(--fw-600);
          line-height: var(--heading-lh-5--mob);
          padding: 24px 16px;
          @media (width >=768px) {
            font-size: var(--body-font-size-xs);
            letter-spacing: normal;
          }
        }
      }
    }

    .eligibility__terms {
      color: var(--primary-main);
      font-size: var(--body-font-size-xxxs);
      line-height: var(--heading-lh-10-mob-text-small);
      padding-top: var(--space-16px);
      font-weight: var(--fw-300);
    }

    p {
      font-style: italic;
      strong {
        font-style: normal;
        font-weight: var(--fw-500);
        line-height: var(--heading-font-18-mob-text);
      }
    }
    a {
      color: var(--primary-main);
      cursor: pointer;
    }
  }
}