.image-slider:not(.slick-initialized)>div + div{display:none}
.slider-nav:not(.slick-initialized){display:flex;overflow:hidden}
.image-slider__arrow{border:1px solid #dbe0e0;bottom:24px;z-index:10;width:54px;height:54px;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;top:unset;transform:unset;background:#fff;cursor:pointer;color:#636d7d;transition:all 0.3 ease}
@media screen and (max-width:750px ){.image-slider__arrow{width:48px;height:48px;bottom:8px}}
.image-slider__arrow:hover{border-color:#0061fe;color:#0061fe}
.image-slider__arrow--prev{right:34px;transform:rotate(180deg)}
@media screen and (max-width:750px ){.image-slider__arrow--prev{right:64px}}
.image-slider__arrow--next{right:-27px}
@media screen and (max-width:750px ){.image-slider__arrow--next{right:8px}}
.slider-nav img{border:1px solid #dbe0e0;transition:all 0.3s ease;cursor:pointer}
.slider-nav .slick-current img{border:1px solid #0061fe;opacity:0.4}
.slider-nav .slick-list:before,
.slider-nav .slick-list:after{position:absolute;content:"";top:0;bottom:0;width:64px;z-index:1}
.slider-nav .slick-list:before{left:0;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,#fff 100%)}
.slider-nav .slick-list:after{right:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 100%)}