header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  color: white;
  width: 100%;
  padding-top: 30px; }
  @media screen and (max-width: 1024px) {
    header {
      padding-top: 20px; } }
  header .logo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
    header .logo svg {
      height: 30px; }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto; }
    header .container .navigation {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 30px; }
      header .container .navigation a {
        transition: all 300ms; }
        header .container .navigation a.is-active {
          color: #FABC3F; }
        header .container .navigation a:hover {
          color: #FABC3F; }
  header .trp-language-switcher .trp-ls-shortcode-current-language:hover {
    display: none !important; }
  header .lang-switcher {
    background: none !important;
    border: 1px solid white !important;
    border-radius: 100px;
    color: white;
    cursor: pointer;
    list-style-type: none;
    transition: all 300ms; }
    header .lang-switcher:hover {
      border: 1px solid #FABC3F !important; }
    header .lang-switcher ul {
      width: 50px;
      list-style-type: none;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 30px;
      padding: 0;
      margin: 0;
      color: white; }
      header .lang-switcher ul li {
        color: white; }
        header .lang-switcher ul li a {
          text-decoration: none !important; }
        header .lang-switcher ul li span {
          position: relative;
          top: 1px;
          color: white !important; }
  header .trp-ls-shortcode-disabled-language {
    border: 1px solid transparent !important; }
  header .trp-language-switcher {
    height: auto !important;
    cursor: pointer;
    width: auto !important; }
    header .trp-language-switcher a {
      font-family: 'Hind Medium', sans-serif !important;
      background: transparent !important; }
      header .trp-language-switcher a:hover {
        height: auto !important;
        top: 1px !important;
        padding: 0 !important;
        margin: 0 !important;
        font-family: 'Hind Medium', sans-serif !important;
        background: transparent !important;
        color: white !important;
        border-radius: unset !important; }
  header .trp-language-switcher > div {
    background: none !important;
    border: 1px solid white !important;
    border-radius: 100px;
    color: white;
    cursor: pointer; }
    header .trp-language-switcher > div a {
      cursor: pointer;
      color: white;
      padding: 0;
      position: relative;
      top: 1px; }

@font-face {
  font-family: 'Juana';
  src: url("/build/fonts/Juana-Bold.woff2") format("woff2"), url("/build/fonts/Juana-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Juana';
  src: url("/build/fonts/Juana-Bold.woff2") format("woff2"), url("/build/fonts/Juana-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Hind Regular';
  font-style: normal;
  font-weight: normal;
  src: local("Hind Regular"), url("/build/fonts/Hind-Regular.woff") format("woff"); }

@font-face {
  font-family: 'Hind Light';
  font-style: normal;
  font-weight: normal;
  src: local("Hind Light"), url("/build/fonts/Hind-Light.woff") format("woff"); }

@font-face {
  font-family: 'Hind Medium';
  font-style: normal;
  font-weight: normal;
  src: local("Hind Medium"), url("/build/fonts/Hind-Medium.woff") format("woff"); }

@font-face {
  font-family: 'Hind SemiBold';
  font-style: normal;
  font-weight: normal;
  src: local("Hind SemiBold"), url("/build/fonts/Hind-SemiBold.woff") format("woff"); }

@font-face {
  font-family: 'Hind Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Hind Bold"), url("/build/fonts/Hind-Bold.woff") format("woff"); }

html, body {
  overflow-y: hidden !important; }

body {
  overflow: hidden;
  max-height: 100dvh !important;
  font-family: 'Hind Light', sans-serif;
  padding: 0;
  margin: 0;
  opacity: 0;
  background: #5E4696; }
  body.overlay-active {
    overflow: hidden !important; }
    body.overlay-active .overlay {
      opacity: 1;
      visibility: visible; }

h1, h2, h3, h4 {
  font-family: 'Juana', serif;
  color: white;
  padding: 0;
  margin: 0; }

a {
  -webkit-tap-highlight-color: transparent !important; }

.split-line {
  overflow: hidden; }

[data-split-words] .single-word {
  overflow: hidden;
  padding: 0.11em;
  margin: -0.11em -0.11em -0.22em -0.11em; }
  @media screen and (max-width: 1024px) {
    [data-split-words] .single-word {
      margin: -0.22em -0.11em -0.22em -0.11em; } }

.arrow-button {
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none; }
  .arrow-button:before {
    content: url("data:image/svg+xml,%0A%3Csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ButtonLink/Light-Inactive' transform='translate(0, -3)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpolygon id='Arrow-right' points='18.2 23 16.205 21 22.645 14.4285714 0 14.4285714 0 11.5714286 22.645 11.5714286 16.24 5 18.2 3 28 13'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
  .arrow-button .arrow-default {
    transition: all 300ms; }
  .arrow-button:hover .arrow-default g, .arrow-button:hover .arrow-default polygon {
    fill: #FABC3F; }

.underline-link {
  color: white;
  font-size: 1em;
  line-height: 1.25;
  text-decoration: none;
  position: relative; }

@media screen and (max-width: 1024px) {
  .hide-on-mobile {
    display: none; } }

.underline-link::before,
.underline-link.is--alt::before,
.underline-link.is--alt::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: white;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg); }

.underline-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg); }

/* Alt */
.underline-link.is--alt::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s; }

.underline-link.is--alt:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s; }

.underline-link.is--alt::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s; }

.underline-link.is--alt:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s; }

.container {
  max-width: 1500px;
  display: flex;
  align-self: center;
  margin: 0 90px;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .container {
      margin: 0 20px; } }

.block {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 150px; }
  @media only screen and (max-width: 1024px) {
    .block {
      margin-bottom: 100px; } }
  @media only screen and (max-width: 768px) {
    .block {
      margin-bottom: 50px; } }
  .block.no-mb {
    margin-bottom: 0; }
  .block.no-mt {
    margin-top: 0; }

.overlay {
  visibility: hidden;
  width: 100vw;
  height: 100dvh;
  top: 0;
  position: fixed;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  z-index: 50;
  opacity: 0;
  transition: all 500ms; }

.hamburger {
  width: 50px;
  height: 50px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: #5E4696;
  border: 1px solid #5E4696;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  .hamburger:hover {
    border: 1px solid white; }
  @media (max-width: 1024px) {
    .hamburger {
      display: flex; } }

.mobile-menu {
  position: fixed;
  bottom: -100dvh;
  transition: all 500ms ease-in-out;
  max-height: 80vh;
  overflow-y: auto;
  background: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 30px;
  box-sizing: border-box;
  z-index: 80;
  width: 100%; }
  .mobile-menu .contact-area {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    justify-content: space-between; }
  .mobile-menu .button {
    flex: 1; }
  .mobile-menu .contact {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: white;
    background: #000000;
    transition: all 300ms; }
    .mobile-menu .contact:hover {
      background: #000000;
      cursor: pointer; }
  .mobile-menu.is-active {
    bottom: 0; }
  .mobile-menu .mobile-navigation {
    display: flex;
    flex-direction: column;
    margin-top: 10px; }
    .mobile-menu .mobile-navigation a {
      padding: 10px 0;
      font-weight: 300;
      font-size: 20px;
      text-decoration: none;
      transition: all 300ms;
      color: #000000; }
      .mobile-menu .mobile-navigation a:hover {
        color: #FABC3F; }
      .mobile-menu .mobile-navigation a.is-active {
        color: #FABC3F !important; }
  .mobile-menu .menu-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between; }
    .mobile-menu .menu-header span {
      color: #8B99A6;
      font-weight: 300; }
    .mobile-menu .menu-header .close-menu {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      border: 1px solid #CCDAE7;
      cursor: pointer;
      transition: all 500ms;
      -webkit-tap-highlight-color: transparent; }
      .mobile-menu .menu-header .close-menu svg {
        transition: all 500ms; }
        .mobile-menu .menu-header .close-menu svg path {
          fill: #5E4696 !important; }
      .mobile-menu .menu-header .close-menu:hover {
        border: 1px solid #000000; }
        .mobile-menu .menu-header .close-menu:hover svg {
          transform: rotate(-180deg); }

p {
  line-height: 24px; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 50px;
  padding: 0 20px;
  color: white;
  text-align: center;
  transition: all 300ms;
  border-radius: 100px;
  outline: none;
  line-height: 50px;
  font-family: 'Hind Medium', sans-serif; }
  .button.button-purple {
    background: #5E4696; }
    .button.button-purple:hover {
      background: #483673; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes slideBackground {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -1000% 0; } }

.lang-switcher-mobile .trp-language-switcher > div {
  width: 50px !important; }

.lang-switcher-mobile .trp-language-switcher {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background: #000000; }

.lang-switcher-mobile .trp-language-switcher > div {
  background: none !important;
  border: none;
  padding: 0;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .lang-switcher-mobile .trp-language-switcher > div a {
    color: white;
    font-family: 'Hind Medium', sans-serif;
    position: relative;
    top: 1px; }

@media only screen and (max-width: 1024px) {
  .trp-language-switcher {
    position: relative; }
    .trp-language-switcher a {
      position: absolute;
      top: 0 !important;
      left: 0 !important; }
  .trp-ls-shortcode-language {
    display: flex !important;
    position: relative !important;
    left: -9px !important;
    top: -49px !important; }
  .trp-language-switcher > div > a:hover {
    background: transparent !important; } }

.block-about-us {
  overflow: hidden;
  height: 100dvh;
  min-height: 100dvh;
  background-color: #5E4696;
  background-image: url("/build/img/background-mask.svg");
  background-attachment: fixed;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 1024px) {
    .block-about-us {
      height: auto !important;
      padding: 100px 0; } }
  @media only screen and (max-width: 768px) {
    .block-about-us {
      padding: 100px 0 50px 0; } }
  .block-about-us .container {
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: 100%;
    color: #0E0E0E;
    align-items: center; }
    @media only screen and (max-width: 1150px) {
      .block-about-us .container {
        gap: 100px; } }
    @media only screen and (max-width: 1024px) {
      .block-about-us .container {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 50px; } }
    .block-about-us .container .content-left-side {
      max-width: 400px;
      color: #0E0E0E; }
      .block-about-us .container .content-left-side h1, .block-about-us .container .content-left-side h2, .block-about-us .container .content-left-side h3, .block-about-us .container .content-left-side h4 {
        color: #0E0E0E;
        font-size: 35px; }
      .block-about-us .container .content-left-side .subtitle {
        color: #5E4696;
        font-family: 'Hind Medium', sans-serif;
        font-size: 20px; }
      .block-about-us .container .content-left-side a:not(.underline-link) {
        color: #FABC3F;
        text-decoration: underline; }
      .block-about-us .container .content-left-side a.underline-link {
        margin-top: 30px;
        display: flex;
        flex-direction: row;
        gap: 15px;
        width: fit-content;
        align-items: center;
        font-size: 22px;
        transition: all 300ms;
        color: #5E4696; }
        .block-about-us .container .content-left-side a.underline-link:before, .block-about-us .container .content-left-side a.underline-link:after {
          background-color: #5E4696; }
        @media only screen and (max-width: 768px) {
          .block-about-us .container .content-left-side a.underline-link {
            font-size: 16px;
            margin-top: 10px; } }
        .block-about-us .container .content-left-side a.underline-link:hover svg g {
          fill: #5E4696; }
        .block-about-us .container .content-left-side a.underline-link svg {
          position: relative;
          top: -2px; }
      @media only screen and (max-width: 1024px) {
        .block-about-us .container .content-left-side {
          min-height: 350px; } }
    .block-about-us .container .navigation {
      height: 300px;
      min-width: 355px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media only screen and (max-width: 1024px) {
        .block-about-us .container .navigation {
          display: none; } }
      .block-about-us .container .navigation a {
        width: fit-content;
        font-size: 40px;
        color: #0E0E0E;
        text-decoration: none;
        display: flex;
        flex-direction: row;
        gap: 15px;
        align-items: center;
        opacity: 0.7;
        transition: all 300ms; }
        @media only screen and (max-width: 1150px) {
          .block-about-us .container .navigation a {
            font-size: 30px; } }
        .block-about-us .container .navigation a:before {
          width: 0;
          opacity: 0;
          overflow: hidden;
          position: relative;
          top: -2px;
          transition: all 300ms;
          transform: scale(0.4);
          content: url("data:image/svg+xml,%0A%3Csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='AANBOD-LP-Consultancy' transform='translate(-90, -440)' fill='%23FABC3F' fill-rule='nonzero'%3E%3Cg id='Nav-button/Light/Active' transform='translate(90, 414)'%3E%3Cpolygon id='Arrow-right' points='18.2 46 16.205 44 22.645 37.4285714 0 37.4285714 0 34.5714286 22.645 34.5714286 16.24 28 18.2 26 28 36'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
        .block-about-us .container .navigation a.is-active {
          opacity: 1; }
          .block-about-us .container .navigation a.is-active:before {
            opacity: 1;
            width: 30px;
            display: flex;
            transform: scale(1); }
        .block-about-us .container .navigation a:hover {
          opacity: 1; }
          .block-about-us .container .navigation a:hover:before {
            opacity: 1;
            width: 30px;
            display: flex;
            transform: scale(1); }
    .block-about-us .container .content {
      outline: none !important;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      right: 0;
      width: calc(100vw - 600px); }
      @media only screen and (min-width: 1800px) {
        .block-about-us .container .content {
          width: calc(100vw - 800px); } }
      @media only screen and (min-width: 2400px) {
        .block-about-us .container .content {
          width: calc(100vw - 1200px); } }
      @media only screen and (max-width: 1024px) {
        .block-about-us .container .content {
          width: 100%;
          position: relative;
          overflow: visible;
          height: 470px; } }
      .block-about-us .container .content h2, .block-about-us .container .content h3, .block-about-us .container .content h4 {
        font-size: 40px; }
        @media only screen and (max-width: 768px) {
          .block-about-us .container .content h2, .block-about-us .container .content h3, .block-about-us .container .content h4 {
            font-size: 30px;
            text-align: center; } }
      .block-about-us .container .content .inner-content {
        max-width: 50%;
        z-index: 10; }
        @media only screen and (max-width: 1150px) {
          .block-about-us .container .content .inner-content {
            max-width: 100%; } }
        @media only screen and (max-width: 768px) {
          .block-about-us .container .content .inner-content {
            max-width: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0 30px; } }
        .block-about-us .container .content .inner-content a {
          margin-top: 30px;
          display: flex;
          flex-direction: row;
          gap: 15px;
          width: fit-content;
          align-items: center;
          font-size: 22px;
          transition: all 300ms; }
          @media only screen and (max-width: 768px) {
            .block-about-us .container .content .inner-content a {
              font-size: 16px;
              margin-top: 10px; } }
          .block-about-us .container .content .inner-content a:hover svg g {
            fill: #FABC3F; }
          .block-about-us .container .content .inner-content a svg {
            position: relative;
            top: -2px; }
    .block-about-us .container .content-wrapper {
      display: flex;
      flex-direction: column;
      position: relative;
      width: 100%;
      height: 100dvh;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        .block-about-us .container .content-wrapper {
          height: auto !important;
          gap: 100px; } }

.page-producten .navigation a {
  color: #0E0E0E; }

.page-producten header .trp-language-switcher > div {
  border: 1px solid #0E0E0E !important; }

.page-producten .logo svg {
  fill: #0E0E0E; }
  .page-producten .logo svg g {
    fill: #0E0E0E; }
  .page-producten .logo svg .brand-symbol {
    opacity: 1 !important;
    fill: #5E4696 !important; }

.relative-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh; }
  @media only screen and (max-width: 1024px) {
    .relative-wrapper {
      flex-direction: column;
      height: auto;
      gap: 50px; } }

.portfolio-carousel {
  outline: none !important;
  width: 100%;
  position: absolute;
  opacity: 0;
  z-index: 10; }
  @media only screen and (max-width: 1024px) {
    .portfolio-carousel {
      position: relative;
      opacity: 1; } }
  .portfolio-carousel.hidden {
    z-index: 5; }
  .portfolio-carousel:not(.hidden) {
    opacity: 1; }
  .portfolio-carousel .carousel-cell {
    opacity: 1;
    will-change: opacity;
    width: 400px;
    aspect-ratio: 3/4;
    border-radius: 10px;
    margin-right: 30px; }
    @media only screen and (max-width: 1024px) {
      .portfolio-carousel .carousel-cell {
        aspect-ratio: 1/1 !important; } }
    @media only screen and (max-width: 768px) {
      .portfolio-carousel .carousel-cell {
        width: 90%;
        max-height: 400px;
        aspect-ratio: 3/4 !important; } }
    .portfolio-carousel .carousel-cell.is-selected .description {
      bottom: 0; }
    .portfolio-carousel .carousel-cell.is-selected .inner-background {
      -webkit-filter: blur(0px);
      transform: scale(1);
      padding: 50px 0;
      position: relative;
      margin-top: -50px;
      overflow: hidden;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 20px; }
      @media only screen and (max-width: 1024px) {
        .portfolio-carousel .carousel-cell.is-selected .inner-background {
          padding: 0;
          margin-top: 0; } }
    .portfolio-carousel .carousel-cell.visible {
      opacity: 1; }
    .portfolio-carousel .carousel-cell.fading-out {
      opacity: 0; }
    .portfolio-carousel .carousel-cell .inner-background {
      transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-filter: blur(5px);
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 20px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      @media only screen and (max-width: 1024px) {
        .portfolio-carousel .carousel-cell .inner-background {
          -webkit-filter: blur(0); } }
    .portfolio-carousel .carousel-cell .description {
      transition: bottom 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), max-height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      background: rgba(0, 0, 0, 0.6);
      width: 100%;
      position: absolute;
      bottom: -80px;
      border-radius: 18px;
      color: white;
      max-height: 67px;
      overflow: hidden; }
      .portfolio-carousel .carousel-cell .description.is-active {
        max-height: 500px; }
        .portfolio-carousel .carousel-cell .description.is-active svg {
          transform: rotate(135deg) !important; }
      .portfolio-carousel .carousel-cell .description .description-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px 0 20px;
        font-family: 'Juana', serif;
        font-size: 20px;
        color: white;
        cursor: pointer; }
        .portfolio-carousel .carousel-cell .description .description-header.is-active svg {
          transform: rotate(135deg); }
        .portfolio-carousel .carousel-cell .description .description-header:hover svg {
          transform: rotate(135deg); }
        .portfolio-carousel .carousel-cell .description .description-header svg {
          transform: rotate(0deg);
          transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .portfolio-carousel .carousel-cell .description p {
        box-sizing: border-box;
        padding: 0 20px; }

.custom-controls {
  position: absolute;
  bottom: 0;
  right: calc(50vw - 200px);
  width: 400px;
  height: 100px; }
  @media only screen and (max-width: 1024px) {
    .custom-controls {
      display: none; } }
  .custom-controls .compass {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: -195px; }
  .custom-controls .custom-arrows {
    position: absolute;
    bottom: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 400px;
    justify-content: center;
    transition: all 300ms;
    z-index: 10; }
    .custom-controls .custom-arrows .arrow {
      cursor: pointer;
      transition: all 300ms; }
      .custom-controls .custom-arrows .arrow:hover {
        transform: scale(1.1); }
    .custom-controls .custom-arrows .inactive {
      opacity: 0.4; }

@media only screen and (max-width: 1024px) {
  .page-producten {
    overflow-y: auto !important;
    max-height: unset !important;
    overflow: auto !important; } }

.mobile-title {
  display: none;
  font-family: 'Juana', serif;
  width: 100%;
  font-size: 30px;
  color: white;
  position: relative;
  top: 20px; }
  @media only screen and (max-width: 1024px) {
    .mobile-title {
      display: flex;
      color: white !important; } }

.product-sidebar {
  height: 100%;
  position: fixed;
  right: -100vw;
  top: 0;
  background: white;
  box-sizing: border-box;
  padding: 30px;
  max-width: 600px;
  width: 100%;
  border-radius: 30px 0 0 30px;
  z-index: 60;
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1);
  overflow: auto; }
  .product-sidebar.is-active {
    right: 0; }
  @media only screen and (max-width: 768px) {
    .product-sidebar {
      max-width: 95vw !important; } }
  .product-sidebar .close-menu {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #CCDAE7;
    cursor: pointer;
    transition: all 500ms;
    -webkit-tap-highlight-color: transparent; }
    .product-sidebar .close-menu svg {
      transition: all 500ms; }
    .product-sidebar .close-menu:hover {
      border: 1px solid #000000; }
      .product-sidebar .close-menu:hover svg {
        transform: rotate(-180deg); }

@media only screen and (max-width: 768px) {
  .page-portfolio {
    overflow-y: auto !important;
    max-height: unset !important;
    overflow: auto !important; } }

.page-over-ons .lang-switcher {
  border: 1px solid black !important; }
  .page-over-ons .lang-switcher:hover {
    border: 1px solid #FABC3F !important; }
  .page-over-ons .lang-switcher ul li span {
    color: black !important; }

.page-over-ons .navigation a {
  color: #0E0E0E; }

.page-over-ons header .trp-language-switcher > div {
  border: 1px solid #0E0E0E !important; }

.page-over-ons .logo svg {
  fill: #0E0E0E; }
  .page-over-ons .logo svg g {
    fill: #0E0E0E; }
  .page-over-ons .logo svg .brand-symbol {
    opacity: 1 !important;
    fill: #5E4696 !important; }

.page-over-ons header .underline-link:before {
  background-color: #FABC3F !important; }

@media only screen and (max-width: 768px) {
  .page-over-ons {
    overflow-y: auto !important;
    max-height: unset !important;
    overflow: auto !important; } }

.block-contact {
  overflow: hidden;
  min-height: 100dvh;
  background-color: #5E4696;
  background-image: url("/build/img/background-mask-purple.svg");
  background-attachment: fixed;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  margin-bottom: 0 !important;
  padding: 100px 0; }
  .block-contact .custom-submit {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    font-size: 20px !important;
    font-family: 'Hind Medium', sans-serif !important;
    border-bottom: 1px solid white !important;
    outline: none !important;
    padding: 0 !important; }
    .block-contact .custom-submit svg {
      position: relative;
      top: -4px !important;
      margin-right: 10px !important; }
  @media only screen and (max-width: 1024px) {
    .block-contact {
      height: auto !important;
      padding: 100px 0; } }
  .block-contact .container {
    color: white;
    display: flex;
    flex-direction: row;
    gap: 100px;
    width: 100%;
    align-items: center; }
    @media only screen and (max-width: 1150px) {
      .block-contact .container {
        gap: 100px;
        flex-direction: column; } }
    @media only screen and (max-width: 768px) {
      .block-contact .container {
        gap: 50px; } }
    .block-contact .container .column.column-form {
      color: white;
      width: 100%;
      max-width: 600px; }
      .block-contact .container .column.column-form .gform_heading, .block-contact .container .column.column-form .gfield_label {
        display: none; }
      .block-contact .container .column.column-form .gform-theme--foundation .gform_fields {
        row-gap: 20px !important; }
      .block-contact .container .column.column-form .gfield_consent_label {
        color: white !important; }
      .block-contact .container .column.column-form input:not([type="checkbox"]), .block-contact .container .column.column-form textarea {
        border-radius: 5px;
        min-height: 50px;
        outline: none !important;
        text-align: left !important; }
      .block-contact .container .column.column-form input[type="checkbox"] {
        outline: none !important; }
      .block-contact .container .column.column-form .ginput_container_consent {
        width: 100% !important; }
      .block-contact .container .column.column-form label {
        text-align: left !important; }
      @media only screen and (max-width: 768px) {
        .block-contact .container .column.column-form {
          display: flex;
          align-items: center;
          text-align: center;
          flex-direction: column; } }
    .block-contact .container .column.column-socials {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 30px; }
      .block-contact .container .column.column-socials a {
        font-size: 20px;
        font-family: 'Hind Bold', sans-serif; }
    .block-contact .container .column h2 {
      font-size: 30px;
      margin-bottom: 30px; }
    .block-contact .container .column h3 {
      font-size: 24px; }
    .block-contact .container .column .visual-blob {
      margin-bottom: 30px;
      -webkit-animation: style3 15s linear infinite forwards;
      animation: style3 15s linear infinite forwards;
      border-radius: 51% 49% 47% 53% / 30% 31% 69% 70%;
      width: 220px;
      aspect-ratio: 1/1;
      background: rgba(255, 255, 255, 0.3);
      border-radius: 1000px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      box-sizing: border-box; }
      @media only screen and (max-width: 768px) {
        .block-contact .container .column .visual-blob {
          max-width: 80%; } }
      .block-contact .container .column .visual-blob .visual-blob-inner {
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        -webkit-animation: style1 15s linear infinite forwards;
        animation: style1 15s linear infinite forwards;
        border-radius: 53% 47% 38% 62%/52% 49% 51% 48%; }

.page-contact {
  overflow-y: auto !important;
  max-height: unset !important;
  overflow: auto !important; }

.gform_validation_errors {
  display: none !important; }

.gfield_error input {
  border: 1px solid orange !important; }

.gfield_validation_message {
  background: orange !important;
  padding: 15px !important;
  border-radius: 10px !important;
  color: white !important;
  font-size: 14px !important; }

.block-content {
  height: auto;
  padding: 100px 0;
  min-height: 100dvh;
  background-color: #5E4696;
  background-image: url("/build/img/background-mask.svg");
  background-attachment: fixed;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  margin-bottom: 0 !important;
  color: #0E0E0E; }
  .block-content .container {
    display: flex;
    flex-direction: column;
    max-width: 900px; }
    .block-content .container h1, .block-content .container h2, .block-content .container h3, .block-content .container h4, .block-content .container h5, .block-content .container h6 {
      color: #0E0E0E; }
    .block-content .container .underline-link {
      color: #FABC3F; }
      .block-content .container .underline-link:before {
        height: 2px;
        bottom: 1px !important;
        background-color: #FABC3F !important; }
    .block-content .container strong {
      font-family: 'Hind Bold', sans-serif; }
    .block-content .container ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      .block-content .container ul li {
        display: flex;
        align-items: center;
        gap: 10px; }
        .block-content .container ul li:before {
          content: url("data:image/svg+xml,%0A%3Csvg width='19.2616967px' height='14px' viewBox='0 0 19.2616967 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M8.20764451,2.42930591 C8.69123273,3.19360864 9.05864062,4.11590677 9.3058962,5.18633545 C9.25823247,5.80942979 9.29596625,6.46609816 9.41611856,7.15732802 C9.47569822,7.51084271 9.56109573,7.84559546 9.66933211,8.16158625 C9.82126023,8.60989819 10.0208918,9.02068622 10.2681474,9.39395034 C10.4975291,9.7454901 10.7686165,10.0624684 11.0843887,10.348835 C11.4498106,10.6806253 11.8489943,10.9462551 12.2859118,11.1467118 C12.4716017,11.2336092 12.6632496,11.3076696 12.8628415,11.3688928 C13.3345137,11.516026 13.8389548,11.5969986 14.3821227,11.6127982 C15.4843464,11.6503221 16.4664177,11.4459155 17.3223788,11.0015535 C18.1773469,10.5591664 18.8247792,9.8827486 19.2616967,8.97526254 C19.0144411,10.3754967 18.3570789,11.5782367 17.291596,12.58052 C16.2261131,13.5452794 14.8657109,14.0172907 13.2093965,13.9995162 C12.2173952,13.9995162 11.3107914,13.8346084 10.4885921,13.5028181 C10.2502735,13.4090083 10.0208918,13.3023615 9.79941436,13.1789275 C9.59187855,13.0653684 9.39030071,12.940947 9.19666682,12.8017135 C9.03580175,12.6881544 8.87791566,12.5657079 8.72400154,12.4363492 C8.62867409,12.3553765 8.53433963,12.270454 8.44298416,12.1825691 C7.16996548,10.9709419 6.51260326,9.32383988 6.47486948,7.24126307 C6.45898157,5.29001993 7.03591125,3.68635678 8.20764451,2.42930591 Z M5.13475334,0.268271615 C6.85078943,-0.150284765 8.39293652,-0.0792091531 9.7631819,0.482485611 C9.98878053,0.576265931 10.2103648,0.680905026 10.4279745,0.802325863 C10.5601301,0.873401474 10.6893048,0.951387215 10.8194732,1.03430876 C10.939705,1.10933302 11.0529813,1.18731876 11.1652639,1.27024031 C11.3292164,1.38968682 11.484226,1.51801779 11.6322801,1.6552332 C12.7382142,2.67694512 13.4019733,4.15572258 13.619583,6.0846357 C13.7755863,7.82105238 13.4576178,9.33535777 12.6666712,10.6275519 C12.2513249,10.4469014 11.8757247,10.2030725 11.529934,9.88915524 C10.9724955,9.38274151 10.5670857,8.76774004 10.303768,8.02934341 C10.2679966,7.24158871 10.1726061,6.37683544 10.0205774,5.43409642 C9.99871704,5.32452152 9.97685671,5.2179081 9.95102177,5.11030753 C9.85062323,4.66312347 9.73138505,4.23864412 9.58929289,3.8398211 C9.34684193,3.14683388 9.04576553,2.52788377 8.6840764,1.98198358 C8.57179378,1.81416617 8.45653021,1.65128456 8.33232378,1.49630024 C8.2786666,1.42719895 8.22004116,1.3571105 8.16240937,1.28998353 C7.26812305,0.267284453 6.26751601,0.0412245221 5.16456288,0.606867931 C4.32592104,1.00568108 3.79233019,1.99777816 3.56478401,3.58710781 C3.33525052,5.1389352 3.41076803,6.69075272 3.79233019,8.24059592 C4.19177809,10.1714834 4.82175312,11.552522 5.67828069,12.3837118 C6.55269399,13.1971327 7.41220251,13.5189472 8.24885705,13.3481683 C8.42870797,13.3165792 8.59862237,13.2553752 8.75860026,13.1655435 C8.88081939,13.2563623 9.00601948,13.3442197 9.13420052,13.4251669 C8.57477474,13.6038431 7.9756029,13.7114437 7.336685,13.7469815 C6.0220841,13.8427361 4.68761017,13.5781769 3.33525052,12.9533038 C1.69771289,12.1773951 0.650400261,10.7104734 0.195307886,8.55352604 C-0.224013035,6.62461292 0.0313550951,4.88424759 0.96638143,3.3324202 C1.91631621,1.76283378 3.30742828,0.741121864 5.13475334,0.268271615 Z M11.0560411,0.516437131 C12.3793868,0.00940695799 13.7904901,-0.0711213637 15.2843649,0.27684052 C16.2965698,0.486611827 17.1462235,0.906154441 17.8363179,1.53348001 C18.582258,2.18068911 18.963206,2.9143916 18.983151,3.73359329 C19.0011014,4.34303362 18.84952,4.82023849 18.5244177,5.16223531 C18.2003127,5.50522631 17.7794748,5.65733536 17.2638986,5.61955664 C16.690482,5.60166146 16.2626634,5.36107067 15.9864262,4.90374934 C15.7091918,4.44841636 15.657335,3.92447524 15.8298586,3.33294004 C16.3075395,1.36944083 15.7161725,0.360351372 14.0517686,0.302689117 C13.1183462,0.270875459 12.3085823,0.472693352 11.622477,0.908142795 C11.4549396,0.779893986 11.282416,0.658604415 11.1019145,0.544274082 C11.0859585,0.534332314 11.0719971,0.524390546 11.0560411,0.516437131 Z' id='path-8n4wrm2bnz-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cmask id='mask-8n4wrm2bnz-2' fill='white'%3E%3Cuse xlink:href='%23path-8n4wrm2bnz-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Foto-mask' fill='%23664F9B' xlink:href='%23path-8n4wrm2bnz-1'%3E%3C/use%3E%3C/g%3E%3C/svg%3E"); }

.page-disclaimer {
  overflow-y: auto !important;
  max-height: unset !important;
  overflow: auto !important; }
  .page-disclaimer header .underline-link:before {
    background-color: #FABC3F !important; }
  .page-disclaimer .lang-switcher {
    border: 1px solid black !important; }
    .page-disclaimer .lang-switcher:hover {
      border: 1px solid #FABC3F !important; }
    .page-disclaimer .lang-switcher ul li span {
      color: black !important; }
  .page-disclaimer .navigation a {
    color: #0E0E0E; }
  .page-disclaimer header .trp-language-switcher > div {
    border: 1px solid #0E0E0E !important; }
  .page-disclaimer .logo svg {
    fill: #0E0E0E; }
    .page-disclaimer .logo svg g {
      fill: #0E0E0E; }
    .page-disclaimer .logo svg .brand-symbol {
      opacity: 1 !important;
      fill: #5E4696 !important; }

.page-privacy, .page-privacybeleid {
  overflow-y: auto !important;
  max-height: unset !important;
  overflow: auto !important; }
  .page-privacy .underline-link:before, .page-privacybeleid .underline-link:before {
    background-color: #FABC3F !important; }
  .page-privacy .lang-switcher, .page-privacybeleid .lang-switcher {
    border: 1px solid black !important; }
    .page-privacy .lang-switcher:hover, .page-privacybeleid .lang-switcher:hover {
      border: 1px solid #FABC3F !important; }
    .page-privacy .lang-switcher ul li span, .page-privacybeleid .lang-switcher ul li span {
      color: black !important; }
  .page-privacy .navigation a, .page-privacybeleid .navigation a {
    color: #0E0E0E; }
  .page-privacy header .trp-language-switcher > div, .page-privacybeleid header .trp-language-switcher > div {
    border: 1px solid #0E0E0E !important; }
  .page-privacy .logo svg, .page-privacybeleid .logo svg {
    fill: #0E0E0E; }
    .page-privacy .logo svg g, .page-privacybeleid .logo svg g {
      fill: #0E0E0E; }
    .page-privacy .logo svg .brand-symbol, .page-privacybeleid .logo svg .brand-symbol {
      opacity: 1 !important;
      fill: #5E4696 !important; }

.cursor {
  z-index: 100;
  background-color: #FABC3F;
  border: 1px solid #FABC3F;
  border-radius: 100em;
  width: 5px;
  height: 5px;
  transition: background-color 0.375s cubic-bezier(0.625, 0.05, 0, 1), height 0.375s cubic-bezier(0.625, 0.05, 0, 1), width 0.375s cubic-bezier(0.625, 0.05, 0, 1);
  position: fixed;
  inset: 0 auto auto 0;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat; }

/* Pas de globale hover-styling alleen toe als de slider niet actief is */
body:not(.slider-hover):has(a:hover) .cursor,
body:not(.slider-hover):has(button:hover) .cursor,
body:not(.slider-hover):has([data-cursor]:hover) .cursor {
  width: 3em;
  height: 3em;
  background-color: transparent; }

@media (hover: none) and (pointer: coarse) {
  .cursor {
    display: none; } }

.block-portfolio {
  overflow: hidden;
  height: 100dvh;
  min-height: 100dvh;
  background-color: #5E4696;
  background-image: url("/build/img/background-mask-purple.svg");
  background-attachment: fixed;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 1024px) {
    .block-portfolio {
      height: auto !important;
      padding: 100px 0; } }
  @media only screen and (max-width: 768px) {
    .block-portfolio {
      padding: 100px 0 50px 0; } }
  .block-portfolio .container {
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: 100%;
    color: #0E0E0E;
    align-items: center; }
    @media only screen and (max-width: 1150px) {
      .block-portfolio .container {
        gap: 100px; } }
    .block-portfolio .container .navigation {
      height: 300px;
      min-width: 355px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media only screen and (max-width: 1024px) {
        .block-portfolio .container .navigation {
          display: none; } }
      .block-portfolio .container .navigation a {
        width: fit-content;
        font-size: 40px;
        color: white;
        text-decoration: none;
        display: flex;
        flex-direction: row;
        gap: 15px;
        align-items: center;
        opacity: 0.7;
        transition: all 300ms; }
        @media only screen and (max-width: 1150px) {
          .block-portfolio .container .navigation a {
            font-size: 30px; } }
        .block-portfolio .container .navigation a:before {
          width: 0;
          opacity: 0;
          overflow: hidden;
          position: relative;
          top: -2px;
          transition: all 300ms;
          transform: scale(0.4);
          content: url("data:image/svg+xml,%0A%3Csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='AANBOD-LP-Consultancy' transform='translate(-90, -440)' fill='%23FABC3F' fill-rule='nonzero'%3E%3Cg id='Nav-button/Light/Active' transform='translate(90, 414)'%3E%3Cpolygon id='Arrow-right' points='18.2 46 16.205 44 22.645 37.4285714 0 37.4285714 0 34.5714286 22.645 34.5714286 16.24 28 18.2 26 28 36'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
        .block-portfolio .container .navigation a.is-active {
          opacity: 1; }
          .block-portfolio .container .navigation a.is-active:before {
            opacity: 1;
            width: 30px;
            display: flex;
            transform: scale(1); }
        .block-portfolio .container .navigation a:hover {
          opacity: 1; }
          .block-portfolio .container .navigation a:hover:before {
            opacity: 1;
            width: 30px;
            display: flex;
            transform: scale(1); }
    .block-portfolio .container .content {
      outline: none !important;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      right: 0;
      width: calc(100vw - 500px); }
      @media only screen and (min-width: 1800px) {
        .block-portfolio .container .content {
          width: calc(100vw - 800px); } }
      @media only screen and (min-width: 2400px) {
        .block-portfolio .container .content {
          width: calc(100vw - 1200px); } }
      @media only screen and (max-width: 1024px) {
        .block-portfolio .container .content {
          width: 100%;
          position: relative;
          overflow: visible; } }
      .block-portfolio .container .content h2, .block-portfolio .container .content h3, .block-portfolio .container .content h4 {
        font-size: 40px; }
        @media only screen and (max-width: 768px) {
          .block-portfolio .container .content h2, .block-portfolio .container .content h3, .block-portfolio .container .content h4 {
            font-size: 30px;
            text-align: center; } }
      .block-portfolio .container .content .inner-content {
        max-width: 50%;
        z-index: 10; }
        @media only screen and (max-width: 1150px) {
          .block-portfolio .container .content .inner-content {
            max-width: 100%; } }
        @media only screen and (max-width: 768px) {
          .block-portfolio .container .content .inner-content {
            max-width: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0 30px; } }
        .block-portfolio .container .content .inner-content a {
          margin-top: 30px;
          display: flex;
          flex-direction: row;
          gap: 15px;
          width: fit-content;
          align-items: center;
          font-size: 22px;
          transition: all 300ms; }
          @media only screen and (max-width: 768px) {
            .block-portfolio .container .content .inner-content a {
              font-size: 16px;
              margin-top: 10px; } }
          .block-portfolio .container .content .inner-content a:hover svg g {
            fill: #FABC3F; }
          .block-portfolio .container .content .inner-content a svg {
            position: relative;
            top: -2px; }
    .block-portfolio .container .content-wrapper {
      display: flex;
      flex-direction: column;
      position: relative;
      width: 100%;
      height: 100dvh;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        .block-portfolio .container .content-wrapper {
          height: auto !important;
          gap: 100px; } }

.page-producten .navigation a {
  color: #0E0E0E; }

.page-producten header .trp-language-switcher > div {
  border: 1px solid #0E0E0E !important; }

.page-producten .logo svg {
  fill: #0E0E0E; }
  .page-producten .logo svg g {
    fill: #0E0E0E; }
  .page-producten .logo svg .brand-symbol {
    opacity: 1 !important;
    fill: #5E4696 !important; }

.relative-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh; }
  @media only screen and (max-width: 1024px) {
    .relative-wrapper {
      flex-direction: column;
      height: auto;
      gap: 50px; } }

.portfolio-carousel {
  outline: none !important;
  width: 100%;
  position: absolute;
  opacity: 0;
  z-index: 10; }
  @media only screen and (max-width: 1024px) {
    .portfolio-carousel {
      position: relative;
      opacity: 1; } }
  .portfolio-carousel.hidden {
    z-index: 5; }
  .portfolio-carousel:not(.hidden) {
    opacity: 1; }
  .portfolio-carousel .carousel-cell {
    opacity: 1;
    will-change: opacity;
    width: 400px;
    height: 500px;
    border-radius: 10px;
    margin-right: 30px; }
    .portfolio-carousel .carousel-cell.is-review {
      width: 450px;
      height: 550px;
      max-height: unset !important;
      aspect-ratio: auto;
      background-size: cover;
      background-position: center;
      box-sizing: border-box;
      padding: 50px;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 768px) {
        .portfolio-carousel .carousel-cell.is-review {
          width: 90%;
          padding: 30px;
          height: auto !important; } }
      .portfolio-carousel .carousel-cell.is-review strong {
        font-family: 'Hind Bold';
        display: flex;
        width: 100%; }
      .portfolio-carousel .carousel-cell.is-review .review-logo {
        margin-bottom: 20px;
        max-height: 80px; }
        @media only screen and (max-width: 768px) {
          .portfolio-carousel .carousel-cell.is-review .review-logo {
            max-height: 50px;
            margin-bottom: 10px; } }
    @media only screen and (max-width: 768px) {
      .portfolio-carousel .carousel-cell {
        width: 90%; } }
    .portfolio-carousel .carousel-cell.is-selected .description {
      bottom: 0; }
    .portfolio-carousel .carousel-cell.is-selected .inner-background {
      -webkit-filter: blur(0px);
      transform: scale(1);
      padding: 50px 0;
      position: relative;
      margin-top: -50px;
      overflow: hidden;
      border-radius: 20px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      @media only screen and (max-width: 1024px) {
        .portfolio-carousel .carousel-cell.is-selected .inner-background {
          padding: 0;
          margin-top: 0; } }
    .portfolio-carousel .carousel-cell.visible {
      opacity: 1; }
    .portfolio-carousel .carousel-cell.fading-out {
      opacity: 0; }
    .portfolio-carousel .carousel-cell .inner-background {
      transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-filter: blur(5px);
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 20px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      @media only screen and (max-width: 1024px) {
        .portfolio-carousel .carousel-cell .inner-background {
          -webkit-filter: blur(0); } }
    .portfolio-carousel .carousel-cell .description.link {
      text-decoration: none !important;
      max-height: 67px !important; }
      .portfolio-carousel .carousel-cell .description.link:hover svg {
        transform: rotate(-45deg) !important; }
      .portfolio-carousel .carousel-cell .description.link.is-active {
        max-height: 67px !important; }
        .portfolio-carousel .carousel-cell .description.link.is-active svg {
          transform: rotate(-45deg) !important; }
    .portfolio-carousel .carousel-cell .description {
      transition: bottom 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), max-height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      background: rgba(0, 0, 0, 0.6);
      width: 100%;
      position: absolute;
      bottom: -80px;
      border-radius: 18px;
      color: white;
      max-height: 67px;
      overflow: hidden; }
      .portfolio-carousel .carousel-cell .description.is-active {
        max-height: 500px; }
        .portfolio-carousel .carousel-cell .description.is-active svg {
          transform: rotate(135deg) !important; }
      .portfolio-carousel .carousel-cell .description .description-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px 0 20px;
        font-family: 'Juana', serif;
        font-size: 20px;
        color: white;
        cursor: pointer; }
        .portfolio-carousel .carousel-cell .description .description-header.is-active svg {
          transform: rotate(135deg); }
        .portfolio-carousel .carousel-cell .description .description-header:hover svg {
          transform: rotate(135deg); }
        .portfolio-carousel .carousel-cell .description .description-header svg {
          transform: rotate(0deg);
          transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .portfolio-carousel .carousel-cell .description p {
        box-sizing: border-box;
        padding: 0 20px; }

.custom-controls {
  position: absolute;
  bottom: 0;
  right: calc(50vw - 200px);
  width: 400px;
  height: 100px; }
  @media only screen and (max-width: 1024px) {
    .custom-controls {
      display: none; } }
  .custom-controls .compass {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: -195px; }
  .custom-controls .custom-arrows {
    position: absolute;
    bottom: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 400px;
    justify-content: center;
    transition: all 300ms;
    z-index: 10; }
    .custom-controls .custom-arrows .arrow {
      cursor: pointer;
      transition: all 300ms; }
      .custom-controls .custom-arrows .arrow:hover {
        transform: scale(1.1); }
    .custom-controls .custom-arrows .inactive {
      opacity: 0.4; }

@media only screen and (max-width: 1024px) {
  .page-producten {
    overflow-y: auto !important;
    max-height: unset !important;
    overflow: auto !important; } }

.mobile-title {
  display: none;
  font-family: 'Juana', serif;
  width: 100%;
  font-size: 30px;
  color: white;
  position: relative;
  top: 20px; }
  @media only screen and (max-width: 1024px) {
    .mobile-title {
      display: flex;
      color: white !important; } }

.product-sidebar {
  height: 100%;
  position: fixed;
  right: -100vw;
  top: 0;
  background: white;
  box-sizing: border-box;
  padding: 30px;
  max-width: 600px;
  width: 100%;
  border-radius: 30px 0 0 30px;
  z-index: 60;
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1);
  overflow: auto; }
  .product-sidebar.is-active {
    right: 0; }
  .product-sidebar .close-menu {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #CCDAE7;
    cursor: pointer;
    transition: all 500ms;
    -webkit-tap-highlight-color: transparent; }
    .product-sidebar .close-menu svg {
      transition: all 500ms; }
    .product-sidebar .close-menu:hover {
      border: 1px solid #000000; }
      .product-sidebar .close-menu:hover svg {
        transform: rotate(-180deg); }

@media only screen and (max-width: 768px) {
  .page-portfolio {
    overflow-y: auto !important;
    max-height: unset !important;
    overflow: auto !important; } }

.block-products {
  overflow: hidden;
  height: 100dvh;
  min-height: 100dvh;
  background-color: white;
  background-image: url("/build/img/background-mask.svg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 0 !important; }
  .block-products .mobile-title {
    display: none;
    font-family: 'Juana', serif;
    width: 100%;
    font-size: 30px;
    color: #0E0E0E !important;
    position: relative;
    top: 20px; }
    @media only screen and (max-width: 1024px) {
      .block-products .mobile-title {
        display: flex; } }
  @media only screen and (max-width: 1024px) {
    .block-products {
      height: auto !important;
      padding: 100px 0; } }
  @media only screen and (max-width: 768px) {
    .block-products {
      padding: 100px 0 50px 0; } }
  .block-products .container {
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: 100%;
    color: #0E0E0E;
    align-items: center; }
    @media only screen and (max-width: 1150px) {
      .block-products .container {
        gap: 100px; } }
    .block-products .container .navigation {
      height: 300px;
      min-width: 355px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media only screen and (max-width: 1024px) {
        .block-products .container .navigation {
          display: none; } }
      .block-products .container .navigation a {
        width: fit-content;
        font-size: 40px;
        color: #5E4696;
        text-decoration: none;
        display: flex;
        flex-direction: row;
        gap: 15px;
        align-items: center;
        opacity: 0.7;
        transition: all 300ms; }
        @media only screen and (max-width: 1150px) {
          .block-products .container .navigation a {
            font-size: 30px; } }
        .block-products .container .navigation a:before {
          width: 0;
          opacity: 0;
          overflow: hidden;
          position: relative;
          top: -2px;
          transition: all 300ms;
          transform: scale(0.4);
          content: url("data:image/svg+xml,%0A%3Csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='AANBOD-LP-Consultancy' transform='translate(-90, -440)' fill='%23FABC3F' fill-rule='nonzero'%3E%3Cg id='Nav-button/Light/Active' transform='translate(90, 414)'%3E%3Cpolygon id='Arrow-right' points='18.2 46 16.205 44 22.645 37.4285714 0 37.4285714 0 34.5714286 22.645 34.5714286 16.24 28 18.2 26 28 36'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
        .block-products .container .navigation a.is-active {
          opacity: 1; }
          .block-products .container .navigation a.is-active:before {
            opacity: 1;
            width: 30px;
            display: flex;
            transform: scale(1); }
        .block-products .container .navigation a:hover {
          opacity: 1; }
          .block-products .container .navigation a:hover:before {
            opacity: 1;
            width: 30px;
            display: flex;
            transform: scale(1); }
    .block-products .container .content {
      outline: none !important;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      right: 0;
      width: calc(100vw - 500px); }
      @media only screen and (min-width: 1800px) {
        .block-products .container .content {
          width: calc(100vw - 800px); } }
      @media only screen and (min-width: 2400px) {
        .block-products .container .content {
          width: calc(100vw - 1200px); } }
      @media only screen and (max-width: 1024px) {
        .block-products .container .content {
          width: 100%;
          position: relative;
          overflow: visible; } }
      .block-products .container .content h2, .block-products .container .content h3, .block-products .container .content h4 {
        font-size: 40px; }
        @media only screen and (max-width: 768px) {
          .block-products .container .content h2, .block-products .container .content h3, .block-products .container .content h4 {
            font-size: 30px;
            text-align: center; } }
      .block-products .container .content .inner-content {
        max-width: 50%;
        z-index: 10; }
        @media only screen and (max-width: 1150px) {
          .block-products .container .content .inner-content {
            max-width: 100%; } }
        @media only screen and (max-width: 768px) {
          .block-products .container .content .inner-content {
            max-width: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0 30px; } }
        .block-products .container .content .inner-content a {
          margin-top: 30px;
          display: flex;
          flex-direction: row;
          gap: 15px;
          width: fit-content;
          align-items: center;
          font-size: 22px;
          transition: all 300ms; }
          @media only screen and (max-width: 768px) {
            .block-products .container .content .inner-content a {
              font-size: 16px;
              margin-top: 10px; } }
          .block-products .container .content .inner-content a:hover svg g {
            fill: #FABC3F; }
          .block-products .container .content .inner-content a svg {
            position: relative;
            top: -2px; }
      .block-products .container .content .visual-blob {
        position: relative;
        -webkit-animation: style3 15s linear infinite forwards;
        animation: style3 15s linear infinite forwards;
        border-radius: 51% 49% 47% 53% / 30% 31% 69% 70%;
        width: 100%;
        aspect-ratio: 1;
        background: #DFDAEA;
        border-radius: 1000px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
        box-sizing: border-box; }
        @media only screen and (max-width: 1150px) {
          .block-products .container .content .visual-blob {
            position: relative; } }
        @media only screen and (max-width: 768px) {
          .block-products .container .content .visual-blob {
            max-width: 100%; } }
        .block-products .container .content .visual-blob .visual-blob-inner {
          font-family: 'Juana', serif;
          z-index: 10;
          color: white;
          overflow: hidden;
          font-size: 30px;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          -webkit-animation: style1 15s linear infinite forwards;
          animation: style1 15s linear infinite forwards;
          border-radius: 53% 47% 38% 62%/52% 49% 51% 48%;
          position: relative; }
          .block-products .container .content .visual-blob .visual-blob-inner:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.3);
            -webkit-animation: style1 15s linear infinite forwards;
            animation: style1 15s linear infinite forwards;
            border-radius: 53% 47% 38% 62%/52% 49% 51% 48%;
            z-index: 1; }
          .block-products .container .content .visual-blob .visual-blob-inner .inner-content {
            width: 100%;
            text-align: center;
            min-width: fit-content; }
      .block-products .container .content .slide-content-inner {
        color: #0E0E0E; }
        .block-products .container .content .slide-content-inner a {
          height: 50px;
          text-decoration: none;
          display: flex;
          align-items: center;
          gap: 10px;
          color: #FABC3F;
          font-family: 'Hind Bold'; }
    .block-products .container .content-wrapper {
      display: flex;
      flex-direction: column;
      position: relative;
      width: 100%;
      height: 100dvh;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        .block-products .container .content-wrapper {
          height: auto !important;
          gap: 100px; } }

.page-producten .navigation a {
  color: #0E0E0E; }

.page-producten header .trp-language-switcher > div {
  border: 1px solid #0E0E0E !important; }

.page-producten .logo svg {
  fill: #0E0E0E; }
  .page-producten .logo svg g {
    fill: #0E0E0E; }
  .page-producten .logo svg .brand-symbol {
    opacity: 1 !important;
    fill: #5E4696 !important; }

.relative-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh; }
  @media only screen and (max-width: 1024px) {
    .relative-wrapper {
      flex-direction: column;
      height: auto;
      gap: 50px; } }

.producten-carousel {
  outline: none !important;
  width: 100%;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  /* Voorkomt interactie */ }
  @media only screen and (max-width: 1024px) {
    .producten-carousel {
      position: relative;
      opacity: 1;
      pointer-events: auto;
      /* Alleen de actieve carousel is interactief */ } }
  .producten-carousel:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
    /* Alleen de actieve carousel is interactief */ }
  .producten-carousel .carousel-cell {
    transition: opacity 300ms ease-in-out;
    opacity: 1;
    will-change: opacity;
    width: 350px;
    margin-right: 30px; }
    @media only screen and (max-width: 768px) {
      .producten-carousel .carousel-cell {
        width: 80%; } }
    .producten-carousel .carousel-cell.visible {
      opacity: 1; }
    .producten-carousel .carousel-cell.fading-out {
      opacity: 0; }

.custom-controls {
  position: absolute;
  bottom: 0;
  right: calc(50vw - 200px);
  width: 400px;
  height: 100px; }
  @media only screen and (max-width: 1024px) {
    .custom-controls {
      display: none; } }
  .custom-controls .compass {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: -195px; }
  .custom-controls .custom-arrows {
    position: absolute;
    bottom: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 400px;
    justify-content: center;
    transition: all 300ms;
    z-index: 10; }
    .custom-controls .custom-arrows .arrow {
      cursor: pointer;
      transition: all 300ms; }
      .custom-controls .custom-arrows .arrow:hover {
        transform: scale(1.1); }
    .custom-controls .custom-arrows .inactive {
      opacity: 0.4; }

.page-producten header .underline-link:before {
  background-color: #FABC3F !important; }

@media only screen and (max-width: 1024px) {
  .page-producten {
    overflow-y: auto !important;
    max-height: unset !important;
    overflow: auto !important; } }

.page-producten .lang-switcher {
  border: 1px solid black !important; }
  .page-producten .lang-switcher:hover {
    border: 1px solid #FABC3F !important; }
  .page-producten .lang-switcher ul li span {
    color: black !important; }

.product-sidebar {
  height: 100%;
  position: fixed;
  right: -100vw;
  top: 0;
  background: white;
  box-sizing: border-box;
  padding: 30px;
  max-width: 600px;
  width: 100%;
  border-radius: 30px 0 0 30px;
  z-index: 60;
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1);
  overflow: auto; }
  .product-sidebar .sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .product-sidebar .sidebar-header h3 {
      color: #5E4696;
      font-size: 30px; }
      @media only screen and (max-width: 768px) {
        .product-sidebar .sidebar-header h3 {
          font-size: 24px; } }
    .product-sidebar .sidebar-header .gfield_label, .product-sidebar .sidebar-header .ginput_total {
      color: black !important; }
  .product-sidebar input:not([type="checkbox"]), .product-sidebar textarea, .product-sidebar select {
    border: 1px solid #ededed !important;
    border-radius: 5px !important;
    min-height: 50px !important;
    outline: none !important;
    text-align: left !important;
    box-shadow: none !important; }
  .product-sidebar select {
    padding: 7px 10px !important;
    box-shadow: none !important; }
  .product-sidebar .ginput_total {
    border: none !important;
    font-size: 20px !important;
    font-family: 'Hind Bold', sans-serif !important;
    color: #0B3964 !important; }
  .product-sidebar input.ginput_total {
    border: none !important; }
  .product-sidebar .custom-submit {
    box-shadow: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    font-size: 20px !important;
    font-family: 'Hind Medium', sans-serif !important;
    border-bottom: 2px solid #5E4696 !important;
    outline: none !important;
    padding: 0 !important;
    color: #5E4696 !important; }
    .product-sidebar .custom-submit svg {
      position: relative;
      top: -4px !important;
      margin-right: 10px !important; }
  .product-sidebar.is-active {
    right: 0; }
  .product-sidebar .close-menu {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #CCDAE7;
    cursor: pointer;
    transition: all 500ms;
    -webkit-tap-highlight-color: transparent; }
    .product-sidebar .close-menu svg {
      transition: all 500ms; }
    .product-sidebar .close-menu:hover {
      border: 1px solid #000000; }
      .product-sidebar .close-menu:hover svg {
        transform: rotate(-180deg); }
  .product-sidebar .ginput_total {
    color: black !important; }

@-webkit-keyframes style3 {
  0% {
    border-radius: 51% 49% 47% 53%/30% 31% 69% 70%; }
  20% {
    border-radius: 34% 66% 39% 61%/45% 31% 69% 55%; }
  40% {
    border-radius: 26% 74% 57% 43%/62% 52% 48% 38%; }
  60% {
    border-radius: 33% 67% 60% 40%/57% 54% 46% 43%; }
  80% {
    border-radius: 55% 45% 52% 48%/57% 54% 46% 43%; }
  to {
    border-radius: 51% 49% 47% 53%/30% 31% 69% 70%; } }

@keyframes style3 {
  0% {
    border-radius: 51% 49% 47% 53%/30% 31% 69% 70%; }
  20% {
    border-radius: 34% 66% 39% 61%/45% 31% 69% 55%; }
  40% {
    border-radius: 26% 74% 57% 43%/62% 52% 48% 38%; }
  60% {
    border-radius: 33% 67% 60% 40%/57% 54% 46% 43%; }
  80% {
    border-radius: 55% 45% 52% 48%/57% 54% 46% 43%; }
  to {
    border-radius: 51% 49% 47% 53%/30% 31% 69% 70%; } }

@-webkit-keyframes style1 {
  0% {
    border-radius: 32% 68% 58% 42%/58% 38% 62% 42%; }
  20% {
    border-radius: 61% 39% 48% 52%/42% 60% 40% 58%; }
  40% {
    border-radius: 71% 29% 52% 48%/35% 68% 32% 65%; }
  60% {
    border-radius: 55% 45% 56% 44%/39% 44% 56% 61%; }
  80% {
    border-radius: 45% 55% 48% 52%/45% 46% 54% 55%; }
  to {
    border-radius: 32% 68% 58% 42%/58% 38% 62% 42%; } }

@keyframes style1 {
  0% {
    border-radius: 32% 68% 58% 42%/58% 38% 62% 42%; }
  20% {
    border-radius: 61% 39% 48% 52%/42% 60% 40% 58%; }
  40% {
    border-radius: 71% 29% 52% 48%/35% 68% 32% 65%; }
  60% {
    border-radius: 55% 45% 56% 44%/39% 44% 56% 61%; }
  80% {
    border-radius: 45% 55% 48% 52%/45% 46% 54% 55%; }
  to {
    border-radius: 32% 68% 58% 42%/58% 38% 62% 42%; } }

.block-slider-services {
  overflow: hidden;
  height: 100dvh;
  width: 100%;
  background-image: url("/build/img/background.png");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 1024px) {
    .block-slider-services {
      height: auto !important;
      padding: 100px 0; } }
  @media only screen and (max-width: 768px) {
    .block-slider-services {
      padding: 100px 0 50px 0; } }
  .block-slider-services .container {
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: 100%;
    color: white;
    align-items: center; }
    @media only screen and (max-width: 1150px) {
      .block-slider-services .container {
        gap: 100px; } }
    .block-slider-services .container .navigation {
      height: 300px;
      min-width: 300px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media only screen and (max-width: 1150px) {
        .block-slider-services .container .navigation {
          min-width: 200px; } }
      @media only screen and (max-width: 768px) {
        .block-slider-services .container .navigation {
          display: none; } }
      .block-slider-services .container .navigation a {
        width: fit-content;
        font-size: 40px;
        color: white;
        text-decoration: none;
        display: flex;
        flex-direction: row;
        gap: 15px;
        align-items: center;
        opacity: 0.7;
        transition: all 300ms; }
        @media only screen and (max-width: 1150px) {
          .block-slider-services .container .navigation a {
            font-size: 30px; } }
        .block-slider-services .container .navigation a:before {
          width: 0;
          opacity: 0;
          overflow: hidden;
          position: relative;
          top: -2px;
          transition: all 300ms;
          transform: scale(0.4);
          content: url("data:image/svg+xml,%0A%3Csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='AANBOD-LP-Consultancy' transform='translate(-90, -440)' fill='%23FABC3F' fill-rule='nonzero'%3E%3Cg id='Nav-button/Light/Active' transform='translate(90, 414)'%3E%3Cpolygon id='Arrow-right' points='18.2 46 16.205 44 22.645 37.4285714 0 37.4285714 0 34.5714286 22.645 34.5714286 16.24 28 18.2 26 28 36'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
        .block-slider-services .container .navigation a.is-active {
          opacity: 1; }
          .block-slider-services .container .navigation a.is-active:before {
            opacity: 1;
            width: 30px;
            display: flex;
            transform: scale(1); }
        .block-slider-services .container .navigation a:hover {
          opacity: 1; }
          .block-slider-services .container .navigation a:hover:before {
            opacity: 1;
            width: 30px;
            display: flex;
            transform: scale(1); }
    .block-slider-services .container .content {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      position: absolute; }
      .block-slider-services .container .content.hidden {
        opacity: 0;
        visibility: hidden; }
        @media only screen and (max-width: 768px) {
          .block-slider-services .container .content.hidden {
            opacity: 1;
            visibility: visible; } }
      @media only screen and (max-width: 1150px) {
        .block-slider-services .container .content {
          flex-direction: column-reverse;
          align-items: flex-start; } }
      @media only screen and (max-width: 768px) {
        .block-slider-services .container .content {
          position: relative;
          gap: 0;
          align-items: center; } }
      .block-slider-services .container .content h2, .block-slider-services .container .content h3, .block-slider-services .container .content h4 {
        font-size: 40px; }
        @media only screen and (max-width: 768px) {
          .block-slider-services .container .content h2, .block-slider-services .container .content h3, .block-slider-services .container .content h4 {
            font-size: 30px;
            text-align: center; } }
      .block-slider-services .container .content .inner-content {
        max-width: 50%;
        z-index: 10; }
        @media only screen and (max-width: 1150px) {
          .block-slider-services .container .content .inner-content {
            max-width: 100%; } }
        @media only screen and (max-width: 768px) {
          .block-slider-services .container .content .inner-content {
            max-width: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0 30px; } }
        .block-slider-services .container .content .inner-content a {
          margin-top: 30px;
          display: flex;
          flex-direction: row;
          gap: 15px;
          width: fit-content;
          align-items: center;
          font-size: 22px;
          transition: all 300ms; }
          @media only screen and (max-width: 768px) {
            .block-slider-services .container .content .inner-content a {
              font-size: 16px;
              margin-top: 10px; } }
          .block-slider-services .container .content .inner-content a:hover svg g {
            fill: #FABC3F; }
          .block-slider-services .container .content .inner-content a svg {
            position: relative;
            top: -2px; }
      .block-slider-services .container .content .visual-blob {
        position: absolute;
        right: 0;
        -webkit-animation: style3 15s linear infinite forwards;
        animation: style3 15s linear infinite forwards;
        border-radius: 51% 49% 47% 53% / 30% 31% 69% 70%;
        width: 100%;
        max-width: 60%;
        aspect-ratio: 1;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 1000px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
        box-sizing: border-box; }
        @media only screen and (max-width: 1150px) {
          .block-slider-services .container .content .visual-blob {
            position: relative; } }
        @media only screen and (max-width: 768px) {
          .block-slider-services .container .content .visual-blob {
            max-width: 80%; } }
        .block-slider-services .container .content .visual-blob .visual-blob-inner {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          -webkit-animation: style1 15s linear infinite forwards;
          animation: style1 15s linear infinite forwards;
          border-radius: 53% 47% 38% 62%/52% 49% 51% 48%;
          -webkit-mask-image: linear-gradient(-90deg, black, transparent);
          mask-image: linear-gradient(-90deg, black, transparent); }
          @media only screen and (max-width: 1024px) {
            .block-slider-services .container .content .visual-blob .visual-blob-inner {
              mask-image: none !important; } }
    .block-slider-services .container .content-wrapper {
      display: flex;
      flex-direction: column;
      position: relative;
      width: 100%;
      height: 100dvh;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        .block-slider-services .container .content-wrapper {
          height: auto !important;
          gap: 100px; } }

@media only screen and (max-width: 768px) {
  .page-aanbod {
    overflow-y: auto !important;
    max-height: unset !important;
    overflow: auto !important; } }

/* COMMON DEMO STYLE */
.page-view {
  height: 100dvh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0; }

.page-view .project {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .page-view .project:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(14, 14, 14, 0.5);
    z-index: 2; }

.page-view .project .text h1 {
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  display: table;
  text-align: center; }

.page-view .project .text p {
  font-size: 16px;
  position: absolute;
  bottom: 40px;
  right: 60px;
  margin: 0; }

@media screen and (max-width: 640px) {
  .page-view .project .text h1 {
    font-size: 36px; }
  .page-view .project .text p {
    bottom: 20px;
    margin: 0;
    text-align: center;
    width: 100%;
    right: auto;
    font-size: 14px; } }

.page-view .bullets {
  position: absolute;
  bottom: 50px;
  left: 100px;
  z-index: 100; }

.page-view .bullets .arrow {
  float: left;
  cursor: pointer; }

.page-view .bullets .arrow.next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -11px; }

.page-view .bullets .arrow:hover.previous {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0); }

.page-view .bullets .arrow:hover.next {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(5px, 0, 0) rotate(180deg);
  transform: translate3d(5px, 0, 0) rotate(180deg); }

.page-view .bullets .arrow svg {
  height: 40px;
  width: 25px;
  padding: 2px; }

.page-view .bullets .arrow svg polygon {
  fill: #fff; }

.page-view .bullets .arrow {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  margin-right: 10px;
  margin-top: -7px; }

@media screen and (max-width: 640px) {
  .page-view .bullets {
    bottom: 60px;
    left: 50%;
    z-index: 120;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .page-view .bullets .arrow.previous:hover {
    -webkit-transform: none;
    transform: none; }
  .page-view .bullets .arrow.next:hover {
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    transform: translate3d(0, 0, 0) rotate(180deg); } }

@-webkit-keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
    mask-position: 0% 0; }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0; } }

@keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
    mask-position: 0% 0; }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0; } }

/* SPECIFIC DEMO STYLE */
/* DEMO 1 */
@font-face {
  font-family: 'besom';
  src: url("../fonts/besom/besom.eot");
  src: url("../fonts/besom/besom.eot?#iefix") format("embedded-opentype"), url("../fonts/besom/besom.woff2") format("woff2"), url("../fonts/besom/besom.woff") format("woff"), url("../fonts/besom/besom.ttf") format("truetype"), url("../fonts/besom/besom.svg#besom_2regular") format("svg");
  font-weight: normal;
  font-style: normal; }

.demo-1 .page-view {
  background: url("/build/img/spritesheet-3.png") no-repeat -9999px -9999px;
  background-size: 0; }

.demo-1 .page-view .project:nth-child(odd).hide {
  -webkit-mask-image: url("/build/img/spritesheet-3.png") !important;
  mask-image: url("/build/img/spritesheet-3.png") !important;
  -webkit-mask-size: 4600% 100%;
  mask-size: 4600% 100%;
  -webkit-mask-position: 0% 0;
  mask-position: 0% 0;
  -webkit-animation: mask-play 1.4s steps(45) forwards;
  animation: mask-play 1.4s steps(45) forwards; }
  @media screen and (max-width: 768px) {
    .demo-1 .page-view .project:nth-child(odd).hide {
      -webkit-animation: mask-play 2s steps(45) forwards;
      animation: mask-play 2s steps(45) forwards;
      -webkit-mask-size: 9200% 100%;
      mask-size: 9200% 100%; } }

.demo-1 .page-view .project:nth-child(even).hide {
  -webkit-mask: url(/build/img/spritesheet-3.png);
  mask: url(/build/img/spritesheet-3.png);
  -webkit-mask-size: 4600% 100%;
  mask-size: 4600% 100%;
  -webkit-mask-position: 0% 0;
  mask-position: 0% 0;
  -webkit-animation: mask-play 1.4s steps(45) forwards;
  animation: mask-play 1.4s steps(45) forwards; }
  @media screen and (max-width: 768px) {
    .demo-1 .page-view .project:nth-child(even).hide {
      -webkit-animation: mask-play 2s steps(45) forwards;
      animation: mask-play 2s steps(45) forwards;
      -webkit-mask-size: 9200% 100%;
      mask-size: 9200% 100%; } }

.slide-content {
  z-index: 10;
  position: relative;
  color: white;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-start;
  padding: 90px 90px;
  box-sizing: border-box;
  gap: 20px; }
  @media only screen and (max-width: 1024px) {
    .slide-content {
      padding: 50px; } }
  @media only screen and (max-width: 768px) {
    .slide-content {
      padding: 50px 30px; } }
  .slide-content h2 {
    padding: 0;
    margin: 0;
    font-size: 70px; }
    @media only screen and (max-width: 1024px) {
      .slide-content h2 {
        font-size: 50px; } }
    @media only screen and (max-width: 768px) {
      .slide-content h2 {
        font-size: 40px; } }
  .slide-content span {
    font-size: 24px;
    margin-bottom: -10px; }
    @media only screen and (max-width: 1024px) {
      .slide-content span {
        font-size: 16px; } }