.cursor-pointer {
    /* Ensures the user knows they can click the image */
    cursor: pointer;
}
.active-thumbnail img {
    /* Visual cue for the currently playing video */
    border: 3px solid #007bff; /* AdminLTE primary blue */
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.6);
}

.thumbnails-container .thumbnail-item {
    width: 33%; /* Give each item a consistent width */
}

.thumbnails-container {
    max-width: 100% !important; /* Force it to take full width when stacked */
    /* Optionally change alignment if you want thumbnails centered horizontally on mobile */
    flex-direction: row !important; /* Temporarily switch to horizontal layout */
    justify-content: space-around; /* Distribute thumbnails evenly */
}

/* Medium */
@media (max-width: 991.98px) {
    .peopleweserve-section-title {
        font-size: 2.5rem;
    }
}

/* Small Down */
@media (max-width: 767.98px) {
    .peopleweserve-section-title {
        font-size: 1.7rem;
    }
}