// 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", }, });