document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('[data-swiper]').forEach(function (section) {
        new Swiper(section.querySelector('.swiper'), {
            navigation: {
                addIcons: false,
                nextEl: section.querySelector('.swiper-button-next'),
                prevEl: section.querySelector('.swiper-button-prev'),
            },
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
                pauseOnMouseEnter: true,
            },
            slidesPerView: 1,
            spaceBetween: 30,
            breakpoints: {
                768: {
                    slidesPerView: 2,
                    spaceBetween: 40,
                },
                1024: {
                    slidesPerView: 3,
                    spaceBetween: 50,
                },
            },
        });
    });
});