/* Swiper Pagination Custom Styling - Travelspoc Theme */
.swiper-pagination-bullet {
    background-color: #f7ae1d !important; /* Travelspoc base color */
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
}

.swiper-pagination-bullet:hover {
    opacity: 1 !important;
    transform: scale(1.1) !important;
}

.swiper-pagination-bullet-active {
    background-color: #f7ae1d !important; /* Travelspoc base color */
    opacity: 1 !important;
    transform: scale(1.2) !important;
}

/* Footer testimonial slider specific styling */
.footer-testimonial .swiper-pagination-bullet {
    background-color: #f7ae1d !important;
    border: 2px solid transparent !important;
}

.footer-testimonial .swiper-pagination-bullet-active {
    background-color: #f7ae1d !important;
    border-color: #f7ae1d !important;
    box-shadow: 0 0 10px rgba(247, 174, 29, 0.5) !important;
}

/* Home page testimonial slider specific styling */
.testimonial-swiper .swiper-pagination-bullet {
    background-color: #f7ae1d !important;
}

.testimonial-swiper .swiper-pagination-bullet-active {
    background-color: #f7ae1d !important;
}

/* Dark theme variants for better contrast */
.main-footer .swiper-pagination-bullet {
    background-color: #f7ae1d !important;
}

.main-footer .swiper-pagination-bullet-active {
    background-color: #f7ae1d !important;
    box-shadow: 0 0 8px rgba(247, 174, 29, 0.6) !important;
}

/* Testimonial responsive styles - Let Swiper handle the width naturally */
@media (min-width: 992px) {
    .myTestimonialSwiper {
        padding: 0 20px; /* Add padding to prevent cutoff */
    }
}

@media (min-width: 1200px) {
    .myTestimonialSwiper {
        padding: 0 25px; /* Slightly more padding for larger screens */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .myTestimonialSwiper {
        padding: 0 15px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .myTestimonialSwiper {
        padding: 0 10px;
    }
}

@media (max-width: 575px) {
    .myTestimonialSwiper {
        padding: 0 10px;
    }
}