/* lower than 1366 px */
@media (max-width:85em){
    .service .text {
        gap: 2.4rem;
    }

    .product .text {
        gap: 4.8rem;
    }
}
/* lower than 1128 px */
@media (max-width:73em){
    html{ 
        font-size: 56.25%;
    };
    .product-btn{
        font-weight: 500;
    }
}

@media (max-width:64em){
    html{ 
        font-size: 50%;
    };
    .service .text {
        gap: 3.2rem;
    }
}

@media (max-width:51em) {
    .service,
    .product {
    grid-template-columns: 1fr;
    grid-template-rows: 12.8rem;
    row-gap: 6.4rem;
}
.service .text {
    grid-row: 1;
    align-self: center;
    gap: 6.4rem;
}
.service .image {
    grid-row: 2;
    min-height: 42rem;
}
}