/* Video player */

.video-container {
    text-align: center;
	
}
#player {
     width: 100%;
     max-width: 600px;
     height: 338px; /* 16:9 aspect ratio */
     margin-bottom: 10px;
}

#playerBanner {
    width: 100%;
    max-width: 600px;
    height: 338px; /* 16:9 aspect ratio */
    margin-bottom: 10px;
}

.thumbnail-strip-container {
            overflow-x: auto; /* Enable horizontal scrolling */
            display: flex;
            justify-content: center;
        }

        .thumbnail-strip {
            display: flex;
            gap: 10px;
        }

        .thumbnail-strip img {
            width: 142px;
            height: 99px; /* Maintain 16:9 aspect ratio */
            cursor: pointer;
            border: 2px solid transparent;
            transition: border-color 0.3s;
            border-radius: 5px;
        }

.thumbnail-strip img:hover {
    border-color: var(--primary);
}