Can’t edit search icon color or position via CSS

Hi. I essentially have two different nav bars on my client’s site, one for Home page and one for all other pages. I have set up and catered this search icon to look good on all the inner pages. Example below.

Looking for Work

However, when I try to implement in my home page code and alter the color to white and add some top margin via CSS, those edits don’t take effect. Are you able to review my CSS below and let me know if I’m targeting the wrong things or is this not possible? To have two different looking icons to cater to two different navbars in a site. I have since removed the Home page instance of this search icon since I couldn’t get it to look the way I wanted but I attached a screenshot of how it looked.

body.home svg.search-icon { margin-top: 10px !important }
body.home .is-menu path.search-icon-path { fill: #fff !important }

Thanks for your help!