.vowl { position: relative; }
.vowl__viewport { overflow: hidden; width: 100%; }
.vowl__track { display: flex; will-change: transform; }
.vowl__slide { flex: 0 0 auto; }
.vowl__inner { display:flex; align-items:center; justify-content:center; }

.vowl__btn{
  position:absolute; 
  top:50%; transform:translateY(-50%);
  width:54px; height:54px; border-radius:50%;
  border:0; cursor:pointer;
  background:rgba(255,255,255,.95);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  display:grid; place-items:center;
}
.vowl__btn--prev{ left:-54px; }
.vowl__btn--next{ right:-54px; }
.vowl__chev{
  width:18px; height:18px;
  border-top:2px solid #333;
  border-right:2px solid #333;
}
.vowl__btn--prev .vowl__chev{ transform:rotate(-135deg); }
.vowl__btn--next .vowl__chev{ transform:rotate(45deg); }
.vowl__btn:hover {
    background: #00d4ff;
}
/* dots (optional) */
.vowl__dots{ display:flex; gap:8px; justify-content:center; margin-top:14px; }
.vowl__dot{
  width:10px; height:10px; border-radius:50%;
  border:0; cursor:pointer; opacity:.35;
  background:#000;
}
.vowl__dot.is-active{ opacity:.85; }
.clients-section {
  padding: 40px 0;
  background: #fff;
}

.clients-title {
  text-align: center;
  margin-bottom: 28px;
  letter-spacing: 2px;
}

.owl-carousel img {
  max-height: 180px;
  width: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
   .vowl__btn--prev {
    left: -5px;
   }
   .vowl__btn--next {
    right: -5px;
    }
}