.owl-theme .owl-controls .owl-nav > div.owl-prev,
.owl-theme .owl-controls .owl-nav > div.owl-next,
.swiper .swiper-button,
.swiper ~ .swiper-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
  color: var(--sm-btn-color);
}

.swiper ~ .swiper-button:hover,
.swiper .swiper-button:hover,
.owl-theme .owl-controls .owl-nav > div.owl-prev:hover,
.owl-theme .owl-controls .owl-nav > div.owl-next:hover {
  color: var(--hover-red);
}

.swiper ~ .swiper-button:focus,
.swiper .swiper-button:focus,
.owl-theme .owl-controls .owl-nav > div.owl-prev:focus,
.owl-theme .owl-controls .owl-nav > div.owl-next:focus {
  outline: 4px solid var(--outline);
  color: var(--hover-red);
}

.owl-theme .owl-controls .owl-nav > div.owl-prev,
.owl-theme .owl-controls .owl-nav > div.owl-next {
  transform: translateY(-50%);
}

.owl-theme .owl-controls .owl-nav > div.owl-next {
  transform: translate(-50%, -35px);
}

.owl-theme .owl-controls .owl-nav > div.owl-prev {
  transform: translate(50%, -35px);
}

.swiper .swiper-button:after,
.swiper ~ .swiper-button:after {
  display: none;
}

.owl-controls .owl-nav > div svg,
.swiper .swiper-button svg,
.swiper ~ .swiper-button svg {
  width: 36px;
  height: 18px;
}

.swiper .swiper-button.swiper-button-prev,
.swiper ~ .swiper-button.swiper-button-prev {
  transform: translateX(35px);
}

.swiper .swiper-button.swiper-button-next,
.swiper ~ .swiper-button.swiper-button-next {
  transform: translateX(-35px);
}

.owl-theme .owl-controls .owl-nav > div.owl-prev svg,
.swiper .swiper-button.swiper-button-prev svg,
.swiper ~ .swiper-button.swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper + .swiper-pagination {
  transform: translateY(50px);
}

.swiper .swiper-pagination > span,
.swiper + .swiper-pagination > span {
  position: relative;
  width: 12px;
  height: 12px;
  margin: 0 8px !important;
  background-color: #8c857d;
  opacity: 1;
}

.swiper .swiper-pagination > .swiper-pagination-bullet-active,
.swiper + .swiper-pagination > .swiper-pagination-bullet-active {
  height: 12px;
  width: 40px;
  background-color: var(--sm-btn-color); 
  border-radius: 12px;
}