.swiper-content {
  @apply px-24 relative max-w-screen-2xl mx-auto;
  /* @apply bg-fuchsia-100; */
}
.swiper-container {
  height: auto;
  @apply px-3 overflow-hidden;
  /* @apply bg-yellow-50; */
}

.swiper-wrapper {
  @apply pt-24 pb-16 w-full;
}

.swiper-slide .card-thematique {
  @apply h-full;
}

.thematique-button-next,
.thematique-button-prev {
  @apply absolute top-1/2  z-50 opacity-80;
  width: 60px;
  height: 60px;
  &:hover,
  &:focus {
    @apply opacity-100;
    filter: invert(13%) sepia(71%) saturate(4425%)
      hue-rotate(338deg) brightness(109%) contrast(117%);
  }
  &:focus {
    @apply rounded-full;
  }
}
.thematique-button-next {
  @apply right-0 transform;
}
.thematique-button-prev {
  @apply left-0;
}

.swiper-pagination-bullet {
  @apply w-3 h-3 mx-2 opacity-100 bg-white !border-2 !border-solid border-black opacity-80;
}
.swiper-pagination-bullet:focus {
  outline-offset: 4px;
}
.swiper-pagination-bullet-active {
  @apply bg-secondary   !border-secondary  opacity-100;
}

/* .swiper-slide {
  background-color: red !important;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
.section-show-thematiques {
  @apply pt-8 pb-32 px-16;
  .thematiques-container {
    @apply grid 
    grid-cols-3
    gap-8
    gap-y-32
    max-w-screen-xl
    mx-auto
    pt-16;
  }
}