.flex-layout.multi_slider-layout .pk-heading{
    color: var(--bruin);
    margin-bottom: 0;
}

.flex-layout.multi_slider-layout .cta-column {
    display: flex;
    place-items: end;
    justify-content: end;
    gap: max(1rem, calc(1 * var(--su)));
}

.flex-layout.multi_slider-layout .cta-column button{
    background-color: var(--bruin);
}

.flex-layout.multi_slider-layout .slider-col{
    margin-top: max(5rem, calc(5 * var(--su)));
}

.flex-layout.multi_slider-layout .swiper{
    overflow: visible;
}

.flex-layout.multi_slider-layout .swiper-wrapper{
    align-items: center;
}

.flex-layout.multi_slider-layout .swiper-slide{
    height: auto;
    width: fit-content;
    max-width: max(33rem, calc(33 * var(--su)));
}

.flex-layout.multi_slider-layout .swiper-slide a{
    position: absolute;
    display: flex;
    align-items: center; justify-content: center;
    top: max(1rem, calc(1 * var(--su)));
    right: max(1rem, calc(1 * var(--su)));
    aspect-ratio: 1;
    background-color: var(--knalpaars);
    width: max(2.5rem, calc(2.5 * var(--su)));
}

.flex-layout.multi_slider-layout .swiper-slide a span{
    display: block;
    background-color: var(--botergeel);
    width: max(1.75rem, calc(1.75 * var(--su)));
    aspect-ratio: 1;
    mask: var(--mask-url) no-repeat center / contain;
    -webkit-mask: var(--mask-url) no-repeat center / contain;
}