How to highlight hotspots in OwlCarousel?

Question

css

Good day. I am using the OwlCarousel slider. I made my custom points there, but I don't know how to make the point of the active slide stand out. Thanks in advance

$('.two-slider').owlCarousel({
      items: 1,
      loop: false,
      dots: true,
      dotsContainer: '.partners-slider-dots_wrapper'
    });
$('.slider-dot').click(function(){
 $('.two-slider').trigger('to.owl.carousel', [$(this).index(), 300]);  
});

Answer 1

Through CSS, the class active is added to the active point

<button role="button" class="owl-dot active"><span></span></button>

.owl-dot.active {
  background-color: red;
}