/*
 * BENEFITS C — DARK EDITORIAL STRIP
 * Eén vlak. Geen cards.
 */
@media screen and (min-width: 969px) {

body.pb-benefits-variant-c .pb-vokk-why {
    padding-top: 105px !important;
    padding-bottom: 105px !important;
}

body.pb-benefits-variant-c .pb-vokk-benefits {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;

    gap: 0 !important;

    margin-top: 58px !important;

    background:
        linear-gradient(
            115deg,
            var(--vokk-darker) 0%,
            var(--vokk-dark) 100%
        ) !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--vokk-primary) 16%,
            transparent
        ) !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}

body.pb-benefits-variant-c .pb-vokk-benefit {
    min-height: 230px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    padding: 38px 36px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

body.pb-benefits-variant-c
.pb-vokk-benefit + .pb-vokk-benefit {
    border-left:
        1px solid rgba(255,255,255,.09) !important;
}

body.pb-benefits-variant-c .pb-vokk-benefit-icon {
    width: auto !important;
    height: auto !important;

    margin: 0 0 26px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: var(--vokk-primary-light) !important;
}

body.pb-benefits-variant-c .pb-vokk-benefit-icon svg {
    width: 25px !important;
    height: 25px !important;
}

body.pb-benefits-variant-c .pb-vokk-benefit h3 {
    margin: 0 0 10px !important;

    color: #fff !important;
}

body.pb-benefits-variant-c .pb-vokk-benefit p {
    max-width: 270px !important;

    margin: 0 !important;

    color: rgba(255,255,255,.68) !important;

}

}