.subscribe-infolettre {
  @apply relative !text-white lg:px-24 px-4 md:px-12 !my-32;

  z-index: 5;
  &:after {
    @apply content-[""] absolute inset-0 bg-carhop-green-800 z-0 w-full h-full;
    left: 50%;
    transform: perspective(800px) rotateY(3deg) rotateX(1deg) translateX(-50%);
  }

  &__inner {
    @apply max-w-screen-3xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-y-12 2xl:gap-x-32 py-24 xl:py-32 2xl:py-40 items-center relative z-10;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  &__title {
    @apply !font-medium !text-white;
  }

  &__content {
    .block-title {
      @apply text-lg mb-6 uppercase font-bold tracking-bigbig;
    }
    h2 {
      @apply text-5xl mb-12 uppercase font-semibold;
      @apply tracking-wider;
      line-height: 1.15;
      @apply max-w-2xl;
    }
    > * {
      @apply max-w-2xl;
    }
  }

  &__description {
    /* @apply text-lg; */
  }

  &__form {
    @apply max-w-2xl;
    input {
      @apply bg-transparent border border-white text-white block w-full mb-4 p-3;
    }
  }
}

.explore-tags + .subscribe-infolettre {
  @apply !mt-0;
}