Services - Image Color Zoom

How do I change the color of the services circle when the mouse hovers over it and the image zooms in?

Thanks!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .ch-item {
box-shadow:inset 0 0 0 0 rgba(0, 106, 255, 0.4), inset 0 0 0 16px rgba(0, 92, 255, 0.6), 0 1px 2px rgba(11, 99, 255, 0.1);
}
.ch-item:hover {
    box-shadow: 
        inset 0 0 0 110px rgba(0, 106, 255, 0.4),
        inset 0 0 0 16px rgba(255,255,255,0.8),
        0 1px 2px rgba(0,0,0,0.1);
 
}

Thanks & Regards
Gourav Shrivastava