.slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  gap: 10px;
  margin: 0 0 48px;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  margin-bottom: 0;
}

.slick-dots li.slick-active {
  opacity: .5;
}

.slick-dots button {
  text-indent: -9999px;
  display: block;
  height: 14px;
  width: 14px;
  border: none;
  margin-bottom: 0;
  padding: 0;
  background-color: var(--c-white);
  border-radius: 14px;
}

.slick-slider > .slick-arrow {
  margin: 0;
  background-color: var(--c-white);
  box-shadow: 0 25px 50px rgba(var(--c-black-rgb), 0.16);
  height: 32px;
  width: 32px;
  border-radius: 62px;
  color: var(--c-black);
  display: inline-flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media all and (min-width: 1024px) {
  .slick-slider > .slick-arrow {
    height: 62px;
    width: 62px;
  }
}

.slick-slider > .slick-arrow.slick-prev {
  margin-left: -10px;
}

@media all and (min-width: 1200px) {
  .slick-slider > .slick-arrow.slick-prev {
    margin-left: -48px;
    transform: translateX(-50%) translateY(-50%);
  }
}

.slick-slider > .slick-arrow.slick-next {
  margin-right: -10px;
  right: 0;
}

@media all and (min-width: 1200px) {
  .slick-slider > .slick-arrow.slick-next {
    margin-right: -48px;
    transform: translateX(50%) translateY(-50%);
  }
}