var swiper = new Swiper(".mClinic_slide", {
        effect: 'fade',
        loop: true,
        autoplay: {
            delay: 6000,
            disableOnInteraction: false,
        },
  on: {
   slideChange : function(){
    var activeIndex = this.activeIndex - 1  
    if(activeIndex == $("#mClinic .img_box_list div").length){
     $("#mClinic .img_box_list div").removeClass("active")
     $("#mClinic .img_box_list div:first").addClass("active")   
    } else if (activeIndex < 0) {
     $("#mClinic .img_box_list div").removeClass("active")
     $("#mClinic .img_box_list div:last").addClass("active")
    } else {
     $("#mClinic .img_box_list div").removeClass("active")
     $("#mClinic .img_box_list div:eq("+ activeIndex +")").addClass("active")
    }
    console.log(activeIndex)
   },
  },
    });
    var swiper = new Swiper(".mService_slide", {
        effect: 'fade',
        loop: true,
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-pagination",
            type: "fraction",
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
    var swiper = new Swiper(".mMedical_slide", {
        slidesPerView: "auto",
        spaceBetween: 20,
        scrollbar: {
            el: ".swiper-scrollbar",
            hide: true,
        },
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        breakpoints: {
            1024: {
                slidesPerView: 2,
                spaceBetween: 10,
            },
            500: {
                slidesPerView: 1,
                spaceBetween: 10,
            },
        }
    });