.elementor-2290 .elementor-element.elementor-element-ded7b42{--display:flex;}.elementor-2290 .elementor-element.elementor-element-97795e5{width:var( --container-widget-width, 84.508% );max-width:84.508%;--container-widget-width:84.508%;--container-widget-flex-grow:0;}.elementor-2290 .elementor-element.elementor-element-97795e5 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-transparent ) 0%, var( --e-global-color-transparent ) 0%);}.elementor-2290 .elementor-element.elementor-element-97795e5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2290:not(.elementor-motion-effects-element-type-background), .elementor-2290 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #01244B 100%);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-2290 .elementor-element.elementor-element-ded7b42{--content-width:500px;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-2290 .elementor-element.elementor-element-ded7b42{--content-width:500px;}}/* Start custom CSS for container, class: .elementor-element-ded7b42 */<script>
var prevScrollpos = window.pageYOffset;
var header = document.getElementById("hide-header");

window.onscroll = function() {
  var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
    header.style.transform = "translateY(0)";
  } else {
    header.style.transform = "translateY(-80px)"; /* adjust this value to the height of your header */
  }
  prevScrollpos = currentScrollPos;
}
</script>

<style>
#hide-header {
  transition: transform 0.4s ease;
}
</style>/* End custom CSS */