.elementor-5185 .elementor-element.elementor-element-9391edd{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF80;--border-color:#FFFFFF80;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5185 .elementor-element.elementor-element-d21de67{--display:flex;--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-between;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-5185 .elementor-element.elementor-element-aaae985 > .elementor-widget-container{margin:0px 9px 0px 0px;padding:20px 0px 20px 0px;}.elementor-5185 .elementor-element.elementor-element-aaae985 .wgl-logotype-container,
                     .elementor-5185 .elementor-element.elementor-element-aaae985{text-align:left;justify-content:lex-start;}.elementor-5185 .elementor-element.elementor-element-9377987 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5185 .elementor-element.elementor-element-9377987 .side_panel{color:#FFFFFF;}@media(min-width:768px){.elementor-5185 .elementor-element.elementor-element-9391edd{--content-width:2560px;}}/* Start custom CSS for container, class: .elementor-element-9391edd */.elementor-5185 .elementor-element.elementor-element-9391edd.elementor-sticky--effects {
    display: none !important;
}

/* --- 1. DEFAULT STATE (Before Scrolling) --- */
/* Show the main navbar, hide the sub-navbar */
.elementor-5185 .elementor-element.elementor-element-9391edd .main-navbar-container {
    display: flex;
    transition: all 0.4s ease-in-out;
}
.elementor-5185 .elementor-element.elementor-element-9391edd .sub-navbar-container {
    display: none;
}

/* --- 2. SCROLLED STATE (The Morph Effect) --- */
/* When the page scrolls 100px, flip the visibility smoothly */
.elementor-5185 .elementor-element.elementor-element-9391edd.elementor-sticky--effects .main-navbar-container {
    display: none;
}

.elementor-5185 .elementor-element.elementor-element-9391edd.elementor-sticky--effects .sub-navbar-container {
    display: flex;
    animation: slideDown 0.4s ease-in-out forwards;
}

/* Optional smooth entry animation for the sub-navbar */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}/* End custom CSS */