.custom-main-slider {
  padding-bottom: 30px;
  padding-left: 10%;
  padding-right: 10%;
}

.custom-main-slider__item>div {
  margin: 0 25px
}

.custom-main-slider__item a {
  display: block
}

.custom-main-slider__item a:hover {
  opacity: 0.7
}

.custom-main-slider .slick-prev {
  left: 9%
}

.custom-main-slider .slick-prev:before {
  content: none
}

.custom-main-slider .slick-prev i::before {
  color: #eb2f00;
  font-size: 3.6rem
}

.custom-main-slider .slick-next {
  right: 9%
}

.custom-main-slider .slick-next:before {
  content: none
}

.custom-main-slider .slick-next i::before {
  color: #eb2f00;
  font-size: 3.6rem
}

.custom-main-slider .slick-prev,.custom-main-slider .slick-next {
  z-index: 5;
  width: 36px;
  height: 36px
}

.custom-main-slider .slick-dots {
  bottom: -6px;
  left: 0;
  right: 0;
}

.custom-main-slider .slick-dots li button::before {
  color: #f3f3f3;
  opacity: 1;
  font-size: 12px
}

.custom-main-slider .slick-dots li.slick-active button:before {
  color: #e8380d;
  opacity: 1
}

@media screen and (max-width: 767.499px) {
  .custom-main-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .custom-main-slider__item div {
      margin:0 auto
  }

  .custom-main-slider .slick-prev {
      left: 0
  }

  .custom-main-slider .slick-prev i::before {
      font-size: 1rem
  }

  .custom-main-slider .slick-next {
      right: 0
  }

  .custom-main-slider .slick-next i::before {
      font-size: 1rem
  }

  .custom-main-slider .slick-prev,.custom-main-slider .slick-next {
      width: auto;
      height: auto;
      margin-top: -10px
  }

  .custom-main-slider .slick-prev i::before,.custom-main-slider .slick-next i::before {
      width: 20px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff
  }
}