Change color of the dots
<p>I want to change the default color background of the dots on inactive or active state. I use <strong>Owl Carousel Slider</strong></p>

<p>Here's the dots I want to change the color of the dots.
<a href="https://i.stack.imgur.com/vBi0g.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vBi0g.jpg" alt="image"></a></p>

<p>I tried the css below but it is not working</p>

<pre><code>.owl-pagination .owl-page{
     background-color: white;

}
.owl-pagination .owl-page .active
{
    background-color: aqua;
}
</code></pre>