.hero_faq_archief-layout {
	position: relative;
	overflow: hidden;
	background: #1a1a1a;
	color: var(--dc-white);
}

body .hero_faq_archief-layout {
	box-sizing: border-box;
}

.hero_faq_archief-layout::after {
	position: absolute;
	top: max(17.75rem, calc(17.75 * var(--su)));
	right: min(-16.375rem, calc(-16.375 * var(--su)));
	width: max(38.5rem, calc(38.5 * var(--su)));
	height: max(38.5rem, calc(38.5 * var(--su)));
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22616%22%20height%3D%22616%22%20viewBox%3D%220%200%20616%20616%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%22308%22%20cy%3D%22308%22%20r%3D%22304%22%20stroke%3D%22white%22%20stroke-width%3D%228%22%20stroke-linejoin%3D%22round%22%20stroke-dasharray%3D%226%2020%22%2F%3E%3C%2Fsvg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: "";
	pointer-events: none;
	z-index: 1;
}

.hero_faq_archief-layout .pk-row {
	padding-block: max(6rem, calc(7.75 * var(--su)));
}

.hero_faq_archief__grid {
	width: 100%;
}

.hero_faq_archief__content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: max(2.5rem, calc(2.5 * var(--su)));
	z-index: 2;
}

.hero_faq_archief__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: max(1.5rem, calc(1.5 * var(--su)));
	width: 100%;
}

body .hero_faq_archief-layout .hero_faq_archief__title,
body .hero_faq_archief-layout .hero_faq_archief__text,
body .hero_faq_archief-layout .hero_faq_archief__text p {
	margin: 0;
	color: var(--dc-white);
}

.hero_faq_archief__select-wrap {
	position: relative;
	width: min(100%, max(19.875rem, calc(19.875 * var(--su))));
}

.hero_faq_archief__select-wrap::after {
	position: absolute;
	top: 50%;
	right: max(1rem, calc(1 * var(--su)));
	width: max(.5rem, calc(.5 * var(--su)));
	height: max(.5rem, calc(.5 * var(--su)));
	border-right: 1px solid rgba(var(--dc-black-rgb), .8);
	border-bottom: 1px solid rgba(var(--dc-black-rgb), .8);
	content: "";
	pointer-events: none;
	transform: translateY(-70%) rotate(45deg);
	z-index: 2;
}

body .hero_faq_archief-layout .hero_faq_archief__select {
	position: relative;
	width: 100%;
	min-height: max(2.75rem, calc(2.75 * var(--su)));
	padding: max(.625rem, calc(.625 * var(--su))) max(2.75rem, calc(2.75 * var(--su))) max(.625rem, calc(.625 * var(--su))) max(1rem, calc(1 * var(--su)));
	border: 1px solid rgba(var(--dc-orange-rgb), .4);
	border-radius: max(.25rem, calc(.25 * var(--su)));
	background: var(--dc-white);
	color: rgba(var(--dc-black-rgb), .8);
	font: inherit;
	appearance: none;
	cursor: pointer;
	z-index: 1;
}

body .hero_faq_archief-layout .hero_faq_archief__select:focus-visible {
	outline: max(.125rem, calc(.125 * var(--su))) solid var(--dc-blue);
	outline-offset: max(.125rem, calc(.125 * var(--su)));
}

@media (max-width: 991px) {
	.hero_faq_archief-layout .pk-row {
		padding-block: max(5rem, calc(5 * var(--su)));
	}

	.hero_faq_archief-layout::after {
		top: auto;
		right: min(-22rem, calc(-22 * var(--su)));
		bottom: min(-20rem, calc(-20 * var(--su)));
	}
}

@media (max-width: 767px) {
	.hero_faq_archief-layout .pk-row {
		padding-block: max(4rem, calc(4 * var(--su)));
	}

	.hero_faq_archief__content {
		gap: max(2rem, calc(2 * var(--su)));
	}

	.hero_faq_archief-layout::after {
		right: min(-25rem, calc(-25 * var(--su)));
		bottom: min(-24rem, calc(-24 * var(--su)));
		opacity: .6;
	}
}