/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */

.footer .hs-form-html{padding:0;}
.footer label{display:none !important;}
.footer [data-hsfc-id=Renderer] .hsfc-Row{margin-bottom:8px !important; gap:8px !important;}
:root {
	--width-base: 880px;
	--width-large: 1280px;
	--font-size-base: 16px;
	--color-white: #fff;
	--color-black: #000;
	--color-grey: #d0d3d4;
	--color-info: #f7f7f8;
	--color-neon-green: #24e800;
	--color-light-sky: #e4eded;
	--color-secondary: #002d47;
	--color-daintree: #00263b;
	--line-height-base: 1.5;
	--font-family-base: 'Safiro', sans-serif;
	--font-family-roboto: 'Roboto Mono', sans-serif;
	--font-family-icons: 'icomoon', sans-serif;
	--font-size-h1: 32px;
	--font-size-h2: 32px;
	--font-size-h3: 24px;
	--font-size-h4: 24px;
	--font-size-h5: 24px;
	--font-size-h6: 16px;
	--width: 100%;
	--height: 100%;
	--gutter-space-right: 24px;
	--gutter-space-left: 24px;
	--line-decoration: none;
	--line-height-heading: 1.1;
	--duration: all 0.25s ease-in-out;
	--wp--preset--spacing--20:8px;
	--wp--preset--spacing--30:16px;
	--wp--preset--spacing--40:32px;
	--wp--preset--spacing--50:36px;
	--wp--preset--spacing--60:56px;
	--wp--preset--spacing--70:80px;
	--wp--preset--spacing--80:80px;
}
:where(.wp-block-columns.is-layout-flex){gap:32px;}


.slide-in {
  opacity: 0;
  transform: translateX(100px);
  /* Let op: 'all' zorgt dat ook de vertraging (delay) wordt toegepast op de transitie */
  transition: all 0.8s ease-out;
}

.slide-in.fromright {
  opacity: 0;
  transform: translateX(-100px);
  /* Let op: 'all' zorgt dat ook de vertraging (delay) wordt toegepast op de transitie */
  transition: all 0.8s ease-out;
}


.has-blue-background-color .hs-form-frame{background:transparent;}

.hs-form-frame{background:white;}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding-left:0;}

.slide-in.show {
  opacity: 1;
  transform: translateX(0);
}

.wp-block-image{border-top-right-radius: 80px; overflow: hidden;}

.wp-block-button__link{background-color:var(--color-neon-green); color: var(--color-black); border-radius:40px !important;}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body {overflow-x:clip; overflow-y:visible; font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); font-weight: 400; line-height: var(--line-height-base); color: var(--color-secondary); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: var(--color-white); }
input,
select,
textarea { margin-bottom: 10px; padding: 5px 15px; width: var(--width); height: 48px; font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); font-weight: 500; color: var(--color-secondary); border: 0; border-radius: 8px; background-color: var(--color-info); appearance: none; }
img { display: block; max-width: var(--width); height: auto; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
a { display: inline-block; transition: var(--duration); color: var(--color-secondary); }
p { margin-bottom: 20px; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-family: var(--font-family-base), sans-serif; font-weight: 400; line-height: var(--line-height-heading); color: var(--color-secondary); }
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6);  }

h2.wp-block-heading.has-medium-font-size{font-size:40px !important;}

.acf-gallery-swiper .swiper-button-prev, .acf-gallery-swiper .swiper-button-next{background-color:#F7F7F8;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{color: var(--color-neon-green); font-weight:normal;}

 h2.has-large-font-size{ font-size: var(--font-size-h1) !important; line-height: var(--line-height-heading) !important;}

/* ### button ### */

 @property --inner-color {
            syntax: '<color>';
            initial-value: #8DEE43;
            inherits: false;
        }

        @property --outer-color {
            syntax: '<color>';
            initial-value: #24E800;
            inherits: false;
        }
		
		
		.button:hover span, .wp-block-button:hover .wp-block-button__link {
            --inner-color: #D1F995; /* Blue */
            --outer-color: #24E800; /* Purple */
        }


.button , .wp-block-button{ height: 53px; font-family: var(--font-family-base), sans-serif; font-size: 16px; font-weight: 500; text-decoration: var(--line-decoration); color: var(--color-secondary); border: 4px solid rgba(255, 255, 255, 0.2); border-radius: 75px; overflow: hidden; }
.button span, .wp-block-button__link {background-size: 100% 200% !important; padding: 5px 23px; display: flex; align-items: center; justify-content: center; height: var(--height); color: var(--color-secondary); text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.15); background: radial-gradient(circle, var(--inner-color), var(--outer-color)); transition: --inner-color 0.6s ease, --outer-color 0.6s ease;}





.button.button-submit { border: 4px solid rgba(0, 45, 71, 0.08); cursor: pointer; }
.button-circle { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; font-size: 15px; color: var(--color-white); border: solid 4px rgba(255, 255, 255, 0.4); border-radius: 75px; background: transparent; transition: var(--duration); }
.button-circle:focus,
.button-circle:hover { color: var(--color-secondary); background: var(--color-white); }
.button.border-blue { border: 4px solid rgba(0, 45, 71, 0.1); }
.button.primary { padding: 10px 24px; display: inline-flex; align-items: center; justify-content: center; height: 52px; color: var(--color-white); border: 0; background: radial-gradient(71.7% 136.53% at 49.79% 100%, #244f68 0%, #002d47 100%); }
.button.outline { padding: 5px 16px; display: inline-flex; align-items: center; justify-content: center; height: 39px; font-size: 16px; color: var(--color-white); border: 1px solid var(--color-grey); background-color: transparent; }
.button.outline:focus,
.button.outline:hover { color: var(--color-secondary); background-color: var(--color-daintree);}

.wp-block-button.is-style-outline .wp-block-button__link{color:#ffffff; font-size:16px; background-color: transparent; border:1px solid #FFFFFF; font-weight:400; padding: 10px 16px; background:unset; box-shadow:unset; transition: var(--duration);}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background-color: var(--color-daintree);}

.wp-block-button.is-style-outline{border:none;}

.wp-block-list.is-style-checkmarks{margin-left:0;}
.wp-block-list.is-style-checkmarks li{list-style:none; padding-left:45px; background-image:url('assets/images/icon-checkmark.svg'); background-repeat:no-repeat; background-position:left center; margin-bottom:16px;}

/* ### swiper ### */
.swiper-button-prev,
.swiper-button-next { margin: 0; position: relative; left: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 12px; color: var(--color-secondary); border: 4px solid rgba(0, 45, 71, 0.3); border-radius: 75px; background-color: var(--color-white); transition: var(--duration); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.12); }
.swiper-button-prev { margin-right: 5px; }
.swiper-button-prev:focus,
.swiper-button-prev:hover,
.swiper-button-next:focus,
.swiper-button-next:hover { color: var(--color-white); background-color: var(--color-secondary); }
.swiper-button-prev svg,
.swiper-button-next svg { display: none; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered, .wp-block-columns, .wp-block-image.alignwide { padding-right: var(--gutter-space-right); padding-left: var(--gutter-space-left); }

.blog .banner.centered{padding-bottom:56px;}
.page-id-493 .banner{aspect-ratio: 2.13 / 1;}
.page-id-493 .banner:after{width:100%; height:270px; background: linear-gradient(0, #00263B 0%, rgba(0, 45, 71, 0) 100%); bottom: 0; left:0; top: unset; z-index: 2; mix-blend-mode:unset;}
 .banner-image{width:100%; border-bottom-left-radius:0;}
.page-id-493 .banner-text{display:none;}
.page-id-493 .banner-image:before {top:unset;  position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(0deg, #002d47 0%, rgba(0, 45, 71, 0) 100%); content: ''; pointer-events: none; }
.page-id-493 .banner-image{width:100%;}

 .wp-block-image.alignwide{width:100%;}

.has-darkblue-background-color .member{background-color:var(--color-daintree);}

/* ### wrapper ### */
.wrapper { position: relative; display: block; width: var(--width); min-height: var(--height); overflow-x: clip; }

/* ### header ### */
.header { padding-top: 16px; padding-bottom: 10px; position: fixed; top: 0; left: 0; z-index: 11; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); transition: var(--duration); }
.header-logo { position: relative; z-index: 2; width: 55px; }
.header-logo img { max-width: 100%; }
.header-call a { font-size: 18px; text-decoration: var(--line-decoration); color: var(--color-white); }
.header-call a i { margin-right: 5px; font-size: 16px; color: var(--color-neon-green); }
.header-sticky { background-color: #002d4775;  backdrop-filter: blur(10px);}

/* ### menu ### */
.header-menu { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; }
.header-menu ul {flex: 1; justify-content: center; margin-right: 30px; display: flex; flex-wrap: wrap; margin:0 auto;}
.header-menu li { padding-top: 5px; padding-bottom: 23px; }
.header-menu li a { position: relative; text-decoration: var(--line-decoration); color: var(--color-white); }
.header-menu li a:focus,
.header-menu li a:hover,
.header-menu li.has-child a:hover:after { color: var(--color-neon-green); }
.header-menu li:not(:last-child) { margin-right: 40px; }
.header-menu li.has-child > a:after { position: absolute; top: 10px; right: -15px; font-family: var(--font-family-icons), sans-serif; font-size: 5px; color: var(--color-white); transition: var(--duration); content: '\e900'; }
.header-menu li:hover > a { color: var(--color-neon-green); }
.header-menu li:hover > a:after { color: var(--color-neon-green); transform: rotate(-180deg); }
.header-menu li .header-mega-menu { margin-right: 0; position: absolute; top: 100%; left: 0; display: block; opacity: 0; visibility: hidden; width: var(--width); transition: var(--duration); }
.header-menu li:hover .header-mega-menu { opacity: 1; visibility: visible; }
.header-menu li .header-mega-bg { padding: 30px; border-radius: 56px; background: var(--color-secondary); box-shadow: 0 28px 52px rgba(0, 0, 0, 0.25); }
.header-menu li .header-mega-wrap { margin-bottom: 28px; display: grid; grid-row-gap: 16px; grid-column-gap: 16px; grid-template-columns: repeat(1, 1fr); }

.header-menu .button{margin-left:auto;}

/* ### mobileMenu ### */
.mobileMenu { position: absolute; top: 34px; right: 24px; z-index: 15; width: 28px; height: 28px; border: 0; background-color: transparent; transform: translateY(-50%); cursor: pointer; }
.mobileMenu span { position: relative; display: flex; align-items: center; justify-content: center; width: 24px; height: 2px; background-color: var(--color-white); transition: all 0.25s ease-in-out; }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; width: 100%; height: 2px; background-color: var(--color-white); transition: var(--duration); content: ''; }
.mobileMenu span:before { top: -8px; right: 0; left: unset; width: 15px; background-color: var(--color-neon-green); }
.mobileMenu span:after { bottom: -8px; }
.mobileMenu.is-active span { background: none; }
.mobileMenu.is-active span:before { top: auto; width: var(--width); background-color: var(--color-white); transform: rotate(45deg); }
.mobileMenu.is-active span:after { bottom: auto; transform: rotate(-45deg); }

/* ### hero ### */
.hero { padding-top: 105px; padding-bottom: 20px; position: relative; z-index: 1; background-color: var(--color-daintree);  }
.hero h1 { margin-bottom: 0; font-size: 72px; line-height: 0.78; color: var(--color-white); }
.hero h1 strong { padding-left: 86px; display: block; font-weight: 400; color: var(--color-neon-green); }
.hero-large { margin-bottom: 55px; display: flex; flex-wrap: wrap; justify-content: center; }
.hero-picture {aspect-ratio: 1 / 1; margin: 0 auto; position: relative; width: 200px; border-radius: 0 100% 100%; overflow: hidden; }
.hero-picture img { width: 100%; }
.hero-picture video{height: 100%; margin-left: -38%;}
.hero-play { padding-left: 6px; position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; font-size: 26px; text-decoration: var(--line-decoration); color: var(--color-secondary); border-radius: 55px; background-color: var(--color-neon-green); transform: translate(-50%, -50%); }
.hero-play:hover { color: var(--color-white); transform: translate(-49%, -49%) scale(1.1); }
.hero:after {    opacity: 0.52;  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%); position: absolute; top: 0; left: 0; z-index: -1; width: var(--width); height: 550px; background-image: url('assets/images/pattern.svg'); background-repeat: no-repeat; background-position: top center; background-size: cover; content: ''; pointer-events: none; mix-blend-mode: overlay; }

.gridline{position:relative;}
.gridline:after {position: absolute; top: 0; left: 0; opacity: 0.52; -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%); width: var(--width); height: 520px; background-image: url(assets/images/pattern.svg); background-repeat: no-repeat; background-position: top center; background-size: cover; content: ''; pointer-events: none; mix-blend-mode: overlay;}

/* ### partner ### */
.partner { padding-top: 20px; padding-bottom: 40px; background-color: var(--color-daintree); }
.partner-lead { display: none; opacity: 0.33; font-size: 16px;  color: var(--color-white); }
.partner .partner-right { margin-right: -95px; width: 90%; }
.partner .swiper { overflow: visible; }
.partner .swiper-wrapper { align-items: center; transition-timing-function: linear !important; height:54px;}
.partner .swiper-slide { opacity: 0.33; width: auto; }

.partner .swiper-slide svg{max-height:54px; width:auto;}

.single-cases .content-block{padding-top:80px;}

.post-type-archive-cases .banner{padding-bottom:67px;}

.logo_wrapper{background: white; border-radius: 12px; line-height:10px; padding: 16px; width: 200px; display: flex; justify-content: center; align-items: center; margin-bottom: 32px;}
.logo_wrapper img, .logo_wrapper svg{width:100%;}

.insight { padding-top: 56px; padding-bottom: 44px; position: relative; background-color: var(--color-light-sky); }
.insight h2 { margin-bottom: 32px; }
.insight h2 em { font-style: normal; color: var(--color-neon-green); }
.insight-holder { margin-bottom: 32px; display: grid; grid-row-gap: 24px; grid-column-gap: 24px; grid-template-columns: repeat(1, 1fr); }
.insight-shape { left: 0; transform: rotate(-90deg); }
.insight.inner .insight-shape { transform: rotate(0); }

.pagination-container{color:#ffffff; justify-content:center; font-size:24px; padding-bottom:52px;}
.pagination-container a{color:#ffffff; text-decoration:none; }
.pagination-container .nav-links *{display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; margin:0 8px; border-radius:4px;}
.pagination-container .navigation{display:flex; justify-content:center; }
.pagination-container .next{background-image:url('assets/images/icon-arrow-right.svg'); background-position: center; background-repeat:no-repeat; background-size:20px; border:1px solid #ffffff;}
.pagination-container .prev{background-image:url('assets/images/icon-arrow-right.svg'); background-position: center; background-repeat:no-repeat; background-size:20px; border:1px solid #ffffff; transform:rotate(180deg);}
.pagination-container span.page-numbers.current {font-weight: bold;}

.blog .pagination-container{padding-top:64px; padding-bottom:120px;}

.norc{border-radius:0;}

/* ### banner ### */
.banner { padding-top: 90px; position: relative; background-color: var(--color-daintree); }
.banner.gridline:after {width: var(--width); height: 490px;}
.banner-text { margin-bottom: 40px; position: relative; z-index: 1; color: var(--color-white); }
.banner-subtitle { margin-bottom: 15px; display: block; font-size: 16px; font-weight: 500; letter-spacing: 1.7px; text-transform: uppercase; color: var(--color-neon-green); }
.banner-text h1 { margin-bottom: 24px; font-weight: 400; color: inherit; }
.banner-text h1 span { color: var(--color-neon-green); }
.banner-text a{color: var(--color-neon-green); text-decoration:none; margin-top:8px;}
.banner-image { margin: 0 calc(var(--gutter-space-left) * -1); overflow: hidden; position: relative; z-index: 1; }
.banner-image:before{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, #002d47 0%, rgba(0, 45, 71, 0) 100%);
    content: '';
    pointer-events: none;}

.banner-image img { width: 100%; height: 100%; object-fit: cover; }

.banner.columns:after{width:100%;}
.banner.lighter{background-color: var(--color-secondary); }
.banner.columns{display:flex; gap:72px;}
.banner.columns .banner-text{flex:1;}
.banner.columns .header_description{align-items: end; display: flex; color:#ffffff; flex:1;}
.banner.columns .header_description a{color:var(--color-neon-green);}
.banner.columns .header_description p:last-child{margin-bottom:32px;}

/* ### content-block ### */
.content-block { position: relative; }
.content-block:before { position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: url('assets/images/subtract-dark.svg') no-repeat; transform:rotate(-90deg); background-size: contain; content: ''; pointer-events: none; }
.content-block-left { margin-bottom: 40px; padding-top: 79px; line-height: 1.5; }
.content-timing { margin-bottom: 33px; display: flex; align-items: center; color: rgba(0, 45, 71, 0.4); }
.content-timing i { margin-right: 16px; font-size: 18px; }
.content-block h2 { margin-bottom: 30px; font-size: 24px; font-weight: 400; line-height: 1.1; color: inherit; }
.content-block h3 { margin-bottom: 32px; font-weight: 400; color: var(--color-neon-green); }
.content-block ul { margin-left: 30px; list-style: disc; }
.content-block ul li { margin-bottom: 32px; position: relative; list-style: disc; }
.content-block ul li strong { font-weight: 600; }
.content-block p strong { font-weight: 600; }
.content-block h4 { margin-bottom: 25px; line-height: 1.5; color: inherit; }
.content-block h5 { margin-bottom: 25px; color: inherit; font-weight: 500; }
.content-block h6 { margin-bottom: 12px; font-size: 20px; font-weight: 600; color: inherit; }
.content-block-right { padding-top: 40px; padding-bottom: 20px; position: relative; background-color: var(--color-info); }
.content-block-right:after { position: absolute; top: 0; left: -24px; width: 100vw; height: 100%; background-color: var(--color-info); content: ''; }

/* ### results ### */
.results { padding-top: 50px; padding-bottom: 80px; background-color: var(--color-white); }
.results h3 { margin-bottom: 24px; }
.results h3 strong { font-weight: 400; color: var(--color-neon-green); }
.results-title { margin-bottom: 32px; }
.results-title p:last-of-type { margin-bottom: 0; }
.results-block { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.results-left { margin-bottom: 25px; width: var(--width); }
.results-left .card-number:not(:last-child) { margin-bottom: 17px; }
.results-right { width: var(--width); }
.results .card-author-logo svg{max-width: 100%; height: auto;}


/* ### faq ### */
.faq { margin-bottom: 50px; padding-top: 32px; }
.faq-text { line-height: 1.5; }
.faq-text h3 { font-weight: 400; }
.faq-text h3 span { color: var(--color-neon-green); }
.faq-item { border-bottom: 1px solid rgba(0, 45, 71, 0.15); }
.faq-title { padding: 20px 150px 20px 0; position: relative; width: 100%; font-family: var(--font-family-base), sans-serif; font-size: 24px; text-align: left; color: var(--color-secondary); border: 0; background-color: transparent; cursor: pointer; }
.faq-title:after { position: absolute; top: 50%; right: 4px; font-family: var(--font-family-icons), sans-serif; font-size: 9px; transform: translateY(-50%); transition: var(--duration); content: '\e901'; }
.faq-member { position: absolute; top: 50%; right: 39px; display: flex; transform: translateY(-50%); }
.faq-member i { display: block; flex: 0 0 auto; width: 54px; height: 54px; border: 3px solid rgba(0, 45, 71, 0.15); border-radius: 50px; overflow:hidden;}
.faq-member i.first { margin-right: -14px; }
.faq-content { max-height: 0; line-height: 1.5; transition: max-height 0.4s ease; overflow: hidden; }
.faq-content .content { padding: 17px 0 27px; }
.faq-content-row { display: flex; align-items: center; }
.faq-content-image { flex: 0 0 auto; width: 86px; height: 86px; border: 3px solid rgba(0, 45, 71, 0.15); border-radius: 100px; overflow:hidden;}
.faq-content-image img { width: 100%; }
.faq-content-text { margin-left: 13px; line-height: 1.9; }
.faq-content-text p { margin-bottom: 0; }
.faq-content-text strong { font-weight: 600; }
.faq-item.active .faq-title:after { transform: translateY(-50%) rotate(-180deg); }


.faq-item:not(.active) .accordion-content{padding:0;}


.wp-block-media-text__media{border-top-right-radius:80px; overflow:hidden;}

/* ### intro ### */
.intro { padding-top: 50px; padding-bottom: 50px; position: relative; text-align: center; background-color: var(--color-info); }
.intro:after { position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: url('assets/images/subtract-blue.svg') no-repeat; background-size: contain; content: ''; pointer-events: none; }
.intro p:last-of-type { margin-bottom: 0; }

/* ### agency ### */
.agency { margin-bottom: 60px; padding-top: 60px; position: relative; }
.agency:after { position: absolute; top: 0; right: 0; width: 80px; height: 80px; background: url('assets/images/subtract-grey.svg') no-repeat; background-size: contain; content: ''; pointer-events: none; }
.agency-text { margin: 0 auto 30px; max-width: 908px; text-align: center; }
.agency-text h2 { font-weight: 400; color: var(--color-secondary); }
.agency-text h2 span { display: block; color: var(--color-neon-green); }

/* ### photo-slider ### */
.photo-slider { margin-bottom: 60px; }
.photo-slider .swiper { overflow: visible; }
.photo-slider img { border-top-right-radius: 40px; aspect-ratio: 1 / 1; object-fit: cover;}

/* ### accordion ### */
.accordion h3 { font-weight: 400; }
.accordion h3 span { color: var(--color-neon-green); }
.accordion-holder { border: 1px solid var(--color-grey); border-radius: 8px; }
.accordion-item { border-bottom: 1px solid var(--color-grey); }
.accordion-item:last-child { border-bottom: 0; }
.accordion-title { padding: 18px 60px 18px 15px; position: relative; width: 100%; font-family: var(--font-family-base), sans-serif; font-size: 20px; font-weight: 500; line-height: 1.2; text-align: left; border: 0; background-color: transparent; }
.accordion-title:after { position: absolute; top: 50%; right: 20px; font-family: var(--font-family-icons), sans-serif; font-size: 20px; color: var(--color-neon-green); transform: translateY(-50%); transition: var(--duration); content: '\e907'; }
.accordion-content { max-height: 0; line-height: 1.5; transition: max-height 0.4s ease; overflow: hidden;  padding: 0 15px 22px;}
.accordion .content ul  {padding-left:20px; margin-bottom:20px;}
.accordion .content ul li {     list-style: disc; }
.accordion-content p:last-of-type { margin-bottom: 0; }
.accordion-content *:last-child { margin-bottom: 0; }
.accordion-item.active .accordion-title:after { transform: translateY(-50%) rotate(45deg); }

.team .team-title{position:relative;}


/* ### card-team ### */
.card-team { width: var(--width); }
.card-team img { margin-bottom: 20px; width: var(--width); border-top-right-radius: 80px; }
.card-team .name { margin-bottom: 8px; font-weight: 600; font-size: var(--font-size-h6); }
.card-team p { margin-bottom: 2px; }
.card-team p:last-of-type { margin-bottom: 0; }

/* ### card-service ### */
.card-service { display: block; }
.card-service img { margin-bottom: 8px; width: var(--width); border-top-right-radius: 32px; }
.card-service-large { font-size: 20px; line-height: 1.5; color: var(--color-neon-green); transition: var(--duration); }
.card-service-large span { display: block; }
.card-service:hover .card-service-large { color: var(--color-white); }

/* ### card-cases ### */
.card-case { position: relative; display: block; height: 424px; text-decoration: var(--line-decoration); border-top-right-radius: 55px; overflow: hidden; }
.card-case-picture { position: relative; width: var(--width); height: var(--width); }
.card-case-picture:after { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); content: ''; pointer-events: none; }
.card-case-picture img { width: var(--width); height: var(--width); object-fit: cover; transition: var(--duration); }
.card-case-info { padding: 11px 11px 11px 16px; position: absolute; bottom: 0; left: 0; display: flex; align-items: flex-end; justify-content: space-between; width: var(--width); }
.card-case-info span { margin-bottom: 8px; display: block; font-size: 14px; color: var(--color-neon-green); }
.card-case-info h5 { margin-bottom: 0; font-size: 18px; line-height: 1.5; color: var(--color-white); }
.card-case-text { margin-bottom: 4px; padding-right: 10%; flex: 1; }
.card-case:focus .card-case-picture img,
.card-case:hover .card-case-picture img { transform: scale(1.03); }
.card-case:focus .button-circle,
.card-case:hover .button-circle { color: var(--color-secondary); background: var(--color-white); }

/* ### card-support ### */
.card-support { padding: 40px 24px; width: var(--width); color: var(--color-white); border-bottom-right-radius: 56px; background-color: var(--color-daintree); }
.card-support h3 { margin-bottom: 16px; color: var(--color-neon-green); }
.card-support p:last-of-type { margin-bottom: 0; }

/* ### card-table ### */
.card-table { margin-bottom: 30px; border: 1px solid var(--color-grey); border-radius: 8px; }
.card-table-head { padding: 7px 15px; font-weight: 600; border-bottom: 1px solid var(--color-grey); }
.card-table-item { padding: 7px 15px; border-bottom: 1px solid var(--color-grey); }
.card-table-right { border-radius: 0 0 8px 8px; background-color: var(--color-info); }
.card-table-right .card-table-item:last-of-type { border-bottom: 0; }
.card-table .d-hidden { display: none; }

/* ### card-number ### */
.card-number { padding: 20px 25px 17px;	display: flex; gap: 15px; align-items: center; justify-content: space-between; font-size: var(--font-size-base); color: var(--color-white); border-radius: 32px; background: radial-gradient(71.7% 136.53% at 49.79% 100%, #244f68 0%, #002d47 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.5); }

.card-number-text em { display: block; font-style: normal; }
.card-number-data { display: flex; flex-wrap: wrap; align-items: center; font-size: 32px; line-height: 1; color: var(--color-neon-green); }
.card-number-data em { font-style: normal; }

.card-number-data .data-value img {    height: 64px;
    padding-top: 16px;
    padding-bottom: 16px;}

/* ### card-insight ### */
.card-insight { display: inherit; width: var(--width); text-decoration: var(--line-decoration); }
.card-insight h6 { margin-bottom: 11px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.card-insight-lead { display: flex; flex-wrap: wrap; align-items: center; opacity: 0.4; color: var(--color-secondary); }
.card-insight-lead i { margin-right: 15px; font-size: 18px; }
.card-insight-picture { margin-bottom: 20px; position: relative; width: var(--width); height: 240px; border-top-right-radius: 56px; overflow: hidden; }
.card-insight-picture img { width: var(--width); height: var(--width); object-fit: cover; transition: var(--duration); }
.card-insight-link { position: absolute; right: 12px; bottom: 12px; }
.card-insight:focus .button-circle,
.card-insight:hover .button-circle { color: var(--color-secondary); background: var(--color-white); }
.card-insight:hover .card-insight-picture img { transform: scale(1.03); }

/* ### card-author ### */
.card-author { padding: 30px; display: flex; flex-direction: column; height: var(--height); font-size: 20px; border-radius: 32px; background-color: var(--color-info); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
.card-author-bottom { margin-top: auto; }
.card-author-user { margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; }
.card-author-picture { margin-right: 10px; width: 85px; border: solid 3px rgba(0, 45, 71, 0.15); border-radius: 100%; overflow: hidden; }
.card-author-picture img { width: var(--width); }
.card-author-name { flex: 1; font-size: 18px; }
.card-author-name h6 { margin-bottom: 12px; font-weight: 600; }
.card-author-name p:last-of-type { margin-bottom: 0; }
.card-author-logo { width: 165px; }
.card-author-logo img, .card-author-logo svg { width: var(--width); }


/* ### card-connect ### */
.card-connect {padding: 25px; color: var(--color-white); border-radius: 24px; background: radial-gradient(71.7% 136.53% at 49.79% 100%, #244f68 0%, #002d47 100%); }
.card-connect-tag { margin-bottom: 24px; padding: 1px 16px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; color: var(--color-secondary); border-radius: 20px; background-color: var(--color-neon-green); }
.card-connect h4 { margin-bottom: 22px; font-weight: 400; line-height: 1.5; color: var(--color-white); }
.card-connect h4 strong { color: var(--color-neon-green); font-weight: 400; }
.card-connect-wrap { margin-left: -3px; display: flex; align-items: center; }
.card-connect-image { flex: 0 0 auto; width: 86px; height: 86px; }
.card-connect-text { margin-left: 13px; line-height: 1.7; }
.card-connect-text *:last-child { margin-bottom: 0; }

/* ### card-prompt ### */
.card-prompt { margin-bottom: 30px; padding: 15px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 16px; background-color: var(--color-info); }
.card-prompt p { margin-bottom: 16px !important; font-family: var(--font-family-roboto), sans-serif; line-height: 1.6; }


/* ### member ### */
.member { padding-top: 53px; padding-bottom: 52px; position: relative; z-index: 1; background-color: var(--color-secondary);}
.member-intro { margin: 0 auto 40px; width: var(--width); max-width: 620px; font-size: 24px; text-align: center; color: var(--color-white); }
.member-intro p:last-of-type { margin-bottom: 0; }
.member-picture { margin-bottom: 22px; display: flex; justify-content: center; }
.member-picture img { margin: 0 -11px; width: 62px; height: 62px; border: 3px solid rgba(255, 255, 255, 0.1); border-radius: 100%; filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); }
.member-total { margin-left: -11px; display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; font-size: 24px; color: var(--color-neon-green); border: 3px solid rgba(255, 255, 255, 0.1); border-radius: 100%; background-color: var(--color-secondary); filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); }
.member-large { margin-bottom: 38px; font-size: 32px; line-height: var(--line-height-heading); text-align: center; color: var(--color-neon-green); }
.member-holder { margin-bottom: 36px; display: grid; grid-row-gap: 16px; grid-column-gap: 30px; grid-template-columns: repeat(1, 1fr); }
.member-bottom { display: flex; justify-content: center; }
.member.inner { background-color: var(--color-secondary); }
.member.inner:after { position: absolute; top: 0; left: 0; z-index: -1; width: var(--width); height: 471px; background-image: url('assets/images/pattern-member.svg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; content: ''; pointer-events: none; mix-blend-mode: overlay; }
.member.inner .member-intro { margin-bottom: 29px; }
.member.inner .member-large { margin-bottom: 32px; color: var(--color-white); }
.member.inner .member-total,
.member.inner .member-picture img { width: 70px; height: 70px; }
.member.inner .member-shape { right: 0; left: auto; display: none;}
.member-shape { left: 0; width: 56px;  z-index:1;}


.case { padding-top: 56px; padding-bottom: 51px; position: relative; background-color: var(--color-info); }
.case h2 { margin-bottom: 31px; }
.case h2 strong { display: block; font-weight: 400; color: var(--color-neon-green); }
.case-block { position: relative; }
.case-shape { right: 0; transform: rotate(90deg); }
.case .swiper { overflow: visible; margin-bottom: 28px; }
.case-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.case-bottom-arrow { display: flex; flex-wrap: wrap; }

	.faq-accordion{border-top: 1px solid rgba(0, 45, 71, 0.15);}





/* ### card-client ### */
.card-client { margin: 0 auto; position: relative; z-index: 1; max-width: 300px; }
.card-client h6 { margin-bottom: 26px; font-size: 20px; font-weight: 400; }
.card-client-wrap { margin-bottom: 18px; margin-left: -3px; display: flex; align-items: center; }
.card-client-image { flex: 0 0 auto; width: 86px; height: 86px; }
.card-client-image img { width: 100%; border-radius:100px; aspect-ratio: 1 / 1; object-fit: cover; object-position: center top; }
.card-client-text { margin-left: 13px; line-height: 1.7; }
.card-client-text *:last-of-type { margin-bottom: 0; }
.card-client .button { width: 100%; border: 4px solid rgba(0, 45, 71, 0.1); margin-top:12px;}
.card-client-info { margin-top: 30px; }
.card-client-info a { margin-bottom: 33px; padding-left: 56px; position: relative; display: inline-block; text-decoration: none; color: var(--color-secondary); }
.card-client-info span { position: absolute; top: 50%; left: 0; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 4px solid rgba(0, 45, 71, 0.3); border-radius: 50px; background-color: var(--color-white); transform: translateY(-50%); }
.card-client-info a i.icon-envelope { font-size: 15px; }
.insight-shape,
.team-shape,
.case-shape,
.member-shape { position: absolute; top: 0; width: 56px; pointer-events: none; }
.case-shape img,
.team-shape img,
.insight-shape img,
.member-shape img { width: var(--width); }


.single-post .wp-block-image{margin-bottom:64px;}
.single-post .wp-block-table{margin-bottom:64px;}

.hs-form-html{background: white; padding: 64px; border-top-right-radius: 80px;}
.has-darkblue-background-color .hs-form-html{padding:0; border-top-right-radius:0; background:transparent;}


[data-hsfc-id=Renderer] .hsfc-Form, [data-hsfc-id=Renderer] .hsfc-FieldLabel{font-family:var(--font-family-base) !important;}

[data-hsfc-id=Renderer] .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl) .hsfc-PhoneInput__FlagAndCaret{border-top-left-radius: 8px; border-bottom-left-radius:8px;}

[data-hsfc-id=Renderer] .hsfc-TextInput[type="tel"]{border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;}

.shapelight.left{position:relative;}
.shapelight.left:before{content: ' '; width:120px; height:120px; background-image:url('assets/images/subtract-light.svg'); background-size:contain; background-repeat:no-repeat; position:absolute; top:-1px; left:0; transform:rotate(-90deg)}

.shapewhite.right{position:relative;}
.shapewhite.right:before{content: ' '; width:120px; height:120px; background-image:url('assets/images/subtract-white.svg'); background-size:contain; background-repeat:no-repeat; position:absolute; top:-1px; right:0;}

.shapeoffwhite.right{position:relative;}
.shapeoffwhite.right:before{content: ' '; width:120px; height:120px; background-image:url('assets/images/subtract-grey.svg'); background-size:contain; background-repeat:no-repeat; position:absolute; top:-1px; right:0;}

.shapedark.left{position:relative;}
.shapedark.left:before{content: ' '; width:120px; height:120px; background-image:url('assets/images/subtract-dark.svg'); background-size:contain; background-repeat:no-repeat; position:absolute; top:-1px; left:0; transform:rotate(-90deg)}


.shapeblue.left{position:relative;}
.shapeblue.left:before{content: ' '; width:120px; height:120px; background-image:url('assets/images/subtract-blue.svg'); background-size:contain; background-repeat:no-repeat; position:absolute; top:-1px; left:0; }


.has-darkblue-background-color [data-hsfc-id=Renderer] .hsfc-FieldLabel{color:#ffffff; font-size:20px !important; margin-bottom:8px !important;}

.has-darkblue-background-color  [data-hsfc-id=Renderer] .hsfc-RadioFieldGroup__Options label{background:#002D47 !important; padding:13px 18px;}

.has-darkblue-background-color [data-hsfc-id=Renderer] .hsfc-RadioFieldGroup__Options label{color:#ffffff; margin-bottom:0 !important; border: 1px solid #D0D3D433; border-bottom:none; font-size:20px !important;}
.has-darkblue-background-color [data-hsfc-id=Renderer] .hsfc-RadioFieldGroup__Options:last-child label{border-bottom: 1px solid #D0D3D433;}
.has-darkblue-background-color  [data-hsfc-id=Renderer] .hsfc-RadioFieldGroup__Options label strong{color: var(--color-neon-green);}

.h-100{height:100%;}
.h-100 .greytile_holder{height:100%;}

.hsfc-FieldLabel.unavailable .hsfc-RadioInput{opacity:50%;}
.hsfc-FieldLabel.unavailable span > span{opacity:50%;}
.hsfc-FieldLabel.unavailable span > span.alert{opacity:1; color:#FF0909;}
.hsfc-FieldLabel span > span.info{opacity:0.5;}

[data-hsfc-id=Renderer] .hsfc-RadioInput{background-color:white !important;}

.hsfc-RadioInput + span{display: flex; justify-content: space-between; width: 100%;}

[data-hsfc-id=Renderer] .hsfc-Button{background-size: 100% 200% !important; font-family: var(--font-family-base) !important;
    padding: 5px 23px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary) !important;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0, 0, 0, 0.25);
    background: radial-gradient(circle, var(--inner-color), var(--outer-color) )!important; font-weight:500 !important;
    transition: --inner-color 0.6s ease, --outer-color 0.6s ease; height: 60px !important;
    font-size: 18px; border: 4px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 75px !important; background-color:unset !important;}

[data-hsfc-id=Renderer] .hsfc-CheckboxField label{gap:20px !important;}

[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content{padding:0 !important;}

[data-hsfc-id=Renderer] .hsfc-DataPrivacyField{margin-top:32px;}
[data-hsfc-id=Renderer] .hsfc-NavigationRow{margin-bottom:40px !important; margin-top:20px !important;}

[data-hsfc-id=Renderer] [data-hsfc-id=RadioFieldGroup] [data-hsfc-id=FieldLabel] {margin-bottom:40px !important; font-size:24px !important;}

[data-hsfc-id=Renderer] [data-hsfc-id=RadioFieldGroup] .hsfc-RadioFieldGroup__Options>*:not(:last-child){margin-bottom:0 !important;}

.kennislunches .hsfc-Row:has(.hsfc-RadioFieldGroup){width:calc(50% - 20px) !important; float:left; margin-right:40px; margin-top:20px;}
.kennislunches .hsfc-PostSubmit .hsfc-RichText {
    color: white;
    margin-top: 40px;
}

.lunchform [id$="2184441412246"]{width:calc(50% - 20px) !important; float:left; margin-right:40px; margin-top:20px;}
.lunchform [id$="-20"]{margin-top:90px;}
.lunchform [id$="-20"],
.lunchform [id$="2399273521018"],
.lunchform [id$="2808149134045"],
.lunchform [id$="1952810745896"],
.lunchform [id$="3058544688661"]{width:calc(50% - 20px) !important; margin-bottom:24px;}

[id$="2613295012472-ic-r0"], [id$="2613295012472-ic-r2"]{display:none !important;}

[data-hsfc-id=Renderer] .hsfc-TextInput{background-color:#ffffff !important; border:1px solid #D0D3D4; border-radius:8px !important; height:56px !important;}

.hsfc-NavigationRow__Buttons{justify-content:left !important; margin-top:30px;}

[data-hsfc-id=Renderer] .hsfc-CheckboxInput{width:24px; height:24px;}

[data-hsfc-id=Renderer] .hsfc-FieldLabel strong{color:var(--color-neon-green); font-weight:normal !important;}

[data-hsfc-id=Renderer] .hsfc-RadioInput{width:24px; height:24px;}

[data-hsfc-id=Renderer] .hsfc-RadioInput:checked:after{background-color: var(--color-neon-green) !important; width:29px !important; left: -3px !important;}

[data-hsfc-id=Renderer] .hsfc-RadioInput:checked:after{}

.hsfc-RadioFieldGroup{margin-bottom:16px;}
.hsfc-RadioFieldGroup__Options div:first-child .hsfc-FieldLabel{border-top-left-radius:8px !important; border-top-right-radius:8px !important;}
.hsfc-RadioFieldGroup__Options div:last-child .hsfc-FieldLabel{border-bottom-left-radius:8px !important; border-bottom-right-radius:8px !important;}



/* ### footer ### */
.footer { padding-top: 56px; padding-bottom: 56px; position: relative; font-size: 14px; color: var(--color-secondary); background-color: var(--color-white); }
.footer-logo { margin-bottom: 40px; }
.footer-logo .swiper-wrapper { align-items: center; transition-timing-function: linear !important; }
.footer-logo .swiper-slide { width: 85px; }
.footer-block { margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer-title { margin-bottom: 14px; font-size: 18px; font-weight: 700; color: var(--color-secondary); }
.footer-info { margin-bottom: 23px; order: 2; width: 50%; }
.footer-info.alt { width: 46.5%; }
.footer-info li a { text-decoration: var(--line-decoration); color: var(--color-secondary); }
.footer-info li a:hover { text-decoration: underline; }
.footer-info li:not(:last-child) { margin-bottom: 14px; }
.footer-subscribe { margin-bottom: 38px; order: 1; width: var(--width); }
.footer-copyright { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.footer-copyright-left { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); max-width: 300px; }
.footer-copyright-left img { margin-right: 17px; width: 89px; }
.footer-copyright-left em { display: none; font-style: normal; }
.footer-social-link { padding-top: 2px; display: none; text-decoration: var(--line-decoration); color: var(--color-secondary); }
.footer-social-link:hover { text-decoration: underline; }
.footer-social-link.show { display: block; }
.footer-shape { position: absolute; top: 0; right: 0; display: none; width: 120px; pointer-events: none; }
.footer-shape img { width: var(--width); }

/* #Media Queries
================================================== */
@media only screen and (max-width: 767px) {
	
	:where(.wp-block-columns.is-layout-flex){gap:16px;}

	
	.team-title .team-bottom-arrow{display:none;}

	
	:root{
		
			--wp--preset--spacing--20:8px;
			--wp--preset--spacing--30:16px;
			--wp--preset--spacing--40:16px;
			--wp--preset--spacing--50:16px;
			--wp--preset--spacing--60:32px;
			--wp--preset--spacing--70:32px;
			--wp--preset--spacing--80:56px;
		}
		
		
		body{overflow-x:hidden;}
		h2.wp-block-heading.has-medium-font-size{font-size:24px !important;}

		
		.custom-logo-link svg{width:55px; height:auto;}
		.page-id-493{aspect-ratio:unset;}
		.page-id-493 .banner-image {width: calc(100% + 46px); height: auto !important; border-radius:0 !important;}
		.page-id-493 .banner:after{opacity:0.4;}
		.page-id-493  .banner-image img{height:auto; object-fit:unset;}
		.page-id-493 .banner-image:before{opacity:0.2px;}
		.banner .banner-subtitle{margin-top:32px; margin-bottom:24px;}
		
		
		.footer-block.copy .footer-info{margin-bottom:8px;}
		.footer-block.copy .footer-info:first-child{width:40%}
		.footer-block.copy .footer-info:last-of-type{width:60%;}
		.footer-block.copy img{margin-bottom:24px;}
		
		.case .swiper{overflow:hidden;}
	.accordion-title{padding: 0 25px 0 0;}
	.accordion-title:after{right:0; top:14px;}
	
	.accordion-holder{border:none;}
	
	.accordion-item{border-bottom:none; margin-bottom:16px;}
	
	.content-block ul li{margin-bottom:32px;}
	.content-block h2{margin-bottom:32px;}
	.content-block h3{margin-bottom:24px;}
	
	.card-number-data .data-value img {height: 50px;
    padding-top: 16px;
    padding-bottom: 16px;}
	
	.accordion .content{padding:16px 0 0 0;}
	.results-title, .results-title h2{margin-bottom:16px;}
	.text-icon-block .icon-wrapper{flex:unset;}
	.cta-team.whitecorner .member-bottom{padding-top:24px;}
	
	.wp-block-button.is-style-outline .wp-block-button__link{font-size:14px;}
	.wp-block-list.is-style-checkmarks li strong{display:block;}
	
	.agency-head.small{display:none;}
	.agency-table{width:100%;}
	.agency-head, .agency-item{width:50%;}
	.compare-table{padding-bottom:26px;}
	.single-post .member.centered{display:none;}
	.single-post .content-block-left{padding-left:24px; padding-right:24px;}
	.single-post .content-block-right{background-color:var(--color-daintree); padding-left:24px; padding-right:24px; color:#ffffff; position:relative;}
	.single-post .content-block-right:before{content: ' '; width:56px; height:56px; background-image:url('assets/images/subtract-white.svg'); background-size:contain; background-repeat:no-repeat; position:absolute; top:-1px; right:0; }

	
	.single-post .content-block-right .card-client-info a{color:#ffffff; margin-bottom:44px;}
	.single-post .content-block-right .card-client-info i{color: #002D47}
	
	.single-post .content-block-right:after{content:unset;}
	.single-post .content-block.centered{padding-left:0; padding-right:0;}
	.single-post .wp-block-image{margin-bottom:40px;}
	.single-post .wp-block-table{margin-bottom:40px;}
	
	
	.wp-block-media-text__media img{margin-bottom:24px;}
	.page-id-865 .shapelight.left:before{display:none;}
	
	.single-cases .client-quote .card-connect-wrap{display:block;}
	.client-quote .card-connect-image{max-width:180px;}
	.banner-text .button.outline{margin-top:24px;}
	.text-icon-block .title{font-size:24px;}
	.text-icon-block .header-row{gap:2rem; padding: 0 16px;}	
	.insights{gap:32px !important;}
	.insights .insight{width:100% !important;}
	
	.page-numbers.dots{display:none;}
	.blog .pagination-container{padding-top:32px; padding-bottom:64px;}
	.insights .wp-block-columns .is-vertically-aligned-center{padding-left:24px; padding-right:24px; padding-bottom:24px;}
	.js-team-slider{margin-top:32px;} 
	.team-bottom a{margin-bottom:32px;}
	
	.insights .wp-block-columns{gap:24px !important;}
	.insights .wp-block-columns .wp-block-heading{font-size:24px !important;}
	.banner.columns{padding-bottom:32px !important}
	.insight-shape,
	.team-shape,
	.case-shape,
	.support-shape,
	.footer-info{top:-1px;}
	.faq-accordion{margin-top:32px;}
	.mylogosblock .centered{padding-bottom:64px;}
	.metrix-simple .member-holder{gap:8px;}
	.client-quote .card-connect h4{font-size:18px;}
	.member-holder{margin-bottom:24px;}
	.centered .centered{padding-left:0; padding-right:0;}
	
	.client-quote .card-connect-text{margin-left:0;}
	
	.metrix-simple .member-holder .card-number-data{    flex: 0 0 90px;}
	
	.centered .wp-block-columns{padding-left:0; padding-right:0;}
	
	.banner:has(.banner-image){padding-top:0; display:grid;}

	.banner:has(.banner-image) .banner-text{order:2;}
	
	.banner .banner-image{order:1; height:393px; border-bottom-left-radius: 40px; width: calc(100% + 61px);}
	
	.banner .logo_wrapper{margin-top:40px; margin-bottom:16px;}
	
	.banner .banner-text:has(p) h1{margin-bottom:16px;}
	
	.logo_wrapper{max-width:94px; padding:8px;}
	.logo_wrapper img, .logo_wrapper svg{height:auto;}
	
	.text-icon-block.is-style-compact .title{font-size:18px !important;}
	.text-icon-block.is-style-compact .description-row{font-size:14px;}
	
	.onlyfirst_mobile.wp-block-columns .wp-block-column:nth-child(2) {display:none; }	
	.member .textholder{margin-left:unset; margin-right:unset; max-width:100%;}
	.member .member-large {height:70px !important;}
	.cta-team .member .member-large{height:auto !important;}
	.footer-logo .swiper-slide{width:33%;}
	.footer-logo .swiper-slide svg{max-width:100%;}
	.footer-logo .swiper-wrapper{padding-bottom:0;}
	
	.cta-team .member-picture{margin-bottom:32px;}
	
	.banner-subtitle{font-size:14px;}
	.banner-text h1{margin-bottom:0;}
	.banner.columns{flex-direction:column; gap:0;}
	.banner .banner-text{margin-bottom:32px;}
	.card-insight-picture{margin-bottom:16px;}
	.card-insight h6{margin-bottom:8px;}
	.js-team-slider{margin-top:32px;}
	.team .swiper{margin-bottom:32px;}
	.team{padding-bottom:56px; padding-top:56px;}
	
	.header-menu { padding: 108px 25px 50px; position: fixed; top: 0; left: 100%; display: block; width: var(--width); height: 100dvh; text-align: center; background-color: var(--color-secondary); transition: var(--duration); overflow-y: scroll; }
	.header-menu ul { margin-right: 0; display: block; width: 100%; }
	.header-menu li { margin-bottom: 38px; padding: 0; font-size: 18px; }
	.header-menu li:not(:last-child) { margin-right: 0; }
	.header-menu li.has-child a:after { display: none; }
	.header-menu .button { margin-bottom: 25px; }
	.header-menu:after { position: absolute; top: 0; left: 0; z-index: -1; width: var(--width); height: var(--height); background-image: url('assets/images/pattern.svg'); background-repeat: no-repeat; background-position: top center; background-size: cover; content: ''; pointer-events: none; mix-blend-mode: overlay; }
	.header-menu li .header-mega-menu { margin-top: 15px; position: relative; top: unset; display: none; width: var(--width); background-color: transparent; transition: unset; }
	.header-menu li li { margin-bottom: 0; }
	.is-menu-open .header-menu { left: 0; }
	.footer-subscribe input { margin-bottom: 19px; }
	.cases .case{flex: 0 0 100% !important; padding-top:8px; padding-bottom:8px;}
.post-type-archive-cases .banner{padding-bottom:4px;}
.pagination-container{padding-top:24px;}
.acf-gallery-slide img{background:white;}

.hs-form-html{padding: 16px 16px; border-top-right-radius: 0px;}


.page-id-507 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:47% !important;}

.kennislunches .hsfc-Row:has(.hsfc-RadioFieldGroup){width:100% !important; float:left; margin-right:0; margin-top:20px;}
.kennislunches [data-hsfc-id=Renderer] .hsfc-RadioFieldGroup__Options label>span{flex-direction:column;}

.lunchform [id$="-20"]{margin-top:0;}
.lunchform [id$="-20"],
.lunchform [id$="2399273521018"],
.lunchform [id$="2808149134045"],
.lunchform [id$="1952810745896"],
.lunchform [id$="3058544688661"]{width:100% !important;}
[data-hsfc-id=Renderer] [data-hsfc-id=RadioFieldGroup] [data-hsfc-id=FieldLabel]{margin-bottom:16px !important;}
[data-hsfc-id=Renderer] .hsfc-RadioFieldGroup__Options label{font-size:16px !important;}
[data-hsfc-id=Renderer] [data-hsfc-id=RadioFieldGroup] [data-hsfc-id=FieldLabel]{font-size:18px !important;}
.has-darkblue-background-color [data-hsfc-id=Renderer] .hsfc-FieldLabel{font-size:16px !important;}
.has-darkblue-background-color [data-hsfc-id=Renderer] .hsfc-RadioFieldGroup__Options label{font-size:16px !important;}
.shapelight.left:before{width:56px; height:56px;}
.shapewhite.right:before{width:56px; height:56px;}
.shapeoffwhite.right:before{width:56px; height:56px;}
.shapedark.left:before{width:56px; height:56px;}
.shapeblue.left:before{width:56px; height:56px;}
.greytile_holder{border-top-right-radius:56px;}
.wp-block-image{border-top-right-radius: 56px;}
.content-block:before{width:56px; height:56px;}
.team-bottom-arrow{display:none;}	

}

@media only screen and (min-width: 768px) {
		.team-bottom .team-bottom-arrow{display:none;}


	
	.header-call { display: none; }
	.header-menu li .header-mega-menu { display: block !important; height: auto !important; }
	.mobileMenu { display: none; }
	.header-menu li .header-mega-wrap { grid-template-columns: repeat(2, 1fr); }
	.hero { padding-top: 150px; padding-bottom: 98px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
	.hero-large { display: block; width: 52%; }
	.hero-picture { margin: 0; width: 40%; }
	.member-holder { grid-template-columns: repeat(2, 1fr); }
	.card-author-bottom { display: flex; align-items: center; justify-content: space-between; }
	.banner { padding-top: 150px; padding-bottom: 100px; }
	.banner:after { width: 50%; }
	.banner-text { margin-bottom: 0; padding-right: 40px; width: 50%; }
	.banner-text h1 { font-size: 40px; }
	.banner-image { margin: 0; position: absolute; top: 0; right: 0; width: 50%; height: 100%; border-bottom-left-radius: 120px; }
	.banner-image:before { height: 277px; }
	.banner-image img { height: 100%; object-fit: cover; }
	.content-block:before { width: 120px; height: 120px; }
	.content-block .wp-block-columns{width:100%;}
	.content-block h2 { margin-bottom: 32px; font-size: 32px; }
	.content-block-left { padding-top: 79px; }
	.content-block-right { padding-top: 84px; }
	.content-block ul { margin-bottom: var(--wp--preset--spacing--60); }
	.content-block ul li span { padding-left: 6px; display: block; font-size: 24px; line-height: 1.5; }
	.content-block p { margin-bottom: 32px; }
	.content-block h5 { margin-bottom: 37px; }
	.card-table { margin-bottom: 64px; border-radius: 8px 8px 8px 0; }
	.card-table-left { display: none; width: 50%; }
	.card-table-right { display: none; width: 50%; border-left: 1px solid var(--color-grey); }
	.card-table-row { display: grid; grid-template-columns: repeat(2, 2fr); }
	.card-table-row:last-of-type .card-table-item { border-bottom: 0; }
	.card-table-row:last-of-type .card-table-item:last-of-type { border-bottom-right-radius: 8px; }
	.card-table .d-hidden { display: block; }
	.card-table-item:last-of-type,
	.card-table-head:last-of-type { border-left: 1px solid var(--color-grey); background-color: var(--color-info); }
	.card-table-head:last-of-type { border-top-right-radius: 8px; }
	.card-connect { padding: 40px; }
	.card-connect h4 { font-size: 32px; }
	.card-prompt { margin-bottom: 38px; }
	.insight-holder { margin-bottom: 59px; grid-template-columns: repeat(2, 1fr); }
	.faq { margin-bottom: 77px; }
	.faq-text { margin-bottom: 40px; }
	.faq-text h3 { margin-bottom: 40px; }
	.faq-title { font-size: 32px; }
	
	.intro { padding-top: 80px; padding-bottom: 80px; }
	.agency { margin-bottom: 80px; padding-top: 80px; }
	.agency-text { margin-bottom: 56px; }
	.agency-text h2 { margin-bottom: 31px; }
	
	.photo-slider { margin-bottom: 80px; }
	.photo-slider img { border-top-right-radius: 80px; }
	.accordion { margin-bottom: 30px; }
	.accordion h3 { margin-bottom: 32px; max-width: 570px; }
	.accordion-title { padding-top: 28px; padding-bottom: 28px; font-size: 24px; }
	.accordion-title:after { font-size: 24px; }
	.footer { padding-top: 80px; padding-bottom: 80px; font-size: 16px; }
	.footer-logo { margin-bottom: 81px; }
	.footer-logo .swiper-slide { width: auto; }
	.footer-title { margin-bottom: 16px; }
	.footer-block { margin-bottom: 55px; }
	.footer-info { order: 1; width: 25%; }
	.footer-info.alt { width: 25%; }
	.footer-info li:not(:last-child) { margin-bottom: 16px; }
	.footer-subscribe { margin-bottom: 0; order: 2; width: 50%; }
	.footer-social-link { display: inline-block; }
	.footer-copyright-left { width: unset; max-width: unset; }
	.footer-social-link.show { display: none; }
	.footer-shape { display: block; }
}

@media only screen and (min-width: 1025px) {
	:root {
		--font-size-h1: 64px;
		--font-size-h2: 64px;
		--font-size-h3: 40px;
		--font-size-h6: 20px;
		--wp--preset--spacing--80:120px;
	}
	body { font-size: 20px; }
	h1 { font-size: var(--font-size-h1); }
	h2 { font-size: var(--font-size-h2); line-height:110%;}
	h3 { font-size: var(--font-size-h3); }
	h6 { font-size: var(--font-size-h6); }
	.button, .wp-block-button { height: 60px; font-size: 18px; }
	.swiper-button-prev,
	.swiper-button-next { width: 48px; height: 48px; font-size: 15px; }
	.header { padding-top: 41px; padding-bottom: 41px; }
	.header-logo { width: 89px; }
	.header-sticky { padding-top: 15px; padding-bottom: 12px; }
	.header-sticky .header-menu li .header-mega-menu { top: 76px; }
	.header-menu ul { margin-right: 20px; }
	.header-menu li:not(:last-child) { margin-right: 48px; }
	.header-menu li.has-child a:after { top: 13px; }
	.header-menu li .header-mega-menu { top: 100px; }
	.header-menu li .header-mega-wrap { grid-template-columns: repeat(4, 1fr); }
	.hero { padding-top: 239px; }
	.hero h1 { margin-bottom: 20px; font-size: 128px; line-height: 0.74; }
	.hero h1 strong { padding-left: 153px; }
	.hero-large { margin-bottom: 0; padding-top: 34px; padding-left: 20px; }
	.hero-picture { margin-right: 40px; width: 28.9%; }
	.mobileMenu { display: none; }
	.partner { padding-top: 33px; padding-bottom: 40px; display: flex; align-items: center; justify-content: space-between; }
	.partner-lead { margin-left: 2px; display: inline-block; }
	.partner .swiper { overflow: hidden; }
	.insight { padding-top: 120px; padding-bottom: 107px; }
	.insight h2 { margin-bottom: 64px; }
	.banner { padding-top: 205px; padding-bottom: 135px; }
	.banner-text h1 { font-size: 50px; }
	.member { padding-top: 117px; padding-bottom: 116px; }
	.member-picture img { margin: 0 -11px; width: 69px; height: 69px; }
	.member-intro { margin-bottom: 64px; font-size: 32px; }
	.member-total { width: 69px; height: 69px; font-size: 20px; color: var(--color-neon-green); }
	.member-large { margin-bottom: 63px; font-size: 64px; }
	.member-holder { margin-bottom: 60px; grid-column-gap: 30px; }
	.member.inner .member-large { margin-bottom: 60px; }
	.member.inner .member-intro { margin-bottom: 62px; }
	.member.inner .member-shape { display: block; }
	.member-shape { width: 120px; }

	.case .swiper {margin-bottom: 64px; }
	.case.centered{padding-top:120px; padding-bottom:120px;}
	.case h2{margin-bottom:64px;}
	
	.card-author { padding: 48px 48px 45px; font-size: 24px; }
	.card-author-name { font-size: 20px; }
	.card-author-bottom { display: block; }
	.results-left { margin-bottom: 0; width: 49.2%; }
	.results-right { width: 49.4%; }
	.card-number { padding: 30px 25px; font-size: 20px; }
	.card-number-data { font-size: 64px; }
	.card-insight-picture { height: 368px; border-top-right-radius: 80px; }
	.insights .wp-block-columns .card-insight-picture{height:452px;}
	.content-block { display: flex; flex-wrap: wrap; }
	.content-block-left { margin-bottom: 0; padding: 79px 50px 55px 0; width: 70%; }
	.content-block-right { padding-top: 84px; padding-left: 25px; width: 30%; }
	.content-block-right:after { left: 0; }
	.content-block-right .card-client { position: sticky; top: 128px; }
	.content-block h4 { font-size: 32px; }
	.faq-holder { max-width: 645px; }
	.intro { padding-top: 120px; padding-bottom: 120px; font-size: 24px; line-height: 1.5; }
	.intro:after { width: 120px; height: 120px; }
	.agency-text { font-size: 24px; line-height: 1.5; }
	.agency:after { width: 120px; height: 120px; }
	.card-client { margin-right: 0; margin-left: auto; }
	.card-team .name { margin-bottom: 11px; }
	.card-team p { margin-bottom: 6px; }
	.card-support { padding: 96px 80px; border-bottom-right-radius: 120px; }
	.card-case { height: 640px; border-top-right-radius: 120px; }
	.card-case-info { padding: 32px 28px 28px 32px; }
	.card-case-info span { margin-bottom: 6px; font-size: var(--font-size-base); }
	.card-case-info h5 { font-size: var(--font-size-h5); }
	.card-case-text { padding-right: 12%; }
	.insight-shape,
	.team-shape,
	.case-shape,
	.support-shape,
	.footer-info { width: 120px; }
	.footer-info {
        width: 18.2%;
    }
	.case-bottom-arrow {position: absolute; top: 84px; right: 0;}
	.footer-info.alt { width: 24.8%; }
	.footer-subscribe { width: 32%; }
	.footer-copyright-left em { display: inline-block; }
	.team-bottom-arrow {position: absolute; bottom: 0; right: 0;}
}

@media only screen and (min-width: 1200px) {
	.header-menu { width: calc(100% - 100px); }
	.header-menu li .header-mega-bg { padding: 64px 64px 55px; }
	.card-service-large { font-size: 24px; }
	.hero-large { padding-left: 83px; }
	.hero-picture { margin-right: 82px; }
	.banner-text h1 { font-size: var(--font-size-h1); position:relative; left:-3px;}
	.banner.inner { padding-top: 296px; padding-bottom: 202px; }
	.content-block-left { padding-right: 67px; width: 72.6%; }
	.content-block-right { width: 27.4%; }
	.member-holder { grid-template-columns: repeat(3, 1fr); }
	.card-author-bottom { display: flex; justify-content:space-between;}
	.card-author-bottom .card-author-logo{display: flex; justify-content: end;}
	.card-author-logo { width: 150px; }
	.card-author-user { margin-bottom: 0; }
}

@media only screen and (min-width: 1340px) {
	.member-holder { padding: 0 80px; }
	.centered, .wp-block-columns, .wp-block-image.alignwide{ padding-right: calc((100% - 1316px) / 2); padding-left: calc((100% - 1316px) / 2); }
	.card-author-logo { width: 235px; }
}