.elementor-14 .elementor-element.elementor-element-5ffe370{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-5ffe370:hover{background-color:var( --e-global-color-8fb06b8 );}.elementor-14 .elementor-element.elementor-element-b5f1f55{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS for container, class: .elementor-element-5ffe370 *//* Change the background color after scroll */
.elementor-14 .elementor-element.elementor-element-5ffe370.elementor-sticky--effects,.elementor-14 .elementor-element.elementor-element-5ffe370:hover {
    background-color: rgba(255,255,255,1) !important; /* Your desired color/opacity */
    transition: background-color 0.3s ease !important; /* Adds a smooth transition */
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}
.elementor-14 .elementor-element.elementor-element-5ffe370.elementor-sticky--effects,.elementor-14 .elementor-element.elementor-element-5ffe370:hover .nav-wps {
    filter: none;
        box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);

}
.elementor-14 .elementor-element.elementor-element-5ffe370.elementor-sticky--effects .inner-nav {
    padding:0px;
    transition: all 0.3s ease !important;
}
/* Ensure a base transition is applied to the .elementor-14 .elementor-element.elementor-element-5ffe370 */
.elementor-14 .elementor-element.elementor-element-5ffe370 {
    transition: background-color 0.3s ease !important;
    transition: all 0.3s ease !important;
}
.elementor-14 .elementor-element.elementor-element-5ffe370.elementor-sticky--effects .nav-wps {
    filter: none;
    transition: all 0.3s ease !important;
}
.elementor-14 .elementor-element.elementor-element-5ffe370 .nav-wps {
     filter: invert(1);
      transition: all 0.3s ease !important;
      box-shadow: none !important;
}
.elementor-14 .elementor-element.elementor-element-5ffe370.elementor-sticky--effects #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,.elementor-14 .elementor-element.elementor-element-5ffe370:hover #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    color:#000;
}

.mega-sub-menu {
    border-radius:20px !important;
    
}
.mega-sub-menu li a {
    line-height:1em !important;
}
.elementor-14 .elementor-element.elementor-element-5ffe370.elementor-sticky--effects .mega-sub-menu {
    margin-top:-15px !important;
}
@media (max-width:1024px) {
    .elementor-14 .elementor-element.elementor-element-5ffe370 {
        background-color:#fff;
    }
    .elementor-14 .elementor-element.elementor-element-5ffe370.elementor-sticky--effects .inner-nav {
        padding:10px;
        transition: all 0.3s ease !important;
    }
    .wps-logo {
        display:none !important;
    }
    .mega-sub-menu {
        border-radius:0px !important;
        padding:1rem !important;
    }
    #mega-menu-menu-1 a {
        color:#fff !important;
    }
    #mega-menu-menu-1 .mega-sub-menu a {
        color:#000 !important;
    }
}/* End custom CSS */