script.js

const navBar = document.querySelector(".navbar");

window.addEventListener("scroll", () => {
	const positionWindow = window.scrollY > 0;
	navBar.classList.toggle("scroll-active", positionWindow);
	sideBar.classList.remove("menu-active");
});

const menuBar = document.querySelector(".ri-menu-line");
const sideBar = document.querySelector(".nav");

menuBar.addEventListener('click', function() {
	sideBar.classList.toggle("menu-active");
});

const iconClose = document.querySelector(".ri-close-line");

iconClose.addEventListener('click', function(){
	sideBar.classList.remove("menu-active");
});

// swiper
var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1,
        spaceBetween: 10,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        breakpoints: {
          640: {
            slidesPerView: 1,
            spaceBetween: 20,
          },
          768: {
            slidesPerView: 2,
            spaceBetween: 40,
          },
          1024: {
            slidesPerView: 3,
            spaceBetween: 50,
          },
        },
      });

AOS.init();