/* .summ-benefit {
    --SumBenefit-Horisontal-Padding: var(--Side-Padding-Large);
    --SumBenefit-Vertical-Padding: 128px;
    display: flex;
    padding: var(--SumBenefit-Vertical-Padding) var(--SumBenefit-Horisontal-Padding);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
    align-self: stretch;
    text-align: center;
    color: var(--Colors-Main-Dark);
    background-color: #F9F3E5;
    background-repeat: no-repeat;
    background-position: center;
    

    .summ-benefit-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        max-width: 680px;

        .summ-benefit-title {
            font-size: 48px;
            font-weight: 700;
            line-height: 68px;
            letter-spacing: -0.96px;
        }

        .summ-benefit-description {
            font-size: 20px;
            font-weight: 400;
            line-height: 28px;
        }
    }

    @media screen and (max-width: 1280px) {
        --SumBenefit-Vertical-Padding: 104px;
        background-position-y: 104px;
        background-size: 92%;
    }

    @media screen and (max-width: 1180px) {
        --SumBenefit-Horisontal-Padding: 52px;
    }

    @media screen and (max-width: 1100px) {
        --SumBenefit-Horisontal-Padding: 40px;
        background-size: 94%;
        background-position-y: 144px;
    }

    @media screen and (max-width: 980px) {
        --SumBenefit-Vertical-Padding: 96px;
        background-size: 0;

        .summ-benefit-text {
            max-width: unset;
        }
    }

    @media screen and (max-width: 560px) {
        --SumBenefit-Horisontal-Padding: 20px;
        --SumBenefit-Vertical-Padding: 80px;

        .summ-benefit-text {

            .summ-benefit-title {
                font-size: 40px;
                line-height: 56px;
            }
        }
    }
} */

.summ-benefit {
    --SumBenefit-Horisontal-Padding: var(--Side-Padding-Large);
    --SumBenefit-Vertical-Padding: 128px;
    display: flex;
    padding: var(--SumBenefit-Vertical-Padding) var(--SumBenefit-Horisontal-Padding);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
    align-self: stretch;
    text-align: center;
    color: var(--Colors-Main-Dark);
    background-color: #f9f3e5;
    background-repeat: no-repeat;
    background-position: center;
}
.summ-benefit .summ-benefit-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    max-width: 680px;
}
.summ-benefit .summ-benefit-text .summ-benefit-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.96px;
}
.summ-benefit .summ-benefit-text .summ-benefit-description {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
@media screen and (max-width: 1280px) {
    .summ-benefit {
        --SumBenefit-Vertical-Padding: 104px;
        background-position-y: 104px;
        background-size: 92%;
   }
}
@media screen and (max-width: 1180px) {
    .summ-benefit {
        --SumBenefit-Horisontal-Padding: 52px;
   }
}
@media screen and (max-width: 1100px) {
    .summ-benefit {
        --SumBenefit-Horisontal-Padding: 40px;
        background-size: 94%;
        background-position-y: 144px;
   }
}
@media screen and (max-width: 980px) {
    .summ-benefit {
        --SumBenefit-Vertical-Padding: 96px;
        background-size: 0;
   }
    .summ-benefit .summ-benefit-text {
        max-width: unset;
   }
}
@media screen and (max-width: 560px) {
    .summ-benefit {
        --SumBenefit-Horisontal-Padding: 20px;
        --SumBenefit-Vertical-Padding: 80px;
   }
    .summ-benefit .summ-benefit-text .summ-benefit-title {
        font-size: 40px;
        line-height: 56px;
   }
}