travel.js

let searchBtn=document.querySelector('#search-btn');
let searchBar=document.querySelector('.search-bar-container');

window.onscroll=()=>{
    searchBtn.classList.remove('fa-times');
    searchBar.classList.remove('active');
    menu.classList.remove('fa-times');
    navbar.classList.remove('active');
    loginForm.classList.remove('active');
   
   }
searchBtn.addEventListener('click',()=>{
    searchBtn.classList.toggle('fa-times');
    searchBar.classList.toggle('active');
   

});
let formBtn=document.querySelector('#login-btn');
let loginForm=document.querySelector('.login-form-container');
let formClose=document.querySelector('#form-close');
formBtn.addEventListener('click',()=>{
    loginForm.classList.add('active');
});
formClose.addEventListener('click',()=>{
    loginForm.classList.remove('active');
});

let menu=document.querySelector('#menu-bar');
let navbar=document.querySelector('.navbar');
menu.addEventListener('click',()=>{
    menu.classList.toggle('fa-times');
    navbar.classList.toggle('active');
   });

   let videoBtn=document.querySelectorAll('.vid-btn'); 
   videoBtn.forEach(btn=>{
btn.addEventListener('click', ()=>{
document.querySelector('.controls .active').classList.remove('active');
btn.classList.add('active');
let src=btn.getAttribute('data-src');
document.querySelector('#video-slider').src=src;
});
   }) ;
   var swiper = new Swiper(".review-slider", {
       spacebetween:20,
       loop:true,
       autoplay:{
           delay:2500,
           disableonIntraction:false,
       },
       breakpoints:{
           640:{
               slidesPerView:1,
           },
           768:{
            slidesPerView:2,
        },
        1024:{
            slidesPerView:3,
        },
       },
   });
   var swiper = new Swiper(".brand-slider", {
    spacebetween:20,
    loop:true,
    autoplay:{
        delay:2500,
        disableonIntraction:false,
    },
    breakpoints:{
        450:{
            slidesPerView:2,
        },
        768:{
         slidesPerView:3,
     },
     991:{
         slidesPerView:4,
     },
     1200:{
        slidesPerView:5,
    },
    },
});