Struggling to have mega menu persist on hover

I’ve created a custom mega menu and used interactions to it will appear when I hover over the nav link, and disappear when I hover off the nav link. I’ve been struggling to create an interaction that allows the mega menu to persist when I hover onto the menu itself (hence off the nav link).

Can anyone give me tips as to where I’m going wrong here?

Here is my public share link: