@media(max-width:991px){

.header{

    padding:0;

}

.navbar{

    height:75px;

}

.logo img{

    width:150px;

}

.nav-menu{

    display:none;

}

.header-btns{

    display:none;

}

.menu-toggle{

    display:block;

}

}

/*=========================
HERO
=========================*/

@media(max-width:1200px){

.hero{

    height:760px;

}

.hero-grid{

    grid-template-columns:520px 1fr;

}

.hero h1{

    font-size:56px;

}

}

@media(max-width:991px){

.hero{

    height:auto;

    padding:120px 0 80px;

}

.hero-overlay{

    background:rgba(255,255,255,.86);

}

.hero-grid{

    grid-template-columns:1fr;

}

.hero-left{

    max-width:100%;

    text-align:center;

}

.hero-buttons{

    justify-content:center;

}

.hero h1{

    font-size:44px;

}

}

@media(max-width:576px){

.hero h1{

    font-size:34px;

}

.hero h2{

    font-size:20px;

}

.hero p{

    font-size:16px;

}

.hero-buttons{

    flex-direction:column;

}

.hero-buttons a{

    text-align:center;

}

}

@media(min-width:992px){

.mobile-menu,

.mobile-overlay{

    display:none;

}

} 

/*==================================
STATS
==================================*/

@media (max-width:991px){

.hero{

    height:auto;

    padding:120px 0 80px;

}

.hero-stats-section{

    margin-top:-45px;

}

.stats-card{

    display:grid;

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

    gap:20px;

    padding:25px;

    margin:0;

}

.stat-item{

    border:none;

    justify-content:center;

    text-align:center;

    flex-direction:column;

    padding:10px;

}

.stat-icon{

    margin-bottom:12px;

}

.stat-item h3{

    font-size:34px;

}

}

@media (max-width:576px){

.hero-stats-section{

    margin-top:-35px;

}

.stats-card{

    padding:18px;

    gap:18px;

    border-radius:18px;

}

.stat-item{

    gap:10px;

}

.stat-icon{

    width:58px;

    height:58px;

    font-size:24px;

}

.stat-item h3{

    font-size:30px;

}

.stat-item p{

    font-size:14px;

    line-height:1.4;

}

}

/*==================================================
ABOUT
==================================================*/

@media(max-width:1200px){

.about-grid{

    gap:50px;

}

.about-content h2{

    font-size:40px;

}

}

@media(max-width:991px){

.about-section{

    padding:90px 0;

}

.about-grid{

    grid-template-columns:1fr;

}

.about-image{

    max-width:600px;

    margin:auto;

}

.experience-box{

    width:140px;

    height:140px;

    right:15px;

    bottom:15px;

}

.experience-box span{

    font-size:38px;

}

.about-content{

    text-align:center;

}

.about-features{

    grid-template-columns:1fr;

    text-align:left;

}

}

@media(max-width:576px){

.about-content h2{

    font-size:34px;

}

.about-content p{

    font-size:16px;

}

.experience-box{

    width:120px;

    height:120px;

}

.experience-box span{

    font-size:32px;

}

}