@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/* Swiper */

.swiper-pagination {
    @apply !flex !justify-center !items-center;
}

.swiper-pagination-bullet {
    @apply !bg-gray-50 !w-2 !h-1.5 !rounded-full;
}

.swiper-pagination-bullet-active {
    @apply !bg-red-500 !w-10 !h-1.5
}

.swiper-button-prev,
.swiper-button-next {
  display: none !important;
}

iframe{
    @apply rounded-2xl p-3 overflow-hidden
}

.swiper-button-disabled svg {
    color: #dedede !important;
    cursor: not-allowed;
}