.testimonial-slider {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 600px; /* Adjust as needed */
    margin: 20px auto;
}

.testimonial-slider .main-image {
    width: 100%;
    max-height: 800px; /* Adjust as needed */
    overflow: hidden;
    margin-bottom: 10px;
}

.testimonial-slider .main-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.testimonial-slider .gallery {
    display: flex;
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent thumbnails from wrapping */
    margin-top: 10px;
    max-width: 100%; /* Limit gallery width */
}

.testimonial-slider .gallery img {
    width: 80px; /* Adjust thumbnail size */
    height: 80px; /* Adjust thumbnail size */
    object-fit: cover;
    margin-right: 5px; /* Adjust spacing between thumbnails */
    cursor: pointer;
    border: 2px solid transparent; /* Add transparent border for active state */
    transition: border-color 0.3s ease;
}

.testimonial-slider .gallery img.active {
    border-color: #007bff; /* Active thumbnail border color */
}

/* Optional: Style the scrollbar */
.testimonial-slider .gallery::-webkit-scrollbar {
    height: 8px; /* Adjust scrollbar height */
}

.testimonial-slider .gallery::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.testimonial-slider .gallery::-webkit-scrollbar-thumb {
    background: #888;
}

.testimonial-slider .gallery::-webkit-scrollbar-thumb:hover {
    background: #555;
}