.efekty-block {
    display: flex;
    padding: 100px;
    flex-direction: column;
    align-items: center;
    gap: 100px;
    align-self: stretch;
}
.efekty-block .efekty-item {    
    flex: 0 0 calc(100%);
    display: flex;
    max-width: 940px;
    margin: auto;
    flex-direction: column;
    width: 100%;
    padding-left: 300px;
    position: relative;
}
 
.efekty-block .efekty-item .content{    
    flex: 0 0 100%;
    display: flex; 
    gap: 90px;
    padding: 50px 0px;
    justify-content: space-between;
    margin: auto;
    align-items: center; flex-wrap: wrap;
    
    width: calc(100% - 80px);
    position: relative;
    padding-right: 80px;
} 
.efekty-block .efekty-item::before {
    content: "";
    display: flex;
    width: 178px;
    height: 200px;
    padding: var(--Spacing-4, 16px) var(--Spacing-System-spacing-16, 16px);
    align-items: center;
    gap: 8px;
    aspect-ratio: 11/10;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="182" height="203" viewBox="0 0 182 203" fill="none"><path d="M160.037 1.5H33.6075L2 33.1667V178.167" stroke="%23343734" stroke-width="3" stroke-linecap="round"/><path d="M21.9626 201.5L148.393 201.5L180 169.833L180 24.8333" stroke="%23343734" stroke-width="3" stroke-linecap="round"/><path d="M128.778 133.39H124.778L105.364 91.8607V80.5856H122.111C122.7 80.5856 123.266 80.351 123.682 79.9335C124.099 79.5159 124.333 78.9496 124.333 78.3591V67.2265C124.333 66.636 124.099 66.0697 123.682 65.6521C123.266 65.2346 122.7 65 122.111 65H103.142C102.553 65 101.988 65.2346 101.571 65.6521C101.154 66.0697 100.92 66.636 100.92 67.2265V91.7182L86.3156 115.123L76.0933 107.847C75.8477 107.67 75.5682 107.545 75.2724 107.481C74.9765 107.416 74.6706 107.414 74.3738 107.473C74.0769 107.533 73.7954 107.653 73.5468 107.826C73.2982 107.999 73.0879 108.221 72.9289 108.479L57.3911 133.416H53.2222C52.6329 133.416 52.0676 133.651 51.6509 134.069C51.2341 134.486 51 135.052 51 135.643C51 136.233 51.2341 136.8 51.6509 137.217C52.0676 137.635 52.6329 137.869 53.2222 137.869H128.778C129.367 137.869 129.932 137.635 130.349 137.217C130.766 136.8 131 136.233 131 135.643C131 135.052 130.766 134.486 130.349 134.069C129.932 133.651 129.367 133.416 128.778 133.416V133.39ZM119.889 76.1326H105.364V69.453H119.889V76.1326ZM75.4444 112.843L85.6667 120.12C85.9129 120.298 86.1932 120.423 86.4899 120.487C86.7866 120.551 87.0935 120.554 87.3911 120.494C87.6878 120.432 87.9691 120.312 88.2181 120.139C88.4671 119.966 88.6786 119.744 88.84 119.487L102.867 96.9995L119.889 133.39H62.6267L75.4444 112.843Z" fill="%23FFF01A"/></svg>');
}
.efekty-block .efekty-item .content .punkt {
position: relative;
flex: 0 0 25%;
color: var(--Color-Base-White, #FFF);
text-align: center;
font-family: Tomorrow;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
letter-spacing: 0.36px;
text-transform: uppercase;
}
.efekty-block .efekty-item .content .punkt  .slogan {
    color: var(--Color-Base-Volt-Yellow, #FFF01A);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Tomorrow;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 56px */
}
.efekty-block .efekty-item .content .punkt  .podpis {
    color: var(--Color-Base-White, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 18px */
    margin-top: 20px;
    text-transform: none;
}
.efekty-block .efekty-item h3 {
    color: var(--Color-Base-White, #FFF);
text-align: left;
font-family: Tomorrow;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 44.8px */
letter-spacing: 0.64px;
text-transform: uppercase;
margin-top: 0px;
position: relative;
} 
.efekty-block .efekty-item h3::after {
    content: "";
    width: 100px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -25px;
    left: 0px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="6" viewBox="0 0 100 6" fill="none"><path d="M5 2.5L0 0.113249V5.88675L5 3.5V2.5ZM95 3.5L100 5.88675V0.113249L95 2.5V3.5ZM5.76923 3V3.5H9.61539V3V2.5H5.76923V3ZM13.4615 3V3.5H17.3077V3V2.5H13.4615V3ZM21.1538 3V3.5H25V3V2.5H21.1538V3ZM28.8462 3V3.5H32.6923V3V2.5H28.8462V3ZM36.5385 3V3.5H40.3846V3V2.5H36.5385V3ZM44.2308 3V3.5H48.0769V3V2.5H44.2308V3ZM51.9231 3V3.5H55.7692V3V2.5H51.9231V3ZM59.6154 3V3.5H63.4615V3V2.5H59.6154V3ZM67.3077 3V3.5H71.1538V3V2.5H67.3077V3ZM75 3V3.5H78.8461V3V2.5H75V3ZM82.6923 3V3.5H86.5385V3V2.5H82.6923V3ZM90.3846 3V3.5H94.2308V3V2.5H90.3846V3Z" fill="%23D8F2D9"/></svg>');}    
.efekty-block .efekty-item .punkty {
    display: flex; 
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.efekty-block .efekty-item .punkty .punkt  .slogan {
    color: var(--Color-Base-White, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    position: relative;
    padding-left: 65px;
}
.efekty-block .efekty-item .punkty .punkt  .slogan::before {
    content: "";
    display: flex;
    width: 29px;
    height: 8px;
    padding: var(--Spacing-4, 16px) var(--Spacing-System-spacing-16, 16px);
    align-items: center;
    gap: 8px;
    aspect-ratio: 11/10;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="8" viewBox="0 0 29 8" fill="none"><path d="M28.3536 4.35355C28.5488 4.15829 28.5488 3.84171 28.3536 3.64645L25.1716 0.464466C24.9763 0.269204 24.6597 0.269204 24.4645 0.464466C24.2692 0.659728 24.2692 0.976311 24.4645 1.17157L27.2929 4L24.4645 6.82843C24.2692 7.02369 24.2692 7.34027 24.4645 7.53553C24.6597 7.7308 24.9763 7.7308 25.1716 7.53553L28.3536 4.35355ZM0 4V4.5H28V4V3.5H0V4Z" fill="%23FFF01A"/></svg>');
}


@media (max-width: 781px) { 
    .efekty-block { 
        padding: 50px 20px;
    }
    .efekty-block .efekty-item {
        padding-left: 0px;
    }
    .efekty-block .efekty-item .content {
        flex-direction: column;
    }
    .efekty-block .efekty-item::before {
        display: none;
    }
    .efekty-block .efekty-item .content .punkt .podpis {
        color: var(--Color-Base-White, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 18px */
margin-top: 12px;
    }
    .efekty-block .efekty-item .punkty .punkt .slogan {
        color: var(--Color-Base-White, #FFF);
        leading-trim: both;
        text-edge: cap;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }
}