#test

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $(window).scroll(function() {
    const targetSections = $('section[data-section-id="6757304d1bef2b012ffb89ae"]');
    const header = $('#header');
    const scrollPosition = $(window).scrollTop();
    const headerHeight = header.outerHeight();
    let isInAnySection = false;
    targetSections.each(function() {
      const section = $(this);
      const sectionTop = section.offset().top;
      const sectionBottom = sectionTop + section.outerHeight();
      if (scrollPosition >= sectionTop - headerHeight && scrollPosition <= sectionBottom) {
        isInAnySection = true;
        header.addClass('add-new');
        return false; 
      }
    });
    if (!isInAnySection) {
      header.removeClass('add-new');
    }
  });
});
</script>
<style>
  body:has(.add-new) section.page-section:first-child {
  	opacity: 0 !important;
visibility: hidden !important;
  }
body.homepage section.page-section:first-child {
    position: sticky!important; 
    position: -webkit-sticky;
    top: 0px!important;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.8)!important
}
body.homepage section:nth-child(n+2) {
position: relative !important;
z-index: 99999 !important;
}
html {scroll-behavior: smooth}
</style>