@reference "../app/tailwind.css";
.swiper.swiper-initialized {
  @apply pb-10;
  .swiper-pagination {
    @apply bottom-[45px];
    .swiper-pagination-bullet {
      @apply w-2 h-2 bg-white  rounded-[35px];
    }
    .swiper-pagination-bullet-active {
      @apply w-8 lg:w-[45px] h-1.5 bg-white  rounded-[35px];
    }
  }
}
.hide-arrows {
  .swiper-button-prev,
  .swiper-button-next {
    @apply !hidden;
  }
}