.elementor-55990 .elementor-element.elementor-element-8dc292f{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-55990 .elementor-element.elementor-element-5fc1567 .surince-menu > ul > li > a > span{color:#000000;}.elementor-55990 .elementor-element.elementor-element-5fc1567.menu-sep-yes .surince-menu .menu-item:after{color:#000000;}.elementor-55990 .elementor-element.elementor-element-5fc1567.menu-default .surince-menu > ul > li{margin:0 20px;}.elementor-55990 .elementor-element.elementor-element-5fc1567.menu-vertical .surince-menu > ul > li{margin-bottom:20px;}/* Start custom CSS for mae-menu, class: .elementor-element-5fc1567 *//* Parent menu item */
.surince-menu .menu-item-has-children {
    position: relative;
    display: block !important;   /* prevents it from staying in a horizontal flex row */
}

/* Show submenu on hover */
.surince-menu .menu-item-has-children:hover > .sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make submenu appear vertically below, not to the right */
.surince-menu .sub-menu {
    position: absolute !important;   /* absolute, not static — static can still inherit flex placement */
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;   /* THIS is the key line forcing vertical stacking */
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: 220px;
    margin-left: 0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    background: #fff;
    z-index: 999;
}

.surince-menu .sub-menu li {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* Third level submenu — open below its own parent, not to the side */
.surince-menu .sub-menu .sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
}

.surince-menu .sub-menu .menu-item-has-children:hover > .sub-menu {
    display: flex !important;
}/* End custom CSS */