ul {
  @apply com-p-0;

  li {
    @apply com-list-none;
  }
}

h1,
h2,
p {
  @apply com-m-0;
}

a {
  color: inherit;
  text-decoration: none;
}

.about-page {
  @apply com-w-full com-min-h-screen com-bg-white com-overflow-hidden com-pb-36;

  .landing-image-section {
    @apply com-min-h-[148px] md:com-min-h-[751px];
  }

  .about-page-section {
    @apply com-max-w-screen-xl com-container com-px-4 com-pt-14 md:com-pt-24 com-max-h-max;

    .about-page-heading-section {
      @apply com-w-full com-mx-auto com-text-left md:com-w-11/12 xl:com-w-9/12 md:com-text-center;

      .page-heading {
        a {
          @apply com-mb-6 com-text-4xl com-font-extrabold com-leading-none com-tracking-normal com-text-gray-900 md:com-text-6xl md:com-tracking-tight;

          span {
            @apply com-block com-w-full com-text-transparent com-bg-clip-text com-bg-gradient-to-r com-from-green-400 com-to-purple-500 lg:com-inline;
          }
        }
      }

      .page-subheading {
        @apply com-px-0 com-text-lg com-text-gray-600 md:com-text-xl lg:com-px-24;
      }
    }

    &.stats-section {
      @apply com-min-h-[528px] md:com-min-h-[230px];
      @apply com-pt-6 #{!important};
      .about-page-stats-section {
        @apply com-grid com-gap-10 lg:com-grid-cols-3;

        .count {
          @apply com-mr-2 com-text-3xl com-font-bold md:com-text-4xl com-text-blue-600;
        }

        .title {
          @apply com-mb-2 com-font-bold md:com-text-lg com-text-Yankees-Blue;
        }

        .description {
          @apply com-text-gray-700;
        }
      }
    }

    &.features-section {
      @apply com-min-h-[2091px] md:com-min-h-[1840px];
      @apply com-pt-8 #{!important};
      .grid {
        @apply com-grid com-items-center com-grid-cols-1 com-mb-4 com-gap-y-10 com-gap-x-10 md:com-grid-cols-2 md:com-gap-y-32 md:com-gap-x-24;

        .title {
          @apply com-mb-4 com-text-2xl com-font-extrabold com-tracking-tight com-text-center com-text-black md:com-leading-tight sm:com-text-left md:com-text-4xl;
        }

        .description {
          @apply com-mb-5 com-text-base com-text-center com-text-gray-600 sm:com-text-left md:com-text-lg;
        }
      }
    }

    &.cta-section {
      @apply md:com-min-h-[568px];
      .about-page-cta-section {
        @apply com-grid com-grid-cols-1 com-gap-4 sm:com-grid-cols-2 lg:com-grid-cols-4;

        .center-section {
          @apply com-p-8 com-text-center com-bg-indigo-600 sm:com-col-span-2 sm:com-p-16 lg:com-py-24;
          div {
            @apply com-max-w-lg com-mx-auto com-my-8;
            .title {
              @apply com-text-3xl com-font-bold sm:com-text-4xl com-text-tWhite;
            }

            .description {
              @apply com-text-sm com-text-tWhite com-my-2;
            }
          }
        }

        .left-section {
          @apply com-relative com-h-64 lg:com-order-first lg:com-h-full;
          img {
            @apply com-absolute com-inset-0 com-object-cover com-w-full com-h-full;
          }
        }

        .right-section {
          @apply com-relative com-h-64 lg:com-h-full;
          img {
            @apply com-absolute com-inset-0 com-object-cover com-w-full com-h-full;
          }
        }
      }
    }

    &.teams-section {
      @apply com-text-center com-min-h-[2031px] md:com-min-h-[1147px];

      .about-page-teams-section {
        @apply com-my-12;

        .team-section-heading {
          @apply com-my-5 sm:com-mx-auto sm:com-max-w-xl sm:com-my-4 lg:com-max-w-5xl;
          .title {
            @apply com-text-3xl com-font-extrabold com-tracking-tight sm:com-text-4xl com-text-Yankees-Blue;
          }

          .description {
            @apply com-text-xl com-text-gray-500;
          }
        }

        .grid {
          @apply com-mx-auto com-my-16 sm:com-grid sm:com-grid-cols-2 sm:com-gap-16 sm:com-my-0 lg:com-grid-cols-4 lg:com-max-w-5xl;

          .profile-image {
            @apply com-mx-auto com-h-32 com-w-32 com-rounded-full xl:com-w-48 xl:com-h-48;
          }
        }

        .name {
          @apply com-text-lg com-leading-6 com-font-medium com-text-Yankees-Blue;
        }

        .designation {
          @apply com-text-sm com-text-blue-500;
        }

        .social-link {
          @apply com-text-gray-400 hover:com-text-gray-500;
        }
      }
    }

    &.advisor-section {
      @apply com-text-center com-min-h-[923px] md:com-min-h-[537px];

      .about-page-advisor-section {
        @apply com-my-12;

        .advisor-section-heading {
          @apply com-my-5 sm:com-mx-auto sm:com-max-w-xl sm:com-my-4 lg:com-max-w-5xl;

          .title {
            @apply com-text-3xl com-font-extrabold com-tracking-tight sm:com-text-4xl com-text-Yankees-Blue;
          }
          .description {
            @apply com-text-xl com-text-gray-500;
          }
        }

        .grid {
          @apply com-mx-auto com-my-16 sm:com-grid sm:com-grid-cols-2 sm:com-gap-16 sm:com-my-0 lg:com-grid-cols-4 lg:com-max-w-5xl;

          .profile-img {
            @apply com-mx-auto com-h-32 com-w-32 com-rounded-full xl:com-w-48 xl:com-h-48;
          }
        }

        .name {
          @apply com-text-lg com-leading-6 com-font-medium com-text-Yankees-Blue;
        }

        .designation {
          @apply com-text-sm com-text-blue-500;
        }

        .social-link {
          @apply com-text-gray-400 hover:com-text-gray-500;
        }
      }
    }

    &.features-list-section {
      @apply com-min-h-[474px] md:com-min-h-[296px];
      .grid {
        @apply com-grid com-items-center com-grid-cols-1 com-gap-y-10 com-gap-x-10 lg:com-grid-cols-2 lg:com-gap-y-32 lg:com-gap-x-24;

        .title {
          @apply com-mb-3 com-text-3xl com-font-extrabold com-leading-tight com-tracking-tight com-text-center com-text-black sm:com-text-left md:com-text-4xl;
        }

        .description {
          @apply com-mb-6 com-text-lg com-text-center com-text-gray-600 sm:com-text-left md:com-text-xl;
        }

        .features-list {
          @apply com-flex com-flex-col com-flex-grow com-my-5;

          svg {
            @apply com-text-gray-700;
          }

          .item {
            @apply com-text-lg com-text-gray-700;
          }
        }
      }
    }
  }
}
