.contact-us {
  @apply py-12 bg-primary-100;

  &__container {
    @apply container;
  }

  &__containt-title {
    @apply text-center;
  }

  &__title {
    @apply text-primary-300 font-sans-poppins font-bold mb-8 lg:mb-4;
    font-size: clamp(1.438rem, 1.4vw + 1.2rem, 2.813rem);
  }

  &__p {
    @apply font-sans-Anek mb-8 lg:mb-16;
    font-size: clamp(0.875rem, 0.5vw + 0.8rem, 1.375rem);
  }

  &__form-group {
    @apply grid px-4 gap-4 lg:w-[80%] xl:w-[70%] 2xl:w-[60%] lg:mx-auto lg:grid-cols-2;
  }

  &__label {
    @apply text-primary-300 font-sans-Anek text-[25px] font-semibold;
  }

  &__input {
    @apply w-full py-4 my-2 text-base bg-white border-2 rounded-lg px-7 border-primary-300 placeholder:text-[#4E4E4E] font-sans-Anek;
    &--message {
      @apply pb-24 pt-4;
    }
  }

  &__button {
    @apply flex justify-center my-8;
  }

  &__submit {
    @apply px-12 py-3 font-bold text-white rounded-full  font-sans-poppins;
    @apply bg-primary-300 hover:bg-primary-400 #{!important};
  }


}