@media(max-width:991px){

.hero h1{

font-size:42px;

}

.hero-card{

margin-top:50px;

}

.services-grid{

grid-template-columns:1fr;

}

.brands{

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

}

.stats-grid{

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

}

}

@media(max-width:576px){

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

}

.main-btn,
.second-btn{

display:block;

margin:15px 0;

text-align:center;

}

.brands{

grid-template-columns:1fr;

}

.stats-grid{

grid-template-columns:1fr;

}

}