.card-row--flow .card-row__list {
    display: grid; margin-right: 0; padding: 0; overflow: visible; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 44px;
}

.card-row--flow .card-row__card {
    width: auto; border-radius: 12px; outline-color: var(--c-line); position: relative; padding: 24px 12px;
}

.card-row--flow .card-row__icon {
    width: 64px; height: 64px; margin: 0; background: var(--c-blue-tint);
}

.card-row--flow .card-row__title {
    font-size: 18px; line-height: 25.2px;
}

.card-row--flow .card-row__head {
    gap: 17px;
}

.card-row--flow .card-row__text {
    line-height: 21.6px;
}

.card-row--flow .section-head__text {
    color: var(--c-grey-600); font-weight: 500;
}

.card-row--flow .card-row__list--5 {
    grid-template-columns: repeat(5, minmax(0, 212px)); justify-content: center; gap: 72px; counter-reset: step;
}

.card-row--flow .card-row__list--5 .card-row__card {
    gap: 8px; padding: 26px 16px;
}

.card-row--flow .card-row__list--5 .card-row__card::after {
    order: -1; content: counter(step, decimal-leading-zero); counter-increment: step; line-height: 19.2px;
}

.card-row--flow .card-row__list--5 .card-row__head {
    flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 2px;
}

.card-row--flow .card-row__list--5 .card-row__icon {
    width: 54px; height: 54px;
}

.card-row--flow .card-row__list--5 .card-row__text {
    font-size: 16px; line-height: 22.4px;
}

.card-row--flow .card-row__list--5 .card-row__card + .card-row__card::before {
    left: -46px;
}

.card-row--flow .card-row__card + .card-row__card::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -32px;
    width: 21px;
    height: 25px;
    background: var(--c-blue);
    mask: url("../arrow.svg") center / contain no-repeat;
    transform: translateY(-50%);
}

@media (max-width: 1240px) {
    .card-row--flow .card-row__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .card-row--flow .card-row__card::before {
        display: none;
    }

    .card-row--flow .card-row__list--5 {
        grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;
    }
}

@media (max-width: 860px) {
    .card-row--flow .card-row__list,
    .card-row--flow .card-row__list--5 {
        grid-template-columns: 1fr;
    }
}