.elementor-2 .elementor-element.elementor-element-350cad6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2 .elementor-element.elementor-element-5e9a499c{--display:flex;--background-transition:0.3s;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-7b0a50b{--swiper-slides-to-display:3;--swiper-slides-gap:0px;--swiper-pagination-size:5px;--swiper-pagination-spacing:57px;}.elementor-2 .elementor-element.elementor-element-7b0a50b > .elementor-widget-container{padding:50px 0px 56px 0px;}.elementor-2 .elementor-element.elementor-element-7b0a50b .swiper-slide > .elementor-element{height:100%;}@media(min-width:2400px){.elementor-2 .elementor-element.elementor-element-7b0a50b{--swiper-slides-to-display:3;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-7b0a50b{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-7b0a50b{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-7b0a50b *//* General opacity for all slides */
.cstom-carousel .swiper-slide {
    opacity: 7;
    transition: transform 2.5s ease, opacity 1.5s ease;
    z-index: 1; /* Make sure non-active slides stay behind */
}


/* Adjacent slides (previous and next) */
.custom-carousel .swiper-slide-next, 
.custom-carousel .wiper-slide-prev {
    transform: scale(1.3); /* Slightly smaller */
    opacity: 1; /* Full opacity */
    z-index: 999; /* Ensure they appear just behind the active slide */ 
}

/* Reset for slides that are not in the active set (hidden slides) */
.custom-carousel .swiper-slide:not(swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
    transform: scale(1); /* Default size for non-adjacent slides */
    opacity: 0.7; /* Default opacity */
    z-index: 1; /* Make sure they're behind */

   .titlecaro {
    dispay: block !important;
}

/* Hide title for all slides */
.titlecaro {
    display: none !important;
}

/* Show title only on the center (active) slide */
.swiper-slide-active  /* Display title for the active (center) slide */
}/* End custom CSS */