*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
}

.wrapper {
  height: 100%;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-slider {
  min-width: 0;
}

.slick-list {
  overflow: hidden;
}

.slick-track {
  display: flex;
  align-items: flex-start;
}

.slider {
  position: relative;
}

.slider .slick-arrow {
  position: absolute;
  top: 65%;
  margin: -20px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 10px;
  height: 17px;
cursor:pointer;
}
.slider .slick-arrow.slick-prev {
  left: -60px;
  background: url("arrow1.png") 0
    0 / 100% no-repeat;
}
.slider .slick-arrow.slick-next {
  right: -40px;
  background: url("arrow2.png") 0 0 / 100% no-repeat;
}
.slider .slick-arrow.slick-disabled {
  opacity: 0.2;
}