.slick-dotted.slick-slider {
position: relative;
margin-bottom: 0;
}
.slick-slide {
outline: none;
height: 100%;
}
.slick-track-transform {
transform: translate3d(0px, 0px, 0px) !important;
}
.slick-dots {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.slick-dots li {
width: 100%;
margin: 0;
height: 8px;
} .slick-dots li button {
cursor: pointer;
position: relative;
width: 100%;
padding: 0;
height: 8px;
}
.slick-dots li button:before {
font-size: 6px;
line-height: 1;
height: 8px;
top: auto;
content: "";
background: #000;
transition: all .3s;
opacity: 1;
width: 100%;
}
.slick-dots li button:before {
background: #E0E0E0;
}
.slick-dots li.slick-active button:before {
background-color: var(--orange-color);
}
.slick-prev {
left: 10px;
}
.slick-next {
right: 10px;
}
.slick-prev,
.slick-next,
.slick-prev-btn,
.slick-next-btn {
width: 60px;
height: 60px;
z-index: 2 !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background-color: #fff;
}
.slick-prev:before,
.slick-next:before,
.slick-prev-btn:before,
.slick-next-btn:before {
content: "";
width: 15px;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 1;
display: inline-block;
}
.slider-content__wrapper.arrows-top .slick-prev,
.slider-content__wrapper.arrows-top .slick-next {
top: 30%;
}
.slider-content__wrapper.arrows-bottom .slick-prev,
.slider-content__wrapper.arrows-bottom .slick-next {
bottom: 30%;
}
.slick-prev:before,
.slick-prev-btn:before {
background-image: url(../svg/slide-prev.svg);
margin-right: 5px;
}
.slick-next:before,
.slick-next-btn:before {
background-image: url(../svg/slide-next.svg);
margin-left: 3px;
}
.slick-next:focus, 
.slick-next:hover, 
.slick-prev:focus, 
.slick-prev:hover,
.slick-next-btn:focus, 
.slick-next-btn:hover, 
.slick-prev-btn:focus, 
.slick-prev-btn:hover {
background-color: #fff;
}
.slick-prev-btn,
.slick-next-btn {
padding: 0;
border: 1px solid #ccc;
border-radius: 4px;
}
@media only screen and (max-width: 767px) {
.slick-arrow {
display: none !important;
}
.enable-arrow-mobile .slick-arrow {
display: block !important;
}
}
@media only screen and (min-width: 992px) and (min-width: 1023px) {
.slick-slider .container {
padding-left: 25px;
padding-right: 25px;
}
}