/* ValuesS6 — Values + Stats combo (dark theme) */

.vls.v6 {

    /* -- Value statement highlights ------------------- */
    .vls-v6-highlights {
        list-style: none;

        li + li {
            margin-top: 0.5rem;
        }

        @media screen and (min-width: 700px) {
            gap: 0;

            li {
                padding-inline: 2.5rem;
                position: relative;
            }

            li + li {
                margin-top: 0;
            }

            li + li::before {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                height: 1.2em;
                width: 1px;
                background-color: var(--text-color);
                opacity: 0.4;
            }
        }
    }

    /* -- CTA row -------------------------------------- */
    .vls-v6-ctas {
        gap: 1.5rem;
    }

    /* -- Stats bar ------------------------------------ */
    .vls-v6-stats {
        padding-bottom: 2rem;
        margin-bottom: 2.5rem;

        .fnt_t-co {
            svg {
                font-size: 1.89rem;
                margin-right: 0.44rem;
            }

            &:has(svg) {
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        p {
            opacity: 0.6;
        }
    }
}