@media (max-width:680px){
    .offer {
        padding: 40px 50px;
    }
}
@media (max-width:400px){
    .offer {
        padding: 15px 20px;
    }
}
@media (max-width:500px){
    .align-items-center {
    align-items: center !important;
    flex-direction: column !important;
    gap: 20px !important;
}
}
/* @media (max-width:767px){
    .text p{
        justify-content: center;
        align-items: center;
        padding: 1px 20px;
        display: flex;
        flex-wrap: wrap;
    
    }
}
@media (max-width:450px){
    .text p{
        justify-content: center;
        align-items: center;
        padding: 1px 20px;
        display: flex;
        flex-wrap: wrap;
    
    }
}
@media (max-width:590px){
    .text h3{
        justify-content: center;
        align-items: center;
        padding: 1px 10px;
        display: flex;
        flex-wrap: wrap;
    
    }
} */
@media (max-width:400px){
    .lo{
        grid-column: 1;

    }
}