.owl-dots {
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
    text-align: center;
}

.owl-dot {
    display: inline-block;
}

.owl-dot span {
    padding: 6px;
    background: rgba(255, 255, 255, 0.24);
    margin: 1px 3px;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6), inset 0px 1px 1px rgba(0, 0, 0, 0.52);
}

.owl-dot.active span, .owl-dot.active:hover span {
    background: rgba(243, 216, 114, 0.54);
}

.owl-dot:hover span {
    background: rgba(255, 255, 255, 0.54);
}