.about-school{
    padding:120px 0;
    background:#fff;
}

.vision-mission{
    padding:120px 0;
    background:linear-gradient(
        135deg,
        #f6f9ff,
        #eef5ff
    );
}

.principal-section{
    padding:120px 0;
    background:#fff;
}

.achievements{
    padding:120px 0;
    background:#0d6efd;
    color:#fff;
}

.infrastructure{
    padding:120px 0;
    background:#f8f9fa;
}

.vm-card{
    background:#fff;
    padding:50px 40px;
    border-radius:30px;
    position:relative;
    overflow:hidden;
    transition:.4s;
}

.vm-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #0d6efd,
        #00c6ff
    );
}

.vm-card:hover{
    transform:translateY(-15px);
}

.about-image{
    position:relative;
}

.about-image img{
    border-radius:30px;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

.about-image::after{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:#0d6efd;
    border-radius:30px;
    right:-25px;
    bottom:-25px;
    z-index:-1;
}

.achievement-card{
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.2);
    color:white;
    padding:40px;
    border-radius:25px;
}

.achievement-card i{
    color:#ffd700;
    font-size:60px;
}


.infra-box{
    background:#d3c9c9;
    border-radius:25px;
    padding:40px;
    text-align:center;
    transition:.4s;
}

.infra-box:hover{
    background:#0d6efd;
    color:white;
    transform:translateY(-15px);
}


.page-banner{
    min-height:550px;
}

.page-banner h1{
    font-size:80px;
    font-weight:900;
}

.page-banner p{
    font-size:24px;
}


.school-stats{
    margin-top:-80px;
    position:relative;
    z-index:5;
}

.stat-box{
    background:white;
    padding:35px;
    border-radius:25px;
    text-align:center;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.stat-box h2{
    color:#0d6efd;
    font-size:45px;
    font-weight:800;
}