@layer card-compositions {
    .section--benefits-bitrix {
        padding-bottom: 90px;
    }
    .benefits-bitrix.card-grid {
        min-height: calc(950px + 0.555555556 * var(--desktop-growth));
        padding-top: calc(200px + -0.002777778 * var(--desktop-growth));
        background-color: #ffffff;
    }
    .benefits-bitrix .card-grid__items {
        width: calc(1199px + 0.890277778 * var(--desktop-growth));
        column-gap: calc(13px + 0.009722222 * var(--desktop-growth));
        row-gap: calc(12px + 0.009722222 * var(--desktop-growth));
        margin-left: calc(-600px + 50% + -0.444444444 * var(--desktop-growth));
    }
    .benefits-bitrix .card-grid__heading {
        top: 0px;
        width: calc(1200px + -0.070833333 * var(--desktop-growth));
        color: #000000;
        text-align: center;
        font-size: calc(67px + -0.012500000 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        line-height: round(nearest, 1.1em, 1px);
        font-weight: 700;
    }
    .benefits-bitrix .card-1 {
        width: calc(391px + 0.290277778 * var(--desktop-growth));
        height: calc(366px + 0.270833333 * var(--desktop-growth));
        order: 0;
        background-color: #fafafa;
        border-radius: 32px 32px 32px 32px;
    }
    .benefits-bitrix .card-1 .content-card__text-0 {
        left: calc(21px + 0.015277778 * var(--desktop-growth));
        top: calc(148px + 0.108333333 * var(--desktop-growth));
        width: calc(350px + 0.258333333 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(32px + 0.025000000 * var(--desktop-growth));
        line-height: round(nearest, 1.1em, 1px);
        font-weight: 700;
        color: #000000;
    }
    .benefits-bitrix .card-1 .content-card__image-0 {
        left: 0.0px;
        top: 0.0px;
        width: calc(391px + 0.290277778 * var(--desktop-growth));
    }
    .benefits-bitrix .card-2 {
        width: calc(391px + 0.290277778 * var(--desktop-growth));
        height: calc(366px + 0.270833333 * var(--desktop-growth));
        order: 1;
        background-color: #333333;
        border-radius: 32px 32px 32px 32px;
    }
    .benefits-bitrix .card-2 .content-card__text-0 {
        left: calc(21px + 0.015277778 * var(--desktop-growth));
        top: calc(129px + 0.095833333 * var(--desktop-growth));
        width: calc(350px + 0.258333333 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(32px + 0.025000000 * var(--desktop-growth));
        line-height: round(nearest, 1.1em, 1px);
        font-weight: 700;
        color: #fafafa;
    }
    .benefits-bitrix .card-2 .content-card__image-0 {
        left: 0.0px;
        top: 0.0px;
        width: calc(391px + 0.290277778 * var(--desktop-growth));
    }
    .benefits-bitrix .card-3 {
        width: calc(391px + 0.290277778 * var(--desktop-growth));
        height: calc(366px + 0.270833333 * var(--desktop-growth));
        order: 2;
        background-color: #da4d4d;
        border-radius: 32px 32px 32px 32px;
    }
    .benefits-bitrix .card-3 .content-card__text-0 {
        left: calc(21px + 0.015277778 * var(--desktop-growth));
        top: calc(112px + 0.081944444 * var(--desktop-growth));
        width: calc(350px + 0.258333333 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(32px + 0.025000000 * var(--desktop-growth));
        line-height: round(nearest, 1.1em, 1px);
        font-weight: 700;
        color: #fafafa;
    }
    .benefits-bitrix .card-3 .content-card__image-0 {
        left: calc(166px + 0.123611111 * var(--desktop-growth));
        top: calc(238px + 0.176388889 * var(--desktop-growth));
        width: calc(225px + 0.166666667 * var(--desktop-growth));
    }
    .benefits-bitrix .card-4 {
        width: calc(391px + 0.290277778 * var(--desktop-growth));
        height: calc(366px + 0.270833333 * var(--desktop-growth));
        order: 3;
        background-color: #da4d4d;
        border-radius: 32px 32px 32px 32px;
    }
    .benefits-bitrix .card-4 .content-card__text-0 {
        left: calc(21px + 0.015277778 * var(--desktop-growth));
        top: calc(129px + 0.095833333 * var(--desktop-growth));
        width: calc(350px + 0.258333333 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(32px + 0.025000000 * var(--desktop-growth));
        line-height: round(nearest, 1.1em, 1px);
        font-weight: 700;
        color: #fafafa;
    }
    .benefits-bitrix .card-4 .content-card__image-0 {
        left: 0.0px;
        top: 0.0px;
        width: calc(391px + 0.290277778 * var(--desktop-growth));
    }
    .benefits-bitrix .card-5 {
        width: calc(391px + 0.290277778 * var(--desktop-growth));
        height: calc(366px + 0.270833333 * var(--desktop-growth));
        order: 4;
        background-color: #fafafa;
        border-radius: 32px 32px 32px 32px;
    }
    .benefits-bitrix .card-5 .content-card__text-0 {
        left: calc(21px + 0.015277778 * var(--desktop-growth));
        top: calc(148px + 0.108333333 * var(--desktop-growth));
        width: calc(350px + 0.258333333 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(32px + 0.025000000 * var(--desktop-growth));
        line-height: round(nearest, 1.1em, 1px);
        font-weight: 700;
        color: #000000;
    }
    .benefits-bitrix .card-5 .content-card__image-0 {
        left: calc(201px + 0.148611111 * var(--desktop-growth));
        top: calc(178px + 0.131944444 * var(--desktop-growth));
        width: calc(171px + 0.126388889 * var(--desktop-growth));
    }
    .benefits-bitrix .card-6 {
        width: calc(391px + 0.290277778 * var(--desktop-growth));
        height: calc(366px + 0.270833333 * var(--desktop-growth));
        order: 5;
        background-color: #333333;
        border-radius: 32px 32px 32px 32px;
    }
    .benefits-bitrix .card-6 .content-card__text-0 {
        left: calc(21px + 0.015277778 * var(--desktop-growth));
        top: calc(129px + 0.095833333 * var(--desktop-growth));
        width: calc(350px + 0.258333333 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(32px + 0.025000000 * var(--desktop-growth));
        line-height: round(nearest, 1.1em, 1px);
        font-weight: 700;
        color: #fafafa;
    }
    .benefits-bitrix .card-6 .content-card__image-0 {
        left: calc(90px + 0.066666667 * var(--desktop-growth));
        top: calc(38px + 0.027777778 * var(--desktop-growth));
        width: calc(278px + 0.205555556 * var(--desktop-growth));
    }
    @media (max-width:1839px) {
        .benefits-bitrix.card-grid {
            min-height: calc(950px + 0.555555556 * var(--desktop-growth));
            padding-top: calc(200px + -0.002777778 * var(--desktop-growth));
            background-color: #ffffff;
        }
        .benefits-bitrix .card-grid__items {
            width: calc(1199px + 0.890277778 * var(--desktop-growth));
            column-gap: calc(13px + 0.009722222 * var(--desktop-growth));
            row-gap: calc(12px + 0.009722222 * var(--desktop-growth));
            margin-left: calc(-600px + 50% + -0.444444444 * var(--desktop-growth));
        }
        .benefits-bitrix .card-grid__heading {
            top: 0px;
            width: calc(1200px + -0.070833333 * var(--desktop-growth));
            color: #000000;
            text-align: center;
            font-size: calc(67px + -0.012500000 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
        }
        .benefits-bitrix .card-1 {
            width: calc(391px + 0.290277778 * var(--desktop-growth));
            height: calc(366px + 0.270833333 * var(--desktop-growth));
            order: 0;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-1 .content-card__text-0 {
            left: calc(21px + 0.015277778 * var(--desktop-growth));
            top: calc(148px + 0.108333333 * var(--desktop-growth));
            width: calc(350px + 0.258333333 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(32px + 0.025000000 * var(--desktop-growth));
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-1 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: calc(391px + 0.290277778 * var(--desktop-growth));
        }
        .benefits-bitrix .card-2 {
            width: calc(391px + 0.290277778 * var(--desktop-growth));
            height: calc(366px + 0.270833333 * var(--desktop-growth));
            order: 1;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-2 .content-card__text-0 {
            left: calc(21px + 0.015277778 * var(--desktop-growth));
            top: calc(129px + 0.095833333 * var(--desktop-growth));
            width: calc(350px + 0.258333333 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(32px + 0.025000000 * var(--desktop-growth));
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-2 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: calc(391px + 0.290277778 * var(--desktop-growth));
        }
        .benefits-bitrix .card-3 {
            width: calc(391px + 0.290277778 * var(--desktop-growth));
            height: calc(366px + 0.270833333 * var(--desktop-growth));
            order: 2;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-3 .content-card__text-0 {
            left: calc(21px + 0.015277778 * var(--desktop-growth));
            top: calc(112px + 0.081944444 * var(--desktop-growth));
            width: calc(350px + 0.258333333 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(32px + 0.025000000 * var(--desktop-growth));
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-3 .content-card__image-0 {
            left: calc(166px + 0.123611111 * var(--desktop-growth));
            top: calc(238px + 0.176388889 * var(--desktop-growth));
            width: calc(225px + 0.166666667 * var(--desktop-growth));
        }
        .benefits-bitrix .card-4 {
            width: calc(391px + 0.290277778 * var(--desktop-growth));
            height: calc(366px + 0.270833333 * var(--desktop-growth));
            order: 3;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-4 .content-card__text-0 {
            left: calc(21px + 0.015277778 * var(--desktop-growth));
            top: calc(129px + 0.095833333 * var(--desktop-growth));
            width: calc(350px + 0.258333333 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(32px + 0.025000000 * var(--desktop-growth));
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-4 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: calc(391px + 0.290277778 * var(--desktop-growth));
        }
        .benefits-bitrix .card-5 {
            width: calc(391px + 0.290277778 * var(--desktop-growth));
            height: calc(366px + 0.270833333 * var(--desktop-growth));
            order: 4;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-5 .content-card__text-0 {
            left: calc(21px + 0.015277778 * var(--desktop-growth));
            top: calc(148px + 0.108333333 * var(--desktop-growth));
            width: calc(350px + 0.258333333 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(32px + 0.025000000 * var(--desktop-growth));
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-5 .content-card__image-0 {
            left: calc(201px + 0.148611111 * var(--desktop-growth));
            top: calc(178px + 0.131944444 * var(--desktop-growth));
            width: calc(171px + 0.126388889 * var(--desktop-growth));
        }
        .benefits-bitrix .card-6 {
            width: calc(391px + 0.290277778 * var(--desktop-growth));
            height: calc(366px + 0.270833333 * var(--desktop-growth));
            order: 5;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-6 .content-card__text-0 {
            left: calc(21px + 0.015277778 * var(--desktop-growth));
            top: calc(129px + 0.095833333 * var(--desktop-growth));
            width: calc(350px + 0.258333333 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(32px + 0.025000000 * var(--desktop-growth));
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-6 .content-card__image-0 {
            left: calc(90px + 0.066666667 * var(--desktop-growth));
            top: calc(38px + 0.027777778 * var(--desktop-growth));
            width: calc(278px + 0.205555556 * var(--desktop-growth));
        }
    }
    @media (max-width:1199px) {
        .benefits-bitrix.card-grid {
            min-height: 800px;
            padding-top: 200.0px;
            background-color: #ffffff;
        }
        .benefits-bitrix .card-grid__items {
            width: 959.0px;
            column-gap: 10.0px;
            row-gap: 9.0px;
            margin-left: calc((100% - 960px)/2 + 0.0px);
        }
        .benefits-bitrix .card-grid__heading {
            top: 0px;
            width: 960px;
            color: #000000;
            text-align: center;
            font-size: 54px;
            font-family: var(--heading-font,Arial);
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
        }
        .benefits-bitrix .card-1 {
            width: 313.0px;
            height: 293.0px;
            order: 0;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-1 .content-card__text-0 {
            left: 17.0px;
            top: 118.0px;
            width: 280.0px;
            font-family: var(--heading-font,Arial);
            font-size: 26px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-1 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 313.0px;
        }
        .benefits-bitrix .card-2 {
            width: 313.0px;
            height: 293.0px;
            order: 1;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-2 .content-card__text-0 {
            left: 17.0px;
            top: 103.0px;
            width: 280.0px;
            font-family: var(--heading-font,Arial);
            font-size: 26px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-2 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 313.0px;
        }
        .benefits-bitrix .card-3 {
            width: 313.0px;
            height: 293.0px;
            order: 2;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-3 .content-card__text-0 {
            left: 17.0px;
            top: 90.0px;
            width: 280.0px;
            font-family: var(--heading-font,Arial);
            font-size: 26px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-3 .content-card__image-0 {
            left: 133.0px;
            top: 190.0px;
            width: 180.0px;
        }
        .benefits-bitrix .card-4 {
            width: 313.0px;
            height: 293.0px;
            order: 3;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-4 .content-card__text-0 {
            left: 17.0px;
            top: 103.0px;
            width: 280.0px;
            font-family: var(--heading-font,Arial);
            font-size: 26px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-4 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 313.0px;
        }
        .benefits-bitrix .card-5 {
            width: 313.0px;
            height: 293.0px;
            order: 4;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-5 .content-card__text-0 {
            left: 17.0px;
            top: 118.0px;
            width: 280.0px;
            font-family: var(--heading-font,Arial);
            font-size: 26px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-5 .content-card__image-0 {
            left: 161.0px;
            top: 142.0px;
            width: 137.0px;
        }
        .benefits-bitrix .card-6 {
            width: 313.0px;
            height: 293.0px;
            order: 5;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-6 .content-card__text-0 {
            left: 17.0px;
            top: 103.0px;
            width: 280.0px;
            font-family: var(--heading-font,Arial);
            font-size: 26px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-6 .content-card__image-0 {
            left: 72.0px;
            top: 30.0px;
            width: 223.0px;
        }
    }
    @media (max-width:959px) {
        .benefits-bitrix.card-grid {
            min-height: 600px;
            padding-top: 196.0px;
            background-color: #ffffff;
        }
        .benefits-bitrix .card-grid__items {
            width: 640.0px;
            column-gap: 6.0px;
            row-gap: 6.0px;
            margin-left: calc((100% - 640px)/2 + 0.0px);
        }
        .benefits-bitrix .card-grid__heading {
            top: 0px;
            width: 640px;
            color: #000000;
            text-align: center;
            font-size: 38px;
            font-family: var(--heading-font,Arial);
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
        }
        .benefits-bitrix .card-1 {
            width: 209.0px;
            height: 196.0px;
            order: 0;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-1 .content-card__text-0 {
            left: 11.0px;
            top: 79.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-1 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 209.0px;
        }
        .benefits-bitrix .card-2 {
            width: 209.0px;
            height: 196.0px;
            order: 1;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-2 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-2 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 209.0px;
        }
        .benefits-bitrix .card-3 {
            width: 209.0px;
            height: 196.0px;
            order: 2;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-3 .content-card__text-0 {
            left: 11.0px;
            top: 60.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-3 .content-card__image-0 {
            left: 89.0px;
            top: 127.0px;
            width: 120.0px;
        }
        .benefits-bitrix .card-4 {
            width: 209.0px;
            height: 196.0px;
            order: 3;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-4 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-4 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 209.0px;
        }
        .benefits-bitrix .card-5 {
            width: 209.0px;
            height: 196.0px;
            order: 4;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-5 .content-card__text-0 {
            left: 11.0px;
            top: 79.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-5 .content-card__image-0 {
            left: 107.0px;
            top: 95.0px;
            width: 91.0px;
        }
        .benefits-bitrix .card-6 {
            width: 209.0px;
            height: 196.0px;
            order: 5;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-6 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-6 .content-card__image-0 {
            left: 48.0px;
            top: 20.0px;
            width: 149.0px;
        }
    }
    @media (max-width:639px) {
        .benefits-bitrix.card-grid {
            min-height: 810px;
            padding-top: 196.0px;
            background-color: #ffffff;
        }
        .benefits-bitrix .card-grid__items {
            width: 424.0px;
            column-gap: 6.0px;
            row-gap: 6.0px;
            margin-left: calc((100% - 480px)/2 + 28.0px);
        }
        .benefits-bitrix .card-grid__heading {
            top: 0px;
            width: 480px;
            color: #000000;
            text-align: center;
            font-size: 38px;
            font-family: var(--heading-font,Arial);
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
        }
        .benefits-bitrix .card-1 {
            width: 209.0px;
            height: 196.0px;
            order: 0;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-1 .content-card__text-0 {
            left: 11.0px;
            top: 79.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-1 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 209.0px;
        }
        .benefits-bitrix .card-2 {
            width: 209.0px;
            height: 196.0px;
            order: 1;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-2 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-2 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 209.0px;
        }
        .benefits-bitrix .card-3 {
            width: 209.0px;
            height: 196.0px;
            order: 5;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-3 .content-card__text-0 {
            left: 11.0px;
            top: 60.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-3 .content-card__image-0 {
            left: 89.0px;
            top: 127.0px;
            width: 120.0px;
        }
        .benefits-bitrix .card-4 {
            width: 209.0px;
            height: 196.0px;
            order: 2;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-4 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-4 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 209.0px;
        }
        .benefits-bitrix .card-5 {
            width: 209.0px;
            height: 196.0px;
            order: 3;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-5 .content-card__text-0 {
            left: 11.0px;
            top: 79.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-5 .content-card__image-0 {
            left: 107.0px;
            top: 95.0px;
            width: 91.0px;
        }
        .benefits-bitrix .card-6 {
            width: 209.0px;
            height: 196.0px;
            order: 4;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-6 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 18px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-6 .content-card__image-0 {
            left: 48.0px;
            top: 20.0px;
            width: 149.0px;
        }
    }
    @media (max-width:479px) {
        .benefits-bitrix.card-grid {
            min-height: 2010px;
            padding-top: 196.0px;
            background-color: #ffffff;
        }
        .benefits-bitrix .card-grid__items {
            width: 300.0px;
            column-gap: 0px;
            row-gap: 21.0px;
            margin-left: calc((100% - 360px)/2 + 30.0px);
        }
        .benefits-bitrix .card-grid__heading {
            top: 0px;
            width: 360px;
            color: #000000;
            text-align: center;
            font-size: 33px;
            font-family: var(--heading-font,Arial);
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
        }
        .benefits-bitrix .card-1 {
            width: 300.0px;
            height: 281.0px;
            order: 0;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-1 .content-card__text-0 {
            left: 11.0px;
            top: 79.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-1 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 300.0px;
        }
        .benefits-bitrix .card-2 {
            width: 300.0px;
            height: 281.0px;
            order: 1;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-2 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-2 .content-card__image-0 {
            left: 0.0px;
            top: 0.0px;
            width: 300.0px;
        }
        .benefits-bitrix .card-3 {
            width: 300.0px;
            height: 281.0px;
            order: 2;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-3 .content-card__text-0 {
            left: 11.0px;
            top: 60.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-3 .content-card__image-0 {
            left: 111.0px;
            top: 174.0px;
            width: 189.0px;
        }
        .benefits-bitrix .card-4 {
            width: 300.0px;
            height: 281.0px;
            order: 5;
            background-color: #da4d4d;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-4 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-4 .content-card__image-0 {
            left: 0.0px;
            top: 11.0px;
            width: 300.0px;
        }
        .benefits-bitrix .card-5 {
            width: 300.0px;
            height: 281.0px;
            order: 4;
            background-color: #fafafa;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-5 .content-card__text-0 {
            left: 11.0px;
            top: 79.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #000000;
        }
        .benefits-bitrix .card-5 .content-card__image-0 {
            left: 131.0px;
            top: 128.0px;
            width: 139.0px;
        }
        .benefits-bitrix .card-6 {
            width: 300.0px;
            height: 281.0px;
            order: 3;
            background-color: #333333;
            border-radius: 32px 32px 32px 32px;
        }
        .benefits-bitrix .card-6 .content-card__text-0 {
            left: 11.0px;
            top: 69.0px;
            width: 187.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.1em, 1px);
            font-weight: 700;
            color: #fafafa;
        }
        .benefits-bitrix .card-6 .content-card__image-0 {
            left: 43.0px;
            top: 12.0px;
            width: 228.0px;
        }
    }
}