How to round the slider so as not to hide navigation points?

Question

css

On the layout, the slider looks like this.

I use slick.js.
I rounded the slider, set the parent to border-radius and overflow hidden. As soon as a problem arose, the dots disappeared. They can only be set on the slider itself, but not outside of it.

So how do you round the slider so the dots are visible?
Thanks in advance.

Answer 1

Which parent are you giving border-radius and overflow hidden to?
Try this for .slick-list