let menu = document.querySelector('menu-btn');
let navbar = document.querySelector('.header .navbar');

menu.onclick = () =>{
	menu.classlist.toggle('fa-times');
	navbar.classlist.toggle('active');
};

window.onscroll = () =>{
	menu.classlist.remove('fa-times');
	navbar.classlist.remove('active');
};

var swiper = new Swiper(".home-slider", {
	loop:true,
    navigation: {
    	nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    },
});

var swiper = new Swiper(".reviews-slider", {
	loop:true,
	spaceBetween:20,
	autoHeight:true,
	grabCursor:true,
    breakpoints: {
    	640:{
    		slidePerView:1,
    	},
    	768:{
    		slidePerView:2,
    	},
    	1024:{
    		slidePerView:3,
    	},
    },
});

let loadMoreBtn = document.querySelector('.packages .load-more .btn');
let currentItem = 3;

loadMoreBtn.onclick = () =>{
	let boxes = [...document.querySelectorAll('.packages .box-container .box')];
	for (var i = currentItem; i < currentItem + 3; i++) {
		boxes[i].style.display = 'inline-block';
	};
	currentItem += 3;
	if (currentItem >= boxes.length) {
		loadMoreBtn.style.display = 'none';
	}
}