document.addEventListener('DOMContentLoaded', function () {
  const fixedHeader = document.querySelector('.fixed-header'); // Fixed header class
  const stickyHeader = document.querySelector('.sticky-header'); // Sticky header class

  window.addEventListener('scroll', function () {
    const fixedHeaderHeight = fixedHeader.offsetHeight;

    if (window.scrollY > fixedHeaderHeight) {
      stickyHeader.style.display = 'flex'; // Show sticky header
    } else {
      stickyHeader.style.display = 'none'; // Hide sticky header
    }
  });
});