@layer card-compositions {
    .section--process {
        padding-bottom: 90px;
    }
    .process.card-grid {
        min-height: calc(560px + 0.284722222 * var(--desktop-growth));
        padding-top: 184.0px;
        background-color: #ffffff;
    }
    .process .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));
    }
    .process .card-grid__heading {
        top: 0px;
        width: calc(870px + -0.004166667 * var(--desktop-growth));
        color: #000000;
        text-align: center;
        font-size: 58px;
        font-family: "Actay",Arial,sans-serif;
        line-height: round(nearest, 1em, 1px);
        font-weight: 700;
    }
    .process .card-1 {
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        height: calc(374px + 0.283333333 * var(--desktop-growth));
        order: 0;
        background-color: #fafafa;
    }
    .process .card-1 {
        translate: 0.0px 0;
    }
    .process .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: "Actay",Arial,sans-serif;
        font-size: calc(28px + 0.005555556 * var(--desktop-growth));
        line-height: round(nearest, 1.25em, 1px);
        font-weight: 700;
        color: #1a1a1a;
        text-align: center;
    }
    .process .card-1 .content-card__text-1 {
        left: calc(6px + 0.019444444 * var(--desktop-growth));
        top: calc(303px + 0.230555556 * var(--desktop-growth));
        width: calc(280px + 0.194444444 * var(--desktop-growth));
        font-family: "Montserrat",Arial,sans-serif;
        font-size: calc(16px + 0.002777778 * var(--desktop-growth));
        line-height: round(nearest, 1.55em, 1px);
        font-weight: 400;
        color: #4d4d4d;
        text-align: center;
    }
    .process .card-1 .content-card__image-0 {
        left: calc(7px + 0.020833333 * var(--desktop-growth));
        top: calc(67px + 0.051388889 * var(--desktop-growth));
        width: calc(271px + 0.201388889 * var(--desktop-growth));
    }
    .process .card-1 .content-card__image-1 {
        left: calc(43px + 0.047222222 * var(--desktop-growth));
        top: calc(137px + 0.104166667 * var(--desktop-growth));
        width: calc(199px + 0.147222222 * var(--desktop-growth));
    }
    .process .card-1 .content-card__image-2 {
        left: calc(277px + 0.219444444 * var(--desktop-growth));
        top: calc(199px + 0.150000000 * var(--desktop-growth));
        width: calc(36px + 0.026388889 * var(--desktop-growth));
    }
    .process .card-2 {
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        height: calc(374px + 0.283333333 * var(--desktop-growth));
        order: 1;
        background-color: #fafafa;
    }
    .process .card-2 {
        translate: calc(-4px + 0.005555556 * var(--desktop-growth)) 0;
    }
    .process .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: "Actay",Arial,sans-serif;
        font-size: calc(28px + 0.005555556 * var(--desktop-growth));
        line-height: round(nearest, 1.25em, 1px);
        font-weight: 700;
        color: #1a1a1a;
        text-align: center;
    }
    .process .card-2 .content-card__text-1 {
        left: calc(13px + 0.009722222 * var(--desktop-growth));
        top: calc(303px + 0.230555556 * var(--desktop-growth));
        width: calc(280px + 0.194444444 * var(--desktop-growth));
        font-family: "Montserrat",Arial,sans-serif;
        font-size: calc(16px + 0.002777778 * var(--desktop-growth));
        line-height: round(nearest, 1.55em, 1px);
        font-weight: 400;
        color: #4d4d4d;
        text-align: center;
    }
    .process .card-2 .content-card__image-0 {
        left: calc(14px + 0.011111111 * var(--desktop-growth));
        top: calc(67px + 0.051388889 * var(--desktop-growth));
        width: calc(271px + 0.201388889 * var(--desktop-growth));
    }
    .process .card-2 .content-card__image-1 {
        left: calc(79px + 0.058333333 * var(--desktop-growth));
        top: calc(137px + 0.104166667 * var(--desktop-growth));
        width: calc(142px + 0.104166667 * var(--desktop-growth));
    }
    .process .card-2 .content-card__image-2 {
        left: calc(281px + 0.213888889 * var(--desktop-growth));
        top: calc(199px + 0.150000000 * var(--desktop-growth));
        width: calc(36px + 0.026388889 * var(--desktop-growth));
    }
    .process .card-3 {
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        height: calc(374px + 0.283333333 * var(--desktop-growth));
        order: 2;
        background-color: #fafafa;
    }
    .process .card-3 {
        translate: calc(-7px + 0.009722222 * var(--desktop-growth)) 0;
    }
    .process .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: "Actay",Arial,sans-serif;
        font-size: calc(28px + 0.005555556 * var(--desktop-growth));
        line-height: round(nearest, 1.25em, 1px);
        font-weight: 700;
        color: #1a1a1a;
        text-align: center;
    }
    .process .card-3 .content-card__text-1 {
        left: calc(13px + 0.009722222 * var(--desktop-growth));
        top: calc(303px + 0.230555556 * var(--desktop-growth));
        width: calc(280px + 0.194444444 * var(--desktop-growth));
        font-family: "Montserrat",Arial,sans-serif;
        font-size: calc(16px + 0.002777778 * var(--desktop-growth));
        line-height: round(nearest, 1.55em, 1px);
        font-weight: 400;
        color: #4d4d4d;
        text-align: center;
    }
    .process .card-3 .content-card__image-0 {
        left: calc(14px + 0.011111111 * var(--desktop-growth));
        top: calc(67px + 0.051388889 * var(--desktop-growth));
        width: calc(271px + 0.201388889 * var(--desktop-growth));
    }
    .process .card-3 .content-card__image-1 {
        left: calc(79px + 0.059722222 * var(--desktop-growth));
        top: calc(137px + 0.104166667 * var(--desktop-growth));
        width: calc(141px + 0.104166667 * var(--desktop-growth));
    }
    .process .card-3 .content-card__image-2 {
        left: calc(284px + 0.209722222 * var(--desktop-growth));
        top: calc(199px + 0.150000000 * var(--desktop-growth));
        width: calc(36px + 0.026388889 * var(--desktop-growth));
    }
    .process .card-4 {
        width: calc(300px + 0.222222222 * var(--desktop-growth));
        height: calc(374px + 0.283333333 * var(--desktop-growth));
        order: 3;
        background-color: #fafafa;
    }
    .process .card-4 {
        translate: calc(-7px + 0.009722222 * var(--desktop-growth)) 0;
    }
    .process .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: "Actay",Arial,sans-serif;
        font-size: calc(28px + 0.005555556 * var(--desktop-growth));
        line-height: round(nearest, 1.25em, 1px);
        font-weight: 700;
        color: #1a1a1a;
        text-align: center;
    }
    .process .card-4 .content-card__text-1 {
        left: calc(10px + 0.013888889 * var(--desktop-growth));
        top: calc(303px + 0.230555556 * var(--desktop-growth));
        width: calc(280px + 0.194444444 * var(--desktop-growth));
        font-family: "Montserrat",Arial,sans-serif;
        font-size: calc(16px + 0.002777778 * var(--desktop-growth));
        line-height: round(nearest, 1.55em, 1px);
        font-weight: 400;
        color: #4d4d4d;
        text-align: center;
    }
    .process .card-4 .content-card__image-0 {
        left: calc(14px + 0.011111111 * var(--desktop-growth));
        top: calc(67px + 0.051388889 * var(--desktop-growth));
        width: calc(271px + 0.201388889 * var(--desktop-growth));
    }
    .process .card-4 .content-card__image-1 {
        left: calc(50px + 0.037500000 * var(--desktop-growth));
        top: calc(137px + 0.104166667 * var(--desktop-growth));
        width: calc(199px + 0.147222222 * var(--desktop-growth));
    }
    @media (max-width:1839px) {
        .process.card-grid {
            min-height: calc(560px + 0.284722222 * var(--desktop-growth));
            padding-top: 184.0px;
            background-color: #ffffff;
        }
        .process .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));
        }
        .process .card-grid__heading {
            top: 0px;
            width: calc(870px + -0.004166667 * var(--desktop-growth));
            color: #000000;
            text-align: center;
            font-size: 58px;
            font-family: "Actay",Arial,sans-serif;
            line-height: round(nearest, 1em, 1px);
            font-weight: 700;
        }
        .process .card-1 {
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            height: calc(374px + 0.283333333 * var(--desktop-growth));
            order: 0;
            background-color: #fafafa;
        }
        .process .card-1 {
            translate: 0.0px 0;
        }
        .process .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: "Actay",Arial,sans-serif;
            font-size: calc(28px + 0.005555556 * var(--desktop-growth));
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-1 .content-card__text-1 {
            left: calc(6px + 0.019444444 * var(--desktop-growth));
            top: calc(303px + 0.230555556 * var(--desktop-growth));
            width: calc(280px + 0.194444444 * var(--desktop-growth));
            font-family: "Montserrat",Arial,sans-serif;
            font-size: calc(16px + 0.002777778 * var(--desktop-growth));
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-1 .content-card__image-0 {
            left: calc(7px + 0.020833333 * var(--desktop-growth));
            top: calc(67px + 0.051388889 * var(--desktop-growth));
            width: calc(271px + 0.201388889 * var(--desktop-growth));
        }
        .process .card-1 .content-card__image-1 {
            left: calc(43px + 0.047222222 * var(--desktop-growth));
            top: calc(137px + 0.104166667 * var(--desktop-growth));
            width: calc(199px + 0.147222222 * var(--desktop-growth));
        }
        .process .card-1 .content-card__image-2 {
            left: calc(277px + 0.219444444 * var(--desktop-growth));
            top: calc(199px + 0.150000000 * var(--desktop-growth));
            width: calc(36px + 0.026388889 * var(--desktop-growth));
        }
        .process .card-2 {
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            height: calc(374px + 0.283333333 * var(--desktop-growth));
            order: 1;
            background-color: #fafafa;
        }
        .process .card-2 {
            translate: calc(-4px + 0.005555556 * var(--desktop-growth)) 0;
        }
        .process .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: "Actay",Arial,sans-serif;
            font-size: calc(28px + 0.005555556 * var(--desktop-growth));
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-2 .content-card__text-1 {
            left: calc(13px + 0.009722222 * var(--desktop-growth));
            top: calc(303px + 0.230555556 * var(--desktop-growth));
            width: calc(280px + 0.194444444 * var(--desktop-growth));
            font-family: "Montserrat",Arial,sans-serif;
            font-size: calc(16px + 0.002777778 * var(--desktop-growth));
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-2 .content-card__image-0 {
            left: calc(14px + 0.011111111 * var(--desktop-growth));
            top: calc(67px + 0.051388889 * var(--desktop-growth));
            width: calc(271px + 0.201388889 * var(--desktop-growth));
        }
        .process .card-2 .content-card__image-1 {
            left: calc(79px + 0.058333333 * var(--desktop-growth));
            top: calc(137px + 0.104166667 * var(--desktop-growth));
            width: calc(142px + 0.104166667 * var(--desktop-growth));
        }
        .process .card-2 .content-card__image-2 {
            left: calc(281px + 0.213888889 * var(--desktop-growth));
            top: calc(199px + 0.150000000 * var(--desktop-growth));
            width: calc(36px + 0.026388889 * var(--desktop-growth));
        }
        .process .card-3 {
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            height: calc(374px + 0.283333333 * var(--desktop-growth));
            order: 2;
            background-color: #fafafa;
        }
        .process .card-3 {
            translate: calc(-7px + 0.009722222 * var(--desktop-growth)) 0;
        }
        .process .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: "Actay",Arial,sans-serif;
            font-size: calc(28px + 0.005555556 * var(--desktop-growth));
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-3 .content-card__text-1 {
            left: calc(13px + 0.009722222 * var(--desktop-growth));
            top: calc(303px + 0.230555556 * var(--desktop-growth));
            width: calc(280px + 0.194444444 * var(--desktop-growth));
            font-family: "Montserrat",Arial,sans-serif;
            font-size: calc(16px + 0.002777778 * var(--desktop-growth));
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-3 .content-card__image-0 {
            left: calc(14px + 0.011111111 * var(--desktop-growth));
            top: calc(67px + 0.051388889 * var(--desktop-growth));
            width: calc(271px + 0.201388889 * var(--desktop-growth));
        }
        .process .card-3 .content-card__image-1 {
            left: calc(79px + 0.059722222 * var(--desktop-growth));
            top: calc(137px + 0.104166667 * var(--desktop-growth));
            width: calc(141px + 0.104166667 * var(--desktop-growth));
        }
        .process .card-3 .content-card__image-2 {
            left: calc(284px + 0.209722222 * var(--desktop-growth));
            top: calc(199px + 0.150000000 * var(--desktop-growth));
            width: calc(36px + 0.026388889 * var(--desktop-growth));
        }
        .process .card-4 {
            width: calc(300px + 0.222222222 * var(--desktop-growth));
            height: calc(374px + 0.283333333 * var(--desktop-growth));
            order: 3;
            background-color: #fafafa;
        }
        .process .card-4 {
            translate: calc(-7px + 0.009722222 * var(--desktop-growth)) 0;
        }
        .process .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: "Actay",Arial,sans-serif;
            font-size: calc(28px + 0.005555556 * var(--desktop-growth));
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-4 .content-card__text-1 {
            left: calc(10px + 0.013888889 * var(--desktop-growth));
            top: calc(303px + 0.230555556 * var(--desktop-growth));
            width: calc(280px + 0.194444444 * var(--desktop-growth));
            font-family: "Montserrat",Arial,sans-serif;
            font-size: calc(16px + 0.002777778 * var(--desktop-growth));
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-4 .content-card__image-0 {
            left: calc(14px + 0.011111111 * var(--desktop-growth));
            top: calc(67px + 0.051388889 * var(--desktop-growth));
            width: calc(271px + 0.201388889 * var(--desktop-growth));
        }
        .process .card-4 .content-card__image-1 {
            left: calc(50px + 0.037500000 * var(--desktop-growth));
            top: calc(137px + 0.104166667 * var(--desktop-growth));
            width: calc(199px + 0.147222222 * var(--desktop-growth));
        }
    }
    @media (max-width:1199px) {
        .process.card-grid {
            min-height: 580px;
            padding-top: 184.0px;
            background-color: #ffffff;
        }
        .process .card-grid__items {
            width: 960.0px;
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc((100% - 960px)/2 + 0.0px);
        }
        .process .card-grid__heading {
            top: 0px;
            width: 791px;
            color: #000000;
            text-align: center;
            font-size: 54px;
            font-family: "Actay",Arial,sans-serif;
            line-height: round(nearest, 1em, 1px);
            font-weight: 700;
        }
        .process .card-1 {
            width: 240.0px;
            height: 394.0px;
            order: 0;
            background-color: #fafafa;
        }
        .process .card-1 {
            translate: 0.0px 0;
        }
        .process .card-1 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-1 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-1 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-1 .content-card__image-1 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
        .process .card-1 .content-card__image-2 {
            left: 220.0px;
            top: 199.0px;
            width: 36.0px;
        }
        .process .card-2 {
            width: 240.0px;
            height: 394.0px;
            order: 1;
            background-color: #fafafa;
        }
        .process .card-2 {
            translate: 0.0px 0;
        }
        .process .card-2 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-2 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-2 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-2 .content-card__image-1 {
            left: 49.0px;
            top: 137.0px;
            width: 142.0px;
        }
        .process .card-2 .content-card__image-2 {
            left: 220.0px;
            top: 199.0px;
            width: 36.0px;
        }
        .process .card-3 {
            width: 240.0px;
            height: 394.0px;
            order: 2;
            background-color: #fafafa;
        }
        .process .card-3 {
            translate: 0.0px 0;
        }
        .process .card-3 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-3 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-3 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-3 .content-card__image-1 {
            left: 49.0px;
            top: 137.0px;
            width: 141.0px;
        }
        .process .card-3 .content-card__image-2 {
            left: 220.0px;
            top: 199.0px;
            width: 36.0px;
        }
        .process .card-4 {
            width: 240.0px;
            height: 394.0px;
            order: 3;
            background-color: #fafafa;
        }
        .process .card-4 {
            translate: 0.0px 0;
        }
        .process .card-4 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-4 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-4 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-4 .content-card__image-1 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
    }
    @media (max-width:959px) {
        .process.card-grid {
            min-height: 960px;
            padding-top: 116.0px;
            background-color: #ffffff;
        }
        .process .card-grid__items {
            width: 480.0px;
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc((100% - 640px)/2 + 80.0px);
        }
        .process .card-grid__heading {
            top: 0px;
            width: 554px;
            color: #000000;
            text-align: center;
            font-size: 38px;
            font-family: "Actay",Arial,sans-serif;
            line-height: round(nearest, 1em, 1px);
            font-weight: 700;
        }
        .process .card-1 {
            width: 240.0px;
            height: 394.0px;
            order: 0;
            background-color: #fafafa;
        }
        .process .card-1 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-1 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-1 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-1 .content-card__image-1 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
        .process .card-1 .content-card__image-2 {
            left: -938.0px;
            top: -2.0px;
            width: 36.0px;
        }
        .process .card-2 {
            width: 240.0px;
            height: 394.0px;
            order: 1;
            background-color: #fafafa;
        }
        .process .card-2 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-2 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-2 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-2 .content-card__image-1 {
            left: 49.0px;
            top: 137.0px;
            width: 142.0px;
        }
        .process .card-2 .content-card__image-2 {
            left: -938.0px;
            top: -2.0px;
            width: 36.0px;
        }
        .process .card-3 {
            width: 240.0px;
            height: 394.0px;
            order: 2;
            background-color: #fafafa;
        }
        .process .card-3 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-3 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-3 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-3 .content-card__image-1 {
            left: 49.0px;
            top: 137.0px;
            width: 141.0px;
        }
        .process .card-3 .content-card__image-2 {
            left: -458.0px;
            top: 74.0px;
            width: 36.0px;
        }
        .process .card-4 {
            width: 240.0px;
            height: 394.0px;
            order: 3;
            background-color: #fafafa;
        }
        .process .card-4 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-4 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-4 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-4 .content-card__image-1 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
    }
    @media (max-width:639px) {
        .process.card-grid {
            min-height: 960px;
            padding-top: 136.0px;
            background-color: #ffffff;
        }
        .process .card-grid__items {
            width: 480.0px;
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc((100% - 480px)/2 + 0.0px);
        }
        .process .card-grid__heading {
            top: 0px;
            width: 480px;
            color: #000000;
            text-align: center;
            font-size: 38px;
            font-family: "Actay",Arial,sans-serif;
            line-height: round(nearest, 1em, 1px);
            font-weight: 700;
        }
        .process .card-1 {
            width: 240.0px;
            height: 394.0px;
            order: 0;
            background-color: #fafafa;
        }
        .process .card-1 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-1 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-1 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-1 .content-card__image-1 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
        .process .card-1 .content-card__image-2 {
            left: -858.0px;
            top: -22.0px;
            width: 36.0px;
        }
        .process .card-2 {
            width: 240.0px;
            height: 394.0px;
            order: 1;
            background-color: #fafafa;
        }
        .process .card-2 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-2 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-2 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-2 .content-card__image-1 {
            left: 49.0px;
            top: 137.0px;
            width: 142.0px;
        }
        .process .card-2 .content-card__image-2 {
            left: -858.0px;
            top: -22.0px;
            width: 36.0px;
        }
        .process .card-3 {
            width: 240.0px;
            height: 394.0px;
            order: 2;
            background-color: #fafafa;
        }
        .process .card-3 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-3 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-3 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-3 .content-card__image-1 {
            left: 49.0px;
            top: 137.0px;
            width: 141.0px;
        }
        .process .card-3 .content-card__image-2 {
            left: -378.0px;
            top: 54.0px;
            width: 36.0px;
        }
        .process .card-4 {
            width: 240.0px;
            height: 394.0px;
            order: 3;
            background-color: #fafafa;
        }
        .process .card-4 .content-card__text-0 {
            left: 0.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-4 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 220.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 14px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-4 .content-card__image-0 {
            left: 20.0px;
            top: 67.0px;
            width: 200.0px;
        }
        .process .card-4 .content-card__image-1 {
            left: 20.0px;
            top: 137.0px;
            width: 199.0px;
        }
    }
    @media (max-width:479px) {
        .process.card-grid {
            min-height: 1730px;
            padding-top: 136.0px;
            background-color: #ffffff;
        }
        .process .card-grid__items {
            width: 100.0px;
            column-gap: 0px;
            row-gap: 0px;
            margin-left: calc((100% - 360px)/2 + 0.0px);
        }
        .process .card-grid__heading {
            top: 0px;
            width: 360px;
            color: #000000;
            text-align: center;
            font-size: 29px;
            font-family: "Actay",Arial,sans-serif;
            line-height: round(nearest, 1em, 1px);
            font-weight: 700;
        }
        .process .card-1 {
            width: 100.0px;
            height: 394.0px;
            order: 0;
            background-color: #fafafa;
        }
        .process .card-1 .content-card__text-0 {
            left: 60.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-1 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 90.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 16px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-1 .content-card__image-0 {
            left: 30.0px;
            top: 67.0px;
            width: 300.0px;
        }
        .process .card-1 .content-card__image-1 {
            left: 80.0px;
            top: 137.0px;
            width: 199.0px;
        }
        .process .card-1 .content-card__image-2 {
            left: -858.0px;
            top: -22.0px;
            width: 36.0px;
        }
        .process .card-2 {
            width: 100.0px;
            height: 394.0px;
            order: 1;
            background-color: #fafafa;
        }
        .process .card-2 .content-card__text-0 {
            left: 60.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-2 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 90.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 16px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-2 .content-card__image-0 {
            left: 30.0px;
            top: 67.0px;
            width: 300.0px;
        }
        .process .card-2 .content-card__image-1 {
            left: 109.0px;
            top: 137.0px;
            width: 142.0px;
        }
        .process .card-2 .content-card__image-2 {
            left: -618.0px;
            top: -416.0px;
            width: 36.0px;
        }
        .process .card-3 {
            width: 100.0px;
            height: 394.0px;
            order: 2;
            background-color: #fafafa;
        }
        .process .card-3 .content-card__text-0 {
            left: 60.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-3 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 90.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 16px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-3 .content-card__image-0 {
            left: 30.0px;
            top: 67.0px;
            width: 300.0px;
        }
        .process .card-3 .content-card__image-1 {
            left: 109.0px;
            top: 137.0px;
            width: 141.0px;
        }
        .process .card-3 .content-card__image-2 {
            left: -378.0px;
            top: -340.0px;
            width: 36.0px;
        }
        .process .card-4 {
            width: 100.0px;
            height: 394.0px;
            order: 3;
            background-color: #fafafa;
        }
        .process .card-4 .content-card__text-0 {
            left: 60.0px;
            top: 21.0px;
            width: 240.0px;
            font-family: "Actay",Arial,sans-serif;
            font-size: 24px;
            line-height: round(nearest, 1.25em, 1px);
            font-weight: 700;
            color: #1a1a1a;
            text-align: center;
        }
        .process .card-4 .content-card__text-1 {
            left: 0.0px;
            top: 303.0px;
            width: 90.0px;
            font-family: "Montserrat",Arial,sans-serif;
            font-size: 16px;
            line-height: round(nearest, 1.5em, 1px);
            font-weight: 400;
            color: #4d4d4d;
            text-align: center;
        }
        .process .card-4 .content-card__image-0 {
            left: 30.0px;
            top: 67.0px;
            width: 300.0px;
        }
        .process .card-4 .content-card__image-1 {
            left: 80.0px;
            top: 137.0px;
            width: 199.0px;
        }
        .process .card-grid__items {
            width: 100.0%;
            margin-inline: auto;
        }
        .process .content-card {
            width: 100%;
        }
        .process .card-1 .content-card__text-0 {
            left: calc((100vw - 360px)/2 + 60px - 0.0vw);
            width: 240px;
        }
        .process .card-1 .content-card__text-1 {
            left: calc(50vw - (324px)/2 + 0px - 0.0vw);
            width: 324px;
        }
        .process .card-1 .content-card__image-0 {
            left: calc((100vw - 360px)/2 + 30px - 0.0vw);
            width: 300px;
        }
        .process .card-1 .content-card__image-1 {
            left: calc((100vw - 360px)/2 + 80px - 0.0vw);
            width: 199px;
        }
        .process .card-1 .content-card__image-2 {
            left: calc((100vw - 360px)/2 + -858px - 0.0vw);
            width: 36px;
        }
        .process .card-2 .content-card__text-0 {
            left: calc((100vw - 360px)/2 + 60px - 0.0vw);
            width: 240px;
        }
        .process .card-2 .content-card__text-1 {
            left: calc(50vw - (324px)/2 + 0px - 0.0vw);
            width: 324px;
        }
        .process .card-2 .content-card__image-0 {
            left: calc((100vw - 360px)/2 + 30px - 0.0vw);
            width: 300px;
        }
        .process .card-2 .content-card__image-1 {
            left: calc((100vw - 360px)/2 + 109px - 0.0vw);
            width: 142px;
        }
        .process .card-2 .content-card__image-2 {
            left: calc((100vw - 360px)/2 + -618px - 0.0vw);
            width: 36px;
        }
        .process .card-3 .content-card__text-0 {
            left: calc((100vw - 360px)/2 + 60px - 0.0vw);
            width: 240px;
        }
        .process .card-3 .content-card__text-1 {
            left: calc(50vw - (324px)/2 + 0px - 0.0vw);
            width: 324px;
        }
        .process .card-3 .content-card__image-0 {
            left: calc((100vw - 360px)/2 + 30px - 0.0vw);
            width: 300px;
        }
        .process .card-3 .content-card__image-1 {
            left: calc((100vw - 360px)/2 + 109px - 0.0vw);
            width: 141px;
        }
        .process .card-3 .content-card__image-2 {
            left: calc((100vw - 360px)/2 + -378px - 0.0vw);
            width: 36px;
        }
        .process .card-4 .content-card__text-0 {
            left: calc((100vw - 360px)/2 + 60px - 0.0vw);
            width: 240px;
        }
        .process .card-4 .content-card__text-1 {
            left: calc(50vw - (324px)/2 + 0px - 0.0vw);
            width: 324px;
        }
        .process .card-4 .content-card__image-0 {
            left: calc((100vw - 360px)/2 + 30px - 0.0vw);
            width: 300px;
        }
        .process .card-4 .content-card__image-1 {
            left: calc((100vw - 360px)/2 + 80px - 0.0vw);
            width: 199px;
        }
    }
}