.owl-dots {
    display: block;
    height: 0px !important;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    margin-top: -45px;
    outline-style: none;

 

    &:focus {
        outline: none;
        box-shadow: none;
    }
}

 

.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #bbb !important;
    border-radius: 50%;
    display: inline-block !important;
    margin: 2.5px;
    outline-style: none;

 

    &:focus {
        outline: none;
        box-shadow: none;
    }
}

 

button.owl-dot.active {
    background-color: #ffbc00 !important;
    outline-style: none;

 

    &:focus {
        outline: none;
        box-shadow: none;
    }
}