document.addEventListener('DOMContentLoaded', function () { const carousels = document.querySelectorAll('.elementor-swiper'); carousels.forEach(carousel => { const swiperInstance = carousel.swiper; if (swiperInstance) { // Destroy the existing swiper swiperInstance.destroy(true, true); // Initialize a new swiper with fade effect new Swiper(carousel, { effect: 'fade', fadeEffect: { crossFade: true }, loop: true, autoplay: { delay: 3000, disableOnInteraction: false }, pagination: { el: '.swiper-pagination', clickable: true }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } }); } }); });