/* Carousel Styling */
.user-ratings-wrapper.swiper {
    padding-bottom: 35px; /* Space for pagination */
}

.user-rating.swiper-slide {
    height: auto; /* Equal height slides */
}

/* Navigation Arrows Base Styles */
.swiper-button-prev,
.swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
}

/* Remove default swiper arrow styles */
.swiper-button-prev:after,
.swiper-button-next:after {
    font-weight: 700;
}

/* Pagination Dots Base Styles */
.swiper-pagination {
    position: relative;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination-bullet {
    opacity: 1;
    transition: all 0.3s ease;
}

/* Mobile Specific Styles */
@media (max-width: 767px) {
    .swiper-button-prev,
    .swiper-button-next {
        transform: scale(0.8);
    }
    
    .swiper-button-prev {
        left: 0;
    }
    
    .swiper-button-next {
        right: 0;
    }
}