html – Css problem with menu and submenu


I have a site in development:
https://destinopunilla.com.ar/beta2020

I have a main menu, and, when I move the mouse pointer over a menu option, the color change to yellow.. but, when I enter in a submenu, the color of the active menu option back to white.. How Can I do to stay that main menu option A and B in yellow while I navigate their submenus?

<ul id="menu-main-menu" class="...">
    <li id="nav-menu-item-43343" class="...">
        <a href="#" class=""><i class="nav-icon"></i><span class="menu-titles">OPTION A<span class="fa fa-angle-down"></span></span></a>
    
        <ul class="..." style="...">
            <li id="nav-menu-item-43392" class="..."><a href="#" class="..."><i class="nav-icon"></i><span class="menu-titles">SUBOPTION A 1</span></a></li>
            <li id="nav-menu-item-43393" class="..."><a href="#" class="..."><i class="nav-icon"></i><span class="menu-titles">SUBOPTION A 2</span></a></li>
        </ul>
    </li>
    <li id="nav-menu-item-43343" class="...">
        <a href="#" class=""><i class="nav-icon"></i><span class="menu-titles">OPTION B<span class="fa fa-angle-down"></span></span></a>
    
        <ul class="..." style="...">
            <li id="nav-menu-item-43398" class="..."><a href="#" class="..."><i class="nav-icon"></i><span class="menu-titles">SUBOPTION B 1</span></a></li>
            <li id="nav-menu-item-43399" class="..."><a href="#" class="..."><i class="nav-icon"></i><span class="menu-titles">SUBOPTION B 2</span></a></li>
        </ul>
    </li>
</ul>