Custom styling a single menu item by ID

Hello! I am trying to change just one item from the main megamenu (first level links), so it can be font color red and hover blue or something different (because the hover I have is already red).

I’ve been trying many combinations using the item’s ID, but still doesn’t work.

Reading the FAQs and installation guides, and some custom styling questions from here, I am using this:

#{$wrap} #{$menu} {
    /** Custom styles should be added below this line **/

    /** First level links (headers) **/
    > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item-150525 > a {
        color:#BE1E1E !important;
    }

}

I added the !important so I can try to force it, but no luck. the menu item is 150525, I have this on my final html source:

<li class='mega-menu-item mega-menu-item-type-taxonomy mega-menu-item-object-category mega-align-bottom-left mega-menu-flyout mega-menu-item-150525' id='mega-menu-item-150525'>
	<a href="#">RED ITEM</a>
</li>

I’ve tried many things here, but style won’t change just for that menu item alone.

Thanks in advance for any help on this!

https://wordpress.org/plugins/megamenu/