window.addEventListener("DOMContentLoaded", (event) => {



const swiper = new Swiper('.swiper1', {
  // Optional parameters
  direction: 'horizontal',
  loop: true,





  // If we need pagination
  pagination: {
    el: '.swiper-pagination',
    clickable:true
  },


 autoplay: {
   delay: 4000,
 },

  // Navigation arrows
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },


  // And if we need scrollbar
  scrollbar: {
    el: '.swiper-scrollbar',
  },
});


const swiper2 = new Swiper('.swiper2', {
  // Optional parameters
  direction: 'horizontal',
  loop: true,


 autoplay: {
   delay: 4000,
 },

  // If we need pagination
  pagination: {
    el: '.swiper-pagination2',

  },


  // Navigation arrows
  navigation: {
    nextEl: '.swiper-button-next2',
    prevEl: '.swiper-button-prev2',
  },


  // And if we need scrollbar
  scrollbar: {
    el: '.swiper-scrollbar',
  },
});


const swiper3 = new Swiper('.swiper3', {
  // Optional parameters
  direction: 'horizontal',
  loop: true,


 autoplay: {
   delay: 3000,
 },

  // If we need pagination
  pagination: {
    el: '.swiper-pagination2',

  },


  // Navigation arrows
  navigation: {
    nextEl: '.swiper-button-next2',
    prevEl: '.swiper-button-prev2',
  },


  // And if we need scrollbar
  scrollbar: {
    el: '.swiper-scrollbar',
  },
});


});