.card-row--bar .section-head__text {
    color: var(--c-grey-600); font-weight: 500; max-width: 1153px;
}

.card-row--bar .card-row__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 21px;
    margin-right: 0;
    padding: 16px;
    overflow: visible;
    border-radius: 12px;
    outline: 1px solid var(--c-line);
    outline-offset: -1px;
    background: #fff;
}

.card-row--bar .card-row__card {
    position: relative; width: auto; padding: 10px; outline: 0;
}

.card-row--bar .card-row__card + .card-row__card::before {
    content: ""; position: absolute; top: 50%; left: -11px; width: 1px; height: 32px; background: var(--c-grey-300); transform: translateY(-50%);
}

.card-row--bar .card-row__icon {
    width: 40px; height: 40px; margin: 0; padding: 9px; border-radius: 14px; background: var(--c-blue-tint); object-fit: contain;
}

.card-row--bar .card-row__list--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card-row--bar .card-row__list--6 .card-row__card:nth-child(3n + 1)::before {
    display: none;
}

.card-row--bar .card-row__list--6 .card-row__icon {
    width: 54px; height: 54px; padding: 10px;
}

.card-row--bar .card-row__title,
.card-row--bar .card-row__subtitle {
    font-size: 16px; line-height: 19.2px;
}

.card-row--bar .card-row__subtitle {
    margin-top: 3px; color: var(--c-ink); font-weight: 400;
}

@media (max-width: 1240px) {
    .card-row--bar .card-row__card::before {
        display: none;
    }

    .card-row--bar .card-row__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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