Elementor Mega Menu Change Color of Active Parent Item
First, import this Elementor Mega Menu Active Top Level Color CSS
Paste this CSS into the Advanced > Custom CSS section of your Mega Menu element.
Now, adjust the CSS to your liking
This CSS handles the bulk of the work. While it may seem complex due to the HTML structure, a carefully crafted approach ensures it functions as required.
Feel free to adjust the font-weight and color to your preferences, and add any additional CSS rules if necessary.
Keep in mind, this CSS is set to handle up to 8 menu items. If you have more, simply duplicate the selector following the same pattern.