.elementor-2378 .elementor-element.elementor-element-4bc018e{padding:0px 0px 0px 0px;}.elementor-2378 .elementor-element.elementor-element-e8f98a6 > .elementor-element-populated{padding:0px 0px 0px 300px;}/* Start custom CSS for html, class: .elementor-element-b412354 *//* MAIN MENU */
.menu {
    width: 350px;

}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
     border-top: 4px solid #000 ;
}

.menu li {
    position: relative;
}

/* MAIN HEADING (YELLOW) */

.menu > ul > li {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

/* SUB MENU (LIGHT GREEN) */
.menu li ul li {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 8px;
    font-weight: normal;
}

/* SUB-SUB MENU (DARK GREEN) */
.menu li ul li ul li {
     background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: #000;
    padding: 8px;
}

/* HOVER EFFECT */
.menu li:hover {
    background: #ffcc00;
}

.menu li ul li:hover {
    background: #8fdc8a;
}

.menu li ul li ul li:hover {
    background: #388e3c;
    color: #fff;
}

/* DROPDOWN HIDE/SHOW */
.menu ul ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
}

.menu li:hover > ul {
    display: block;
}

/* FIRST LEVEL DROPDOWN */
.menu > ul > li > ul {
    left: 100%;
    top: 0;
}
.menu ul ul ul li ul {
    left: 0%;
    top: 0;
}

.has-sub {
    position: relative;
}

/* RIGHT ARROW */
.has-sub::after {
    content: "➤";
    position: absolute;
    right: 10px;
    font-size: 12px;
}

/* MAIN MENU DOWN ARROW */
.menu > ul > li.has-sub::after {
    content: "➤";
}

/* HOVER ROTATE */
.has-sub:hover::after {
    transform: rotate(90deg);
}/* End custom CSS */