.elementor-1540 .elementor-element.elementor-element-a6bd7e5{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1540 .elementor-element.elementor-element-9756ad3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-1540 .elementor-element.elementor-element-9756ad3 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:41px;font-weight:700;text-transform:uppercase;line-height:1.1em;color:#000000;}.elementor-1540 .elementor-element.elementor-element-2ab4b03{--display:flex;}.elementor-1540 .elementor-element.elementor-element-85bccba{border-radius:10px 10px 10px 10px;}.elementor-1540 .elementor-element.elementor-element-85bccba .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-1540 .elementor-element.elementor-element-91e1bf8{--display:flex;}.elementor-1540 .elementor-element.elementor-element-f141adc{border-radius:10px 10px 10px 10px;}.elementor-1540 .elementor-element.elementor-element-f141adc .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-1540 .elementor-element.elementor-element-aff17ca{--display:flex;}.elementor-1540 .elementor-element.elementor-element-12ee159{border-radius:10px 10px 10px 10px;}.elementor-1540 .elementor-element.elementor-element-12ee159 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-1540 .elementor-element.elementor-element-863d67c{--display:flex;}.elementor-1540 .elementor-element.elementor-element-40b1dc6{border-radius:10px 10px 10px 10px;}.elementor-1540 .elementor-element.elementor-element-40b1dc6 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-1540 .elementor-element.elementor-element-de3c460{--display:flex;}.elementor-1540 .elementor-element.elementor-element-bea16da{border-radius:10px 10px 10px 10px;}.elementor-1540 .elementor-element.elementor-element-bea16da .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-1540 .elementor-element.elementor-element-72a3bf0{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1540 .elementor-element.elementor-element-9756ad3 .elementor-heading-title{font-size:24px;}.elementor-1540 .elementor-element.elementor-element-72a3bf0{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-1540 .elementor-element.elementor-element-a6bd7e5{--content-width:1300px;}}@media(max-width:767px){.elementor-1540 .elementor-element.elementor-element-9756ad3{width:var( --container-widget-width, 270px );max-width:270px;--container-widget-width:270px;--container-widget-flex-grow:0;}.elementor-1540 .elementor-element.elementor-element-9756ad3 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-1540 .elementor-element.elementor-element-72a3bf0{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-eb74635 */<!-- ✅ Required: jQuery & Swiper -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

<!-- ✅ Your Swiper Init (example) -->
<script>
const swiper = new Swiper('.center-carousel .swiper', {
    slidesPerView: 3,
    spaceBetween: 30,
    loop: false, // set true only if needed
    // other swiper options...
});
</script>

<!-- ✅ Highlight Script -->
<script>
document.addEventListener("DOMContentLoaded", function () {
    let swiperInitialized = false;
    let resizeTimeout;

    function updateCenterSlide() {
        const swiperEl = document.querySelector('.center-carousel .swiper');
        if (!swiperEl || typeof swiperEl.swiper === 'undefined') {
            console.warn("Swiper not ready. Retrying update...");
            setTimeout(() => requestAnimationFrame(updateCenterSlide), 300);
            return;
        }

        const swiper = swiperEl.swiper;
        const totalSlides = swiper.slides.length;

        // Get visible slides count safely
        const visibleSlides = typeof swiper.params.slidesPerView === 'number'
            ? swiper.params.slidesPerView
            : Math.min(3, totalSlides);

        const centerOffset = Math.floor(visibleSlides / 2);
        const activeIndex = swiper.activeIndex;
        let centerIndex = activeIndex + centerOffset;

        if (centerIndex >= totalSlides) {
            centerIndex = centerIndex % totalSlides;
        }

        $('.center-carousel .swiper-slide').css({
            'transform': 'scale(0.90)',
            'opacity': '0.5',
            'padding': '0',
            'transition': 'transform 0.4s ease, opacity 0.3s ease, filter 0.3s ease',
            'filter': 'saturate(0.1) brightness(1) contrast(1)'
        });

        $('.center-carousel .swiper-slide').eq(centerIndex).css({
            'transform': 'scale(1)',
            'opacity': '1',
            'z-index': '2',
            'padding': '0 0px',
            'filter': 'saturate(1) brightness(1) contrast(1.1)'
        });
    }

    function attachSwiperEvents() {
        const swiperEl = document.querySelector('.center-carousel .swiper');
        if (!swiperEl || typeof swiperEl.swiper === 'undefined') {
            setTimeout(attachSwiperEvents, 300);
            return;
        }

        const swiper = swiperEl.swiper;
        swiper.on('slideChange', updateCenterSlide);
        swiper.on('slideChangeTransitionEnd', updateCenterSlide);

        updateCenterSlide(); // run once
    }

    function initSwiperScripts() {
        if (swiperInitialized || !window.matchMedia("(min-width: 768px)").matches) return;
        swiperInitialized = true;
        setTimeout(attachSwiperEvents, 500);
    }

    function handleResize() {
        clearTimeout(resizeTimeout);
        resizeTimeout = setTimeout(() => {
            const isDesktop = window.matchMedia("(min-width: 768px)").matches;

            if (isDesktop && !swiperInitialized) {
                initSwiperScripts();
            } else if (!isDesktop && swiperInitialized) {
                swiperInitialized = false;
                $('.center-carousel .swiper-slide').removeAttr('style');
            }
        }, 300);
    }

    initSwiperScripts();
    window.addEventListener('resize', handleResize);
});
</script>/* End custom CSS */