.elementor-5023 .elementor-element.elementor-element-5ae3a10{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6d0a36c */.student-video-section{

padding:90px 20px;

background:#f7f9fc;

}

.container{

max-width:1400px;

margin:auto;

}

.section-title{

text-align:center;

margin-bottom:50px;

}

.section-title h2{

font-size:42px;

font-weight:700;

color:#0B2E63;

margin-bottom:15px;

}

.section-title p{

max-width:850px;

margin:auto;

font-size:18px;

line-height:1.8;

color:#666;

}

.video-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:30px;

}

.video-grid iframe{

width:100%;

aspect-ratio:9/16;

border:none;

border-radius:20px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.15);

transition:.4s;

background:#000;

}

.video-grid iframe:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.25);

}

@media(max-width:768px){

.section-title h2{

font-size:32px;

}

.section-title p{

font-size:16px;

}

}/* End custom CSS */