.elementor-42 .elementor-element.elementor-element-ecc39bc{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-42 .elementor-element.elementor-element-ecc39bc:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-ecc39bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(144deg, #87A96B 31%, #5F8046 76%);}.elementor-42 .elementor-element.elementor-element-a441187 img{width:200px;}.elementor-42 .elementor-element.elementor-element-56f73a0 .elementor-menu-toggle{margin:0 auto;}.elementor-42 .elementor-element.elementor-element-56f73a0 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;}.elementor-42 .elementor-element.elementor-element-56f73a0 .elementor-nav-menu--main .elementor-item{color:#ECE6CE;fill:#ECE6CE;}.elementor-42 .elementor-element.elementor-element-56f73a0 div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-42 .elementor-element.elementor-element-56f73a0 div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-42 .elementor-element.elementor-element-12ff4fe .elementor-icon-wrapper{text-align:center;}.elementor-42 .elementor-element.elementor-element-12ff4fe.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-42 .elementor-element.elementor-element-12ff4fe.elementor-view-framed .elementor-icon, .elementor-42 .elementor-element.elementor-element-12ff4fe.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-42 .elementor-element.elementor-element-12ff4fe.elementor-view-framed .elementor-icon, .elementor-42 .elementor-element.elementor-element-12ff4fe.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-42 .elementor-element.elementor-element-12ff4fe .elementor-icon{font-size:41px;}.elementor-42 .elementor-element.elementor-element-12ff4fe .elementor-icon svg{height:41px;}.elementor-42 .elementor-element.elementor-element-e224682 > .elementor-widget-container{margin:0px 0px 0px -112px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-e224682{column-gap:0px;text-align:center;font-family:"Lato", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;color:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1180px){.elementor-42 .elementor-element.elementor-element-e224682 > .elementor-widget-container{margin:0px 0px 0px -43px;}}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-ecc39bc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-42 .elementor-element.elementor-element-a441187 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-a441187 img{width:140px;}.elementor-42 .elementor-element.elementor-element-56f73a0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 26px;}.elementor-42 .elementor-element.elementor-element-56f73a0.elementor-element{--order:99999 /* order end hack */;}.elementor-42 .elementor-element.elementor-element-e224682{text-align:center;font-size:11px;}.elementor-42 .elementor-element.elementor-element-e224682 p{margin-block-end:0px;}}/* Start custom CSS for icon, class: .elementor-element-12ff4fe *//* Sticky header */
.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-color: #0E0E0E; /* or your desired base */
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

/* Scrolled state */
.sticky-header.scrolled {
  background-color: rgba(14, 14, 14, 0.85); /* slightly transparent */
  backdrop-filter: blur(4px); /* optional: gives it a frosted look */
}

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const header = document.querySelector('.sticky-header');

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