.slick-wrap{
  display: flex;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
  position:relative;
}

.slick-wrap .slick-slide{
  margin: 0 10px;
    
}
.slick-wrap .slick-next,
.slick-wrap .slick-prev{
    transform: unset;
  width: 30px;
  height: 30px;
  background-image: url(../../../../img/slick-arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  border: none;
  font-size: 0px;
  color:transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.slick-arrow:before{
  display: none;
}
.slick-wrap .slick-prev{
  left: 0;
}
.slick-wrap .slick-next{
  right: 0;
  transform: rotate(180deg);
}
.slick-dots {
  left: 0;
}
.slick-dots li{
  margin: 0 2px;
}
.slick-dots li button:before{
  font-size: 50px;
}
.slick-dots li button:before,
.slick-dots li.slick-active button:before{
  color: #000;
}
@media screen and (max-width:768px) {
  .slick-wrap{
    padding: 0 30px;
  }
  .slick-wrap .slick-next,
  .slick-wrap .slick-prev{
    width: 20px;
    height: 20px;
  }
}