/* slick arrow custom */
.slick-arrow {
  width: 5%;
  aspect-ratio: 1/1;
  display: block;
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  z-index: 1;
  cursor: pointer;
  transition: opacity .6s;
}

.slick-arrow:active {
  opacity: .6;
}

.slick-arrow:hover {
  @media screen and (min-width: 800px) {
    opacity: .6;
  }
}

.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
}
.slick-next::after,
.slick-prev::after {
  width: 100%;
  height: 100%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

/* next */
.slick-next {
  right: -9%;
}
.slick-next::after {
  right: -9%;
  transform: rotate(45deg);
}

/* prev */
.slick-prev {
  left: -9%;
  transform: translateX(50%);
}
.slick-prev::after {
  left: -9%;
  transform: rotate(-135deg);
}