.swiper-pagination-bullet {
    background-color: #ff1010; /* Tailwind purple-500 */
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background-color: #fff; /* Tailwind purple-700 */
}

.swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 0.5rem;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}