@charset "UTF-8";

.slick-prev, .slick-next {
    width: 50px;
    height: 50px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
  }

.slick-dots li button:before {
  font-size: 12px;
}
.slick-dots li {
  margin: 0 8px;
}
  .slick-prev:before, .slick-next:before {
    font-size: 50px;
  }
  .slick-prev {
    left: -25px;
  }
  .slick-next {
    right: -25px;
  }

  @media (max-width: 600px) {
    .slick-prev, .slick-next {
      width: 30px;
      height: 30px;
    }
    .slick-prev:before, .slick-next:before {
      font-size: 30px;
    }
    .slick-prev {
      left: 5px;
    }
    .slick-next {
      right: 5px;
    }
  }