.video-component-section{background-color:#fff;padding:80px 0}.video-section-title{margin-bottom:3rem;font-size:2.5rem;line-height:1.2}.video-testimonial-swiper{padding:40px 0 60px}.video-testimonial-swiper .swiper-wrapper{align-items:center}.video-slide{justify-content:center;align-items:center;display:flex}.video-card{opacity:.4;will-change:transform;transition:transform .4s,opacity .4s;transform:scale(.85)}.video-card.active{opacity:1;z-index:10;transform:scale(1)}.video-image-container{cursor:pointer;border-radius:20px;width:280px;height:350px;position:relative;overflow:hidden}.video-testimonial-image{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .4s,transform .4s}.video-card.active .video-testimonial-image{filter:grayscale(0%)}.video-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-card:hover .video-overlay,.video-card.active .video-overlay{opacity:1}.play-button{cursor:pointer;background:#7bba27e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,background .3s,opacity .3s;display:flex;transform:scale(.85)}.video-card.active .play-button{cursor:pointer;background:#7bba27;transform:scale(1)}.video-card.active .play-button:hover{transform:scale(1.1)}.video-card:not(.active) .play-button{cursor:not-allowed;opacity:.6;background:#7bba2780}.video-card:not(.active) .play-button:hover{background:#7bba2780;transform:scale(.85)}.video-info{text-align:center;margin-top:20px;animation:.5s fadeInUp}.student-name{margin-bottom:5px;font-size:1.1rem}.student-designation{font-size:.9rem}.video-testimonial-swiper .swiper-pagination{bottom:10px}.video-testimonial-swiper .swiper-pagination-bullet{opacity:1;background:#d1d5db;width:10px;height:10px}.video-testimonial-swiper .swiper-pagination-bullet-active{background:var(--main-color);transform:scale(1.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.video-component-section{padding:60px 0}.video-section-title{font-size:2rem}.video-card{transform:scale(.9)}}@media (max-width:768px){.video-section-title{font-size:1.75rem}.video-image-container{width:240px;height:300px}.play-button{width:45px;height:45px}.student-name{font-size:1rem}.student-designation{font-size:.85rem}}@media (max-width:576px){.video-component-section{padding:40px 0}.video-section-title{font-size:1.5rem}.video-card{transform:scale(.95)}}.video-modal-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.video-modal-container{background:#000;border-radius:20px;flex-direction:column;width:90%;max-width:400px;height:80vh;max-height:700px;display:flex;position:relative;overflow:hidden}.video-close-btn{color:#fff;cursor:pointer;z-index:10;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;position:absolute;top:20px;right:20px}.video-close-btn:hover{background:#000000e6}.video-player-wrapper{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.youtube-player{background:#000;border:none;width:100%;height:100%}.video-controls-overlay{cursor:pointer;z-index:5;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.custom-play-pause-btn{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#7bba27e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;transform:scale(.8)}.video-controls-overlay.show-controls .custom-play-pause-btn,.video-controls-overlay:hover .custom-play-pause-btn{opacity:1;pointer-events:auto;transform:scale(1)}.custom-play-pause-btn:hover{background:#7bba27;transform:scale(1.1)}.video-modal-info{color:#fff;text-align:center;background:linear-gradient(#0000,#000c);padding:20px}.video-modal-name{color:#fff;margin-bottom:5px;font-size:1.2rem;font-weight:600}.video-modal-designation{color:#fffc;margin-bottom:0;font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.video-modal-container{animation:.4s slideUp}@media (max-width:768px){.video-modal-container{width:95%;height:85vh;max-height:none}.video-close-btn{width:35px;height:35px;top:15px;right:15px}.custom-play-pause-btn{width:60px;height:60px}.video-modal-info{padding:15px}.video-modal-name{font-size:1.1rem}.video-modal-designation{font-size:.85rem}}@media (max-width:480px){.video-modal-container{border-radius:0;width:100%;height:100vh}.custom-play-pause-btn{width:50px;height:50px}}.video-controls-overlay{transition:opacity .3s}.video-controls-overlay:active .custom-play-pause-btn{transform:scale(.95)}@media (max-width:768px){.video-controls-overlay .custom-play-pause-btn{opacity:.8;pointer-events:auto}.video-controls-overlay.show-controls .custom-play-pause-btn,.video-controls-overlay:active .custom-play-pause-btn{opacity:1}.custom-play-pause-btn{width:60px;height:60px}}@media (max-width:480px){.video-controls-overlay .custom-play-pause-btn{opacity:.9;transform:scale(1)}.custom-play-pause-btn{width:50px;height:50px}}