// 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: 1,
        pauseOnMouseEnter: false,
        reverseDirection: true
      },
    spaceBetween: 20,
});


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


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