.elementor-1836 .elementor-element.elementor-element-781eb11{--display:flex;--position:fixed;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--overlay-opacity:0;--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:3px;--padding-right:3px;top:0px;--z-index:9999;}.elementor-1836 .elementor-element.elementor-element-781eb11:not(.elementor-motion-effects-element-type-background), .elementor-1836 .elementor-element.elementor-element-781eb11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000007A;}.elementor-1836 .elementor-element.elementor-element-781eb11::before, .elementor-1836 .elementor-element.elementor-element-781eb11 > .elementor-background-video-container::before, .elementor-1836 .elementor-element.elementor-element-781eb11 > .e-con-inner > .elementor-background-video-container::before, .elementor-1836 .elementor-element.elementor-element-781eb11 > .elementor-background-slideshow::before, .elementor-1836 .elementor-element.elementor-element-781eb11 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1836 .elementor-element.elementor-element-781eb11 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#363537;--background-overlay:'';}.elementor-1836 .elementor-element.elementor-element-c8f781e{--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-1836 .elementor-element.elementor-element-c8f781e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1836 .elementor-element.elementor-element-caf970f{width:var( --container-widget-width, 76.495% );max-width:76.495%;--container-widget-width:76.495%;--container-widget-flex-grow:0;text-align:center;}.elementor-1836 .elementor-element.elementor-element-caf970f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-caf970f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-caf970f img{width:150px;}.elementor-1836 .elementor-element.elementor-element-4e87389{width:var( --container-widget-width, 76.495% );max-width:76.495%;--container-widget-width:76.495%;--container-widget-flex-grow:0;text-align:center;}.elementor-1836 .elementor-element.elementor-element-4e87389 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-4e87389.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-4e87389 img{width:150px;}.elementor-1836 .elementor-element.elementor-element-635eedc{width:var( --container-widget-width, 1.632% );max-width:1.632%;--container-widget-width:1.632%;--container-widget-flex-grow:0;}.elementor-1836 .elementor-element.elementor-element-635eedc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-d7ce59f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1836 .elementor-element.elementor-element-d7ce59f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-1920095{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-1920095 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-1920095.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav > li > a{font-family:"Lato", Sans-serif;font-size:15px;font-weight:normal;color:#FFFFFF;padding:0px 15px 0px 15px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#F8F8F8;fill:#F8F8F8;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#F8F8F8;fill:#F8F8F8;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-submenu-panel{padding:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-hamburger{float:right;}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1836 .elementor-element.elementor-element-c8f781e{--width:12%;}.elementor-1836 .elementor-element.elementor-element-d7ce59f{--width:85%;}}@media(max-width:1024px){.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-1836 .elementor-element.elementor-element-1920095 button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-1836 .elementor-element.elementor-element-1920095 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}/* Start custom CSS */<style>
  /* --- Header Background Styling --- */
  
  .elementor-element-b6dd984 {
    transition: background-color 0.3s ease;
  }
  
  .transparent-header {
    background-color: transparent;
  }
  
  .solid-header {
    background-color: rgba(0, 0, 0, 0.7); /* Black with 70% opacity */
  }

  /* --- Logo Styling --- */
  
  /* This hides your second logo (logo-2) by default */
  .logo-2 {
    display: none;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    
    // Select the elements using the classes you assigned
    var header = document.querySelector('.elementor-element-b6dd984');
    var logo1 = document.querySelector('.logo-1');
    var logo2 = document.querySelector('.logo-2');

    // Check if all elements were found
    if (header && logo1 && logo2) {
      
      // Set initial state on page load
      header.classList.add('transparent-header');
      logo2.style.display = 'none';
      logo1.style.display = ''; // Make sure logo 1 is visible

      // Add scroll event listener
      window.addEventListener('scroll', function() {
        // Check if the scroll position is greater than 100px
        if (window.scrollY > 100) {
          // --- Scrolled State ---
          header.classList.add('solid-header');
          header.classList.remove('transparent-header');
          logo1.style.display = 'none';  // Hide logo 1
          logo2.style.display = '';    // Show logo 2
        } else {
          // --- Top of Page State ---
          header.classList.remove('solid-header');
          header.classList.add('transparent-header');
          logo1.style.display = '';    // Show logo 1
          logo2.style.display = 'none'; // Hide logo 2
        }
      });

    } else {
      // This will help you troubleshoot if the classes are wrong
      console.warn("Header or logo elements not found. Check your CSS classes.");
    }
  });
</script>/* End custom CSS */