:root {
  --color-baby-blues: #b2ddf7;
  --color-slice-of-ginger: #ffdeac;
  --color-lila: #d3d6ff;
  --color-purple-rain: #8089ff;
  --color-grey-stone: #1c1c1c;
  --color-black: #000000;
  --color-white: #ffffff;
}

black-background {
  position: relative;
  border-radius: 8px;
  padding: 15px 0px;
  display: block;
  width: fit-content;
  margin-inline: -10px;
  isolation: isolate;
  color: var(--Baby-blues, #b2ddf7);
}

black-background:after {
  content: "";
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  position: absolute;
  background: var(--Grey-stone, #1c1c1c);
  color: var(--Baby-blues, #b2ddf7);
  border-radius: 8px;
  z-index: -1;
}

highlight {
  font-family: "PP Pangaia", sans-serif;
}

.fl-page {
  overflow: clip;
}

body .fl-rich-text p,
body p,
body #pk_flex_content p,
#pk_flex_content li {
  font-weight: 450;
}

body #pk_flex_content .fl-button span,
body .fl-button span {
  font-weight: 550 !important;
}

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

html {
  scroll-behavior: smooth;
}

.breadcrumbs nav.rank-math-breadcrumb .last {
  color: var(--White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 1;
}

.breadcrumbs nav.rank-math-breadcrumb > p {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 0;
}

.breadcrumbs nav.rank-math-breadcrumb a {
  color: #ffff;
}

#pk_flex_content strong {
  font-weight: 700;
}

#pk_flex_content .flex_layout .flex_layout_wrapper {
  padding: 140px 20px;
  margin: -50px 0px;
}

#pk_flex_content .flex_content:last-of-type .flex_layout_wrapper {
  margin-bottom: unset !important;
}

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

#pk_flex_content .flex_content .knoppen-container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}

a.knop.fl-button,
.fl-button {
  height: fit-content !important;
  padding: 8px 16px;
  display: flex;
  width: fit-content;
  align-items: center;
}

a.knop.fl-button.zwart {
  background: var(--Grey-stone, #1c1c1c);
  border-color: var(--Grey-stone, #1c1c1c);
}

a.knop.fl-button.transparent {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
}

a.knop.fl-button.transparent span {
  color: var(--Grey-stone, #1c1c1c);
}

#pk_flex_content a.knop.fl-button.transparent.white span {
  color: #fff;
}

body .fl-page .fl-button.fl-button-black {
  background-color: var(--Grey-stone, #1c1c1c);
  border-color: var(--Grey-stone, #1c1c1c);
  color: var(--Baby-blues, #b2ddf7) !important;
}

body .fl-page .fl-button.fl-button-black span {
  color: var(--Baby-blues, #b2ddf7);
}

body .fl-page .fl-button.fl-button-black:hover,
body .fl-page .fl-button.fl-button-black:active,
body .fl-page .fl-button.fl-button-black:focus {
  background-color: var(--Grey-stone, #1c1c1c);
  border-color: var(--Grey-stone, #1c1c1c);
}

body .fl-page a.knop.fl-button.transparent:hover,
body .fl-page a.knop.fl-button.transparent:active,
body .fl-page a.knop.fl-button.transparent:focus {
  text-decoration: none;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
}

.fl-page a.fl-button.knop.white-bg {
  background: #ffff;
  color: var(--Grey-stone, #1c1c1c);
}

.fl-page a.fl-button.knop.white-bg:hover,
.fl-page a.fl-button.knop.white-bg:active,
.fl-page a.fl-button.knop.white-bg:focus {
  background: #ffff;
  color: var(--Grey-stone, #1c1c1c);
}

a.fl-button.knop.white-bg span {
  color: var(--Grey-stone, #1c1c1c);
}

a.scroll-verder {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 12px;
}

a.scroll-verder:hover,
a.scroll-verder:focus,
a.scroll-verder:active {
  color: #fff;
}

a.scroll-verder:hover svg,
a.scroll-verder:active svg,
a.scroll-verder:focus svg {
  transform: translateY(5px);
}

a.scroll-verder svg {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

a.plan-route {
  text-decoration: none;
  font-weight: 450;
  display: flex;
  align-items: center;
  gap: 8px;
}

a.plan-route svg {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

a.plan-route:hover svg,
a.plan-route:active svg,
a.plan-route:focus svg {
  transform: translateX(5px);
}

a.knop.fl-button.arrow-right {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
}

a.knop.fl-button.arrow-right:hover svg,
a.knop.fl-button.arrow-right:active svg,
a.knop.fl-button.arrow-right:focus svg {
  translate: 5px;
}

a.knop.fl-button.arrow-right svg {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

a.knop.fl-button.arrow-down {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
}

a.knop.fl-button.arrow-down:hover svg,
a.knop.fl-button.arrow-down:active svg,
a.knop.fl-button.arrow-down:focus svg {
  transform: translateY(5px);
}

a.knop.fl-button.arrow-down svg {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 1200px) {
  #pk_flex_content .flex_layout .flex_layout_wrapper {
    padding: 100px 20px;
    margin: -50px 0px;
  }
}

@media screen and (max-width: 992px) {
  #pk_flex_content .flex_layout .flex_layout_wrapper {
    padding: 80px 20px;
    margin: -50px 0px;
  }
}

@media screen and (max-width: 767px) {
  #pk_flex_content .flex_layout .flex_layout_wrapper {
    padding: 80px 20px;
    margin: -50px 0px;
  }
  .fl-page
    #pk_flex_content
    .flex_layout.home_hero
    .flex_layout_wrapper
    .home_hero_container
    .home_hero_gallery {
    gap: 5px;
  }
  body
    .fl-page
    #pk_flex_content
    .flex_layout.home_hero
    .flex_layout_wrapper
    .home_hero_container
    .bottom-content {
    margin-top: 30px;
  }
}

#pk_flex_content .flex_layout .faq_dropdown_text ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
  color: var(--Grey-stone, #1c1c1c);
  margin-top: 24px;
}

#pk_flex_content .flex_layout .faq_dropdown_text ul li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 12px;
  font-weight: 450;
}

#pk_flex_content .flex_layout .faq_dropdown_text ul li::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M16.6625 3.15813C14.648 2.26052 12.3973 2.03815 10.2461 2.52419C8.09489 3.01022 6.15843 4.17862 4.72551 5.85513C3.2926 7.53164 2.44001 9.62643 2.2949 11.8271C2.14979 14.0277 2.71993 16.2163 3.9203 18.0665C5.12067 19.9166 6.88695 21.3292 8.95571 22.0935C11.0245 22.8578 13.2849 22.9329 15.3998 22.3076C17.5147 21.6822 19.3708 20.39 20.6914 18.6236C22.0119 16.8572 22.726 14.7113 22.7273 12.5059V11.461C22.7273 10.8335 23.236 10.3247 23.8636 10.3247C24.4912 10.3247 25 10.8335 25 11.461V12.5065C24.9985 15.202 24.1256 17.8255 22.5117 19.9844C20.8977 22.1434 18.6291 23.7227 16.0442 24.487C13.4593 25.2513 10.6966 25.1595 8.16808 24.2254C5.6396 23.2912 3.48082 21.5648 2.0137 19.3035C0.546583 17.0422 -0.150261 14.3672 0.027096 11.6775C0.204453 8.98786 1.24651 6.42756 2.99785 4.37849C4.74919 2.32943 7.11598 0.901382 9.74523 0.307337C12.3745 -0.286708 15.1253 -0.014924 17.5875 1.08216C18.1608 1.33759 18.4184 2.00938 18.163 2.58264C17.9076 3.15591 17.2358 3.41356 16.6625 3.15813Z' fill='%238089FF'/><path fill-rule='evenodd' clip-rule='evenodd' d='M23.5296 3.74161C23.9736 4.18517 23.974 4.90467 23.5304 5.34867L12.1668 16.7237C11.9537 16.937 11.6646 17.0568 11.3631 17.0569C11.0616 17.057 10.7725 16.9373 10.5593 16.7241L7.15022 13.315C6.70644 12.8712 6.70644 12.1517 7.15022 11.7079C7.59399 11.2641 8.3135 11.2641 8.75728 11.7079L11.3624 14.3131L21.9225 3.74241C22.3661 3.29842 23.0856 3.29806 23.5296 3.74161Z' fill='%238089FF'/></svg>");
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
}

/* Gravity Forms*/
.gfield.gfield--type-submit.gfield--width-half {
  justify-content: flex-end;
}

form .gfield:has(input:is([type="text"], [type="email"])),
form .gfield:has(textarea) {
  position: relative;
}
form .gfield:has(input:is([type="text"], [type="email"])) label,
form .gfield:has(textarea) label {
  font-weight: 400 !important;
  background-color: #fff;
  position: absolute;
  left: 0.5rem;
  top: 1.425em;
  transform: translateY(-50%);
  padding-inline: 0.8em !important;
  pointer-events: none;
  transform-origin: center left;
  transition:
    scale 200ms ease-in-out,
    top 200ms ease-in-out,
    transform 200ms ease-in-out,
    font-weight 200ms ease-in-out;
}

form input:is([type="text"], [type="email"])::placeholder,
form textarea::placeholder {
  color: currentColor;
  font-size: 0;
}
form input:is([type="text"], [type="email"]):not(:placeholder-shown),
form textarea:not(:placeholder-shown),
form input:is([type="text"], [type="email"]):active,
form textarea:active,
form input:is([type="text"], [type="email"]):focus,
form textarea:focus {
  outline: none;
  background-color: transparent;
  border-color: currentColor;
}

form
  .gfield:has(input:is([type="text"], [type="email"]):not(:placeholder-shown))
  label,
form .gfield:has(textarea:not(:placeholder-shown)) label {
  top: 0;
  opacity: 1;
  scale: 0.875;
  transform: translateY(-50%);
  font-weight: 500 !important;
}

body .fl-page form .gfield:not(#field_submit) input,
body .fl-page form .gfield:not(#field_submit) select,
body .fl-page form .gfield:not(#field_submit) textarea {
  padding: 10px 20px;
}

p.gform_required_legend {
  display: none;
}

dialog:has(.gform_confirmation_message) .dialog-wrapper > p,
dialog:has(.gform_confirmation_message) .dialog-wrapper > h2,
dialog:has(.gform_confirmation_message) .dialog-wrapper > h3,
dialog:has(.gform_confirmation_message) .dialog-wrapper > h4,
dialog:has(.gform_confirmation_message) .dialog-wrapper > h5,
dialog:has(.gform_confirmation_message) .dialog-wrapper > h6 {
  display: none;
}

p.gform_description {
  display: none;
}

#pk_flex_content .gform-body.gform_body input:not(.gform-button),
#pk_flex_content .gform-body.gform_body input:not(.gform-button):focus,
#pk_flex_content .gform-body.gform_body input:not(.gform-button):active {
  border-radius: 4px;
  background: var(--Lila, #d3d6ff);
  color: var(--Grey-stone, #1c1c1c);
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 1.38;
  border-color: var(--Lila, #d3d6ff);
  font-family: "Neue Haas Display", sans-serif;
}

#pk_flex_content .gform-body.gform_body input:not(.gform-button)::placeholder {
  color: var(--Grey-stone, #1c1c1c);
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 1.38;
}

.ginput_container.ginput_container_consent {
  display: flex;
  width: 100%;
  gap: 16px;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
  width: 100%;
}

.fl-page
  #form
  .form-styling
  .gform_wrapper.gravity-theme
  .gfield--type-checkbox {
  margin-top: 16px;
}

.fl-page
  #pk_flex_content
  .flex_layout_wrapper
  .gform_wrapper
  form
  .gform_fields
  .gfield
  input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #2e3842;
  border: none;
  border-radius: 0px;
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path d="M0 2.54871C0 1.44414 0.89543 0.548706 2 0.548706H18.8C19.9046 0.548706 20.8 1.44414 20.8 2.54871V19.3487C20.8 20.4533 19.9046 21.3487 18.8 21.3487H2C0.895432 21.3487 0 20.4533 0 19.3487V2.54871Z" fill="%2304082D" fill-opacity="0.05"/></svg>') !important;
  background-position: center !important;
  margin-right: 6px;
}

.fl-page
  #pk_flex_content
  .flex_layout_wrapper
  .gform_wrapper
  form
  .gform_fields
  .gfield
  input[type="checkbox"]::after {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none"><path d="M4.6398 8.40179C4.4478 8.40179 4.3198 8.33779 4.1918 8.20979L0.991805 5.00979C0.735805 4.75379 0.735805 4.36979 0.991805 4.11379C1.2478 3.85779 1.6318 3.85779 1.8878 4.11379L4.6398 6.86579L11.2318 0.273787C11.4878 0.0177871 11.8718 0.0177871 12.1278 0.273787C12.3838 0.529787 12.3838 0.913787 12.1278 1.16979L5.0878 8.20979C4.9598 8.33779 4.8318 8.40179 4.6398 8.40179Z" fill="%2304082D"/></svg>') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.fl-page
  #pk_flex_content
  .flex_layout_wrapper
  .gform_wrapper
  form
  .gform_fields
  .gfield
  input[type="checkbox"]:checked::after {
  opacity: 1;
}

#pk_flex_content .ginput_container.ginput_container_consent {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  color: var(--Grey-stone, #1c1c1c);
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 1.4;
}

.counter-cta {
  display: flex;
  align-items: center;
}

.counter-cta img {
  height: 52px;
  width: 52px;
  object-fit: cover;
  border-radius: 1000%;
  border: 1px solid var(--Lila, #d3d6ff);
}

.counter-cta img:nth-child(2) {
  margin-left: -25px;
}
.counter-cta img:nth-child(3) {
  margin-left: -25px;
}

.counter-cta span.getal {
  color: var(--White, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  margin-left: 17px;
  margin-right: 3px;
}

.counter-cta span.tekst {
  color: var(--White, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 550;
  line-height: 1.5;
}

.vacature_item {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  background: white;
  text-decoration: none;
  overflow: hidden;
}

.vacature_item:hover,
.vacature_item:active,
.vacature_item:focus {
  color: #000000;
}

.vacature_item img {
  height: 210px;
  object-fit: cover;
  width: 100%;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.vacature_item:hover img,
.vacature_item:active img,
.vacature_item:focus img {
  transform: scale(1.1);
}

.vacature_item .image {
  height: auto;
  width: 100%;
  overflow: hidden;
}

.vacature_item .content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border: 1px solid #d9d9d9;
  background: var(--White, #fff);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 24px;
}

.vacature_item .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vacature_item .meta div {
  padding: 6px 12px;
  border-radius: 5px;
  background: var(--Lila, #d3d6ff);
  line-height: 1;
  font-weight: 550;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.vacature_item .taxonomy {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
}

.vacature_item .taxonomy span:first-child {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 450;
  line-height: 1.15;
}

.vacature_item .taxonomy span:last-child {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 550;
  line-height: 1.15;
}

#pk_flex_content .blog_item {
  border-radius: 16px 16px 16px 16px;
  background: var(--White, #fff) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  cursor: pointer;
}

.blog_item .image {
  height: fit-content;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

.blog_item:hover img {
  transform: scale(1.1);
}

.blog_item .image img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: center right;
  transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
}

.blog_item .content {
  padding: 40px;
  border-radius: 0 0 16px 16px;
  background: var(--White, #fff);
}

.blog_item h4 {
  color: var(--Black, #1c1c1c);
}

.blog_item .taxonomy {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.blog_item .taxonomy span {
  border-radius: 53px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(9px);
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  color: var(--White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 550;
  line-height: 1.4;
}

.grey-stone a.knop.fl-button.transparent.arrow-right span {
  color: #fff;
}

.grey-stone a.knop.fl-button.transparent.arrow-right path {
  stroke: #fff;
}

.blog_item .fl-button.knop {
  width: fit-content;
  border-radius: 4px;
  background: var(--Purple-rain, #8089ff);
  color: var(--White, #fff);
  cursor: pointer;
}

.blog_item .fl-button.knop .fl-button-text {
  color: var(--White, #fff);
  font-size: 18px;
  font-style: normal;
  font-weight: 550;
  line-height: 1.38;
}

.blog_item span.date {
  margin-bottom: 16px;
  display: block;
}

#pk_flex_content .blog_item h4,
#pk_flex_content .blog_item p {
  margin-bottom: 16px;
}

#pk_flex_content nav.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
  grid-column: 1 / -1;
}

#pk_flex_content .custom-pagination {
  display: flex;
  gap: 8px;
  align-items: center;
}

#pk_flex_content a.page-numbers {
  color: var(--Neutrals-Black-Pure-Black, #000);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  opacity: 0.5;
}

#pk_flex_content span.page-numbers.current {
  color: var(--Neutrals-Black-Pure-Black, #000);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}