/*
 * ============================================================
 * PREMIUM — DIENSTEN
 * ============================================================
 */

@media screen and (min-width: 969px) {

body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-services-intro {
    padding: 92px 0 72px !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-services-intro-inner {
    max-width: 880px !important;

    margin-left: 0 !important;

    text-align: left !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-services-list {
    padding: 0 0 110px !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-row {
    display: grid !important;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(0,.92fr) !important;

    gap: 0 !important;

    min-height: 470px !important;

    border-top: 0 !important;

    background:
        transparent !important;

}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-row:last-child {
    border-bottom: 0 !important;

}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-row:nth-child(even) {
    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr) !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-image {
    min-height: 470px !important;

    border-radius: 0 !important;

    overflow: hidden !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-content {
    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    padding:
        64px
        clamp(48px,6vw,86px) !important;

    background:
        transparent !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-row:nth-child(even)
.vokk-service-image {
    grid-column: 2 !important;
    grid-row: 1 !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-row:nth-child(even)
.vokk-service-content {
    grid-column: 1 !important;
    grid-row: 1 !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-content::before {
    content: "" !important;

    width: 46px !important;
    height: 2px !important;

    margin-bottom: 28px !important;

    background:
        var(--vokk-primary) !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-points {
    margin-top: 22px !important;

    padding-top: 22px !important;

    border-top:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-benefits {
    padding: 0 0 100px !important;

    background: transparent !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-benefits-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap: 0 !important;

    border-top: 0 !important;

    border-bottom: 0 !important;



}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-benefit {
    padding: 40px 34px !important;

    background: transparent !important;

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


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-benefit + .vokk-service-benefit {
    border-left:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium.pb-template-page-diensten
.vokk-service-benefit-icon {
    background: transparent !important;

    border: 0 !important;

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

}




/* PB PREMIUM DIENSTEN HERO POSITION FINAL START */

@media screen and (min-width: 1025px) {

    body.pb-layout-pack-premium.pb-template-page-diensten
    .pb-content-hero
    .vokk-services-hero-inner {
        transform: translateX(-84px) !important;
    }

}

/* PB PREMIUM DIENSTEN HERO POSITION FINAL END */

/* PB PREMIUM DIENSTEN HERO VERTICAL ALIGN START */

@media screen and (min-width: 1025px) {

    body.pb-layout-pack-premium.pb-template-page-diensten
    .pb-content-hero
    .vokk-services-hero-inner {
        transform: translate(-84px, -28px) !important;
    }

}

/* PB PREMIUM DIENSTEN HERO VERTICAL ALIGN END */

/* PB PREMIUM DIENSTEN BENEFITS BORDER PERMANENT START */

@media screen and (min-width: 969px) {

    /*
     * Vakmanschap / A-merken / Transparant / Service
     *
     * GEEN horizontale buitenlijnen.
     * Verticale binnenlijnen blijven.
     */

    body.pb-layout-pack-premium.pb-template-page-diensten
    .vokk-service-benefits,

    body.pb-layout-pack-premium.pb-template-page-diensten
    .vokk-service-benefits-grid {
        border-top-width: 0 !important;
        border-top-style: none !important;
        border-top: 0 !important;

        border-bottom-width: 0 !important;
        border-bottom-style: none !important;
        border-bottom: 0 !important;
    }

    /*
     * Binnenste verticale scheidingen bewust behouden.
     */
    body.pb-layout-pack-premium.pb-template-page-diensten
    .vokk-service-benefit + .vokk-service-benefit {
        border-left: 1px solid var(--pb-premium-line) !important;
    }
}

/* PB PREMIUM DIENSTEN BENEFITS BORDER PERMANENT END */