How to add scrolling to custom Owl Carousel navigation class?

Question

css

Hello. I use the owl carousel plugin, made dot navigation a custom class, but there is one omission - when scrolling dots are active, but for example, when you click on the last dot, the carousel does not react at all, but according to the idea, it should scroll to the desired element
PS Place the class with navigation in the main div with elements does not save the situation)

<div class="owl-carousel py-5">
                <div class="item active" data-merge="2">
                    <div class="comment">
                        <p class="mb-5">Text item one</p>
                    </div>
                    <span class="position-absolute px-5" style="bottom: 3%">Will, 59 years old</span>
                </div>
                <div class="item" data-merge="2">
                    <div class="comment">
                        <p class="mb-5">Text item two</p>
                    </div>
                    <span class="position-absolute px-5" style="bottom: 3%">Achim, 61 years old</span>
                </div>
                <div class="item" data-merge="2">
                    <div class="comment">
                        <p class="mb-5">Text item three</p>
                    </div>
                    <span class="position-absolute px-5" style="bottom: 3%">Tobias, 45 years old</span>
                </div>
            </div>
            <div class="dot-navs text-center mb-4">
                <a class="dot owl-prev" href="#" role="button"><span></span></a>
                <a class="dot mx-3" href="#" role="button"><span></span></a>
                <a class="dot" href="#" role="button"><span></span></a>
            </div>