@media(max-width:991px){

    .hero-title{
        font-size:52px;
    }

  

}
@media(max-width:768px){

    .hero-title{
        font-size:38px;
    }

  

    .hero-section{
        padding-top:120px;
    }

    .primary-btn,
    .secondary-btn{
        width:100%;
        margin-bottom:15px;
    }

}
@media(max-width:1200px){

  

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

}

@media(max-width:991px){

  

    .hero-title{
        font-size:54px;
    }

  

}

@media(max-width:768px){

    .hero-title{
        font-size:40px;
    }

    .hero-buttons,
    .cta-buttons,
    .hero-stats-row{
        flex-direction:column;
    }

    
   
    .feature-grid,
    .how-grid{
        grid-template-columns:1fr;
    }

    .section-heading h2{
        font-size:36px;
    }

    .cta-box{
        padding:45px 25px;
    }

    .cta-box h2{
        font-size:36px;
    }

    .primary-btn,
    .secondary-btn,
    .plan-btn{
        width:100%;
    }

}