.video-section {padding: 80px 0; background: #000; color: #fff;}.video-section .section-title {color: #fff !important; margin-bottom: 50px;}.video-section .section-title a {color: #fff !important;}.video-section .section-title a:hover {color: #fff !important; opacity: 0.9;}.video-slider {margin: 0 auto; max-width: 1200px;}.video-item {position: relative; border-radius: 15px; overflow: hidden; background: #000; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;}.video-item:hover {transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.3);}.video-item img {width: 100%; height: 250px; object-fit: cover; transition: transform 0.3s ease;}.video-item:hover img {transform: scale(1.05);}.video-overlay {position: absolute; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease;}.video-overlay:hover {background: rgba(0,0,0,0.65);}.video-overlay i {font-size: 60px; color: #fff; transition: transform 0.3s ease;}.video-overlay:hover i {transform: scale(1.2);}.video-info {padding: 20px; text-align: center; min-height: 64px;}.video-info h3 {font-size: 18px; font-weight: 600; margin-bottom: 0; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}@media (max-width: 768px) {.video-section {padding: 60px 0;}.video-item img {height: 200px;}.video-overlay i {font-size: 40px;}}