.kinder-gentle-title-wrap {
    margin-bottom: 25rem;
}

.kinder-gentle-title-wrap--title {
    margin-bottom: 13rem;
}

.kinder-gentle-title-wrap--title span {
    position: relative;
    color: var(--body-text-color) !important;
    background: none;
}

.kinder-gentle-title-wrap--title span:before {
    content: '';
    display: block;
    width: 150rem;
    height: 11rem;
    position: absolute;
    bottom: -8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url('../../img/kinder/title_line.svg') center/contain no-repeat;
}

.kinder-gentle-title-wrap--descr {
    font-size: 18rem;
    line-height: 1.3;
}

.kinder-gentle--item {
    padding: 10rem 28rem 34rem;
    position: relative;
}

.kinder-gentle--item:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 48rem;
    background-color: var(--color-orange-200);
    z-index: -1;
}

.kinder-gentle--item:first-of-type:before {
    -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
            transform: rotate(-4deg);
}

.kinder-gentle--item:nth-of-type(2):before {
    -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
            transform: rotate(4deg);
}

.kinder-gentle--item:nth-of-type(3):before {
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg);
}

.kinder-gentle--item:not(:last-of-type) {
    margin-bottom: 38rem;
}

.kinder-gentle--text-wrap {
    font-size: 14rem;
}

.kinder-gentle--title {
    font-size: 24rem;
    font-weight: 700;
    margin-bottom: 10rem;
}

.kinder-gentle--img-wrap {
    height: 152rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .kinder-gentle-title-wrap--title span:before {
        height: 16rem;
        -webkit-transform: translateX(-45%);
            -ms-transform: translateX(-45%);
                transform: translateX(-45%);
    }

    .kinder-gentle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -15rem;
    }

    .kinder-gentle--item {
        padding: 24rem 25rem 33rem;
        width: calc(33% - 30rem);
        margin: 0 15rem;
    }

    .kinder-gentle--item:not(:last-of-type) {
        margin-bottom: 0;
    }
}