.flex-layout.projecten_swiper {
    padding-block: var(--row-padding-top) var(--row-padding-bottom-full);
}

.flex-layout.projecten_swiper .header-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: max(2rem, calc(2.5 * var(--su)));
}

.flex-layout.projecten_swiper .header-left {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flex-layout.projecten_swiper .header-left .pk-text p:last-child {
    margin-bottom: 0;
}

.flex-layout.projecten_swiper .header-left .pk-text p{
    max-width:840px;
}


.flex-layout.projecten_swiper .swiper-outer {
    overflow: visible;
}

.flex-layout.projecten_swiper .voltison-projecten-swiper {
    overflow: visible;
}


.flex-layout.projecten_swiper .swiper-progress {
    position: relative;
    height: 2px;
    background:rgba(13, 64, 55, 0.2);
    max-width:400px;
    margin:0 auto;
    margin-top: 2.8125rem;
    border-radius: 3px;
}

.flex-layout.projecten_swiper .swiper-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 5%;
    background: var(--Primary-colours-Forest-Green, #0D4037);
    transition: width 0.3s ease;
    border-radius: 3px;
}

@media screen and (min-width: 2000px) {
.flex-layout.projecten_swiper .header-left .pk-text p{
    max-width:1440px;
}
}


@media screen and (max-width: 992px) {
.flex-layout.projecten_swiper .header-row{
    gap:1rem;
}
}


@media screen and (max-width: 767px) {
    .flex-layout.projecten_swiper .header-row {
        flex-direction: column;
        align-items: flex-start;
    }
}