@media(max-width:992px){

.navbar{
    flex-wrap:wrap;
    height:auto;
    padding:15px 0;
}

.nav-toggle{
    display:flex;
}

.navbar nav{
    width:100%;
}

.nav-links{
    display:none;
    flex-direction:column;
    align-items:center;
    width:100%;
    gap:16px;
}

.nav-links.active{
    display:flex;
    position:absolute;
    top:100%;
    left:0;
    padding:20px 0 25px;
    background:#ffffff;
    box-shadow:0 12px 24px rgba(0,0,0,.12);
}

.hero-content{
    flex-direction:column;
    text-align:center;
}

.hero-left h1{
    font-size:46px;
}

.hero-buttons{
    justify-content:center;
}

.hero-stats{
    justify-content:center;
}

}

@media(max-width:576px){

.logo h2{
    font-size:24px;
}

.hero-left h1{
    font-size:36px;
}

.hero-left p{
    font-size:16px;
}

.hero-buttons{
    flex-direction:column;
}

.primary-btn,
.secondary-btn{
    display:block;
}

.stat-card{
    width:100%;
}

}