.carousel-container-desktop {
  padding-top: 3%;
  padding-bottom: 3%;
}
.provider-carousel-title-mobile {
  padding-top: 3%;
  padding-bottom: 3%;
}
.carousel-container-mobile {
  border-bottom: 2px solid #ffe4ac;
  padding-bottom: 6%;
}
.provider-carousel-title {
  margin-bottom: 28px;
}
.item {
  padding: 15px 30px;
  aspect-ratio: 2 / 0.8;
  background: #4c4c4c;
  border-radius: 8px;
}
.provider-carousel-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot.owl-nav {
  position: absolute;
  left: -14px;
  top: 45%;
  background-color: var(--base-color) !important;
  display: block;
  padding: 0 0.3em !important;
  font-size: 2em !important;
  margin: 0;
  cursor: pointer;
  color: #fff !important;
  transform: translate(-50%, -50%);
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot.owl-nav:focus {
  outline: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot.owl-nav {
  position: absolute;
  right: -22px;
  top: 45%;
  background-color: var(--base-color) !important;
  display: block;
  padding: 0 0.3em !important;
  font-size: 2em !important ;
  margin: 0;
  cursor: pointer;
  color: #fff !important;
  transform: translate(-50%, -50%);
}
.owl-dots {
  display: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot.owl-nav:focus {
  outline: none;
}