Customizing Navigation Links

I’m working on a website locally on PC using Local and WordPress 7.0. I have 3 navigation menus: Primary Menu
Home
Officers
History
News
Events
Gallery
Contact

Footer Menu 1 (Primary Menu split for 2 columns in footer)
Home
Officers
History
News

Footer Menu 2 (Primary Menu split for 2 columns in footer)
Events
Gallery
Contact

I have add the following Custom CSS under Appearance > Styles > Typography > Links:
.wp-block-navigation .wp-block-navigation-item_content { text-decoration: none !important; }
.wp-block-navigation a:hover { color: #AFA8BA !important; }
.current-menu-item > a { font-weight: bold; color: #000066; text-decoration: underline; }

Testing it in WordPress, all of the initial links (all 3 menus) show without underline, all links hover correctly(all 3 menus), but Primary Menu only shows History, Gallery and Contact going bold and underlined and both footer menus show bold and underlined on all links.

Not sure what to do but any assistance would be greatly appreciated. Thanks