.owl-prev,
.owl-next {
  outline: none;
}

.btn-slider {
  padding: 6px;
  position: absolute;
  border-radius: 5px;
  background: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.btn-slider:hover {
  background: #6f5dcf !important;
}

.btn-slider:hover i {
  color: #fff !important;
}

.pre-slide {
  left: -50px;
  padding-right: 10px;
}

.next-slide {
  right: -50px;
  padding-left: 10px;
}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: auto;
  touch-action: auto;
}

@media (max-width: 992px) {
  .btn-slider {
    position: unset !important;
    padding: 5px 15px !important;
  }

  .pre-slide {
    padding-right: 20px;
  }

  .next-slide {
    padding-left: 20px;
  }
}

@media (min-width: 1420px) {
  .btn-slider {
    padding: 5px 15px !important;
  }

  .pre-slide {
    padding-right: 20px;
    left: -80px;
  }

  .next-slide {
    padding-left: 20px;
    right: -80px;
  }
}


@media (max-width: 576px) {
  .owl-theme .owl-dots .owl-dot span {
    width: 7px !important;
    height: 7px !important;
    margin: 5px  3px!important;
  }

  .owl-dots .owl-dot.active span {
    width: 23px !important;
  }
}