/* =====================================
   LARGE TABLETS
===================================== */

@media (max-width: 1200px){

    .container{
        width:95%;
    }

    .hero-content h1{
        font-size:3.5rem;
    }

}

/* =====================================
   TABLETS
===================================== */

@media (max-width: 992px){

    section{
        padding:80px 0;
    }

    .hero-content{

        padding-left:5%;
        padding-right:5%;

    }

    .hero-content h1{
        font-size:3rem;
    }

    .hero-content p{
        font-size:1.1rem;
    }

    .stats .container{
        grid-template-columns:repeat(2,1fr);
    }

    .about-content{
        grid-template-columns:1fr;
    }

    .contact .container{
        grid-template-columns:1fr;
    }

    .nav-menu{
        gap:20px;
    }

}

/* =====================================
   MOBILE NAVIGATION
===================================== */

@media (max-width: 768px){

    .top-bar{
        display:none;
    }

    .navbar .container{
        min-height:80px;
    }

    .menu-toggle{
        display:block;
    }

    .nav-menu{

        position:absolute;

        top:100%;
        left:0;

        width:100%;

        background:#fff;

        flex-direction:column;

        align-items:flex-start;

        padding:20px;

        gap:0;

        box-shadow:0 5px 20px rgba(0,0,0,.08);

        max-height:0;
        overflow:hidden;

        transition:.4s ease;

    }

    .nav-menu.active{
        max-height:1000px;
    }

    .nav-menu li{
        width:100%;
    }

    .nav-menu li a{

        display:block;
        padding:15px 0;

        width:100%;

    }

    .dropdown-menu{

        position:static;

        opacity:1;
        visibility:visible;

        display:none;

        box-shadow:none;

        background:#f7f7f7;

        margin-top:10px;

    }

    .dropdown.active .dropdown-menu{
        display:block;
    }

    .btn-primary.nav-btn{
        display:none;
    }

    .hero{

        height:80vh;

    }

    .hero-content{

        text-align:center;

        align-items:center;

        padding:0 20px;

    }

    .hero-content h1{

        font-size:2.2rem;

    }

    .hero-buttons{

        flex-direction:column;
        width:100%;

    }

    .hero-buttons a{

        width:100%;
        text-align:center;

    }

    .stats .container{

        grid-template-columns:1fr;
        gap:40px;

    }

    .section-title h2{

        font-size:2rem;

    }

    .services-grid{

        grid-template-columns:1fr;

    }

    .about-text h2{

        font-size:2rem;

    }

    .contact-map iframe{

        height:350px;

    }

    footer img{

        height:60px;

    }

}

/* =====================================
   SMALL DEVICES
===================================== */

@media (max-width: 576px){

    body{
        font-size:15px;
    }

    .hero-content h1{

        font-size:1.9rem;

    }

    .hero-content p{

        font-size:1rem;

    }

    .stat-box h2{

        font-size:2.2rem;

    }

    .service-card{

        padding:30px 20px;

    }

    .whatsapp-btn{

        width:58px;
        height:58px;

        font-size:28px;

    }

    #scrollTop{

        width:45px;
        height:45px;

        bottom:95px;

    }

}

@media(max-width:768px){

    .insights-grid{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

    .footer-bottom{

        flex-direction:column;
        gap:15px;
        text-align:center;

    }

    .report-cover{
        display:none;
    }

}