main.js

let menu = document.querySelector('#menu-icon');
let navbar = document.querySelector('.navbar');

  menu.onclick = () => {
     menu.classList.toggle('bx-x');
     navbar.classList.toggle('active');
 }

window.onscroll =()=>{
    menu.classList.remove('bx-x');
    navbar.classList.remove('active');
}

const sr = ScrollReveal({
    distance: '60px',
    duration: 2500,
    delay: 400,
    reset: true,
})
sr.reveal('.text',{dealay:200, origin:'top'})
sr.reveal('.form-container form',{dealay:800, origin:'top'})
sr.reveal('.heading',{dealay:600, origin:'top'})
sr.reveal('.ride-container .box',{dealay:600, origin:'top'})
sr.reveal('.services-container .box',{dealay:600, origin:'top'})
sr.reveal('.About-container .box',{dealay:600, origin:'top'})
sr.reveal('.reviews-container',{dealay:600, origin:'top'})
sr.reveal('.newsletter .box',{dealay:400, origin:'bottom'})