/*=========================================
SUCCESS SECTION
=========================================*/

.success-section{

    padding:120px 0;

    background:#f8fafc;

}

.success-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.student-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    transition:.35s;

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

}

.student-card:hover{

    transform:translateY(-10px);

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

}

.student-image{

    position:relative;

}

.student-image img{

    width:100%;

    height:330px;

    object-fit:cover;

}

.rank-badge{

    position:absolute;

    top:18px;

    left:18px;

    background:#d4af37;

    color:#fff;

    padding:8px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

}

.student-content{

    padding:25px;

    text-align:center;

}

.student-content h3{

    font-size:24px;

    margin-bottom:8px;

}

.student-content p{

    color:#666;

    margin-bottom:20px;

}

.student-score{

    background:#fff8e7;

    border-radius:14px;

    padding:18px;

}

.student-score span{

    display:block;

    color:#666;

    margin-bottom:6px;

}

.student-score strong{

    color:#d4af37;

    font-size:22px;

}

@media(max-width:1200px){

.success-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.success-section{

padding:80px 0;

}

.success-grid{

grid-template-columns:1fr;

}

.student-image img{

height:300px;

}

}