text: document.addEventListener("DOMContentLoaded", function(){
  // make it as accordion for smaller screens
  if (window.innerWidth > 992) {
  
  	document.querySelectorAll('.navbar .nav-item').forEach(function(everyitem){
  
  		everyitem.addEventListener('mouseover', function(e){
  
  			let el_link = this.querySelector('a[data-bs-toggle]');
  
  			if(el_link != null){
  				let nextEl = el_link.nextElementSibling;
  				el_link.classList.add('show');
  				nextEl.classList.add('show');
  			}
  
  		});
  		everyitem.addEventListener('mouseleave', function(e){
  			let el_link = this.querySelector('a[data-bs-toggle]');
  
  			if(el_link != null){
  				let nextEl = el_link.nextElementSibling;
  				el_link.classList.remove('show');
  				nextEl.classList.remove('show');
  			}
  
  
  		})
  	});
  
  }
  // end if innerWidth
  }); 
  // DOMContentLoaded  end
  
  
  
  
  $('.owl-carousel').owlCarousel({
      loop:true,
      margin:10,
      nav:true,
      responsive:{
          0:{
              items:2
          },
          600:{
              items:3
          },
          1000:{
              items:6
          }
      }
  })
  // When the user scrolls the page, execute myFunction
  window.onscroll = function() {myFunction()};
  
  // Get the header
  var header = document.getElementById("myHeader");
  
  // Get the offset position of the navbar
  var sticky = header.offsetTop;
  
  // Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
  function myFunction() {
    if (window.pageYOffset > sticky) {
      header.classList.add("sticky");
    } else {
      header.classList.remove("sticky");
    }
  }
  
  