/* Swiper Overflow Fix - Prevents horizontal scrollbar without hiding content */
/* This fixes the issue where Swiper sliders cause horizontal overflow */

/* Main Swiper container - prevent overflow */
.elementor-swiper {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Swiper main container */
.elementor-main-swiper {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Don't hide overflow on swiper-wrapper - this contains the slides */
.swiper-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Individual slides - don't hide overflow, just ensure proper sizing */
.swiper-slide {
    box-sizing: border-box !important;
}

/* Only hide overflow on carousel/swiper widget containers, not all widgets */
.elementor-widget-testimonial-carousel .elementor-widget-container,
.elementor-widget-reviews .elementor-widget-container,
.e-widget-swiper .elementor-widget-container {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix for testimonial carousel swiper container specifically */
.elementor-widget-testimonial-carousel .elementor-swiper,
.elementor-widget-reviews .elementor-swiper {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure the page body doesn't get horizontal scroll */
body {
    overflow-x: hidden !important;
}

/* Fix for any section containing Swiper */
.elementor-section {
    overflow-x: hidden !important;
}

/* Responsive fixes - be more careful with overflow */
@media (max-width: 768px) {
    .elementor-swiper,
    .elementor-main-swiper {
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .swiper-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
}