Hi there,
You are using this CSS to style the last menu item:
.secondary-navigation .main-nav > ul > li:last-of-type > a {
background: rgb(20,150,152);
background: linear-gradient(90deg, rgba(20,150,152,1) 0%, rgba(175,32,32,1) 100%);
font-weight: 700;
color: #eeeeee;
border: solid 2px #f22bfc;
}
Try to add an additional CSS class to the second last menu item, eg. highlight-menu-item
.
https://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item
Then you should be able to style it with something like this:
.secondary-navigation .main-nav > ul > li.highlight-menu-item > a {
background: rgb(20,150,152);
background: linear-gradient(90deg, rgba(20,150,152,1) 0%, rgba(175,32,32,1) 100%);
font-weight: 700;
color: #eeeeee;
border: solid 2px #f22bfc;
}