.oferta1-block {
display: flex;
padding: 100px 0;
gap: 0px;
justify-content: space-between;
max-width: 100% !important;
position: relative;
/* border-bottom: 1px solid var(--primary-color);
border-top: 3px solid var(--primary-color); */
}
.oferta1-item::before {
content: "";
background-size: contain;
aspect-ratio: 8/9;justify-content: center;
display: flex;
position: absolute;
top: -100px;
left: 0px;
width: 100%;
height: 7px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,');
}
.oferta1-block .oferta1-item {
flex: 0 0 calc(100%);
display: flex ;
max-width: 1240px;
margin: auto;
gap: 100px;
flex-direction: column;
position: relative;
}
.oferta1-block .oferta1-item h3 {
color: var(--Color-Base-Black, #090D08);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Tomorrow;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0px auto;
}
.oferta1-block .oferta1-item .content{
flex: 0 0 100%;
display: flex;
gap: 73px;
justify-content: space-evenly;
margin: auto;
align-items: center;
flex-direction: column;
}
.oferta1-block .oferta1-item .content .punkt {
display: flex;
align-items: center;
gap: 40px;
align-self: stretch;
position: relative;
padding-left: 90px;
}
.oferta1-block .oferta1-item .content .punkt::before {
content: "";
background-size: contain;
aspect-ratio: 8/9;justify-content: center;
display: flex;
position: absolute;
left: -0px;
top: 50%;
transform: translateY(-50%);
width: 67px;
height: 75px;
background-image: url('data:image/svg+xml,');}
.oferta1-block .oferta1-item .content .punkt .opis::before {
content: "";
background-size: contain;
aspect-ratio: 8/9;justify-content: center;
display: flex;
position: absolute;
left: -40px;
top: 50%;
transform: translateY(-50%);
width: 7px;
height: 105px;
background-image: url('data:image/svg+xml,');}
.oferta1-block .oferta1-item .content .slogan {
color: var(--Color-Base-Black, #090D08);
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
flex: 0 0 46%;
}
.oferta1-block .oferta1-item .content .opis {
color: var(--Color-Base-Black, #090D08);
position: relative;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
}
@media (max-width: 781px) {
.oferta1-block .oferta1-item .content .punkt {
flex-direction: column;
padding-left: 20px;
padding-top: 90px;
padding-right: 20px;
}
.oferta1-block .oferta1-item .content .punkt::before {
position: absolute;
left: 50%;
top: -20px;
transform: translateX(-50%);
width: 68px;
height: 75px;
}
.oferta1-block .oferta1-item .content .slogan {
color: var(--Color-Base-Black, #090D08);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.oferta1-block .oferta1-item {
gap: 70px;
}
.oferta1-item::before {
background-size: calc(100% - 40px);
background-position: center;
top: -60px;
background-image: url('data:image/svg+xml,');
}
.oferta1-block .oferta1-item .content .opis {
color: var(--Color-Base-Black, #090D08);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.oferta1-block {
padding: 50px 0;
}
}