.owl-dots {
      margin: 0 auto /*for centering the dots*/
}
.owl-dot {
     width: 10px;
     height: 10px;
     border-radius: 100%;
     border: 1px solid #ccc;
     background: #123f5b;
     margin-right: 5px;
     display: inline-block;
}
.owl-dot.active {
     background: #ef7334;
}