.slick-dots li.slick-active button {
    border-color: #fff;
}
.slick-dots li button::before {
    background: #fff;
}
.text .local_pager {
  max-width: 270px;
}

.recommend-wrapper {
  justify-self: flex-start;
}

@media screen and (max-width: 769px) {
  .slick-dots li.slick-active button {
      border-color: #000;
  }
  .slick-dots li button::before {
      background: #000;
  }
  .text .local_pager li {
    padding: 7px 39px 4px;
  }
}