@media(max-width:900px){


.hero {

    min-height:auto;

    padding:120px 0 40px;

}

.hero-grid {

    grid-template-columns:1fr;

    gap:25px;

    text-align:center;

}

.hero-image {

    order:-1;

}

.hero-image img {

    width:100%;

    max-width:240px;

    margin:0 auto;

}

.hero-buttons {

    justify-content:center;

}

.hero-label {

    margin-bottom:15px;

}

.hero-subtitle {

    margin-bottom:20px;

}

.hero h1 {

    margin-bottom:15px;

    font-size:34px;

}



.hero p {

    font-size:17px;

}



.footer-grid {

    grid-template-columns:1fr;

}
.about-grid {


grid-template-columns:1fr;


}



.about-image img {


height:420px;

object-fit:cover;


}



.experience-badge {


right:20px;


}



}



@media(max-width:480px){


.hero h1 {

    font-size:32px;

}



.hero-buttons {

    flex-direction:column;

    align-items:center;

}



}
.vision-grid{

    grid-template-columns:1fr;

}
.stats-grid{

    grid-template-columns:repeat(2,1fr);

}

@media(max-width:600px){

.stats-grid{

grid-template-columns:1fr;

}

}
.projects-grid{

grid-template-columns:1fr;

}
@media (max-width:992px){

    .mobile-menu{

        display:block;

    }

    .nav-links{

        position:fixed;

        top:80px;

        right:-100%;

        width:280px;

        height:calc(100vh - 80px);

        background:#072B66;

        flex-direction:column;

        align-items:flex-start;

        padding:40px 30px;

        gap:24px;

        transition:.35s ease;

    }

    .nav-links.active{

        right:0;

    }

    .nav-cta{

        width:100%;

    }

    .nav-cta .btn{

        width:100%;

        text-align:center;

    }

}
@media(max-width:992px){

.about-grid{

grid-template-columns:1fr;

gap:50px;

}

.section-title{

font-size:36px;

}

}
@media(max-width:992px){

    .impact-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .impact-grid{

        grid-template-columns:1fr;

    }

}
@media(max-width:992px){

.projects-grid{

grid-template-columns:1fr;

}

}
@media (max-width:992px){

    .values-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:640px){

    .values-grid{
        grid-template-columns:1fr;
    }

}
@media(max-width:768px){

.vision-grid{

grid-template-columns:1fr;

}

.vision blockquote{

font-size:26px;

}

}
@media(max-width:992px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:640px){

.gallery-grid{

grid-template-columns:1fr;

}

}
@media(max-width:992px){

.news-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.page-banner{

    padding:150px 0 60px;

}

.page-banner h1{

    font-size:36px;

}

}
@media(max-width:600px){

.timeline{

    padding-left:28px;

}

.timeline::before{

    left:7px;

}

.timeline-dot{

    left:-28px;

    width:16px;

    height:16px;

}

.timeline-card{

    flex-direction:column;

    padding:20px;

}

.timeline-card img{

    width:100%;

    height:180px;

}

}

@media(max-width:768px){

.utility-bar{

    display:none;

}

.navbar{

    top:0;

}

}
