.flex-content[data-color_mode="white"] .prijsaanvraag-layout {
	background-color: var(--ivory);
}
.prijsaanvraag-layout .sidebar-col {
    position: sticky; top: 0; align-self: start;
}
.prijsaanvraag-layout.sidebar-position-right .sidebar-col {
	order: 2;
}
.prijsaanvraag-layout .sidebar-col .flex-repeater > .flex-content:first-child > .flex-layout:first-child {
	margin-top: 0;
}
.prijsaanvraag-layout .sidebar-col .flex-repeater > .flex-content:last-child > .flex-layout:last-child {
	margin-bottom: 0;
}

.prijsaanvraag-layout .form-header,
.prijsaanvraag-layout .form-container {
	padding: max(1rem, calc(3 * var(--su)));
	background: #ffffff;
	display: flex;
	align-items: flex-start;
}
.prijsaanvraag-layout .form-container {
	margin-top: max(1.5rem, calc(1.5 * var(--su)));
}
.prijsaanvraag-layout .form-container .gform_title {
	font-size: var(--scaling-h5);
	margin-bottom: max(2rem, calc(2 * var(--su)));
}
.prijsaanvraag-layout .form-header {
	display: flex;
	flex-wrap: wrap;
}
.prijsaanvraag-layout .form-header .pk-heading {
	width: 40%;
}
.prijsaanvraag-layout .form-header .form-select {
	padding: max(1rem, calc(1.5 * var(--su)));
	border: 1px solid var(--deep-pine-20);
	width: 60%;
}
.prijsaanvraag-layout .form-header .form-select label {
	display: block;
	font-size: var(--desktop-body-lg);
	margin-bottom: max(1rem, calc(1 * var(--su)));
}
.prijsaanvraag-layout .form-header .form-select .ginput_container_select {
	position: relative;
	width: 100%;
}
.prijsaanvraag-layout .form-header .form-select .ginput_container_select::after {
	content: '\e313';
	font-family: 'Material Symbols Outlined';
	font-size: 1em;
	position: absolute;
    top: 50%;
    right: 0;
	z-index: 2;
	padding-inline: 0.125em;
	line-height: 0;
	aspect-ratio: 1;
	pointer-events: none;
	background-color: var(--primary-yellow);
	color: #1C1B1F;
	display: flex;
	align-items: center;
	translate: -50% -50%;
	border-radius: 100%;
}
.prijsaanvraag-layout .form-header .form-select select {
	appearance: none;
	width: 100%;
	background-color: var(--form-input-background-color);
	border: 1px solid var(--form-input-border-color);
	color: var(--form-input-text-color);
	font-size: var(--desktop-body-xs);
	padding-block: max(0.625rem, calc(0.625 * var(--su)));
	padding-inline: max(1rem, calc(1 * var(--su)));
	outline: none;
	font-weight: 600;
}

.prijsaanvraag-layout .content-col .form-container > *:not(.active) {
	display: none;
}
.prijsaanvraag-layout .form-container .prijs-form {
	display: flex;
	align-items: center;
	gap: max(1rem, calc(1.5 * var(--su)));
}
.prijsaanvraag-layout .form-container .prijs-form .pk-text {
	margin-top: max(1.5rem, calc(1.5 * var(--su)));
}
.prijsaanvraag-layout .form-container .prijs-form .custom-button {
	position: relative;
	padding: max(1rem, calc(1.5 * var(--su)));
	background-color: var(--primary-jade);
	color: #ffffff;
	text-decoration: none;
	min-width: 165px;
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	justify-content: end;
	font-size: var(--desktop-body-lg);
}
.prijsaanvraag-layout .form-container .prijs-form .custom-button .icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max(40px, 2.5 * var(--su));
	aspect-ratio: 1;
	background-color: var(--primary-yellow);
	color: var(--text-color);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	transition: opacity 0.2s ease;
}
.prijsaanvraag-layout .form-container .custom-button .icon-wrapper .material-symbols-outlined {
	font-size: 1.25em;
	rotate: -45deg;
	display: block;
	color: inherit;
}

#prijsAanvraagPopup .dialog-wrapper {
	padding: 0;
}
#prijsAanvraagPopup iframe {
	height: 100vh;
	max-height: calc(100dvh - 80px);
	vertical-align: middle;
}

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

@media screen and (max-width: 992px) {
	.prijsaanvraag-layout .form-header {
		gap: 1.5rem;
	}
	.prijsaanvraag-layout .form-header > .pk-heading,
	.prijsaanvraag-layout .form-header > .form-select {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.prijsaanvraag-layout .pk-grid-container {
		row-gap: 3rem;
	}
	.prijsaanvraag-layout .form-container .prijs-form {
		flex-direction: column;
	}
	.prijsaanvraag-layout .form-container .prijs-form .button-wrapper,
	.prijsaanvraag-layout .form-container .prijs-form .custom-button {
		width: 100%;
	}
	.prijsaanvraag-layout .form-container .prijs-form .custom-button {
		aspect-ratio: 16/9;
	}
}