// 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


// 

var swiper = new Swiper(".courses-short-desc", {
    slidesPerView: "auto",
    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,
    },
});