.section-header {
  @apply mt-20 bg-primary-100;
  &__inner {
    @apply container py-12 lg:grid lg:grid-cols-2 lg:gap-16 lg:px-24 lg:py-16 lg:items-center;
  }

  &__content {
    @apply text-center lg:text-left;
  }

  &__title {
    @apply font-sans-poppins font-semibold text-2xl text-primary-300 mb-4 lg:font-bold lg:text-4xl 2xl:text-5xl lg:mb-6 2xl:mb-8;
  }

  &__text {
    @apply font-sans-Anek text-lg lg:text-base;
  }

  &__showcase {
    @apply hidden lg:block w-full;
    iframe,img {
      @apply w-full h-full lg:min-h-[300px];
    }
  }
}

.section-filters {
  @apply py-12;

  &__inner {
    @apply container sm:hidden;
  }

  &__tab-wrapper {
    @apply mx-auto;
  }

  &__tabs {
    @apply container hidden sm:flex sm:justify-center sm:gap-4 sm:flex-wrap;
  }
}