.footer {
  @apply bg-[#49A078] text-white;

  &__container {
    @apply container py-8;
  }
  a {
    @apply font-sans-Anek;
  }

  &__group-grid {
    @apply grid grid-flow-row sm:grid-cols-[2fr_1.5fr] xl:grid-cols-[4fr_3.5fr_3.5fr] 2xl:grid-flow-col gap-8 sm:gap-12;
  }

  &__col-1 {
    @apply break-all;
  }
  &__col-2 {
  }
  &__col-3 {
  }
  &__col-4 {
  }

  &__title {
    @apply font-bold font-sans-poppins mb-4;
    font-size: clamp(1.125rem, 0.4vw + 1rem, 1.563rem);
     i {
        @apply rotate-180;
      }
    &.active {
      @apply transition-all duration-300;
     
    }
    &--icon {
      @apply ml-4 sm:hidden;
    }
  }

  &__list {
    @apply sm:max-h-max max-h-0 overflow-hidden transition-all duration-300;
    &.active {
      @apply transition-all duration-300 sm:max-h-max max-h-[400px];
      i {
        @apply rotate-180;
      }
    }
  }

  &__contact {
    @apply flex items-center gap-4 my-4;
  }

  &__row {
    @apply flex flex-col;
  }

  &__icon {
    @apply text-xl sm:text-2xl;
  }

  &__li {
    @apply my-2;
  }

  &__bottom {
    @apply my-8;
  }

  &__copy {
    @apply text-center md:text-right;
  }

  &__agency{
    @apply font-bold
  }

}