@layer card-compositions {
    .section--technology-bitrix {
        padding-top: 75px;
        padding-bottom: 150px;
    }
    .technology-bitrix.card-grid {
        min-height: calc(560px + 0.284722222 * var(--desktop-growth));
        padding-top: 184.0px;
        background-color: #ffffff;
    }
    .technology-bitrix .card-grid__items {
        width: calc(1200px + 0.888888889 * var(--desktop-growth));
        column-gap: 0px;
        row-gap: 0px;
        margin-left: calc(-593px + 50% + -0.454166667 * var(--desktop-growth));
    }
    .technology-bitrix .card-grid__heading {
        top: 0px;
        width: calc(1200px + -0.050000000 * var(--desktop-growth));
        color: #000000;
        text-align: center;
        font-size: 58px;
        font-family: var(--heading-font,Arial);
        line-height: round(nearest, 1em, 1px);
        font-weight: 700;
    }
    .technology-bitrix .card-1 {
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        height: calc(374px + 0.283333333 * var(--desktop-growth));
        order: 0;
        background-color: #fafafa;
        border-radius: 0px 0px 0px 0px;
    }
    .technology-bitrix .card-1 {
        translate: 0.0px 0;
    }
    .technology-bitrix .card-1 .content-card__text-0 {
        left: calc(-7px + 0.009722222 * var(--desktop-growth));
        top: calc(21px + 0.037500000 * var(--desktop-growth));
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(28px + 0.005555556 * var(--desktop-growth));
        line-height: round(nearest, 1.25em, 1px);
        font-weight: 700;
        color: #1a1a1a;
        text-align: center;
    }
    .technology-bitrix .card-1 .content-card__text-1 {
        left: calc(6px + 0.019444444 * var(--desktop-growth));
        top: calc(303px + 0.188888889 * var(--desktop-growth));
        width: calc(280px + 0.194444444 * var(--desktop-growth));
        font-family: var(--body-font,Arial);
        font-size: calc(16px + 0.002777778 * var(--desktop-growth));
        line-height: round(nearest, 1.55em, 1px);
        font-weight: 400;
        color: #4d4d4d;
        text-align: center;
    }
    .technology-bitrix .card-1 .content-card__image-0 {
        left: calc(77px + 0.061111111 * var(--desktop-growth));
        top: calc(137px + 0.048611111 * var(--desktop-growth));
        width: calc(131px + 0.120833333 * var(--desktop-growth));
    }
    .technology-bitrix .card-2 {
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        height: calc(374px + 0.283333333 * var(--desktop-growth));
        order: 1;
        background-color: #fafafa;
        border-radius: 0px 0px 0px 0px;
    }
    .technology-bitrix .card-2 {
        translate: calc(-4px + 0.005555556 * var(--desktop-growth)) 0;
    }
    .technology-bitrix .card-2 .content-card__text-0 {
        left: calc(-3px + 0.004166667 * var(--desktop-growth));
        top: calc(21px + 0.037500000 * var(--desktop-growth));
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(28px + 0.005555556 * var(--desktop-growth));
        line-height: round(nearest, 1.25em, 1px);
        font-weight: 700;
        color: #1a1a1a;
        text-align: center;
    }
    .technology-bitrix .card-2 .content-card__text-1 {
        left: calc(13px + 0.009722222 * var(--desktop-growth));
        top: calc(303px + 0.188888889 * var(--desktop-growth));
        width: calc(280px + 0.194444444 * var(--desktop-growth));
        font-family: var(--body-font,Arial);
        font-size: calc(16px + 0.002777778 * var(--desktop-growth));
        line-height: round(nearest, 1.55em, 1px);
        font-weight: 400;
        color: #4d4d4d;
        text-align: center;
    }
    .technology-bitrix .card-2 .content-card__image-0 {
        left: calc(79px + 0.058333333 * var(--desktop-growth));
        top: calc(137px + 0.048611111 * var(--desktop-growth));
        width: calc(142px + 0.109722222 * var(--desktop-growth));
    }
    .technology-bitrix .card-3 {
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        height: calc(374px + 0.283333333 * var(--desktop-growth));
        order: 2;
        background-color: #fafafa;
        border-radius: 0px 0px 0px 0px;
    }
    .technology-bitrix .card-3 {
        translate: calc(-7px + 0.009722222 * var(--desktop-growth)) 0;
    }
    .technology-bitrix .card-3 .content-card__text-0 {
        left: 0.0px;
        top: calc(21px + 0.037500000 * var(--desktop-growth));
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(28px + 0.005555556 * var(--desktop-growth));
        line-height: round(nearest, 1.25em, 1px);
        font-weight: 700;
        color: #1a1a1a;
        text-align: center;
    }
    .technology-bitrix .card-3 .content-card__text-1 {
        left: calc(13px + 0.087500000 * var(--desktop-growth));
        top: calc(303px + 0.188888889 * var(--desktop-growth));
        width: calc(280px + 0.037500000 * var(--desktop-growth));
        font-family: var(--body-font,Arial);
        font-size: calc(16px + 0.002777778 * var(--desktop-growth));
        line-height: round(nearest, 1.55em, 1px);
        font-weight: 400;
        color: #4d4d4d;
        text-align: center;
    }
    .technology-bitrix .card-3 .content-card__image-0 {
        left: calc(79px + -0.002777778 * var(--desktop-growth));
        top: calc(137px + 0.048611111 * var(--desktop-growth));
        width: calc(141px + 0.227777778 * var(--desktop-growth));
    }
    .technology-bitrix .card-4 {
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        height: calc(374px + 0.283333333 * var(--desktop-growth));
        order: 3;
        background-color: #fafafa;
        border-radius: 0px 0px 0px 0px;
    }
    .technology-bitrix .card-4 {
        translate: calc(-7px + 0.009722222 * var(--desktop-growth)) 0;
    }
    .technology-bitrix .card-4 .content-card__text-0 {
        left: 0.0px;
        top: calc(21px + 0.037500000 * var(--desktop-growth));
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        font-family: var(--heading-font,Arial);
        font-size: calc(28px + 0.005555556 * var(--desktop-growth));
        line-height: round(nearest, 1.25em, 1px);
        font-weight: 700;
        color: #1a1a1a;
        text-align: center;
    }
    .technology-bitrix .card-4 .content-card__text-1 {
        left: calc(10px + 0.013888889 * var(--desktop-growth));
        top: calc(303px + 0.188888889 * var(--desktop-growth));
        width: calc(280px + 0.194444444 * var(--desktop-growth));
        font-family: var(--body-font,Arial);
        font-size: calc(16px + 0.002777778 * var(--desktop-growth));
        line-height: round(nearest, 1.55em, 1px);
        font-weight: 400;
        color: #4d4d4d;
        text-align: center;
    }
    .technology-bitrix .card-4 .content-card__image-0 {
        left: calc(50px + 0.037500000 * var(--desktop-growth));
        top: calc(137px + 0.048611111 * var(--desktop-growth));
        width: calc(199px + 0.147222222 * var(--desktop-growth));
    }
    @media (max-width:1839px) {
        .technology-bitrix.card-grid {
            min-height: calc(560px + 0.284722222 * var(--desktop-growth));
            padding-top: 184.0px;
            background-color: #ffffff;
        }
        .technology-bitrix .card-grid__items {
            width: calc(1200px + 0.888888889 * var(--desktop-growth));
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc(-593px + 50% + -0.454166667 * var(--desktop-growth));
        }
        .technology-bitrix .card-grid__heading {
            top: 0px;
            width: calc(1200px + -0.050000000 * var(--desktop-growth));
            color: #000000;
            text-align: center;
            font-size: 58px;
            font-family: var(--heading-font,Arial);
            line-height: round(nearest, 1em, 1px);
            font-weight: 700;
        }
        .technology-bitrix .card-1 {
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            height: calc(374px + 0.283333333 * var(--desktop-growth));
            order: 0;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-1 {
            translate: 0.0px 0;
        }
        .technology-bitrix .card-1 .content-card__text-0 {
            left: calc(-7px + 0.009722222 * var(--desktop-growth));
            top: calc(21px + 0.037500000 * var(--desktop-growth));
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(28px + 0.005555556 * var(--desktop-growth));
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__text-1 {
            left: calc(6px + 0.019444444 * var(--desktop-growth));
            top: calc(303px + 0.188888889 * var(--desktop-growth));
            width: calc(280px + 0.194444444 * var(--desktop-growth));
            font-family: var(--body-font,Arial);
            font-size: calc(16px + 0.002777778 * var(--desktop-growth));
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__image-0 {
            left: calc(77px + 0.061111111 * var(--desktop-growth));
            top: calc(137px + 0.048611111 * var(--desktop-growth));
            width: calc(131px + 0.120833333 * var(--desktop-growth));
        }
        .technology-bitrix .card-2 {
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            height: calc(374px + 0.283333333 * var(--desktop-growth));
            order: 1;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-2 {
            translate: calc(-4px + 0.005555556 * var(--desktop-growth)) 0;
        }
        .technology-bitrix .card-2 .content-card__text-0 {
            left: calc(-3px + 0.004166667 * var(--desktop-growth));
            top: calc(21px + 0.037500000 * var(--desktop-growth));
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(28px + 0.005555556 * var(--desktop-growth));
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__text-1 {
            left: calc(13px + 0.009722222 * var(--desktop-growth));
            top: calc(303px + 0.188888889 * var(--desktop-growth));
            width: calc(280px + 0.194444444 * var(--desktop-growth));
            font-family: var(--body-font,Arial);
            font-size: calc(16px + 0.002777778 * var(--desktop-growth));
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__image-0 {
            left: calc(79px + 0.058333333 * var(--desktop-growth));
            top: calc(137px + 0.048611111 * var(--desktop-growth));
            width: calc(142px + 0.109722222 * var(--desktop-growth));
        }
        .technology-bitrix .card-3 {
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            height: calc(374px + 0.283333333 * var(--desktop-growth));
            order: 2;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-3 {
            translate: calc(-7px + 0.009722222 * var(--desktop-growth)) 0;
        }
        .technology-bitrix .card-3 .content-card__text-0 {
            left: 0.0px;
            top: calc(21px + 0.037500000 * var(--desktop-growth));
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(28px + 0.005555556 * var(--desktop-growth));
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__text-1 {
            left: calc(13px + 0.087500000 * var(--desktop-growth));
            top: calc(303px + 0.188888889 * var(--desktop-growth));
            width: calc(280px + 0.037500000 * var(--desktop-growth));
            font-family: var(--body-font,Arial);
            font-size: calc(16px + 0.002777778 * var(--desktop-growth));
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__image-0 {
            left: calc(79px + -0.002777778 * var(--desktop-growth));
            top: calc(137px + 0.048611111 * var(--desktop-growth));
            width: calc(141px + 0.227777778 * var(--desktop-growth));
        }
        .technology-bitrix .card-4 {
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            height: calc(374px + 0.283333333 * var(--desktop-growth));
            order: 3;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-4 {
            translate: calc(-7px + 0.009722222 * var(--desktop-growth)) 0;
        }
        .technology-bitrix .card-4 .content-card__text-0 {
            left: 0.0px;
            top: calc(21px + 0.037500000 * var(--desktop-growth));
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            font-family: var(--heading-font,Arial);
            font-size: calc(28px + 0.005555556 * var(--desktop-growth));
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__text-1 {
            left: calc(10px + 0.013888889 * var(--desktop-growth));
            top: calc(303px + 0.188888889 * var(--desktop-growth));
            width: calc(280px + 0.194444444 * var(--desktop-growth));
            font-family: var(--body-font,Arial);
            font-size: calc(16px + 0.002777778 * var(--desktop-growth));
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__image-0 {
            left: calc(50px + 0.037500000 * var(--desktop-growth));
            top: calc(137px + 0.048611111 * var(--desktop-growth));
            width: calc(199px + 0.147222222 * var(--desktop-growth));
        }
    }
    @media (max-width:1199px) {
        .technology-bitrix.card-grid {
            min-height: 580px;
            padding-top: 184.0px;
            background-color: #ffffff;
        }
        .technology-bitrix .card-grid__items {
            width: 960.0px;
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc((100% - 960px)/2 + 0.0px);
        }
        .technology-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, 1em, 1px);
            font-weight: 700;
        }
        .technology-bitrix .card-1 {
            width: 240.0px;
            height: 394.0px;
            order: 0;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-1 {
            translate: 0.0px 0;
        }
        .technology-bitrix .card-1 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__image-0 {
            left: 20.0px;
            top: 137.0px;
            width: 131.0px;
        }
        .technology-bitrix .card-2 {
            width: 240.0px;
            height: 394.0px;
            order: 1;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-2 {
            translate: 0.0px 0;
        }
        .technology-bitrix .card-2 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__image-0 {
            left: 49.0px;
            top: 137.0px;
            width: 142.0px;
        }
        .technology-bitrix .card-3 {
            width: 240.0px;
            height: 394.0px;
            order: 2;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-3 {
            translate: 0.0px 0;
        }
        .technology-bitrix .card-3 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__image-0 {
            left: 49.0px;
            top: 137.0px;
            width: 141.0px;
        }
        .technology-bitrix .card-4 {
            width: 240.0px;
            height: 394.0px;
            order: 3;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-4 {
            translate: 0.0px 0;
        }
        .technology-bitrix .card-4 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__image-0 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
    }
    @media (max-width:959px) {
        .technology-bitrix.card-grid {
            min-height: 960px;
            padding-top: 116.0px;
            background-color: #ffffff;
        }
        .technology-bitrix .card-grid__items {
            width: 480.0px;
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc((100% - 640px)/2 + 80.0px);
        }
        .technology-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, 1em, 1px);
            font-weight: 700;
        }
        .technology-bitrix .card-1 {
            width: 240.0px;
            height: 394.0px;
            order: 0;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-1 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__text-1 {
            left: 10.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__image-0 {
            left: 50.0px;
            top: 137.0px;
            width: 140.0px;
        }
        .technology-bitrix .card-2 {
            width: 240.0px;
            height: 394.0px;
            order: 1;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-2 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__text-1 {
            left: 10.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__image-0 {
            left: 49.0px;
            top: 137.0px;
            width: 142.0px;
        }
        .technology-bitrix .card-3 {
            width: 240.0px;
            height: 394.0px;
            order: 2;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-3 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__text-1 {
            left: 10.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__image-0 {
            left: 21.0px;
            top: 137.0px;
            width: 197.0px;
        }
        .technology-bitrix .card-4 {
            width: 240.0px;
            height: 394.0px;
            order: 3;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-4 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__text-1 {
            left: 10.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__image-0 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
    }
    @media (max-width:639px) {
        .technology-bitrix.card-grid {
            min-height: 960px;
            padding-top: 136.0px;
            background-color: #ffffff;
        }
        .technology-bitrix .card-grid__items {
            width: 480.0px;
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc((100% - 480px)/2 + 0.0px);
        }
        .technology-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, 1em, 1px);
            font-weight: 700;
        }
        .technology-bitrix .card-1 {
            width: 240.0px;
            height: 394.0px;
            order: 0;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-1 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__image-0 {
            left: 20.0px;
            top: 137.0px;
            width: 140.0px;
        }
        .technology-bitrix .card-2 {
            width: 240.0px;
            height: 394.0px;
            order: 1;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-2 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__image-0 {
            left: 49.0px;
            top: 137.0px;
            width: 142.0px;
        }
        .technology-bitrix .card-3 {
            width: 240.0px;
            height: 394.0px;
            order: 2;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-3 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__image-0 {
            left: 49.0px;
            top: 137.0px;
            width: 197.0px;
        }
        .technology-bitrix .card-4 {
            width: 240.0px;
            height: 394.0px;
            order: 3;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-4 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: var(--body-font,Arial);
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__image-0 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
    }
    @media (max-width:479px) {
        .technology-bitrix.card-grid {
            min-height: 1730px;
            padding-top: 136.0px;
            background-color: #ffffff;
        }
        .technology-bitrix .card-grid__items {
            width: 100.0px;
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc((100% - 360px)/2 + 0.0px);
        }
        .technology-bitrix .card-grid__heading {
            top: 0px;
            width: 360px;
            color: #000000;
            text-align: center;
            font-size: 29px;
            font-family: var(--heading-font,Arial);
            line-height: round(nearest, 1em, 1px);
            font-weight: 700;
        }
        .technology-bitrix .card-1 {
            width: 100.0px;
            height: 394.0px;
            order: 0;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-1 .content-card__text-0 {
            left: 60.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 90.0px;
            font-family: var(--body-font,Arial);
            font-size: 16px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-1 .content-card__image-0 {
            left: 110.0px;
            top: 137.0px;
            width: 140.0px;
        }
        .technology-bitrix .card-2 {
            width: 100.0px;
            height: 394.0px;
            order: 1;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-2 .content-card__text-0 {
            left: 60.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 90.0px;
            font-family: var(--body-font,Arial);
            font-size: 16px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-2 .content-card__image-0 {
            left: 109.0px;
            top: 137.0px;
            width: 142.0px;
        }
        .technology-bitrix .card-3 {
            width: 100.0px;
            height: 394.0px;
            order: 2;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-3 .content-card__text-0 {
            left: 60.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 90.0px;
            font-family: var(--body-font,Arial);
            font-size: 16px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-3 .content-card__image-0 {
            left: 81.0px;
            top: 137.0px;
            width: 197.0px;
        }
        .technology-bitrix .card-4 {
            width: 100.0px;
            height: 394.0px;
            order: 3;
            background-color: #fafafa;
            border-radius: 0px 0px 0px 0px;
        }
        .technology-bitrix .card-4 .content-card__text-0 {
            left: 60.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: var(--heading-font,Arial);
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 90.0px;
            font-family: var(--body-font,Arial);
            font-size: 16px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .technology-bitrix .card-4 .content-card__image-0 {
            left: 80.0px;
            top: 137.0px;
            width: 199.0px;
        }
        .technology-bitrix .card-grid__items {
            width: 100.0%;
            margin-inline: auto;
        }
        .technology-bitrix .content-card {
            width: 100%;
        }
        .technology-bitrix .card-1 .content-card__text-0 {
            left: calc((100vw - 360px)/2 + 60px - 0.0vw);
            width: 240px;
        }
        .technology-bitrix .card-1 .content-card__text-1 {
            left: calc(50vw - (324px)/2 + 0px - 0.0vw);
            width: 324px;
        }
        .technology-bitrix .card-1 .content-card__image-0 {
            left: calc((100vw - 360px)/2 + 110px - 0.0vw);
            width: 140px;
        }
        .technology-bitrix .card-2 .content-card__text-0 {
            left: calc((100vw - 360px)/2 + 60px - 0.0vw);
            width: 240px;
        }
        .technology-bitrix .card-2 .content-card__text-1 {
            left: calc(50vw - (324px)/2 + 0px - 0.0vw);
            width: 324px;
        }
        .technology-bitrix .card-2 .content-card__image-0 {
            left: calc((100vw - 360px)/2 + 109px - 0.0vw);
            width: 142px;
        }
        .technology-bitrix .card-3 .content-card__text-0 {
            left: calc((100vw - 360px)/2 + 60px - 0.0vw);
            width: 240px;
        }
        .technology-bitrix .card-3 .content-card__text-1 {
            left: calc(50vw - (324px)/2 + 0px - 0.0vw);
            width: 324px;
        }
        .technology-bitrix .card-3 .content-card__image-0 {
            left: calc((100vw - 360px)/2 + 81px - 0.0vw);
            width: 197px;
        }
        .technology-bitrix .card-4 .content-card__text-0 {
            left: calc((100vw - 360px)/2 + 60px - 0.0vw);
            width: 240px;
        }
        .technology-bitrix .card-4 .content-card__text-1 {
            left: calc(50vw - (324px)/2 + 0px - 0.0vw);
            width: 324px;
        }
        .technology-bitrix .card-4 .content-card__image-0 {
            left: calc((100vw - 360px)/2 + 80px - 0.0vw);
            width: 199px;
        }
    }
}