.testimonial-slider {
position: relative;
}
.testimonial-slider .slick-list {
margin: 0 -15px;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 16px;
}
.testimonial-slider .slick-slide {
margin-right: 20px;
} .testimonial-slider.hide-slide-nav .slick-arrow {
display: none !important;
} .testimonial-slider.hide-slide-pagination ul.slick-dots {
display: none !important;
} .testimonial-slider ul.slick-dots {
padding: 0;
margin: 30px 0 0;
list-style: none;
display: flex;
justify-content: center;
gap: 6px;
}
.testimonial-slider ul.slick-dots li {
display: inline-block;
width: 10px;
height: 8px;
border-radius: 50px;
overflow: hidden;
transition: all 300ms ease-in-out;
background-color: #d1d5db;
}
.testimonial-slider ul.slick-dots li button {
text-indent: -99999px;
width: 100%;
height: 100%;
}
.testimonial-slider ul.slick-dots li.slick-active {
width: 18px;
background-color: var(--light-text-color);
} .testimonial-slider .slick-arrow {
position: absolute;
top: calc(50% - 40px);
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--background-color);
display: none !important;
align-items: center;
justify-content: center;
box-shadow: 0px 2px 15px rgba(64, 77, 103, 0.25);
z-index: 1;
}
.testimonial-slider .slick-arrow.slick-prev {
inset-inline-start: 0;
transform: translate(-50%, -50%);
}
.testimonial-slider .slick-arrow.slick-next {
inset-inline-end: 0;
transform: translate(50%, -50%);
}
.testimonial-slider .slick-arrow:hover {
background-color: var(--brand-color);
color: var(--background-color);
}
.testimonial-slider .slick-arrow svg {
width: 8px;
}
@media screen and (min-width: 1280px) { .testimonial-slider .slick-list {
padding-left: 0;
}
.testimonial-slider .slick-slide {
margin: 0 14px;
} .testimonial-slider .slick-arrow {
display: flex !important;
width: 36px;
height: 36px;
} }
@media screen and (min-width: 1440px) {  .testimonial-slider .slick-arrow {
width: 40px;
height: 40px;
} }     body.rtl .testimonial-slider .slick-arrow.slick-prev {
transform: translate(50%, -50%) rotate(180deg);
}
body.rtl .testimonial-slider .slick-arrow.slick-next {
transform: translate(-50%, -50%) rotate(180deg);
}