override font icons in lists for custom styles

Hi there – I”m having trouble getting my custom class to register new styles – I’d love your help with something:

I’ve changed all the default list styles in the theme to font awesome checks adding this to my child theme:

/*change list icons*/
.entry-content-wrapper li {
list-style: none;
}

.entry-content-wrapper li {
padding-left: 8px;
}

.entry-content-wrapper li:before {
content: ‘\f00c’;
font-family: ‘FontAwesome’;
font-size: inherit;
font-weight: normal;
position: absolute;
left: 6px;
}

Which is all great – but there’s a couple of times I want to override these styles with a differnt font icon –

I have a blue section to this page see here http://rfl.shortiedesigns.com/products/

I want to override the checks with arrows . I have a custom class added to this coloured section .sd-blue
So I tried doing this but it didn’t work

.sd-list .entry-content-wrapper li:before {
content: ‘\f061’ !important;
font-family: ‘FontAwesome’;
font-size: inherit;
font-weight: normal;
position: absolute;
left: 6px;
}

have I got the correct syntax? It doesn’t seem to be working…thank you