// responsive navbar for mobile menu
const resBtn = document.getElementById("res-btn");
const bodyTag = document.querySelector("body");


resBtn.addEventListener('click',  () => {
    bodyTag.classList.toggle("show-mobile-menu");
})
// responsive navbar for mobile menu end


// course short description slider
var swiper = new Swiper(".courses-short-desc", {
    spaceBetween: 30,
    loop: true,
    spaceBetween: 10,
    autoHeight: true,
    allowTouchMove: true,
    slidesPerView: 1,
    breakpoints: {
        640: {
            slidesPerView: 2,
            spaceBetween: 10,
        },
        768: {
            slidesPerView: 3,
            spaceBetween: 20,
        },
        1024: {
            slidesPerView: 4,
            spaceBetween: 30,
        },
      },
      autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
});
    
    
// why slider

var swiper = new Swiper(".why-slider-1", {
    slidesPerView: "auto",
    centeredSlides: true,
    direction: "vertical",
    loop: true,
    speed: 5000,
    autoplay: {
        delay: 0,
        pauseOnMouseEnter: true,
        reverseDirection: true
      },
    spaceBetween: 20,
});


// new course  slider
var swiper = new Swiper(".new-course-slider", {
    spaceBetween: 30,
    loop: true,
    spaceBetween: 10,
    autoHeight: true,
    allowTouchMove: true,
    slidesPerView: 1,
    autoplay: {
        delay: 0,
        pauseOnMouseEnter: false,
    },
    breakpoints: {
        640: {
            slidesPerView: 2,
            spaceBetween: 10,
        },
        768: {
            slidesPerView: 3,
            spaceBetween: 20,
        },
        1024: {
            slidesPerView: 4,
            spaceBetween: 30,
        },
      },
      
});


// memory slider
var swiper = new Swiper(".memory-slider", {
    slidesPerView: 1,
    spaceBetween: 80,
    loop: true,
    navigation: {
      nextEl: ".memory-slider-next",
      prevEl: ".memory-slider-prev",
    },
  });


    