.call_to_action{
	--cta-avatar-size: clamp(9.5rem, 8vw, 13rem);
	--cta-field-bg: #818180;
	--cta-placeholder-color: #D5D5D5;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.call_to_action.stijl_achtergrondkleur_575756{
	background: linear-gradient(180deg, #818180 0%, #575756 100%);
}

.call_to_action_content{
	display: flex;
	flex-direction: column;
}

.call_to_action_images{
	display: flex;
	align-items: center;
	margin-bottom: 3.4rem;
}

.call_to_action_image{
	aspect-ratio: 1;
	background-color: var(--groen);
	border-radius: 50%;
	box-sizing: border-box;
	display: block;
	flex: 0 0 var(--cta-avatar-size);
	line-height: 0;
	overflow: hidden;
}

.call_to_action_image picture,
.call_to_action_image img{
	background-color: var(--groen);
	display: block;
	inline-size: 100%;
	block-size: 100%;
}

.call_to_action_image img{
	object-fit: cover;
}

.call_to_action_images .call_to_action_image + .call_to_action_image{
	margin-inline-start: calc(var(--cta-avatar-size) * -0.25);
}

.call_to_action_text{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.call_to_action_text > * + *{
	margin-top: 3rem !important;
}

.call_to_action :is(h1, h2){
	font-size: clamp(3rem, 2.72rem + 3vw, 8rem);
	line-height: 1.1;
}

.call_to_action_text > p{
	line-height: 1.3;
}

.call_to_action_text .button-group,
.call_to_action_text p.button-group{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 3rem;
	flex-wrap: wrap;
}

.call_to_action_text .button-group p{
	display: contents;
}

.call_to_action_text .button_contact{
	grid-template-columns: auto auto;
	line-height: 1.1 !important;
}

.call_to_action_text .button_contact i{
	font-size: 2rem;
}

.call_to_action_form > h3{
	color: inherit;
	font-size: 3rem;
	line-height: 1.1;
	margin-bottom: 2rem !important;
}

.call_to_action_form .gform_wrapper{
	color: inherit;
}

.call_to_action_form .gform_wrapper.gravity-theme .gform_fields,
.call_to_action_form .gform_wrapper .gform_fields{
	grid-row-gap: 1.5rem;
}

.call_to_action_form .gform_wrapper.gravity-theme .gfield_label,
.call_to_action_form .gform_wrapper .gfield_label{
	background: var(--cta-field-bg);
	color: #fff;
	display: inline-block;
	font-family: "DM Sans", var(--body-font);
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin-bottom: -0.9rem;
	padding: 0.2rem 0.4rem;
	z-index: 1;
}

.call_to_action_form .gform-field-label__text{
	color: #B2B2B1;
}

.call_to_action_form .gform_wrapper .gf_focus_label .gform-field-label__text{
	color: #fff;
}

.call_to_action_form .gform_wrapper .gf_focus_label .gfield_label{
	background: var(--cta-field-bg);
}

.call_to_action_form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select, textarea),
body .call_to_action_form .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=radio]):not([type=checkbox])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .call_to_action_form .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .call_to_action_form .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	background-color: var(--cta-field-bg) !important;
	border-color: var(--grijs) !important;
	color: #fff !important;
}

.call_to_action_form ::placeholder{
	color: var(--cta-placeholder-color);
	opacity: 1;
}

.call_to_action_form .gform_wrapper.gravity-theme .gform_footer,
.call_to_action_form .gform_wrapper.gravity-theme .gform_page_footer,
.call_to_action_form .gform_wrapper .gform_footer,
.call_to_action_form .gform_wrapper .gform_page_footer{
	margin-top: 1.5rem;
	padding-top: 0;
}

@media (max-width:991px)
{
	.call_to_action_form{
		margin-top: 4rem;
	}
}

@media (max-width:767px)
{
	.call_to_action_form{
		margin-top: 5rem;
	}

	.call_to_action_images{
		margin-bottom: 2.4rem;
	}

	.call_to_action_text .button-group,
	.call_to_action_text p.button-group{
		flex-wrap: wrap;
	}
}
