@media(max-width:992px){

.hero-content{

flex-direction:column-reverse;

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.header .container{

flex-direction:column;

gap:20px;

}

nav ul{

flex-wrap:wrap;

justify-content:center;

}

}