Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.
.banners-carousel .owl-dots {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.banners-carousel .owl-dots .owl-dot:not(.active):hover span {
border-color: #FFF;
}
.banners-carousel .owl-dots .owl-dot span {
border-color: rgba(255,255,255,.4);
}
.banners-carousel .owl-dots .owl-dot.active span {
border-color: #FFF;
background-color: #FFF;
}
.
