/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 02:42:15 */
.vq-video-layout-container {
	width: 100%;
}

/* CỘT 1: Danh sách danh mục (tabs) */
.vq-tab-nav-vertical {
    list-style: none;
}
.vq-tab-nav-vertical li {
    margin: 0 !important;
}
.vq-tab-nav-vertical a {
    display: block;
    padding: 10px 20px;
    border: 1px solid #0028AF;
    border-radius: 100px;
    background-color: transparent;
    color: #000;
}
.vq-tab-nav-vertical li + li {
    margin-top: 8px !important;
}
/* Tab đang active */
.vq-tab-nav-vertical a.active {
    background-color: #0028AF;
    color: #fff;
    transition: all .2s ease;
}


/* CỘT 2: Trình phát Video (Giữ nguyên) */
/* CẬP NHẬT: Loại bỏ padding-bottom, thiết lập height cố định */
.vq-video-player-wrapper{
	position:relative;
	height:400px; /* Chiều cao cố định 400px */
	overflow:hidden;
	background:#000;
}
.vq-video-player-wrapper iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* CỘT 3: Danh sách video */
.vq-tab-content-vertical {
}
.vq-tab-pane {
	display: none; /* Giữ nguyên: Ẩn các pane không active */
}
.vq-tab-pane.active {
    display: block;
    max-height: 400px;
    overflow-y: auto;
}
.danh-sach-video-ben-trong {
    list-style: none;
    margin: 0;
}
.danh-sach-video-ben-trong li {
    margin: 0 !important;
}
.danh-sach-video-ben-trong li + li {
	margin-top: 10px !important;
}
.danh-sach-video-ben-trong li:last-child {
	
}
.danh-sach-video-ben-trong a {
    display: flex;
    gap: 8px;
}
.danh-sach-video-ben-trong a > span {
    width: 50%;
}
.danh-sach-video-ben-trong a > span.video-list-title {
    font-weight: 700;
    font-size: 90%;
    align-self: center;
}
.danh-sach-video-ben-trong a:hover {
	
}

.homenest__gallery_video .col-inner {
	padding: 16px;
}

@media (max-width: 549px) {
	.vq-video-player-wrapper {
    height: calc(calc(100vw - 32px) / 16 * 9);
}
}