.slick-dotted:not(.slick-dotted-default){
  padding-bottom: 80px;
  position: relative;
}
  .slick-dotted:not(.slick-dotted-default):before{
    height: 1px;
    display: block;
    position: absolute;
    left: 90px;
    right: 124px;
    bottom: 32px;
    background: rgba(255,255,255,0.2);
    opacity: 0.2;
    content: '';
  }

.slick-track{
    display: flex !important;
}
.slick-slide{
    height: inherit !important;
}


.slick-arrow.btn{
  --size: 45px;
  position: absolute;
  bottom: 9px;
  z-index: 20;
}
  .slick-next.btn{
    right: 9px;
  }
  .slick-prev.btn{
    right: 65px;
  }

.slider-pager-nums{
  width: 4em;
  height: 1.4em;
  position: absolute;
  bottom: 20px;
  left: 8px;
  color: #11222D;
  list-style: none;
  font-size: 16px;
}
  .slider-pager-nums li:before{
    display: none;
  }
  .slider-pager-nums li{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:  0;
    opacity: 0;
    transition: 0.3s all ease-in-out
  }
  .slider-pager-nums li.slick-active{
    opacity: 1;
  }
  .slick-carousel{}
    .slick-carousel .slick-next.btn,
    .slick-carousel .slick-prev.btn{
      right: calc(50% - 5px);
      transform: translateX(100%);
      bottom: 0;
    }
    .slick-carousel .slick-prev.btn{
      left: calc(50% - 5px);
      right: auto;
      transform: translateX(-100%);
    }
.slider--on-dark{}
    .slider--on-dark .slider-pager-nums{
      color: #fff;
    }
.slider-pager-dots{
  list-style: none;
  display: block;
  margin: 30px auto 0;
  text-align: center;
}
  .slider-pager-dots li{
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 25px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: var(--transition-default);
  }
  .slider-pager-dots--bordered li{
    border: 1px solid var(--color-green)
  }
  .slider-pager-dots li.slick-active{
    background: var(--color-green);
  }
@media (min-width: 768px){
  .slider-pager-nums{
    font-size: 18px;
  }
}
@media (min-width: 768px){
  .slick-dotted:not(.slick-dotted-default){
    padding-bottom: 130px;
  }
    .slick-dotted:not(.slick-dotted-default):before{
      left: 90px;
      right: 180px;
      bottom: 30px;
    }
  .slick-arrow.btn{
    --size: 60px;
    bottom: 20px;
  }
    .slick-next.btn{
      right: 20px;
    }
    .slick-prev.btn{
      right: 92px;
    }
  .slider-pager-nums{
    bottom: 39px;
    left: 20px;
  }
  .slick-dotted:not(.slick-dotted-default) .slider-pager-nums{
    bottom: 19px;
    left: 0;
  }
  .slick-dotted:not(.slick-dotted-default)  .slick-arrow.btn{
    bottom: 0;
  }
  .slick-dotted:not(.slick-dotted-default)  .slick-next.btn{
    right: 0;
  }
  .slick-dotted:not(.slick-dotted-default)  .slick-prev.btn{
    right: 72px;
  }
  
  .slick-carousel{}
    .slick-carousel .slick-next.btn,
    .slick-carousel .slick-prev.btn{
      right: 0;
      transform: unset;
    }
    .slick-carousel .slick-prev.btn{
      right: 70px;
      left: auto;
    }
}
@media (min-width: 992px){
  .slick-dotted:not(.slick-dotted-default):before{
    left: 69px;
    right: 156px;
    bottom: 30px;
  }
}
@media (min-width: 1200px){
  .slick-dotted:not(.slick-dotted-default){
    padding-bottom: 120px;
  }
  .slick-arrow.btn{
    bottom: 0;
  }
    .slick-next.btn{
      right: 0;
    }
    .slick-prev.btn{
      right: 70px;
    }
  .slider-pager-nums{
    bottom: 21px;
    left: 0;
  }
  .slider-pager-dots{
    margin-top: 50px
  }
}
@media (min-width: 1600px){

}