/* Featured video Hero Section */
.panel-videos-featured { background: rgba(171, 202, 246, 0.15); }
.panel-videos-featured .featured-video-box { background: #333; border-radius: 12px; position: relative; overflow: hidden; }
.panel-videos-featured .featured-video { position: relative; width: 100%; aspect-ratio: 126 / 71; }
.panel-videos-featured .video-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity 0.3s ease; }
/* .panel-videos-featured .video-thumbnail::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } */
/* .panel-videos-featured .video-thumbnail:hover::before { background: rgba(0, 0, 0, 0.35); } */
.panel-videos-featured .play-button { position: relative; z-index: 2; width: 106px; height: 106px; transition: transform 0.3s ease; }
/* .panel-videos-featured .video-thumbnail:hover .play-button { transform: scale(1.1); } */
.panel-videos-featured .play-button svg { width: 100%; height: 100%; display: block; }
.panel-videos-featured .video-embed-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 3; margin:0; }
.panel-videos-featured .featured-video.playing .video-thumbnail { display: none; }
.panel-videos-featured .featured-video.playing .video-embed-wrapper { display: block; }
.panel-videos-featured .video-embed-wrapper iframe { width: 100%; height: 100%; border: none; }

@media (min-width:992px) {
	.panel-videos-featured .featured-video-box { margin-top:-120px; position:relative; z-index:200; }
}

@media (max-width:767px) {
	.panel-videos-featured .featured-video-box { border-radius:6px; }
	.panel-videos-featured .play-button { width:11vw; height:11vw; }
}


/* Videos Panel */
.panel-videos { position: relative; background-color: #ffffff; }
.panel-videos:before { content:''; display:block; position:absolute; z-index:1; left:0; right:0; top:0; height:calc(100% - 150px); background: rgba(171, 202, 246, 0.15); pointer-events:none; }
.panel-videos > div { position:relative; z-index:11; }
.panel-videos .panel-heading { text-align:center; margin-bottom:44px; }
.panel-videos .videos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.panel-videos .video-card { background: #ffffff; border-radius: 12px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; padding: 16px; padding-bottom: 20px; }
.panel-videos .video-video { position: relative; height: 220px; border-radius: 10px; overflow: hidden; flex-shrink: 0; background-color: #000000; }
.panel-videos .video-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity 0.3s ease; }
/* .panel-videos .video-thumbnail::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } */
/* .panel-videos .video-thumbnail:hover::before { background: rgba(0, 0, 0, 0.35); } */
.panel-videos .play-button { position: relative; z-index: 2; width: 60px; height: 60px; transition: transform 0.3s ease; }
/* .panel-videos .video-thumbnail:hover .play-button { transform: scale(1.1); } */
.panel-videos .play-button svg { width: 100%; height: 100%; display: block; }
.panel-videos .video-embed-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 3; margin:0; }
.panel-videos .video-card.playing .video-thumbnail { display: none; }
.panel-videos .video-card.playing .video-embed-wrapper { display: block; }
.panel-videos .video-embed-wrapper iframe { width: 100%; height: 100%; border: none; }


.panel-videos .video-content { display: flex; flex-direction: column; flex: 1; margin-top: 20px; margin-bottom:8px; }
.panel-videos .video-text-wrapper { height: 100%; }
.panel-videos .video-quote { font-family: 'Figtree', sans-serif; font-size: 21px; font-weight: 600; line-height: 1.5; color: #051D2E; margin: 0; }

.panel-videos .video-author {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: auto;
}

.panel-videos .author-name {
	font-family: 'Figtree', sans-serif;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.4;
	color: #051D2E;
	margin: 0;
}

.panel-videos .author-title {
	font-family: 'Figtree', sans-serif;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.2;
	color: #63666F;
	margin: 0;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
	.panel-videos .videos-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.panel-videos-featured {
		padding-top:40px;
	}
	.panel-videos .videos-grid {
		grid-template-columns: 1fr;
	}
	
	.panel-videos .video-card {
		height: auto;
	}
}