.services-title{
padding: 6.5rem 0rem 0rem 0rem;
text-align: center;
color: var(--primary-color);
}
.container-grid-services{
padding: 6.5rem 2.5rem;
display: grid;
grid-template-columns: 1fr;
column-gap: 2.8rem;
row-gap: 2.8rem;
}
.box-service{
text-align: center;
display: grid;
grid-template-columns: 1fr;
column-gap: 2.5rem;
background-color: #e5e5e5;
padding: 4rem 2rem 4rem 2rem;
}
@media (min-width:490px){ 
.container-grid-services{
padding: 6.5rem 2.5rem;
}
}
@media (min-width:992px){ 
.box-service{
text-align: left;
display: grid;
grid-template-columns: 20% 1fr;
background-color: #e5e5e5;
column-gap: 2.5rem;
padding: 4rem 2rem 4rem 2rem;
}
.box-service figure{
padding-top: 2rem;
}
.container-grid-services{
padding: 6.5rem 2.5rem;
}
}
@media (min-width:1200px){ 
.box-service{
text-align: left;
display: grid;
grid-template-columns: 20% 1fr;
column-gap: 2.5rem;
background-color: #e5e5e5;
padding: 4rem 2rem 4rem 2rem;
}
.box-service figure{
padding-top: 2rem;
}
.container-grid-services{
padding: 6.5rem 0rem;
}
}