.flex-layout.hoe_werkt_het-layout .pk-row {
	overflow: hidden; position: relative;
	padding: 5rem 4.5rem 1.5rem 4.5rem; background-color: var(--brand-purple-1);
	border-radius: 2rem;
}

.flex-layout.hoe_werkt_het-layout .pk-col:not(.swiper-col) {
	position: relative; z-index: 2;
}
.flex-layout.hoe_werkt_het-layout .swiper-col {
	padding-top: 8rem;
}
.flex-layout.hoe_werkt_het-layout .swiper-col .swiper-shape {
	position: absolute; top: 35%; left: 0; z-index: 1;
	width: 100%; height: auto; translate: 0 -50%;
}
.flex-layout.hoe_werkt_het-layout .swiper-col .swiper-slide {
	background: #ffffff; border-radius: 2rem;
	padding: 3.5rem 2rem;
}

.flex-layout.hoe_werkt_het-layout .swiper-col .swiper-slide .slide-indicator {
	position: absolute; top: 0; left: 2rem; z-index: 2;
	translate: 0 -50%;
}
.flex-layout.hoe_werkt_het-layout .swiper-col .swiper-slide .indicator-text {
	position: absolute; top: 50%; left: 50%; z-index: 2;
	color: #ffffff; font-size: 1.75rem; font-weight: 700;
	translate: -50% -50%;
}

.flex-layout.hoe_werkt_het-layout .swiper-navigation {
	margin-top: 2rem;
	display: flex; justify-content: space-between; align-items: center;
}
.flex-layout.hoe_werkt_het-layout .swiper-navigation .steps-button {
	cursor: pointer;
}
.flex-layout.hoe_werkt_het-layout .swiper-navigation .swiper-button-disabled {
	opacity: 0.5;
}

.flex-layout.hoe_werkt_het-layout .swiper-navigation .steps-pagination {
	width: auto;
}
.flex-layout.hoe_werkt_het-layout .steps-pagination .swiper-pagination-bullet {
	transition: all 0.3s ease-in-out; border-radius: 100px;
	background-color: var(--brand-primary-purple); opacity: 1;
}
.flex-layout.hoe_werkt_het-layout .steps-pagination .swiper-pagination-bullet-active {
	width: 40px; background-color: var(--brand-secondary-orange);
}

@media screen and (min-width: 993px) {
	.flex-layout.hoe_werkt_het-layout .swiper-col .swiper-slide:nth-child(even) {
		translate: 0 2rem;
	}
}

@media screen and (max-width: 992px) {
	.flex-layout.hoe_werkt_het-layout .pk-row {
		padding: 2.5rem 1.5rem;
	}
	.flex-layout.hoe_werkt_het-layout .swiper-col {
		padding-top: 0;
	}
	.flex-layout.hoe_werkt_het-layout .swiper-col .swiper-container {
		overflow: hidden; padding-top: 4rem;
	}
}

@media screen and (max-width: 767px) {
	.flex-layout.hoe_werkt_het-layout .swiper-col .swiper-shape {
		width: auto; height: 75px; max-width: unset;
		translate: -25% -50%;
	}
}