window.addEventListener("scroll", function() {
    const heroSection = document.getElementById("new-banner"); 
    const banner = document.getElementById("new-banner-1"); 
    const bannerClose = document.getElementById("banner-close"); 
    const heroHeight = heroSection.offsetHeight;
    const offset = 400; 
    if (window.scrollY > heroHeight) {
      banner.style.opacity = 0;
      bannerClose.style.opacity = 0;
     
    } else {
      banner.style.opacity = 1;
      bannerClose.style.opacity = 1;
    }
  });