// 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, }, }); // course short description slider var swiper = new Swiper(".why-slider-1", { slidesPerView: "auto", centeredSlides: true, direction: "vertical", loop: true, autoplay: { delay: 2000, pauseOnMouseEnter: true, reverseDirection: true }, spaceBetween: 20, }); var swiper = new Swiper(".why-slider-2", { slidesPerView: "auto", centeredSlides: true, direction: "vertical", loop: true, autoplay: { delay: 2000, reverseDirection: false, pauseOnMouseEnter: true, }, spaceBetween: 20, }); // course short description slider // course short description slider var swiper = new Swiper(".new-course-slider", { spaceBetween: 30, loop: true, spaceBetween: 10, autoHeight: true, allowTouchMove: true, slidesPerView: 1, autoplay: { delay: 2500, pauseOnMouseEnter: true, }, breakpoints: { 640: { slidesPerView: 2, spaceBetween: 10, }, 768: { slidesPerView: 3, spaceBetween: 20, }, 1024: { slidesPerView: 4, spaceBetween: 30, }, }, });