#pk_flex_content{
	--site-grid: 1312px;
}

#pk_flex_content strong{
	font-weight: 700;
}

#pk_flex_content .flex_layout{
	padding: 80px 40px;
}

#pk_flex_content .flex_layout:not(.hero_image):not(.hero_home):not(.hero_short):not(.hero_form) {
	margin-block: 60px;
}


#pk_flex_content .flex_layout .flex_container_inner{
	max-width: var(--site-grid);
	margin-inline: auto;
  }
  
  
  input[type="submit"] {
	  line-height: 1.16em !important;
  }




@media screen and (min-width: 1512px){
	#pk_flex_content .flex_layout:not(.full_width){
		margin-inline: auto;
	}
}

@media screen and (max-width: 767px){
#pk_flex_content .flex_layout:not(.hero_image):not(.hero_home):not(.hero_short):not(.hero_form) {
	margin-block: 30px;
}

	#pk_flex_content .flex_layout{
		padding: 30px 20px;
	}
	#pk_flex_content .flex_layout:not(.full_width) {
		margin-inline: 20px;
	}
}




/*  Dark switch */
#pk_flex_content .flex_content.dark .dialog p,
#pk_flex_content .flex_content.dark div,
#pk_flex_content .flex_content.dark .flex_layout.afbeelding_content .afbeelding_content_wrapper .sec_knop span,
#pk_flex_content .flex_content.dark .rank-math-breadcrumb span,
#pk_flex_content .flex_content.dark ul,
#pk_flex_content .flex_content.dark li,
#pk_flex_content .flex_content.dark .heading,
#pk_flex_content .flex_content.dark .faq_content .content_container *,
#pk_flex_content .flex_content.dark .flex_layout.faq .faq_inner .faq_content .sec_knop span,
.lees-meer path{
	color: white;
}

#pk_flex_content .flex_content.dark .lees-meer path,
#pk_flex_content .flex_content.dark .titel_swiper svg path{
	fill: white;
}

/* Style text */
#pk_flex_content .text_wrapper blockquote{
	font-size: 30px;
	font-weight: 500;
	margin-block: 40px;
}

#pk_flex_content .text_wrapper p a{
	text-decoration: underline !important;
}

@media screen and (max-width: 767px){
	#pk_flex_content .heading_wrapper{
		width: fit-content;
	}
	
	#pk_flex_content .titel_swiper svg{
		margin-top: 14px;
		width: 1rem;
		height: 1rem;
	}
}

/* HEADINGS */

#pk_flex_content .flex_layout .title.flex {
	display: flex;
	gap: 8px;
}

#pk_flex_content .flex_layout .title_med,
#pk_flex_content .flex_layout .title_light
 {
  font-size: var(--heading-2);
  color: var(--dark-blue);
  line-height: 1.2;
}
#pk_flex_content .flex_layout .title_med {
  font-weight: 500;
}
#pk_flex_content .flex_layout .title_light {
  font-weight: 300;
}

@media screen and (max-width: 767px){
	#pk_flex_content .flex_layout .title.flex {
		display: block;
	}
}


/* BUTTONS */
.button_container {
	display: flex;
	gap: 0 1rem;
	flex-wrap: wrap;
}

.button_container .link_button {
margin-block: 12px;	
display: flex;
 white-space: nowrap;
 align-items: center;
}

.button_container .link_button.dark .button_text {
background-color: var(--dark-blue);
color: var(--light-blue);
}


.button_container .link_button .button_text{
	background-color: var(--light-blue);
	border-radius: 100px;
	padding: 12px 24px; 
	color: var(--dark-blue);
	font-weight: 500;
	line-height: 1;
}

.button_container .link_button .svg_wrapper {
	background-color: var(--mid-blue);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.button_container .link_button svg {
	padding: 16px;
	display: inline-block;
	aspect-ratio: 1;
	flex-shrink: 0;
	width: auto;
	height: auto;
	transition: all 0.3s ease
}

.button_container .link_button:hover svg {
	transform: rotate(45deg);
	transition: all 0.3s ease;
}

.button_container a.link_button:hover  {
	text-decoration: none;
}

/* READ MORE */
.button_container .link_button.read-more svg {
	transform: rotate(135deg);
}

.button_container .link_button.read-more:hover svg {
	transform: rotate(135deg) scale(1.1);
}



/* DOWNLOAD BUTTON */


.button_container.download .link_button {
	flex-direction: row-reverse;
	margin-block: 0px;	
}

.button_container.download.dark .link_button .button_text{
background-color: var(--dark-blue);
color: var(--light-blue);
}

.button_container.download .link_button svg {
padding: 16px;
width: 43px;
height: 43px;
transform: scale(1.2)
}


.button_container.download .link_button:hover svg {
	transform: rotate(0deg) scale(1.3);
	transition: all 0.3s ease;
}


/* READ MORE */

a.read-more-small {
	color: var(--light-blue);
	font-size: 14px;
	text-decoration: underline;
	font-weight: 400;
}

a.read-more-small svg {
	transition: all 0.3s ease;
	margin-left: 3px;
}

a.read-more-small:hover svg {
transform: rotate(45deg);
transition: all 0.3s ease;
}


/* SWIPERS CURSOR BEHAVIOR */
.swiper {
	cursor: grab;
}

.swiper:active {
	cursor: grabbing;
}

/* SWIPERS CUSTOM CURSOR */
.swiper .swiper-cursor {
  width: 100px;
height: 100px;
position: fixed;
top: 0;
left: 0;
pointer-events: none;
background-color: var(--mid-blue);
opacity: 0;
z-index: 999;
border-radius: 100px;

display: flex; 
justify-content: center; 
align-items: center;
  transition: opacity 0.5s ease;
}

.swiper .swiper-cursor span{
  color: white;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

.swiper:hover .swiper-cursor {
  opacity: 1;
}


/* SWIPERS PAGINATION */

.swiper_button_wrapper .swiper-pagination {
 position: relative;
 width: fit-content;
 margin: 0;
 padding: 0; 
 display: flex;
 align-items: flex-end;
 font-size: 20px;
 font-weight: 700;
 line-height: 30px; /* 150% */
 color: var(--dark-blue);
}

 .swiper_button_wrapper .swiper-pagination .swiper-pagination-total {
  opacity: 55%;
}



/* FORM STYLING */

#pk_flex_content .form_wrapper .gform_title {
	font-size: 30px; color: var(--dark-blue);
}

#pk_flex_content form label {
	font-size: 1rem;
	font-weight: 500;
	line-height: 150%;
	color: var(--dark-blue);
}

#pk_flex_content  form input,
#pk_flex_content  form textarea,
#pk_flex_content select  {
background: transparent;
border: 1px solid rgba(1, 129, 188, 0.3);
border-radius: 4px;
}

#pk_flex_content form select{
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L6.5 6.5L12.5 0.5' stroke='%23113A56' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: calc(100% - 10px) center;
	padding-right: 30px;
	
}


#pk_flex_content form .gfield--type-consent {
	display: flex;
   align-items: flex-end; 
}


#pk_flex_content form #field_submit {
display: flex;
align-items: flex-end;
}

#pk_flex_content  form input[type="submit"] {
	padding: 12px 24px; background-color: #113A56; color: #E2EFFF;
	border-radius: 100px; border: none; font-size: 18px; margin-top: 2rem;
	margin-left: auto;
}

#pk_flex_content form #field_submit::after {
 	content: '';
	display: inline-block; 
	height: 45px; 
	width: 45px;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center; 
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3995 10.3995V0.500041M10.3995 0.500041H0.499959M10.3995 0.500041L0.499959 10.3995' stroke='%23E2EFFF' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	transition: all 0.3s ease;
	background-color: var(--mid-blue);
	border-radius: 100px; 
	transform: rotate(0deg);
}

#pk_flex_content form #field_submit:hover::after {
		transform: rotate(45deg);
	}



#pk_flex_content .form_wrapper .gfield_required {
	color: var(--dark-blue);
}

dialog#heroFormPopup {
	border-radius: 10px;
}




/* BLOB DRIFTS */

  @keyframes blob-drift {
	0% {
	  transform: translate(0, 0) scale(1); 
	}
	50% {
	  transform: translate(100%, -100%) scale(1.05); 
	}
	100% {
	  transform: translate(0, 0) scale(1);
	}
  }

	
	@keyframes blob-drift-footer {
	  0%, 100% {
		transform: scaleY(-1) rotate(-22deg) translate(-10%, 30%); 
	  }
	  
	  30% {
		  transform: scaleY(-1) rotate(0deg) translate(15%, 20%);
		}
	  
	 55% {
		transform: scaleY(-1) rotate(0deg) translate(-20%, 10%);
	  }
	  
	 80% {
		  transform: scaleY(-1) rotate(0deg) translate(-10%, 20%);
		}
	 
	}