title: Change color of the dots
body: <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>