.box_offer{
padding: 60px 0px 75px 0px;
position: relative;
overflow: hidden;
}
.box_offer:after{
content: "";
display: block;
width: 100%;
height: 30%;
position: absolute;
left: 0px;
bottom: 0px;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,252,255,1) 100%);
z-index: -1;
}

.box_offer .div_offer{max-width:1510px;box-sizing:border-box;padding:0 15px;margin-inline:auto;container:offer / inline-size;width:auto;}
.box_offer .offers {display:grid;grid-template-columns:repeat(3, 1fr);gap:5em 7em;}

@container offer (width < 940px) {
    .box_offer .offers {grid-template-columns:repeat(2, 1fr);}
}
@container offer (width < 798px) {
    .box_offer .offers {gap:3em;}
}
@container offer (width < 798px) {
    .box_offer .offers {grid-template-columns:1fr;}
}
.box_offer .offers .aOffer{
color: var(--g3-color);
text-align: center;
transition: all 0.5s ease-out 0s;

}

.box_offer .offers .aOffer .oferta{
transform: translateY(200%);
transition: all 0.5s ease-out 0s;
}

.box_offer .offers .aOffer.show .oferta{
transform: translateY(0%);
}


.box_offer .offers .aOffer .spImg{
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #EBF3FA;
margin: 0px auto 10px auto;
}
.box_offer .offers .aOffer .spImg img{
max-width: 100%;
height: auto;
}
.box_offer .offers .aOffer .titleOffer{
display: block;
font-weight: 800;
position: relative;
font-size: 24px;
padding: 0px 0px 16px 0px;
margin: 0px 0px 30px 0px;
}
.box_offer .offers .aOffer .titleOffer:after{
content: "";
display: block;
width: 30px;
height: 7px;
border-radius: 25px;
background-color: var(--g1-color);
margin: auto;
left: 0px;
right: 0px;
bottom: 0px;
position: absolute;
}

.box_offer .offers .aOffer .zajawkaOff{
font-weight: 600;
font-size: 16px;
}