Toggle Issues

I’m having issues flipping my toggle icon when active. I’ve replaced the +/- with an image using the following CSS:

.toggler .toggle_icon {
background: url(“/wp-content/uploads/2017/08/PCCIntegrate_QArrow-07.png”);
background-size:auto;
background-repeat: no-repeat;
border: none;
margin-top: 19px;
margin-left: 15px;
}

However, when active, the toggle won’t flip. I’ve used the CSS below for that action:
.toggler.activeTitle .toggle_icon {
background: url(“/wp-content/uploads/2017/08/PCCIntegrate_QArrow-08.png”) !important;
background-size:auto !important;
background-repeat: no-repeat !important;
border: none !important;
margin-top: 19px !important;
margin-left: 15px !important;
}

Any assistance would be greatly appreciated!