.service-arrow {
  border: solid black;
  border-width: 0px 6px 6px 0px;
  display: inline-block;
  padding: 10px;
}

.service-arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-right: 70px;
}

.service-arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-left: 70px;
}

.slick-dots {
	text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
  li {
    display:inline-block;
    margin-left: 4px;
    margin-right: 4px;
    &.slick-active {
      button {
        background-color:black;
      }
    }
    button {
      font: 0/0 a;
      text-shadow: none;
      color: transparent;
      background-color:#999;
      border:none;
      width: 15px;
      height: 15px;
      border-radius:50%;
    }
		:hover{
			background-color: black;
		}
  }
}

/* Custom Arrow */
.prev{
	color: #999;
	position: absolute;
	top: 38%;
	left: -2em;
	font-size: 1.5em;
		:hover{
			cursor: pointer;
			color: black;
		}
}
.next{
	color: #999;
	position: absolute;
	top: 38%;
	right: -2em;
	font-size: 1.5em;
	:hover{
			cursor: pointer;
			color: black;
		}
}

@media screen and (max-width: 800px) {
    .next {
        display: none !important;
    }
}

.slick-track{
    display: flex;
    gap: 20px;
    overflow: unset;
}

/* .slick-list {margin: 0 -5px;}
.slick-slide>div {padding: 0 5px;} */

.slider-box{
  padding: 0 10px;
}