// Scroll detection to show the sticky header
window.addEventListener('scroll', function() {
var scrollPosition = window.scrollY || document.documentElement.scrollTop; // Get the current scroll position
var stickyHeader = document.querySelector('.sticky-header');
if (scrollPosition>100) { // You can adjust this value (100) based on when you want the sticky header to appear
stickyHeader.classList.add('show'); // Add class to show sticky header
} else {
stickyHeader.classList.remove('show'); // Remove class to hide sticky header
}
});
