Hi,

Please use the following code in your custom CSS:

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    color: white;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a, .sp-megamenu-parent>li:hover>span{
    color: #f0e68c!important;
}

The first portion of the code is for menu item color and the second portion is for menu item hover & active color. You can use any color you want!

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards