@media(max-width:992px){

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

.hero p{
    font-size:18px;
}

.nav{
    display:none;
}

.header-btn{
    display:none;
}

.menu-toggle{
    display:flex;
}

}

@media(max-width:768px){

.hero{
    text-align:center;
}

.hero-content{
    max-width:100%;
}

.hero h1{
    font-size:42px;
}

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

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

}

@media(max-width:576px){

.hero h1{
    font-size:34px;
}

.hero p{
    font-size:17px;
}

.hero-buttons .btn{
    width:100%;
}

.hero-tag{
    letter-spacing:2px;
}

}

@media(max-width:992px){

    .choose-highlights{

        grid-template-columns:1fr;

    }

    .choose-features{

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

    }

}

@media(max-width:576px){

    .choose-features{

        grid-template-columns:1fr;

    }

    .highlight-card{

        padding:35px;

    }

    .highlight-card h3{

        font-size:26px;

    }

}

@media(max-width:768px){

.timeline::before{

    left:24px;

}

.timeline-item{

    gap:20px;

}

.timeline-number{

    width:48px;
    height:48px;
    min-width:48px;

    font-size:16px;

}

.timeline-content{

    padding:25px;

}

.timeline-content h3{

    font-size:24px;

}

}

@media(max-width:768px){

.footer-content{

    grid-template-columns:1fr;

    gap:50px;

    text-align:center;

}

}