Webflow designs are not translating when published. Please Help!

Hello, In my webflow designs, my navigation is acting as normal, the interaction is consistent and what I want. When I preview on webflow, it also works as intended but, once I have published my designs, the navigation acts strange and the default state of my buttons makes the text white therefore, not visible. I have gone back to old backups to see what has changed and cannot find anything. I have unpublished my site and re published it and nothing has changed. I don’t know what else to do. If you could please help me find the issue or guide me forward I would be so grateful.

this is the link to my site. Where the nav items are acting strange.

this is my webflow designs where the interaction is normal and as desired.

Here is my public share link: LINK
(how to access public share link)