.elementor-97 .elementor-element.elementor-element-d5d17da{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-97 .elementor-element.elementor-element-3316b05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-97 .elementor-element.elementor-element-42f1cc4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-97 .elementor-element.elementor-element-42f1cc4 img{width:65%;}.elementor-97 .elementor-element.elementor-element-08e0830{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-menu-toggle{margin:0 auto;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu .elementor-item{font-family:"Syne", Sans-serif;font-size:18px;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:0px;padding-right:0px;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-97 .elementor-element.elementor-element-2803b87{--e-nav-menu-horizontal-menu-item-margin:calc( 54px / 2 );}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:54px;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown{background-color:#F3F3F3;border-radius:15px 15px 15px 15px;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a:hover,
					.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-menu-toggle:hover{color:var( --e-global-color-secondary );}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a:hover,
					.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown .elementor-item, .elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:15px;border-top-right-radius:15px;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:15px;border-bottom-left-radius:15px;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a{padding-left:14px;padding-right:14px;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#F3EBEB;border-bottom-width:1px;}.elementor-97 .elementor-element.elementor-element-2803b87 div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-97 .elementor-element.elementor-element-2803b87 div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-97 .elementor-element.elementor-element-6decb11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97 .elementor-element.elementor-element-b482a75 .elementor-button{background-color:var( --e-global-color-accent );font-size:15px;letter-spacing:0.4px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );transition-duration:0.8s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;padding:13px 20px 12px 20px;}.elementor-97 .elementor-element.elementor-element-b482a75 .elementor-button:hover, .elementor-97 .elementor-element.elementor-element-b482a75 .elementor-button:focus{background-color:#FFFFFF00;color:#FFFFFF;border-color:var( --e-global-color-secondary );}.elementor-97 .elementor-element.elementor-element-b482a75{z-index:1;}.elementor-97 .elementor-element.elementor-element-b482a75 .elementor-button:hover svg, .elementor-97 .elementor-element.elementor-element-b482a75 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-97 .elementor-element.elementor-element-399b86e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-97 .elementor-element.elementor-element-3316b05{--width:75%;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-97 .elementor-element.elementor-element-42f1cc4.elementor-element{--align-self:center;}.elementor-97 .elementor-element.elementor-element-42f1cc4{text-align:start;}.elementor-97 .elementor-element.elementor-element-42f1cc4 img{width:49%;max-width:54%;}.elementor-97 .elementor-element.elementor-element-08e0830{--width:25%;}.elementor-97 .elementor-element.elementor-element-2803b87 .elementor-nav-menu--dropdown a{padding-top:16px;padding-bottom:16px;}.elementor-97 .elementor-element.elementor-element-2803b87{--nav-menu-icon-size:26px;}}@media(min-width:768px){.elementor-97 .elementor-element.elementor-element-3316b05{--width:15%;}.elementor-97 .elementor-element.elementor-element-08e0830{--width:70%;}.elementor-97 .elementor-element.elementor-element-6decb11{--width:15%;}}/* Start custom CSS for container, class: .elementor-element-d5d17da *//* Remove ALL top spacing from page */
html, body {
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove Elementor wrapper spacing */
.elementor-section-wrap,
.elementor-container,
.elementor {
  margin-top: 0 !important;
  padding-top: -20 !important;
}

/* Default state (top - transparent) */
.scroll-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 2) 20%,
    rgba(0, 0, 0, 0.6) 40%,
    rgba(0, 0, 0, 0) 100%
  );

  transition: all 0.3s ease;
}
/* After scroll (image applied) */
.scroll-header.scrolled {
  background-image: url("https://www.izoof.com/wp-content/uploads/2025/07/asdasdad.png") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
<script>
document.addEventListener("DOMContentLoaded", function () {
  const header = document.querySelector(".scroll-header");

  window.addEventListener("scroll", function () {
    if (window.scrollY > 50) {
      header.classList.add("scrolled");
    } else {
      header.classList.remove("scrolled");
    }
  });
});
</script>/* End custom CSS */