/* ===========================
   SCHOOL GROUPS PAGE
=========================== */


body{

    background:#050505;

    color:#fff;

    font-family:'Inter',sans-serif;

}



/* ===========================
   SCHOOL GALLERY
=========================== */


.school-gallery{

    padding:100px 8%;

}



.school-gallery h1{

    text-align:center;

    font-family:'Barlow Condensed';

    font-size:3.5rem;


    text-shadow:

    0 0 15px #ffe600,

    0 0 35px rgba(255,230,0,.5);

}



.school-gallery p{

    text-align:center;

    color:#d4d4d4;

    font-size:1rem;

    margin:40px 0;

}

.school-gallery h2{
    text-align:center;
    font-family:'Barlow Condensed',sans-serif;
    font-size:clamp(1.4rem, 4vw, 1.8rem);
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0 0 24px;
    color:#ddd;
}



.gallery{


    display:grid;


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


    gap:20px;


}



.gallery img{


    width:100%;


    height:280px;


    object-fit:cover;


    border-radius:20px;


    transition:.4s;


}



.gallery img:hover{


    transform:scale(1.05);


    box-shadow:


    0 0 25px rgba(255,230,0,.5),


    0 0 50px rgba(255,204,0,.3);


}


/* ===========================
   RESPONSIVE
=========================== */


@media(max-width:992px){


.gallery{


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


}


}




@media(max-width:768px){
    .school-gallery{
        padding:96px 16px 48px;
    }

    .school-gallery h1,
    .school-gallery h2{
        font-size:clamp(1.8rem, 8vw, 2.4rem);
    }

    .school-gallery p{
        font-size:.95rem;
        line-height:1.65;
    }

    .gallery{
        grid-template-columns:1fr;
        gap:12px;
    }

    .school-features h2,
    .school-packages h2,
    .cta-section h2{
        font-size:clamp(1.8rem, 8vw, 2.4rem);
    }
}

@media (max-width:480px){
    .school-gallery{
        padding:88px 12px 40px;
    }
}