const swiper = new Swiper('.swiper', {
    breakpoints: {
        // xs
        0: {
            slidesPerView: 1,
        },
        // sm
        576: {
            slidesPerView: 2,
        },
        // md
        768: {
            slidesPerView: 3,
        },
        // lg
        992: {
            slidesPerView: 3,
        },
        // xl
        1200: {
            slidesPerView: 4,
        },
        // xxl
        1400: {
            slidesPerView: 4,
        },
    },
    breakpointsInverse: true,
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    slidesPerGroup: 1,
    spaceBetween: 30
});