@media (max-width:992px){

    .nav-menu,
    .nav-right{

        display:none;

    }

    .hamburger{

        display:flex;

    }

    .logo img{

        width:80px;

    }

    .navbar{

        padding:16px 22px;

    }
}

@media(max-width:992px){

    .hero{
    
        text-align:center;
    
    }
    
    .hero-content{
    
        margin:auto;
       
        
    }
    
    .hero-content h1{
    
        font-size:2.2rem;
        margin-top: 40px;
       
    }
    
    .hero-content p{
    
        font-size:1rem;
    
    }
    
    .hero-buttons{
    
        justify-content:center;
    
    }
    
    }


    @media (hover:hover){

        .btn-primary:hover{
    
            background:#F9A106;
    
            color:#071120;
    
            transform:translateY(-6px);
    
            box-shadow:0 20px 40px rgba(249,161,6,.35);
    
        }
    
    
        .btn-secondary:hover{
    
            background:#1565D8;
    
            border-color:#1565D8;
    
            color:#fff;
    
            transform:translateY(-6px);
    
            box-shadow:0 20px 40px rgba(21,101,216,.35);
    
        }
    
    }


    @media(max-width:768px){

        .hero-btn{
    
            animation:mobilePulse 3s ease-in-out infinite;
    
        }
    
    }
    
    
    @keyframes mobilePulse{
    
        0%,100%{
    
            box-shadow:0 0 0 rgba(21,101,216,0);
    
        }
    
    
        50%{
    
            box-shadow:0 10px 30px rgba(21,101,216,.35);
    
        }
    
    }

/* 
    .mobile-menu{

        position:fixed;
    
        top:0;
    
        left:0;
    
        width:100%;
    
        height:100vh;
    
        z-index:9999;
    
        background:#000;
    
    } */







    @media(max-width:768px){


        .brand-showcase{
        
            padding:80px 0;
        
        }
        
        
        
        .showcase-heading h2{
        
            font-size:2.4rem;
        
        }
        
        
        
        .creative-image{
        
            width:230px;
        
            height:300px;
        
        }
        
        
        
        .impact-stats{
        
            grid-template-columns:1fr;
        
            gap:20px;
        
        }
        
        
        
        .stat-box h3{
        
            font-size:2.5rem;
        
        }
        
        
        }



        @media(max-width:768px){


            .about-section{
            
                padding:90px 0;
            
            }
            
            
            
            .about-container{
            
                grid-template-columns:1fr;
            
                gap:70px;
            
            }
            
            
            
            .about-main-image{
            
                height:420px;
            
            }
            
            
            
            .about-floating-image{
            
                width:160px;
            
                height:220px;
            
                right:10px;
            
                bottom:-40px;
            
            }
            
            
            
            .about-content h2{
            
                font-size:2.5rem;
            
            }
            
            
            }


            @media(max-width:768px){


                .services-section{
                
                    padding:90px 0;
                
                }
                
                
                
                .service-item{
                
                    min-height:480px;
                
                    border-radius:20px;
                
                }
                
                
                
                .service-content{
                
                    padding:30px;
                
                }
                
                
                
                .service-content h3{
                
                    font-size:2rem;
                
                }
                
                
                
                .service-content p{
                
                    font-size:.95rem;
                
                }
                
                
                }


                @media(max-width:768px){


                    .programs-section{
                    
                        padding:90px 0;
                    
                    }
                    
                    
                    
                    .program-card{
                    
                        min-height:550px;
                    
                        border-radius:20px;
                    
                    }
                    
                    
                    
                    .program-content{
                    
                        padding:30px;
                    
                    }
                    
                    
                    
                    .program-content h3{
                    
                        font-size:2.5rem;
                    
                    }
                    
                    
                    
                    .program-content p{
                    
                        font-size:.95rem;
                    
                    }
                    
                    
                    }


                    @media(max-width:768px){


                        .why-section{
                        
                        padding:90px 0;
                        
                        }
                        
                        
                        
                        .why-header h2{
                        
                        font-size:3.2rem;
                        
                        }
                        
                        
                        
                        .why-grid{
                        
                        grid-template-columns:1fr;
                        
                        }
                        
                        
                        
                        .why-item{
                        
                        padding:30px;
                        
                        }
                        
                        
                        
                        }


                        @media(max-width:768px){


                            .why-section{
                            
                                padding:90px 0;
                            
                            }
                            
                            
                            
                            .why-heading h2{
                            
                                font-size:3.2rem;
                            
                            }
                            
                            
                            
                            .why-heading p{
                            
                                font-size:1rem;
                            
                            }
                            
                            
                            
                            .why-cards{
                            
                                grid-template-columns:1fr;
                            
                            }
                            
                            
                            
                            .why-card{
                            
                                padding:30px;
                            
                            }
                            
                            
                            
                            }



                            @media(max-width:768px){


                                .process-section{
                                
                                padding:90px 0;
                                
                                }
                                
                                
                                
                                .process-heading h2{
                                
                                font-size:3.2rem;
                                
                                }
                                
                                
                                
                                .process-timeline::before{
                                
                                left:25px;
                                
                                }
                                
                                
                                
                                .process-item{
                                
                                gap:25px;
                                
                                }
                                
                                
                                
                                .process-number{
                                
                                width:50px;
                                
                                height:50px;
                                
                                font-size:.9rem;
                                
                                }
                                
                                
                                
                                .process-content h3{
                                
                                font-size:2rem;
                                
                                }
                                
                                
                                
                                .process-content p{
                                
                                font-size:.95rem;
                                
                                }
                                
                                
                                
                                }


                                @media(max-width:768px){


                                    .clients-section{
                                    
                                    padding:90px 0;
                                    
                                    }
                                    
                                    
                                    
                                    .clients-header h2{
                                    
                                    font-size:3.2rem;
                                    
                                    }
                                    
                                    
                                    
                                    .clients-grid{
                                    
                                    grid-template-columns:1fr;
                                    
                                    }
                                    
                                    
                                    
                                    .client-item{
                                    
                                    min-height:100px;
                                    
                                    font-size:1.1rem;
                                    
                                    }
                                    
                                    
                                    
                                    }
                                    @media(max-width:768px){


                                        .gallery-section{
                                        
                                        padding:90px 0;
                                        
                                        }
                                        
                                        
                                        
                                        .gallery-grid{
                                        
                                        display:flex;
                                        
                                        flex-direction:column;
                                        
                                        gap:20px;
                                        
                                        }
                                        
                                        
                                        
                                        .gallery-item,
                                        
                                        .gallery-item.large{
                                        
                                        height:350px;
                                        
                                        }
                                        
                                        
                                        
                                        .gallery-item img{
                                        
                                        border-radius:20px;
                                        
                                        }
                                        
                                        
                                        }

                                        @media(max-width:768px){

                                            .cta-section{
                                            
                                                min-height:80vh;
                                            
                                                padding:100px 0;
                                            
                                            }
                                            
                                            .cta-container h2{
                                            
                                                font-size:3rem;
                                            
                                            }
                                            
                                            .cta-container p{
                                            
                                                font-size:1rem;
                                            
                                            }
                                            
                                            .cta-buttons{
                                            
                                                flex-direction:column;
                                            
                                                align-items:center;
                                            
                                            }
                                            
                                            .cta-buttons a{
                                            
                                                width:100%;
                                            
                                                max-width:320px;
                                            
                                                text-align:center;
                                            
                                            }
                                            
                                            }


                                            @media(max-width:768px){

                                                .contact-section{
                                                
                                                    padding:90px 0;
                                                
                                                }
                                                
                                                .contact-container{
                                                
                                                    grid-template-columns:1fr;
                                                
                                                    gap:60px;
                                                
                                                }
                                                
                                                .contact-info{
                                                
                                                    text-align:center;
                                                
                                                }
                                                
                                                .contact-info h2{
                                                
                                                    font-size:3rem;
                                                
                                                }
                                                
                                                .contact-form{
                                                
                                                    padding:30px 20px;
                                                
                                                }
                                                
                                                .contact-form button{
                                                
                                                    width:100%;
                                                
                                                }
                                                
                                                }



                                                @media(max-width:768px){

                                                    .footer{
                                                    
                                                        padding:80px 0 30px;
                                                    
                                                    }
                                                    
                                                    .footer-watermark{
                                                    
                                                        font-size:3.5rem;
                                                    
                                                        white-space:normal;
                                                    
                                                        text-align:center;
                                                    
                                                        width:100%;
                                                    
                                                    }
                                                    
                                                    .footer-container{
                                                    
                                                        grid-template-columns:1fr;
                                                    
                                                        gap:45px;
                                                    
                                                        text-align:center;
                                                    
                                                    }
                                                    
                                                    .footer-logo{
                                                    
                                                        margin:0 auto 20px;
                                                    
                                                        display:block;
                                                    
                                                    }
                                                    
                                                    .social-icons{
                                                    
                                                        justify-content:center;
                                                    
                                                    }
                                                    
                                                    }