.slick-prev:before, .slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.slick-prev:before {
  content: "\f060";
}
.slick-next:before {
  content: "\f061";
}
.slick-prev, .slick-next {
  z-index: 1;
  width: 50px;
  height: 50px;
  color: #fff;
  background: #333;
  transition: 0.2s;
  border-radius: 50%;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background: #777;
  color: #fff;
}

.slick-dots li button:before {
   font-size: 30px;
}


@media (max-width: 960px) {
   .slick-arrow {
      display: none!important;
   }
}