override !important css in jquery

Question

.drop-menu-trigger {

color: #182642 !important;

font-size: 0.8125rem;

text-decoration: none !important;

}

 

i have this css class..i want to change the color but i ca not touch this drop-menu-trigger class.so i want to do itt in jquery..

 

 

jQuery(".drop-menu-trigger ").css( "color": "#5D677A !important" ); 

 

but this is also not working??

how can i do it?