@keyframes scroll-down-scroller{
	from {
		opacity: 1;
		translate: 0 0;
	}

	to{
		opacity: 0;
		translate: 0 6px;
	}
}


#pk_flex_content{
	--site-grid: 1512px;
	--site-grid-small: 1260px;
}

#pk_flex_content > .flex_content{
	overflow: clip;
}

#pk_flex_content strong{
	font-weight: 700;
}



#pk_flex_content .flex_layout:not(.full_width){
	max-width: var(--site-grid);
	margin-inline: auto;
}

#pk_flex_content .flex_layout:has(.layout.small_grid){
	max-width: var(--site-grid-small);
}

#pk_flex_content > .flex_content .flex_layout:not(.full_width) > .flex_layout_wrapper{
	padding-inline: 80px;
}


#pk_flex_content > .flex_content .flex_layout > .flex_layout_wrapper:not(:has(> .layout.pd0)){
	padding-block: 56px;
}
#pk_flex_content > .flex_content .flex_layout > .flex_layout_wrapper:has(> .layout.pd0){
	padding-bottom: 56px;
}

#pk_flex_content > .flex_content .flex_layout[class*="hero"] + .flex_layout.usp > .flex_layout_wrapper{
	padding-top: 0;
}


#pk_flex_content > .flex_content:first-child > .flex_layout:first-child > .flex_layout_wrapper{
	padding-top: 0;
}
#pk_flex_content > .flex_content:last-child > .flex_layout:last-child > .flex_layout_wrapper{
	padding-bottom: 0;
}

#pk_flex_content > .flex_content > .flex_layout.predefined_blocks{
	max-width: 100%;
}


#pk_flex_content > .flex_content .flex_layout.predefined_blocks > .flex_layout_wrapper{
	padding: 0 !important;
}

#pk_flex_content > .flex_content.has_bg + .flex_content:not(.has_bg) > .flex_layout:first-child > .flex_layout_wrapper{
	padding-top: 112px;	
}


body .gform_confirmation_content{
	text-align: center;
	width: 700px;
	max-width: 100%;
	margin-inline: auto;
}
body .gform_confirmation_content .button_group{
	justify-content: center;
}

body .gform_confirmation_content > :not(:last-child){
	margin-bottom: 24px;
}

body .gform_confirmation_content > p:has(strong){
	margin: 0 !important;
}

#pk_flex_content .gradient_border,
.fl-page .gradient_border{
    position: relative;
}

#pk_flex_content .gradient_border::before,
.fl-page .gradient_border::before{
    content: '';
    position: absolute; 
    z-index: 0;
    border-radius: inherit;
    background-image: var(--tt-verloop);
    inset: -1px;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	pointer-events: none;
	transition: opacity 0.2s ease-in-out;     -moz-transition: opacity 0.2s ease-in-out;     -webkit-transition: opacity 0.2s ease-in-out;
}

body .button_group{
	display: flex;
	gap: 16px 8px;
	flex-wrap: wrap;
}

#pk_flex_content .button_wrapper a,
#pk_flex_content .button_wrapper span.button,
body .custom_btn .button_wrapper a.button{
	position: relative;
	transition: color .3s ease-in-out, background-color .3s ease-in-out;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	text-decoration: none !important;
	color: var(--tt-wit);
	background: var(--tt-verloop-hover);
	background-color: var(--tt-groen);
	padding: 12px 24px;
	border-radius: 50px;
}

#pk_flex_content .button_wrapper a.btn_white {
	background: unset;
	background-color: var(--tt-wit);
	color: var(--tt-groen);
}
#pk_flex_content .button_wrapper a.btn_white:hover,
#pk_flex_content .button_wrapper a.btn_white:focus{	
	background: unset;
	background-color: var(--tt-wit);
	color: var(--tt-groen);
}

#pk_flex_content .button_wrapper a span,
body .custom_btn .button_wrapper a span,
#pk_flex_content .button_wrapper span.button span{
	color: inherit;
}

#pk_flex_content .button_wrapper a:after,
body .custom_btn .button_wrapper a.button:after,
#pk_flex_content .button_wrapper span.button:after{
	content: "";
	transition: rotate .3s ease-in-out;
	display: inline-block;
	background-color: currentColor;
	width: 10px;
	height: 10px;
	mask: url('/wp-content/uploads/2025/05/arrow-top-right.svg') no-repeat center/contain;
	-webkit-mask: url('/wp-content/uploads/2025/05/arrow-top-right.svg') no-repeat center/contain;
}

#pk_flex_content .button_wrapper a:hover,
#pk_flex_content .button_wrapper a:focus,
body .custom_btn .button_wrapper a:hover,
body .custom_btn .button_wrapper a:focus,
#pk_flex_content a:hover .button_wrapper span.button,
#pk_flex_content a:focus .button_wrapper span.button{
	background-color: var(--tt-blauw);
}

#pk_flex_content .button_wrapper a:hover::after,
#pk_flex_content .button_wrapper a:focus::after,
body .custom_btn .button_wrapper a:hover::after,
body .custom_btn .button_wrapper a:focus::after,
#pk_flex_content a:hover .button_wrapper span.button::after,
#pk_flex_content a:focus .button_wrapper span.button::after{
	rotate: 45deg;
}


#pk_flex_content .button_group .button_wrapper:nth-child(2) a:not(.btn_white),
body .button_group.custom_btn .button_wrapper:nth-child(2) a{
	background: var(--tt-verloop);
	background-clip: text;
	-webkit-background-clip: text;
	color: var(--tt-groen);
}

#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white:hover,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white:focus{
	color: var(--tt-wit);
	background-color: unset;
	background: unset;
}
#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white:before,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white:after,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white:hover:after,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white:focus:after,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white:focus:before,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a.btn_white:hover:before{
	background-color: var(--tt-wit);
	background: var(--tt-wit);
}

body .button_group.custom_btn .button_wrapper a span{
	color: inherit;
}


#pk_flex_content .button_group .button_wrapper:nth-child(2) a:hover,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a:focus,
body .button_group.custom_btn .button_wrapper:nth-child(2) a:hover,
body .button_group.custom_btn .button_wrapper:nth-child(2) a:focus{
	color: transparent;
}

#pk_flex_content .button_group .button_wrapper:nth-child(2) a:before,
body .button_group.custom_btn .button_wrapper:nth-child(2) a:before{
    content: '';
    position: absolute; 
    z-index: 0;
    border-radius: inherit;
	background: var(--tt-verloop-hover);
	background-color: var(--tt-groen);
    inset: -1px;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#pk_flex_content .button_group .button_wrapper:nth-child(2) a:hover:before,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a:focus:before,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a:hover:after,
#pk_flex_content .button_group .button_wrapper:nth-child(2) a:focus:after,
body .button_group.custom_btn .button_wrapper:nth-child(2) a:hover:before,
body .button_group.custom_btn .button_wrapper:nth-child(2) a:focus:before{
	background-color: var(--tt-blauw);
}

#pk_flex_content .button_group .button_wrapper:nth-child(2) a:after,
body .button_group.custom_btn .button_wrapper:nth-child(2) a:after{
	background: var(--tt-verloop-hover);
	background-color: var(--tt-groen);
}


#pk_flex_content .scroll_down_wrapper button{
	display: flex;
	gap: 10px;
	outline: none;
	border: none;
	border-radius: 100px;
	background-color: rgba(255, 255, 255, .14);
	color: var(--tt-wit);
	backdrop-filter: blur(9px);
	padding: 12px 24px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}

#pk_flex_content .scroll_down_wrapper button svg{
	width: 13px;
	height: 18px;
}

#pk_flex_content .scroll_down_wrapper button svg .scroller{
	animation: scroll-down-scroller 1s ease-in-out infinite;
}

/* BREADCRUMBS */

#pk_flex_content .breadcrumb-wrap .rank-math-breadcrumb {
	width: fit-content;
	overflow: hidden;
}

#pk_flex_content .breadcrumb-wrap .rank-math-breadcrumb > p {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
	font-size: 16px;
	font-weight: 500;
}

#pk_flex_content .breadcrumb-wrap .rank-math-breadcrumb a {
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

#pk_flex_content .breadcrumb-wrap .rank-math-breadcrumb a:hover {
	text-decoration: underline;
}

#pk_flex_content .breadcrumb-wrap .rank-math-breadcrumb * {
	color: var(--tt-donker-blauw-40);
}

#pk_flex_content .breadcrumb-wrap .rank-math-breadcrumb .last:last-child {
	color: var(--tt-donker-blauw-100);
}

#pk_flex_content .breadcrumb-wrap.white .rank-math-breadcrumb * {
	color: rgba(255, 255, 255, .4);
}

#pk_flex_content .breadcrumb-wrap.white .rank-math-breadcrumb .last:last-child {
	color: rgba(255, 255, 255, 1);
}


#pk_flex_content .counter_wrapper:has(.image_wrapper){
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}
#pk_flex_content .counter_wrapper .image_wrapper{
	flex-shrink: 0;
	max-width: 120px;
}
#pk_flex_content .counter_wrapper .text_wrapper{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}
#pk_flex_content .counter_wrapper .text_wrapper > :last-child{
	margin: 0;
}


#pk_flex_content .content_wrapper > :not(:last-child){
	margin-bottom: 28px;
}

#pk_flex_content .content_wrapper .text_wrapper > :last-child{
	margin-bottom: 0;
}


#pk_flex_content .swiper_nav.arrows{
	display: flex;
	gap: 8px;
}

#pk_flex_content .swiper_nav.arrows .swiper_button{
	position: relative;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 42px;
	height: 42px;
}
#pk_flex_content .swiper_nav.arrows .swiper_button:after{
	content: "";
	position: absolute;
	transition: opacity .3s ease-in-out;
	pointer-events: none;
	background: var(--tt-verloop);
	width: 100%;
	height: 100%;
	border-radius: inherit;
	z-index: 0;
}
#pk_flex_content .swiper_nav.arrows .swiper_button.swiper-button-disabled:after{
	opacity: 0;
}

#pk_flex_content .swiper_nav.arrows .swiper_button .icon{
	transition: translate .3s ease-in-out;
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 16px;
	height: 16px;
	background-color: #fff;
	mask: url('/wp-content/uploads/2025/05/arrow-right.svg') no-repeat center/contain;
	-webkit-mask: url('/wp-content/uploads/2025/05/arrow-right.svg') no-repeat center/contain;
}

#pk_flex_content .swiper_nav.arrows .swiper_button.prev .icon{
	mask: url('/wp-content/uploads/2025/05/arrow-left.svg') no-repeat center/contain;
	-webkit-mask: url('/wp-content/uploads/2025/05/arrow-left.svg') no-repeat center/contain;
}

#pk_flex_content .swiper_nav.arrows .swiper_button.swiper-button-disabled .icon{
	background: var(--tt-verloop);
}


#pk_flex_content .swiper_nav.arrows .swiper_button.prev:hover .icon{
	translate: -3px;
}
#pk_flex_content .swiper_nav.arrows .swiper_button.next:hover .icon{
	translate: 3px;
}

#pk_flex_content .swiper:has(.swiper_scrollbar) .swiper-wrapper{
	padding-bottom: 40px;
}

#pk_flex_content .swiper .swiper_scrollbar{
	width: 100%;
	height: 2px;
	background-color: var(--tt-donker-blauw-20);
}
#pk_flex_content .swiper .swiper_scrollbar .swiper-scrollbar-drag{
	background-color: var(--tt-donker-blauw-100);
}

#pk_flex_content .flex_layout .layout .image_wrapper{
	position: relative;
}

#pk_flex_content .flex_layout.afbeelding_content .layout.shape_left .image_wrapper img,
#pk_flex_content .flex_layout .layout .image_wrapper.shape_left img{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
#pk_flex_content .flex_layout.afbeelding_content .layout.shape_right .image_wrapper img,
#pk_flex_content .flex_layout .layout .image_wrapper.shape_right img{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

#pk_flex_content .flex_layout.afbeelding_content .layout.shape_left .image_wrapper:after,
#pk_flex_content .flex_layout.afbeelding_content .layout.shape_right .image_wrapper:after,
#pk_flex_content .flex_layout .layout .image_wrapper.shape_left:after,
#pk_flex_content .flex_layout .layout .image_wrapper.shape_right:after{
    content: "";
    position: absolute;
    /* height: calc(100% + 2px); */
	height: 100%;
    top: 0px;
    z-index: 1;
    pointer-events: none;
    background-color: var(--tt-wit);
}

#pk_flex_content .flex_layout.afbeelding_content .layout.shape_left .image_wrapper:after,
#pk_flex_content .flex_layout .layout .image_wrapper.shape_left:after{
    /* left: -1px; */
	left: 0;
    -webkit-mask: url('/wp-content/uploads/2025/05/img-shape-left.svg') no-repeat center/cover;
    mask: url('/wp-content/uploads/2025/05/img-shape-left.svg') no-repeat center/cover;
    aspect-ratio: .31 / 1;
}

#pk_flex_content .flex_layout.afbeelding_content .layout.shape_right .image_wrapper:after,
#pk_flex_content .flex_layout .layout .image_wrapper.shape_right:after{
    /* right: -1px; */
	right: 0;
    -webkit-mask: url('/wp-content/uploads/2025/05/img-shape-right.svg') no-repeat center/cover;
    mask: url('/wp-content/uploads/2025/05/img-shape-right.svg') no-repeat center/cover;
    aspect-ratio:  .35 / 1;
}

#pk_flex_content div:has(+.flex_layout.recruiters_highlight) .flex_layout_wrapper {
	padding-bottom: calc(100vw * .054 + 40px) !important;
}

.fl-page form.searchandfilter ul{
	padding: 0;
}

.fl-page form.searchandfilter ul li{
	padding: 0;
}

.fl-page #pk_flex_content form.searchandfilter > ul > li:not(:last-child){
	margin-bottom: 48px;
}

.fl-page form.searchandfilter > ul > li:not(:last-child){
	margin-bottom: 24px;
}


.fl-page form.searchandfilter ul h4{
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

.fl-page #pk_flex_content form.searchandfilter ul h4{
	cursor: pointer;
}

.fl-page #pk_flex_content form.searchandfilter ul h4:before,
.fl-page #pk_flex_content form.searchandfilter ul h4:after{
	transition: rotate .3s ease-in-out;
	content: "";
	position: absolute;
	width: 14px;
	height: 2px;
	top: 50%;
	right: 0;
	translate: 0 -50%;
	transform-origin: center;
	mask: url('/wp-content/uploads/2025/06/icon-1.svg') no-repeat center/contain;
	-webkit-mask: url('/wp-content/uploads/2025/06/icon-1.svg') no-repeat center/contain;
	color: inherit;
	background-color: currentColor;
}
.fl-page #pk_flex_content form.searchandfilter ul h4:after{
	rotate: 90deg;
}

.fl-page #pk_flex_content form.searchandfilter ul h4.active:before{
	rotate: 180deg;
}
.fl-page #pk_flex_content form.searchandfilter ul h4.active:after{
	rotate: 180deg
}

.fl-page form.searchandfilter ul h4 + ul{
	position: relative;
	margin-top: 12px;
	padding-top: 12px;
}
.fl-page #pk_flex_content form.searchandfilter ul h4 + ul{
	transition: max-height .3s ease-in-out;
	max-height: 0;
	overflow: hidden;	
}
.fl-page form.searchandfilter ul h4 + ul:before{
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--tt-verloop);
	pointer-events: none;
}

.fl-page form.searchandfilter > ul > li ul li:not(:last-child){
	margin-bottom: 12px;
}

.fl-page form.searchandfilter li label:has(.sf-count){
	display: flex;
	justify-content: space-between;
}

.fl-page form.searchandfilter li label .sf-count{
	flex-shrink: 0;
}
.fl-page form.searchandfilter ul input[type="checkbox"]{
	display: none;
}

.fl-page form.searchandfilter ul input[type="checkbox"] + label{
	position: relative;
	padding-left: 40px;
	cursor: pointer;
}

.fl-page form.searchandfilter ul input[type="checkbox"] + label:before{
	transition: background-color .3s ease-in-out;
	content: "";
	position: absolute;
	width: 28px;
	height: 28px;
	top: 50%;
	translate: 0 -50%;
	left: 0;
	border-radius: 8px;
	border: 1px solid var(--tt-donker-blauw-100);
	background-color: rgba(237, 237, 237, .6);
	pointer-events: none;
	z-index: 2;
}
.fl-page form.searchandfilter ul input[type="checkbox"] + label:after{
	transition: opacity .3s ease-in-out;
	content: "";
	position: absolute;
	width: 28px;
	height: 28px;
	top: 50%;
	translate: 0 -50%;
	left: 0px;
	border-radius: 8px;
	pointer-events: none;
	opacity: 0;
	background: var(--tt-verloop);
	z-index: 1;
}

.fl-page form.searchandfilter ul input[type="checkbox"]:checked + label:before{
	background-color: transparent;
	
}

.fl-page form.searchandfilter ul input[type="checkbox"]:checked + label:after{
	opacity: 1;
}

#pk_flex_content .flex_layout .layout:has(.scroll_down_wrapper){
	position: relative;
}

#pk_flex_content .flex_layout .layout .scroll_down_wrapper{
    position: absolute;
    right: 56px;
    bottom: 56px;
}

#pk_flex_content .flex_layout .layout .scroll_down_wrapper.inside_image{
    right: 86px;
    bottom: 86px;
}


#pk_flex_content .flex_layout .tt-info-box {
	background: white;
	width: 100%;
	padding: 30px 40px;
	border-radius: 14px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: background-color 0.2s ease-in-out;     -moz-transition: background-color 0.2s ease-in-out;     -webkit-transition: background-color 0.2s ease-in-out; 
}


#pk_flex_content .flex_layout .tt-info-box h4 {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	cursor: pointer;
	color: var(--tt-donker-blauw-100) !important;
}

#pk_flex_content .flex_layout .tt-info-box h4 span {
	font-size: clamp(16px, 1.48vw, 20px);
	font-weight: 700;
}

#pk_flex_content .flex_layout .tt-info-box .tt-title-end {
	position: relative;
}

#pk_flex_content .flex_layout .tt-info-box .icon {
	height: 24px;
	width: 24px;
	transition: opacity 0.3s ease-in-out; 
	-moz-transition: opacity 0.3s ease-in-out; 
	-webkit-transition: opacity 0.3s ease-in-out;
	position: relative;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translate(0px, -50%);
}

#pk_flex_content .flex_layout .tt-info-box .icon svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	object-fit: cover;
	height: 24px;
}

#pk_flex_content .flex_layout .tt-info-box .tt-info-inner {
	display: grid;
	grid-template-rows: 0fr;
	transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
	max-width: calc(100% - 40px);
}

#pk_flex_content .flex_layout .tt-info-box .tt-info-inner p {
	color: var(--tt-donker-blauw-100) !important;
	font-size: clamp(16px, 1.33vw, 18px);
	font-weight: 400;
}

#pk_flex_content .flex_layout .tt-info-box .tt-info-content {
	color: var(--tt-donker-blauw-100);
	overflow: hidden;
	font-weight: 400;
}

#pk_flex_content .flex_layout .tt-info-box.open .tt-info-inner{
	grid-template-rows: 1fr;
	margin-top: 20px;;
	padding-top: 20px;
}

#pk_flex_content .flex_layout .tt-info-box::before {
	opacity: 0;
}

#pk_flex_content .flex_layout .tt-info-box.open::before {
	opacity: 1;
}

#pk_flex_content .flex_layout .tt-info-box .opened {
	opacity: 0;
}

#pk_flex_content .flex_layout .tt-info-box .closed {
	opacity: 1;
}

#pk_flex_content .flex_layout .tt-info-box.open .opened {
	opacity: 1;
}

#pk_flex_content .flex_layout .tt-info-box.open .closed {
	opacity: 0;
}

#pk_flex_content .flex_content.uppershape {
	position: relative;
	overflow-y: visible;
	overflow-x: clip;
}

#pk_flex_content .flex_content[style*="background-color"]:has(.flex_layout.reviews){
	background-color: transparent !important;
	background: linear-gradient(180deg, var(--currentShapeColor) 70%, transparent 70%);
}

#pk_flex_content .flex_content.uppershape.right:before {
	transform: scaleX(-1);
}

#pk_flex_content .flex_content.uppershape:before {
	content: "";
	position: absolute;
	width: 100%;
	aspect-ratio: 1 / .054;
	background-color: var(--currentShapeColor);
	mask: url(/wp-content/uploads/2025/06/intersect-lightblue-scaled.png) no-repeat center top / cover;
	-webkit-mask: url(/wp-content/uploads/2025/06/intersect-lightblue-scaled.png) no-repeat center top / cover;
	top: 2px;
	left: 0;
	pointer-events: none;
	translate: 0% -100%;
	z-index: 1;
	border-radius: 16px 16px 0px 0px;
}

#pk_flex_content .flex_content:has(+.flex_content.uppershape) {
	padding-bottom: calc(100vw * .054 + 40px) !important;
}

#pk_flex_content .flex_content.uppershape .flex_layout .layout .image_wrapper.shape_left:after {
	background-color: var(--currentShapeColor);
}

#pk_flex_content .flex_layout .layout > .swiper_heading_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

#pk_flex_content .flex_layout .layout > .swiper_heading_wrapper .heading_text_wrapper{
	max-width: 800px;
    margin-bottom: 0;
}
#pk_flex_content .flex_layout .layout > .swiper_heading_wrapper .heading_wrapper{
    margin-bottom: 8px;
}

#pk_flex_content .flex_layout .layout > .swiper_heading_wrapper .swiper_nav_wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}


#pk_flex_content .flex_layout .layout .text ul,
#pk_flex_content .flex_layout .layout .text_wrapper ul{
	list-style: none;
	padding: 0;
}

#pk_flex_content .flex_layout .layout .text ul li,
#pk_flex_content .flex_layout .layout .text_wrapper ul li{
	display: flex;
	align-items: center;
	gap: 12px;
	line-height: 1.8;
	font-weight: 500;
}

#pk_flex_content .flex_layout .layout .text ul li:before,
#pk_flex_content .flex_layout .layout .text_wrapper ul li:before{
	content: "";
	display: inline-block;
	flex-shrink: 0;
	width: 25px;
	height: 25px;
	background: url('/wp-content/uploads/2025/06/check.svg') no-repeat center/contain;
}

#pk_flex_content .flex_layout .layout .text ul li:not(:last-child),
#pk_flex_content .flex_layout .layout .text_wrapper ul li:not(:last-child){
	margin-bottom: 12px;
}

#pk_flex_content .flex_layout .layout .text_wrapper > :not(:last-child){
	margin-bottom: 28px;
}


/* FORM */

#tt-page .gform_wrapper .gform_heading, #tt-page .gform_wrapper .gfield_required, #tt-page .gform_wrapper .gform_fileupload_rules, #tt-page .gform_wrapper .gfield--type-select .gfield_label, #tt-page .gform_wrapper .gform_footer, #tt-page .gform_wrapper .gfield_label_before_complex {
	display: none;
}

#tt-page .gform_wrapper form .gform_fields .gfield input:not([type=checkbox]), #tt-page .gform_wrapper form .gform_fields .gfield select, #tt-page .gform_wrapper form .gform_fields .gfield textarea {
	background: none;
	border-radius: 8px;
	border: 1px solid var(--tt-donker-blauw-40);
	padding: 14px 24px;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
}

#tt-page .gform_wrapper form .gform_fields .gfield input:not([type=checkbox]):focus, #tt-page .gform_wrapper form .gform_fields .gfield select:focus, #tt-page .gform_wrapper form .gform_fields .gfield textarea:focus {
	border: 1px solid var(--tt-donker-blauw-100);
}

#tt-page .gform_wrapper form .gform_fields .gfield select {
	font-weight: 500;
	color: var(--tt-donker-blauw-100);
	padding: 12px 16px;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.92871 1.42896V15.5711M7.92871 15.5711L14.9998 8.50002M7.92871 15.5711L0.857643 8.50002' stroke='%23000052' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: calc(100% - 20px) center;
}

#tt-page .gform_wrapper form .gform_fields .gfield select:focus-visible {
	outline: 0;
	box-shadow: none;
}

#tt-page .gform_wrapper form .gform_fields .gfield input::placeholder, #tt-page .gform_wrapper form .gform_fields .gfield textarea::placeholder, #tt-page .gform_wrapper form .gform_fields .gfield select::placeholder {
	font-size: 16px;
	color: var(--tt-donker-blauw-100);
	opacity: 0;
}

#tt-page .gform_wrapper .gfield--input-type-text, #tt-page .gform_wrapper .gfield--type-email, #tt-page .gform_wrapper .gfield--type-textarea, #tt-page .gform_wrapper .gfield--type-website, #tt-page .gform_wrapper .ginput_container--name > span {
	position: relative;
}

#tt-page .gform_wrapper .gfield--input-type-text label, #tt-page .gform_wrapper .gfield--type-email label, #tt-page .gform_wrapper .gfield--type-textarea label,
#tt-page .gform_wrapper .ginput_container--name label, #tt-page .gform_wrapper .gfield--type-website label {
	position: absolute;
	left: 20px;
	top: 26px;
	transform: translate(0px, -50%);
	background: white;
	pointer-events: none;
	transform-origin: center left;
	transition: scale 300ms ease-in-out, top 300ms ease-in-out, transform 300ms ease-in-out;
	margin: 0;
	font-weight: 500;
	font-size: 16px;
}

#tt-page .gform_wrapper .gfield--type-textarea label {
	position: absolute;
	top: 24px;
	transform: translate(0px, -50%);
	padding-inline: 4px;
}

#tt-page .gform_wrapper .gfield--input-type-text:has(input:is(:not(:placeholder-shown), :active, :focus)) .gfield_label, #tt-page .gform_wrapper .gfield--type-email:has(input:is(:not(:placeholder-shown), :active, :focus)) .gfield_label, #tt-page .gform_wrapper .gfield--type-website:has(input:is(:not(:placeholder-shown), :active, :focus)) label, #tt-page .gform_wrapper .gfield--type-textarea:has(textarea:is(:not(:placeholder-shown), :active, :focus)) .gfield_label, #tt-page .gform_wrapper .ginput_container--name span:has(input:is(:not(:placeholder-shown), :active, :focus)) label  {
	top: 0;
	opacity: 1;
	scale: .875;
}

#tt-page .gform_wrapper .ginput_container--name span:last-child label  {
	left: 28px;
}

#tt-page .gform_wrapper button[type=submit] {
	display: flex;
	align-items: center;
	gap: 8px;
	transition: background-color .3s ease-in-out;
	color: var(--tt-wit);
	background: var(--tt-verloop-hover);
	background-color: var(--tt-groen);
	padding: 12px 24px;
	font-weight: 500;
	border-radius: 100px;
	height: fit-content;
}

#tt-page .gform_wrapper button[type=submit] > span {
	color: var(--tt-wit);
}

#tt-page .gform_wrapper button[type=submit] span:last-child {
	transition: rotate .3s ease-in-out;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: currentColor;
	-webkit-mask: url(/wp-content/uploads/2025/05/arrow-top-right.svg) no-repeat center / contain;
	mask: url(/wp-content/uploads/2025/05/arrow-top-right.svg) no-repeat center / contain;
}

#tt-page .gform_wrapper button[type=submit]:hover span:last-child {
	rotate: 45deg;
}

#tt-page .gform_wrapper .ginput_container_consent {
	display: flex;
	align-items: start;
	gap: .5em;
}

#tt-page .gform_wrapper .ginput_container_consent input {
	margin-bottom: 0px;
	appearance: none;
	-webkit-appearance: none;
	width: 28px;
	aspect-ratio: 1;
	border-radius: 8px;
	border: 1px solid var(--tt-donker-blauw-100);
	background: rgba(237, 237, 237, 0.60);
	position: relative;
}

#tt-page .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6663 5L7.49967 14.1667L3.33301 10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	margin: 0px;
}

#tt-page .gform_wrapper .gfield--type-consent .gfield_consent_label {
	margin: 0;
}

#tt-page .gform_wrapper .gfield--type-consent .gfield_consent_label a {
	font-weight: 500;
	color: var(--tt-donker-blauw-100);
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-color: var(--tt-donker-blauw-100);
	transition: text-underline-offset 0.15s ease-in-out, color 0.15s ease-in-out;
	-moz-transition: text-underline-offset 0.15s ease-in-out, color 0.15s ease-in-out;
	-webkit-transition: text-underline-offset 0.15s ease-in-out, color 0.15s ease-in-out;
}

#tt-page .gform_wrapper .gfield--type-consent .gfield_consent_label a:hover {
	text-underline-offset: 4px;
	text-decoration-color:var(--tt-donker-blauw-100);
	color: rgba(0,0,0, .8);
}

#tt-page .gform_wrapper .gfield--type-consent, #tt-page .gform_wrapper .gfield--type-submit {
	margin-top: 32px;
}

#tt-page .gform_wrapper #field_submit {
	justify-content: end;
}

#tt-page .gform_wrapper .gform_validation_errors {
	margin-bottom: 20px;
}

#pk_flex_content .flex_layout .layout .sidebar{
    width: 440px;
    flex-shrink: 0;
}

#pk_flex_content .flex_layout .layout .sidebar > :not(:last-child){
    margin-bottom: 20px;
}


#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper{
    padding: 42px 40px;
    border-radius: 16px;
    background-color: var(--tt-donker-blauw-100);
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .heading,
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .text_wrapper *{
    color: var(--tt-wit);
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper > .heading_wrapper:not(:last-child){
    margin-bottom: 24px;
}


#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact .content_wrapper,
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact .heading_wrapper{
    margin: 0;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact.recruiters{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact .image_wrapper{
    flex-shrink: 0;
}
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact .image_wrapper img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact a{
    display: block;
    font-weight: 500;
    color: var(--tt-groen);
}
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact a:hover,
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact a:focus{
    text-decoration: underline !important;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact .workdays{
    display: block;
    font-style: italic;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact.recruiters *{
    font-size: 16px;
    line-height: 1.3;
}
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact.recruiters .heading{
    font-weight: 700;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact:not(:last-child){
    margin-bottom: 18px;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact.recruiters a{
    display: flex;
    align-items: center;
    gap: 8px;
}
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact.recruiters a:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-mask: url('/wp-content/uploads/2025/06/phone.svg') no-repeat center/contain;
    mask: url('/wp-content/uploads/2025/06/phone.svg') no-repeat center/contain;
    background-color: currentColor;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact.recruiters .content_wrapper .heading_wrapper,
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact.recruiters .content_wrapper .text_wrapper > :not(:last-child){
    margin-bottom: 8px;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact:not(.recruiters) .image_wrapper,
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact:not(.recruiters) .text p:not(:last-child){
    margin-bottom: 24px;
}
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact:not(.recruiters) .text p{
    color: var(--tt-wit);
    font-weight: 500;
    line-height: 1.8;
}

#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact:not(.recruiters) .text a{
    line-height: 1.8;
}
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact:not(.recruiters) .heading_wrapper,
#pk_flex_content .flex_layout .layout .sidebar .cta_wrapper .contact:not(.recruiters) .text a:not(:last-child){
    margin-bottom: 16px;
}


#pk_flex_content .image_label{
	display: block;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	margin-top: 8px;
}





@media screen and (max-width: 1240px){
	#pk_flex_content > .flex_content .flex_layout:not(.full_width) > .flex_layout_wrapper{
		padding-inline: 40px;
	}
}


@media screen and (max-width: 1200px) {
	
	#pk_flex_content .scroll_down_wrapper button {
		font-size: 16px;
	}
	
	#pk_flex_content .scroll_down_wrapper button svg {
		width: 13px;
		height: 15px;
	}
	
	#tt-page .gform_wrapper .gfield--type-consent, #tt-page .gform_wrapper .gfield--type-submit {
		grid-column: span 12;
	}
	
	#tt-page .gform_wrapper #field_submit {
		justify-content: start;
	}
	
	#tt-page .gform_wrapper .gfield--type-consent, #tt-page .gform_wrapper .gfield--type-submit {
		margin-top: 10px;
	}
	
}

@media screen and (max-width: 992px){
	
	#pk_flex_content .button_wrapper a,
	body .custom_btn .button_wrapper a {
		font-size: 16px;
	}
	
	#pk_flex_content .flex_layout .layout .scroll_down_wrapper:not(.inside_image){
        position: relative;
        right: unset;
        bottom: unset;
        display: flex;
        justify-content: flex-end;
    }
	
		
	#tt-page .gform_wrapper .gfield--type-consent, #tt-page .gform_wrapper .gfield--type-submit {
		margin-top: 10px;
	}
	
	#tt-page .gform_wrapper form .gform_fields .gfield input:not([type=checkbox]), #tt-page .gform_wrapper form .gform_fields .gfield select {
		max-height: 56px;
	}
	
	#tt-page .gform_wrapper form .gform_fields .gfield input:not([type=checkbox]), #tt-page .gform_wrapper form .gform_fields .gfield select, #tt-page .gform_wrapper form .gform_fields .gfield textarea {
		padding: 14px 16px;
	}
	
	#tt-page .gform_wrapper .gfield--input-type-text label, #tt-page .gform_wrapper .gfield--type-email label, #tt-page .gform_wrapper .gfield--type-textarea label {
		top: 28px;
	}
	
	#tt-page .gform_wrapper button[type=submit] {
		font-size: 16px;
	}
	

	#pk_flex_content .flex_layout.content_sidebar .layout .sidebar{
        width: 340px;
    }
}


@media screen and (max-width: 767px){
	
	
	#pk_flex_content .flex_layout .layout .scroll_down_wrapper.inside_image{
		right: 56px;
		bottom: 56px;
	}

	#pk_flex_content > .flex_content .flex_layout:not(.full_width) > .flex_layout_wrapper{
		padding-inline: 20px;
	}
	
	#pk_flex_content .flex_content:has(+.flex_content.uppershape) {
		padding-bottom: calc(100vw * .054 + 40px) !important;
	}
	
	#pk_flex_content > .flex_content .flex_layout > .flex_layout_wrapper:not(:has( > .layout.pd0:not(.blue))){
		padding-block: 40px;
	}
	#pk_flex_content > .flex_content .flex_layout > .flex_layout_wrapper:has(> .layout.pd0){
		padding-bottom: 40px;
	}

	#pk_flex_content > .flex_content.has_bg + .flex_content:not(.has_bg) > .flex_layout:first-child > .flex_layout_wrapper{
		padding-top: 40px;	
	}

	#pk_flex_content .flex_layout .layout > .swiper_heading_wrapper{
        flex-direction: column;
        align-items: flex-start;
        justify-content: unset;
        margin-bottom: 24px;
    }

    #pk_flex_content .flex_layout .layout > .swiper_heading_wrapper .heading_text_wrapper{
        margin-bottom: 32px;
    }

    #pk_flex_content .flex_layout .layout > .swiper_heading_wrapper .swiper_nav_wrapper{
        width: 100%;
        justify-content: space-between;
    }


	#pk_flex_content .flex_layout .layout .sidebar{
        width: 100%;
    }

    #pk_flex_content .flex_layout .layout .sidebar .cta_wrapper{
        padding: 32px 24px;
    }
}