.tstfy-testimonial-carousel {
display: flex;
overflow: hidden;
transition: transform 0.5s ease-in-out;
}
.tstfy-testimonial-card {
flex: 0 0 auto;
width: 100%; box-sizing: border-box;
}
.tstfy-testimonial-card img {
max-width: 100%;
height: auto;
} .tstfy-prev-arrow, .tstfy-next-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
font-size: 20px;
border: none;
padding: 10px;
cursor: pointer;
z-index: 10;
}
.tstfy-prev-arrow {
left: 10px;
}
.tstfy-next-arrow {
right: 10px;
} .tstfy-dots-navigation {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
gap: 10px;
}
.tstfy-dots-navigation span {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
}
.tstfy-dots-navigation span.active {
background-color: white;
} @media (max-width: 768px) {
.tstfy-testimonial-card {
width: 100%; } .tstfy-testimonial-carousel {
width: 100%;
}
.tstfy-prev-arrow, .tstfy-next-arrow {
font-size: 18px;
padding: 8px;
}
}
@media (min-width: 769px) { .tstfy-testimonial-card {
width: 25%; }
.tstfy-testimonial-carousel {
width: 100%;
}
}