Elementor WP native menu fix

selector .menu-item .elementor-item-active {
    font-weight: 600;
}


selector .sub-menu {
    padding: 15px 20px 15px 15px;
}

selector .sub-menu li {
    padding: 5px 0;
}

selector .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding: 20px;
}

@media only screen and (max-width: 1024px) {
selector .sub-menu.elementor-nav-menu--dropdown {
    padding: 0; 
}
selector .sub-menu.elementor-nav-menu--dropdown a {
    margin-left: -8px; 
}
selector .elementor-nav-menu--dropdown .menu-item  {
    padding: 10px 0;
}
selector .menu-item.menu-item-has-children .sub-menu .menu-item {
    padding: 0;
    padding-top: 15px;
    color: red !important;
}
selector .menu-item.menu-item-has-children .sub-menu .menu-item a {
    font-weight: 400
}
}