@import "../../node_modules/swiper/swiper-bundle.css";

.custom-prev,
.custom-next {
    @apply cursor-pointer w-12 h-12 flex items-center justify-center rounded-full bg-mantis text-white;
}

.custom-pagination {
    @apply flex items-center justify-center gap-2 mt-8;
}

.custom-pagination .bullet {
    @apply w-2 h-2 bg-iron cursor-pointer;
}

.custom-pagination .bullet.swiper-pagination-bullet-active {
    @apply bg-iron;
}

.custom-pagination.swiper-pagination-lock {
    @apply hidden;
}