Change color of one navigation link - Cacao Template

I'm trying to change the color of one of the items in my navigation bar. I’d like to make it this shade of blue (#0f73ba) while keeping the others grey.

I've been testing this in the CSS editor, but it hasn't been working:

nav.main-nav li:nth-of-type(2) a { color: #0f73ba;}

@tbliston You should share site url to community check!

My website is www.bluutour.com. @tuanphan I was unable to get your first comment to work

My website is www.bluutour.com. @tuanphan I was unable to get your first comment to work

@tbliston @tbliston Add to Home > Design > Custom CSS

/* Home */
.Header-nav-inner a:nth-child(1) {
   color: #0f73ba !important;
}
/* Become a tour creator  */
.Header-nav-inner a:nth-child(2) {
   color: #0f73ba !important;
}
/* Download  */
.Header-nav-inner a:nth-child(3) {
   color: #0f73ba !important;
}
/* Campuses  */
.Header-nav-inner span:nth-child(4) a {
   color: #0f73ba !important;
}
/* How it works */
.Header-nav-inner span:nth-child(5) a {
   color: #0f73ba !important;
}
/* About Us*/
.Header-nav-inner span:nth-child(6) a {
   color: #0f73ba !important;
}

@tuanphan Thank you! That worked.

@tuanphan Thank you! That worked.

@tbliston You can Accept Answer & Upvote ;)

@tuanphan is there a way to limit the color change so it only changes the second position in the navigation bar? It's currently also changing the color for the second position in the drop down boxes (attached to the navigation bar).

@tbliston Change the code

.Header-nav-inner>a:nth-child(2) {
   color: #0f73ba !important;
}

Thank you!