.elementor-38 .elementor-element.elementor-element-dd1f713{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-38 .elementor-element.elementor-element-dd1f713:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-dd1f713 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAEF;}.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-38 .elementor-element.elementor-element-64b445a{width:100%;max-width:100%;text-align:center;}.elementor-38 .elementor-element.elementor-element-64b445a .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:36px;font-weight:600;text-transform:uppercase;line-height:1.3em;color:#000000;}.elementor-38 .elementor-element.elementor-element-eacf192{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-a644996{--display:flex;}.elementor-38 .elementor-element.elementor-element-a68ae55{border-radius:10px 10px 10px 10px;}.elementor-38 .elementor-element.elementor-element-a68ae55 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-38 .elementor-element.elementor-element-a8cd022{--display:flex;}.elementor-38 .elementor-element.elementor-element-95f1753{border-radius:10px 10px 10px 10px;}.elementor-38 .elementor-element.elementor-element-95f1753 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-38 .elementor-element.elementor-element-f52b05c{--display:flex;}.elementor-38 .elementor-element.elementor-element-d2966b1{border-radius:10px 10px 10px 10px;}.elementor-38 .elementor-element.elementor-element-d2966b1 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-38 .elementor-element.elementor-element-b905883{--display:flex;}.elementor-38 .elementor-element.elementor-element-5768bad{border-radius:10px 10px 10px 10px;}.elementor-38 .elementor-element.elementor-element-5768bad .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-38 .elementor-element.elementor-element-63042b7{--display:flex;}.elementor-38 .elementor-element.elementor-element-0ce165f{border-radius:10px 10px 10px 10px;}.elementor-38 .elementor-element.elementor-element-0ce165f .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-38 .elementor-element.elementor-element-be89d87{--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(min-width:768px){.elementor-38 .elementor-element.elementor-element-eacf192{--content-width:1300px;}}@media(max-width:1024px){.elementor-38 .elementor-element.elementor-element-64b445a .elementor-heading-title{font-size:24px;}.elementor-38 .elementor-element.elementor-element-be89d87{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-38 .elementor-element.elementor-element-dd1f713{--min-height:120px;}.elementor-38 .elementor-element.elementor-element-64b445a{width:var( --container-widget-width, 270px );max-width:270px;--container-widget-width:270px;--container-widget-flex-grow:0;}.elementor-38 .elementor-element.elementor-element-64b445a .elementor-heading-title{font-size:25px;line-height:1.4em;}.elementor-38 .elementor-element.elementor-element-eacf192{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:40px;--padding-left:20px;--padding-right:19px;}.elementor-38 .elementor-element.elementor-element-be89d87{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-5773015 */<!-- ✅ 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 */