@font-face {
	font-family: 'Spoof';
	src: url('../fonts/Spoof-Thin.eot');
	src: url('../fonts/Spoof-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Spoof-Thin.woff2') format('woff2'),
		url('../fonts/Spoof-Thin.woff') format('woff'),
		url('../fonts/Spoof-Thin.ttf') format('truetype'),
		url('../fonts/Spoof-Thin.svg#SansaCon-Normal') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Spoof';
	src: url('../fonts/Spoof-Light.eot');
	src: url('../fonts/Spoof-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Spoof-Light.woff2') format('woff2'),
		url('../fonts/Spoof-Light.woff') format('woff'),
		url('../fonts/Spoof-Light.ttf') format('truetype'),
		url('../fonts/Spoof-Light.svg#SansaCon-Normal') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Spoof';
	src: url('../fonts/Spoof-Regular.eot');
	src: url('../fonts/Spoof-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Spoof-Regular.woff2') format('woff2'),
		url('../fonts/Spoof-Regular.woff') format('woff'),
		url('../fonts/Spoof-Regular.ttf') format('truetype'),
		url('../fonts/Spoof-Regular.svg#SansaCon-Normal') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Spoof';
	src: url('../fonts/Spoof-Medium.eot');
	src: url('../fonts/Spoof-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Spoof-Medium.woff2') format('woff2'),
		url('../fonts/Spoof-Medium.woff') format('woff'),
		url('../fonts/Spoof-Medium.ttf') format('truetype'),
		url('../fonts/Spoof-Medium.svg#SansaCon-Normal') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Spoof';
	src: url('../fonts/Spoof-Bold.eot');
	src: url('../fonts/Spoof-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Spoof-Bold.woff2') format('woff2'),
		url('../fonts/Spoof-Bold.woff') format('woff'),
		url('../fonts/Spoof-Bold.ttf') format('truetype'),
		url('../fonts/Spoof-Bold.svg#SansaCon-Normal') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Spoof';
	src: url('../fonts/Spoof-Black.eot');
	src: url('../fonts/Spoof-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Spoof-Black.woff2') format('woff2'),
		url('../fonts/Spoof-Black.woff') format('woff'),
		url('../fonts/Spoof-Black.ttf') format('truetype'),
		url('../fonts/Spoof-Black.svg#SansaCon-Normal') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root{	
	--primary-color				: #283583;
	--secondary-color			: #FFFFFF;
	--text-color				: #283583;
	--accent-color				: #42AE64;
	--light-blue				: #E2E8F2;
	--yellow-color				: #F9C100;
	--purple-color				: #546ED9;
	--bg-color					: #F1F2ED;
	--divider-color				: #E7E8E3;
	--default-font				: "Spoof", sans-serif;
	/* Global Button Variable  */
    --btn-default-color: #FFF; /* White Color */
    --btn-default-color-background: #42AE64; /* Accent Color */
	--btn-default-color-bg-border: #E7E8E3;
	--btn-default-color-hover-background: #F9C100; /* Yellow Color */
    --btn-default-icon-color: #283583; /* Primary Color */
    --btn-default-icon-color-background: #FFF;
    --btn-default-hover-icon-color: #FFF;
    --btn-default-hover-icon-color-background: #283583;
    --btn-default-color-focus: #000;
    --btn-default-border-radius: 52px;
    --btn-default-icon-width: 42px;
	--btn-default-icon-height: 39px;
    --btn-default-icon-border-radius: 1.75em;
    --btn-default-gap: 10px;
    --btn-default-padding: 4px 6px 4px 16px;
	--btn-default-reverse-padding: 4px 16px 4px 6px;
	--btn-default-no-arrow-padding: 16px;
    --btn-default-click-scale: 1.15;
    --btn-default-ease-click: cubic-bezier(0.4, 0, 0.2, 1);
    --btn-default-ease-hover: cubic-bezier(0.19, 0.69, 0.33, 1.33);
    --btn-default-ease-hover-elastic-out: linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1);
    --btn-default-ease-hover-out: cubic-bezier(0.19, 0.69, 0.33, 1);
    --btn-default-ease-focus: cubic-bezier(0.32, 0.72, 0, 1);
	
	/* Header Button Variable  */
	--button-091-color: #FFF;
	--button-091-color-background: #546ED9;
	--button-091-burst-color: #283583;
	--button-091-color-focus: #546ED9;
	--button-091-padding: 18px 20px;
	--button-091-border-radius: 100px;
	--button-091-focus-inset: -0.125em;
	--button-091-scale-x: 1.03 !important;
	--button-091-scale-y: 1.15 !important;
	--button-091-ease-hover: linear(0, 0.255, 0.4449, 0.6091, 0.7355, 0.8513, 0.9525, 1.0413, 1.1195, 1.1881, 1.2484, 1.3011, 1.3468, 1.3862, 1.4198, 1.4479, 1.4709, 1.4892, 1.503, 1.5126, 1.5182, 1.52, 1.5189, 1.5156, 1.5101, 1.5025, 1.4929, 1.4817, 1.469, 1.4552, 1.4406, 1.4254, 1.4099, 1.3943, 1.3787, 1.3633, 1.3481, 1.3333, 1.3188, 1.3048, 1.2912, 1.278, 1.2653, 1.253, 1.2412, 1.2298, 1.2188, 1.2083, 1.1981, 1.1883, 1.1789, 1.1698, 1.1611, 1.1528, 1.1447, 1.137, 1.1296, 1.1225, 1.1156, 1.1091, 1.1028, 1.0967, 1.0909, 1.0854, 1.0801, 1.075, 1.0701, 1.0654, 1.061, 1.0567, 1.0526, 1.0488, 1.0451, 1.0415, 1.0382, 1.035, 1.032, 1.0292, 1.0265, 1.0239, 1.0215, 1.0193, 1.0172, 1.0152, 1.0134, 1.0117, 1.0101, 1.0086, 1.0073, 1.0061, 1.005, 1.004, 1.0032, 1.0024, 1.0091, 1.0012, 1.0008, 1.0004, 1.0002, 1, 1);
	--button-091-ease-focus: cubic-bezier(0.32, 0.72, 0, 1);
}

html, body{
	overflow-x: clip;
}

body{
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: -0.02em;
	background-color: var(--bg-color);
	color: var(--text-color);
}

body:before{
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	width: 450px;
	height: 370px;
	mask-image: url("../images/header-logo-shape.svg");
	mask-repeat: no-repeat;
	mask-position: top left;
	mask-size: contain;
	background-color: var(--accent-color);
	border-radius: 20px 0 0 0;
	z-index: 1;
}

p{
	font-family: var(--default-font);
	line-height: 1.5em;
	margin-bottom: 1.4em;
}

p a, p a:hover, p a:focus{
	color: inherit;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 10%;
	text-underline-offset: 0%;
	text-underline-position: from-font;
}

h1, h2, h3, h4, h5, h6{	
	font-family: var(--default-font);
	font-weight: 400;
	line-height: 1.1em;
	color: var(--primary-color);
	margin: 0;
}

.heading-one{
	font-size: 60px;
}

.heading-one span{
	font-size: 62px;
}

.heading-two{
	font-size: 48px;
}

.heading-three{
	font-size: 38px;
}

.heading-four{
	font-size: 26px;
}

.heading-five{
	font-size: 24px;
}

.heading-six{
	font-size: 20px;
}

.heading-one span,
.heading-two span,
.heading-three span{
	font-weight: 700;
}

img{
	max-width: 100%;
	height: auto;
}

figure{
	margin: 0;
	line-height: 0;
}

a,
a:hover,
a:focus{
	text-decoration: none;
	outline: 0;
}

.container{
	max-width: 1420px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	z-index: 1;
}

.row{
	margin-right: -20px;
	margin-left: -20px;
}

.row > *{
	padding-right: 20px;
	padding-left: 20px;
}

.row.no-gutters{
	margin-right: 0px;
	margin-left: 0px;
}

.row.no-gutters > *{
	padding-right: 0px;
	padding-left: 0px;
}

/* Button Start CSS */
.btn-default {
	position: relative;
	display: inline-grid;
	font-family: var(--default-font);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 0;
	background-color: transparent;
    color: var(--btn-default-color);
    padding: 0;
    text-decoration: none;
	outline-style: none;
	user-select: none;
	-webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.btn-default::after {
    content: '';
    display: block;
    position: absolute;
	top: -1px;
	left: -2px;
	right: -2px;
	bottom: -1px;
    border-radius: var(--btn-default-border-radius);
    transition: box-shadow 0.3s var(--btn-default-ease-focus);
    pointer-events: none;
    z-index: 1;
}

.btn-default:is(:focus-visible)::after {
    box-shadow: 0 0 0 0.125em var(--btn-default-color-focus);
}

.btn-default  .btn-default__bg {
    background-color: var(--btn-default-color-background);
	border: 1px solid var(--btn-default-color-background);
    border-radius: var(--btn-default-border-radius);
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    padding: 0;
    transition: scale 0.7s var(--btn-default-ease-hover-elastic-out);
}

.btn-default:hover .btn-default__bg,
.btn-default:focus-visible .btn-default__bg,
.btn-default:focus .btn-default__bg{
	scale: 1.035 1.075;
	transition: scale 0.75s 0.05s var(--btn-default-ease-hover-elastic-out);
}

.btn-default .btn-default__inner {
    grid-column-gap: var(--btn-default-gap);
    grid-row-gap: var(--btn-default-gap);
    width: 100%;
    height: 100%;
    padding: var(--btn-default-padding);
    z-index: 1;
    grid-area: 1 / 1;
    justify-content: center;
    align-items: center;
    display: flex;
}

.btn-default .btn-default__icon-wrap {
	display: grid;
    width: var(--btn-default-icon-width);
    height: var(--btn-default-icon-height);
    transition: scale 0.15s var(--btn-default-ease-click);
}

.btn-default:active .btn-default__icon-wrap {
    scale: var(--btn-default-click-scale);
}

.btn-default .btn-default__icon-outer {
	grid-area: 1 / 1;
    justify-content: center;
    align-items: center;
    display: flex;
	color: var(--btn-default-icon-color);
    background-color: var(--btn-default-icon-color-background);
	mask-image: url("../images/btn-arrow-shape.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
    width: 100%;
    height: 100%;
}

.btn-default .btn-default__icon-outer.is--default {
    transition: scale 0.4s var(--btn-default-ease-hover), rotate 0.4s var(--btn-default-ease-hover);
}

.btn-default .btn-default__icon-outer.is--hover {
    background-color: var(--btn-default-hover-icon-color-background);
    color: var(--btn-default-hover-icon-color);
    rotate: -102deg;
    scale: 0;
    transition: scale 0.325s var(--btn-default-ease-hover-out), rotate 0.4s var(--btn-default-ease-hover);
}

.btn-default:hover .btn-default__icon-outer.is--default,
.btn-default:focus .btn-default__icon-outer.is--default,
.btn-default:focus-visible .btn-default__icon-outer.is--default,
[data-hover].btn-default:hover .btn-default__icon-outer.is--default,
[data-hover].btn-default:focus .btn-default__icon-outer.is--default,
[data-hover].btn-default:focus-visible .btn-default__icon-outer.is--default{
	rotate: 102deg;
	scale: 0;
	transition: scale 0.325s 0.05s var(--btn-default-ease-hover-out), rotate 0.4s 0.05s var(--btn-default-ease-hover);
}

.btn-default .btn-default__icon-wrap svg{
	width: 27px;
	height: auto;
	fill: currentcolor;
	transition: all 0.4s ease-in-out;	
} 

.btn-default:hover .btn-default__icon-outer.is--hover,
.btn-default:focus .btn-default__icon-outer.is--hover,
.btn-default:focus-visible .btn-default__icon-outer.is--hover,
[data-hover].btn-default:hover .btn-default__icon-outer.is--hover,
[data-hover].btn-default:focus .btn-default__icon-outer.is--hover,
[data-hover].btn-default:focus-visible .btn-default__icon-outer.is--hover{
	scale: 1;
	rotate: 0deg;
	transition: scale 0.4s 0.05s var(--btn-default-ease-hover), rotate 0.4s 0.05s var(--btn-default-ease-hover);
}

/* Down Button CSS */
.down-arrow.btn-default .btn-default__icon-wrap svg{
	transform: rotate(90deg);
}

/* Button Yellow CSS */
.yellow-btn.btn-default{
	color: var(--btn-default-icon-color);
}

.yellow-btn.btn-default .btn-default__bg{
	background-color: var(--btn-default-color-hover-background);
	border-color: var(--btn-default-color-hover-background);
}

/* Button Border CSS */
.border-btn.btn-default{
	color: var(--btn-default-icon-color);
}

.border-btn.btn-default .btn-default__bg{
	background-color: transparent;
	border-color: var(--btn-default-color-bg-border);
}

/* No Text CSS */
.no-text.btn-default .btn-default__text,
.no-text.btn-default .btn-default__bg{
	display: none;
}

.no-text.btn-default .btn-default__inner{
	padding: 0;
}

.no-text.btn-default .btn-default__icon-wrap{
	width: 66px;
	height: 61.75px;
}

.no-text.btn-default .btn-default__icon-outer{
    background-color: var(--btn-default-color-hover-background);
}

.no-text.btn-default:hover .btn-default__icon-outer{
    background-color: var(--btn-default-hover-icon-color-background);
}

.no-text.btn-default .btn-default__icon-wrap svg{
	width: 40px;
}

/* No Arrow CSS */
.no-arrow.btn-default{
	font-size: 16px;
}

.no-arrow.btn-default .btn-default__icon-wrap{
	display: none;
}

.no-arrow.btn-default .btn-default__inner{
	padding: 15px 30px;
}

/* Arrow BG Primary Color */
.arrow-bg-primary.btn-default .btn-default__icon-outer{
	background-color: var(--primary-color);
	color: var(--secondary-color);
}

.arrow-bg-primary.btn-default .btn-default__icon-outer.is--hover{
	background-color: var(--yellow-color);
	color: var(--primary-color);
}

/* Read More CSS */
.readmore-btn.btn-default{
	position:relative;
/* 	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 2px;
	text-underline-offset: 10%;
	text-underline-position: from-font; */
	color: var(--btn-default-icon-color);
}

.readmore-btn.btn-default::before{
    content: '';
    position: absolute;
    left: auto;
	right: 16px;
	bottom: 10px;
    width: 0;
    height: 2px;
    background-color: currentcolor;
    transition: all 0.5s ease-in-out;
}

.readmore-btn.btn-default:hover:before{
	width: calc(100% - 32px);
	left: 16px;
	right: auto;
}



.readmore-btn.btn-default .btn-default__inner{
	padding: var(--btn-default-no-arrow-padding);
}

.readmore-btn.btn-default .btn-default__bg,
.readmore-btn.btn-default .btn-default__icon-wrap{
	display: none;
}

/* Button Mail CSS */
.mail-btn.btn-default{	
	font-size: 16px;
	font-weight: 400;
}

.mail-btn.btn-default .btn-default__bg{
	background-color: var(--btn-default-hover-icon-color-background);
	border-color: var(--btn-default-hover-icon-color-background);
}

.mail-btn.btn-default .btn-default__inner{
	flex-direction: row-reverse;
	padding: var(--btn-default-reverse-padding);
}

.mail-btn.btn-default .btn-default__icon-outer.is--hover{
	color: var(--btn-default-hover-icon-color-background);
	background-color: var(--btn-default-color-hover-background);
}

.mail-btn.btn-default .btn-default__icon-wrap svg{
	width: 16px;
}


/* Button End CSS */

.section-row{
	margin-bottom: 50px;
}

.section-row .section-title{
	margin-bottom: 0;
}

.section-row .section-btn{
	text-align: right;
}

.section-title{
	margin-bottom: 30px;
}

.section-title .heading-one{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.1em;
	color: var(--primary-color);
}

.section-title .heading-two{
	font-size: 48px;
	font-weight: 400;
	line-height: 1.15em;
}

.section-title p{
	margin-top: 30px;
	margin-bottom: 0;
}

.section-title.dark-section p,
.section-title.dark-section .heading-one,
.section-title.dark-section .heading-two{
	color: var(--secondary-color);
}

.section-title .section-title-content{
	font-size: 16px;
}

.section-btn{
	line-height: 0;
}

/* Gravity From Default CSS */
.gform_wrapper .gform_heading{
	display: none;
}

.gform_wrapper form .gform-body .gform_fields{
	row-gap: 10px;
	column-gap: 20px;
	--gf-field-gap-x: 20px;
	--gf-field-gap-y: 10px;
}

.gform_wrapper form .gform-body .gform_fields .gfield:not(.gfield--type-fileupload) .gfield_label{
	display: none;
}

.gform_wrapper form .gform-body .gform_fields .gfield input,
.gform_wrapper form .gform-body .gform_fields .gfield select,
.gform_wrapper form .gform-body .gform_fields .gfield textarea{
	--gf-ctrl-color: var(--text-color);
	--gf-ctrl-font-family: var(--default-font);
	--gf-ctrl-font-size: 18px;
	--gf-local-line-height: 1.5em;
	--gf-ctrl-font-weight: 400;
	--gf-ctrl-letter-spacing: -0.02em;
	--gf-ctrl-bg-color: transparent;
	--gf-ctrl-bg-color-hover: transparent;
	--gf-ctrl-bg-color-focus: transparent;
	--gf-ctrl-bg-color-error: transparent;
	--gf-ctrl-border-color: var(--divider-color);
	--gf-ctrl-border-color-hover: var(--divider-color);
	--gf-ctrl-border-color-focus: var(--divider-color);
	--gf-ctrl-border-color-error: var(--divider-color);
	--gf-ctrl-padding-x: 15px;
	--gf-ctrl-padding-y: 11px;
	border-radius: 3px;
	box-shadow: none;
	outline: none;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio .gfield_radio .gform-field-label,
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_checkbox .gfield_checkbox .gform-field-label{
	color: var(--text-color);
	font-family: var(--default-font);
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 400;
	letter-spacing: 0;
	cursor: pointer;
}

.gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-consent .ginput_container .gform-field-label{
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.gform_wrapper form .gform-body .gform_fields .gfield input,
.gform_wrapper form .gform-body .gform_fields .gfield select{
	height: auto;
}

.gform_wrapper form .gform-body .gform_fields .gfield select{
	cursor: pointer;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_fileupload input{
	--gf-ctrl-font-size: 14px;
	padding: 0 15px 0 0;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_fileupload .gform_fileupload_rules{
	display: none;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_fileupload input::file-selector-button{
	padding: 14px 15px;
	margin-bottom: -1px;
	border-color: var(--divider-color);
	cursor: pointer;
}

.gform_wrapper form .gform-body .gform_fields .gfield input::placeholder,
.gform_wrapper form .gform-body .gform_fields .gfield select::placeholder,
.gform_wrapper form .gform-body .gform_fields .gfield textarea::placeholder{
	opacity: 1 !important;
	color: var(--text-color);
}

.gform_wrapper form .gform-body .gform_fields .gfield .gchoice,
.gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-consent .ginput_container{
	align-items: flex-start;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio .gfield_radio input,
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_checkbox .gfield_checkbox input,
.gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-consent .ginput_container input{
	position: relative;
	top: 3px;
	width: 20px;
	height: 20px;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_radio .gfield_radio input{
	border-radius: 50%;
}

.gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-consent{
	margin: 10px 0;
}

.gform_wrapper form .gform_footer{
	--gf-form-footer-margin-y-start: 10px;
}

.gform_wrapper form .gform_footer .button{
	text-align: left !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.6em !important;
	color: var(--text-color) !important;
	background-color: var(--yellow-color) !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 3px !important;
	padding: 12px 15px !important;
	outline: none !important;
	transition: all 0.3s ease-in-out !important;
}

.yellow-floating-apply-ctabox .gform_wrapper form .gform_footer .button{
	color: var(--white-color) !important;
	background-color: var(--accent-color) !important;
}

.gform_wrapper form .gfield--type-submit .gform-loader,
.gform_wrapper form .gform_footer .gform-loader{
	display: none !important;
}

.gform_wrapper .gform_validation_errors{
	margin: 0 0 20px !important;
	outline: none !important;
	box-shadow: none !important;
}

.gform_wrapper form .gform-body .gform_fields .gfield .validation_message.gfield_validation_message{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	margin-top: 5px;
	padding: 0;
	border: none;
	background: transparent;
}

.gform_wrapper .gform_confirmation_message{
	color: var(--primary-color);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4em;
}

@media only screen and (max-width: 1024px){

	body{
		font-size: 16px;
	}

	.heading-one,
	.section-title .heading-one{
		font-size: 44px;
	}
	
	.heading-one span{
		font-size: 46px;
	}

	.heading-two,
	.section-title .heading-two{
		font-size: 36px;
	}

	.heading-three{
		font-size: 30px;
	}

	.heading-four{
		font-size: 24px;
	}

	.heading-five{
		font-size: 22px;
	}

	.heading-six{
		font-size: 18px;
	}

	.section-row{
		margin-bottom: 40px;
	}

	.section-title{
		margin-bottom: 20px;
	}

	.section-title p{
		margin-top: 20px;
	}

}

@media only screen and (max-width: 767px){

	.heading-one,
	.section-title .heading-one{
		font-size: 32px;
	}
	
	.heading-one span{
		font-size: 34px;
	}

	.heading-two,
	.section-title .heading-two{
		font-size: 30px;
	}

	.heading-three{
		font-size: 26px;
	}

	.heading-four{
		font-size: 22px;
	}

	.heading-five{
		font-size: 20px;
	}

	.heading-six{
		font-size: 16px;
	}

	.section-row{
		margin-bottom: 30px;
	}

	.page-header-breadcrumbs{
		margin-bottom: 30px;
	}

	/* Button Start CSS */
	
	.no-text.btn-default .btn-default__icon-wrap{
		width: 50px;
		height: 46px;
	}

	.no-text.btn-default .btn-default__icon-wrap svg{
		width: 30px;
	}
	
	/* No Arrow CSS */
	.no-arrow.btn-default{
		font-size: 14px;
	}

	.no-arrow.btn-default .btn-default__inner{
		padding: 12px 20px;
	}

	
	.mail-btn.btn-default{
		font-size: 14px;
	}
	
	/* Button End CSS */

	/* Gravity From Default CSS */
	.gform_wrapper form .gform-body .gform_fields .gfield input,
	.gform_wrapper form .gform-body .gform_fields .gfield select,
	.gform_wrapper form .gform-body .gform_fields .gfield textarea{
		--gf-ctrl-padding-y: 10px;
	}

	.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container_fileupload input::file-selector-button{
		padding: 12px 15px;
	}

	.gform_wrapper form .gform_footer .button{
		padding: 11px 15px !important;
	}

	.gform_wrapper .gform_confirmation_message{
		font-size: 18px;
	}
}

/*
 * Page Loader CSS
 * */

/* LOADER CSS */
.gb-loader{
	position: fixed;
	inset: 0;
	display: none;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	background-color: var(--accent-color);
	padding: 120px 60px 60px;
	opacity: 1;
	visibility: visible;
	z-index: 9999;
	transition: opacity .6s ease-in-out, visibility .6s ease-in-out;
}

html.gb-show-loader{
	overflow: hidden;
	height: 100%;
}

html.gb-show-loader{
	touch-action: none; 
}

html.gb-no-loader .gb-loader{
	display: none !important;
}

html.gb-show-loader .gb-loader{
	display: flex;
}

.gb-loader.loader-hide{
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none;
}

.gb-loader:before{
	content:'';
	position: absolute;
	bottom: 0;
	left: -1px;
	width: 1100px;
	height: 469px;
	clip-path: path("M97.4388 28.0435C258.508 -20.3432 437.742 -5.58989 589.088 68.2389C784.125 163.444 921.786 345.433 1100 469H0V64.3133C31.8246 50.4966 64.155 38.0173 97.4388 28.0435Z");
	background-color: #F1F2ED;
}

.gb-loader-content{
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 30px;
	justify-content: space-between;
	z-index: 2;
}

.gb-loader-logo figure{
	display: block;
	text-align: center;
}

.gb-loader-logo figure img{
	width: 100%;
	max-width: 530px;
}

.gb-loader-logo svg{
	width: 530px;
	height: auto;
}

.gb-loader-partner h3{
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.gb-loader-partner-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 25px 50px;
	max-width: 750px;
}

.gb-loader-partner-item a{
	display: block;
}

.gb-loader-partner-item img{
	width: 100%;
	max-width: 170px;
	height: 90px;
	filter: invert(25%) sepia(33%) saturate(2040%) hue-rotate(215deg) brightness(80%) contrast(110%);
}

.gb-loader-partner-item svg{
	width: 210px;
	height: auto;
	fill: var(--primary-color);
}

@media only screen and (max-width: 1024px){

	.gb-loader{
		padding: 200px 30px 30px;
	}

	.gb-loader:before{
		clip-path: path("M79.7226 22.961C211.506 -16.6563 358.153 -4.57679 481.981 55.8715C641.557 133.822 754.188 282.828 900 384H0V52.6574C26.0383 41.3447 52.4905 31.1272 79.7226 22.961Z");
		height: 384px;
		width: 900px;
	}

	.gb-loader-logo figure img {
		max-width: 450px;
	}

	.gb-loader-logo svg{
		width: 450px;
	}

	.gb-loader-partner h3{
		font-size: 26px;
	}

	.gb-loader-partner-list{
		gap: 20px 30px;
	}

	.gb-loader-partner-item img{
		max-width: 150px;
		height: 60px;
	}

	.gb-loader-partner-item svg{
		width: 170px;
	}
}

@media only screen and (max-width: 991px){

	.gb-loader:before{
		clip-path: path("M62.0065 17.8187C164.505 -12.926 278.563 -3.55178 374.874 43.3586C498.989 103.851 586.591 219.487 700 298H0V40.8643C20.252 32.0852 40.8259 24.156 62.0065 17.8187Z");
		height: 298px;
		width: 700px;
	}
}

@media only screen and (max-width: 767px) {

	.gb-loader {
		padding: 200px 20px 30px;
	}

	.gb-loader-logo figure img {
		max-width: 250px;
	}

	.gb-loader-logo svg{
		width: 250px;
	}

	.gb-loader-partner h3 {
		font-size: 20px;
	}

}

@media only screen and (max-width: 600px) {

	.gb-loader:before{
		clip-path: path("M48.7194 13.9919C129.254 -10.1499 218.871 -2.78898 294.544 34.0467C392.063 81.5475 460.893 172.348 550 234H0V32.0881C15.9123 25.1945 32.0775 18.9681 48.7194 13.9919Z");
		height: 234px;
		width: 550px;
	}

	.gb-loader-partner-list{
		gap: 20px 10px;
		justify-content: space-between;
	}

	.gb-loader-partner-item img{
		max-width: 100px;
		height: 50px;
	}

	.gb-loader-partner-item svg{
		width: 100px;
	}
	
}

/*
 * Page Header CSS
 * */
.page-header{
	margin-top: 155px;
	padding: 50px 0 100px;
}

/* Page Header With No Image CSS */
.page-header-normal{
	margin-top: 155px;
	padding: 75px 0 0;
}

.page-header-normal .container {
    max-width: 970px;
}

.page-header-normal .section-title{
	margin-bottom: 0;
}

.page-header-normal .section-content{
	max-width: 700px;
    margin: 30px auto 0;
}

.page-header-normal .section-content p:last-child{
	margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
	
	.page-header{
		margin-top: 105px;
		padding: 40px 0 50px;
	}
	
	/* Page Header With No Image CSS */
	.page-header-normal {
		margin-top: 105px;
		padding: 50px 0 0;
	}
	
	.page-header-normal .section-content{
		margin: 20px auto 0;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.page-header{
		margin-top: 90px;
		padding: 30px 0 50px;
	}
	
	/* Page Header With No Image CSS */
	.page-header-normal {
		margin-top: 90px;
	}

}

/*
 * Partner Logo CSS
 * */

.partner-logos{
	position: relative;
	display: block;
	--partner-shape-top: 18.75vw;
	--partner-shape-bottom: 10.417vw;
	background-color: var(--accent-color);
}

.partner-logos:has(.partner-logo-image){
	margin-top: 40px;
}

.partner-logos:before{
	content: '';
	position: relative;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	background-color: var(--bg-color);
	mask-image: url("../images/partner-top-shape.svg");
	mask-position: top center;
	mask-repeat: no-repeat;
	mask-size: 101% auto;
	width: 100%;
	height: var(--partner-shape-top);
}

.partner-logos:after{
	content: '';
	position: relative;
	display: block;
	top: auto;
	left: 0;
	right: 0;
	bottom: -1px;
	background-color: var(--bg-color);
	mask-image: url("../images/partner-bottom-shape.svg");
	mask-position: bottom center;
	mask-repeat: no-repeat;
	mask-size: 101% auto;
	width: 100%;
	height: var(--partner-shape-bottom);
}

.partner-logos .container-fluid{
	padding-right: 0;
	padding-left: 0;
}

.partner-logos:not(:has(.partner-logo-image)) .container-fluid{
	padding-right: 20px;
	padding-left: 20px;
}

.partner-logo-wrapper:has(.partner-logo-image){
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-left: 60px;
}

.partner-logo-wrapper:not(:has(.partner-logo-image)){
	margin: 0 auto;
	max-width: 1380px;
	padding-bottom: 120px;
}

.partner-logo-wrapper .partner-logo-slider{
	flex: 1;
	max-width: 1100px;
}

.partner-logo-wrapper:not(:has(.partner-logo-image)) .partner-logo-slider{
	max-width: 100%;
}

.partner-logos .section-title{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.partner-logo-slider .section-title:after{
	content: '';
	position: relative;
	display: block;
	inset: 0;
	background-color: #F1F2EC;
	mask-image: url(../images/partner-arrow.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: cover;
	width: 55px;
	height: 45px;
}

.partner-logo-slider .section-title .heading-five{
	color: var(--secondary-color);
	max-width: 178px;
}
	
.partner-logo-container .partner-logo-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px 6.771vw;
}

.partner-logo-item .partner-logo-list a{
	display: block;
}

.partner-logo-item .partner-logo-list img{
	width: 100%;
	max-width: 240px;
	height: 90px;
	object-fit: contain;
	filter: invert(1);
}

.partner-logo-item .partner-logo-list svg{
	fill: var(--secondary-color);
	width: 240px;
	height: auto;
}

.partner-logo-wrapper .partner-logo-image{
	flex-shrink: 0;
	margin-top: -20.833vw;
}

.partner-logo-image .round-img{
	margin-right: -100px;
}

.partner-logo-image .round-img img{
	width: 100%;
	max-width: 37.037vw;
	aspect-ratio: 1 / 0.929;
	object-fit: cover;
	mask-image: url(../images/image-circle-shape.svg);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}

.partner-logo-image .floating-image{
	text-align: right;
	margin-top: -50px;
	z-index: 1;
	position: relative;
	padding-right: 20px;
}

.partner-logo-image .floating-image img{
	width: 100%;
	max-width: 155px;
}

@media only screen and (max-width: 1440px) {
	
	.partner-logo-wrapper{
		padding-left: 30px;
	}
	
	.partner-logo-wrapper:not(:has(.partner-logo-image)){
		padding-left: 0;
	}

}

@media only screen and (max-width: 1340px) {
	
	.partner-logo-container .partner-logo-item{
		gap: 30px;
	}
	
	.partner-logo-wrapper:not(:has(.partner-logo-image)) .partner-logo-container .partner-logo-item{
		gap: 30px 6.771vw;
	}
}

@media only screen and (max-width: 1024px) {
	
	.partner-logo-slider .section-title .heading-five{
		max-width: 165px;
	}
	
	.partner-logos:has(.partner-logo-image){
		margin-top: 30px;
	}
	
	.partner-logo-wrapper:has(.partner-logo-image){
		gap: 10px;
		padding-left: 20px;		
	}
	
	.partner-logo-wrapper:not(:has(.partner-logo-image)){
		padding-top: 20px;
		padding-bottom: 80px;
	}

	.partner-logo-item .partner-logo-list img{
		max-width: 180px;
		height: 75px;
	}	

	.partner-logo-item .partner-logo-list svg{
		width: 180px;
	}
	
	.partner-logo-image .round-img{
		margin-right: -50px;	
	}
	
	.partner-logo-image .floating-image img{
		max-width: 125px;
	}
}

@media only screen and (max-width: 991px) {
	
	.partner-logos .container-fluid{
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.partner-logo-wrapper{
		gap: 40px;
        padding-left: 0;
		flex-direction: column-reverse;
		padding-bottom: 50px;
	}
	
	.partner-logo-wrapper:has(.partner-logo-image){
		gap: 40px;
		padding-left: 0;
	}
	
	.partner-logo-wrapper .partner-logo-slider {
		flex: auto;
		max-width: 100%;
	}
	
	.partner-logo-slider .section-title:after{
		width: 45px;
		height: 35px;
	}
	
	.partner-logo-wrapper .partner-logo-image{
		margin-top: -20.833vw;
	}
	
	.partner-logo-image .round-img{
		margin-right: 0;
	}
	
	.partner-logo-image .round-img img{
		max-width: 560px;
	}
	
	.partner-logo-image .floating-image{
		margin-top: -120px;
	}
	
	.partner-logo-image .floating-image img{
		max-width: 115px;
	}

}

@media only screen and (max-width: 767px) {
	
	.partner-logo-slider .section-title .heading-five{
		max-width: 148px;
	}
	
	.partner-logos:has(.partner-logo-image){
		margin-top: 0;
	}
	
	.partner-logo-wrapper:has(.partner-logo-image){
		padding-top: 30px;
		gap: 40px;		
	}
	
	.partner-logo-wrapper:not(:has(.partner-logo-image)) {
		padding-top: 20px;
		padding-bottom: 50px;
	}
	
	.partner-logo-slider .section-title:after{
		width: 35px;
		height: 25px;
	}
	
	.partner-logo-container .partner-logo-item,
	.partner-logo-wrapper:not(:has(.partner-logo-image)) .partner-logo-container .partner-logo-item{
		gap: 20px 30px;
	}
	
	.partner-logo-item .partner-logo-list img {
        max-width: 140px;
        height: 58px;
    }
	
	.partner-logo-item .partner-logo-list svg{
		width: 140px;
	}
	
	.partner-logo-wrapper .partner-logo-image{
		margin-top: 0;
	}
	
	.partner-logo-image .floating-image {
		margin-top: -80px;
	}
	
	.partner-logo-image .floating-image img{
		max-width: 75px;
	}
}


/*
 * Global White Shape CSS
 * */
.white-shape-section{
	--white-shape-top: 16.406vw;
	--white-shape-bottom: 10.938vw;
	position: relative;
	background-color: var(--secondary-color);
	margin: var(--white-shape-top) 0 var(--white-shape-bottom);
	display: block;
}

.white-shape-section:before{
	content: '';
	position: absolute;
	display: block;
	top: calc(var(--white-shape-top) * -1 + 1px);
	left: 0;
	right: 0;
	background-color: var(--secondary-color);
	mask-image: url("../images/white-section-bottom-shape.svg");
	mask-position: 50% calc(0% + 10px);
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	width: calc(100% + 10px);
	height: var(--white-shape-top);
}

.white-shape-section:after{
	content: '';
	position: absolute;
	display: block;
	top: auto;
	left: 0;
	right: 0;
	bottom: calc(var(--white-shape-bottom) * -1);
	background-color: var(--secondary-color);
	mask-image: url("../images/white-section-top-shape.svg");
	mask-position: top center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	width: 100%;
	height: var(--white-shape-bottom);
}

/*
 * Global White Shape CSS
 * */

.light-blue-shape-section{
	--light-blue-shape-top: 16.406vw;
	--light-blue-shape-bottom: 10.938vw;
	position: relative;
	background-color: var(--light-blue);
	margin: 16.406vw 0 10.938vw;
	display: block;
}

.light-blue-shape-section:before{
	content: '';
	position: absolute;
	display: block;
	top: calc(var(--light-blue-shape-top) * -1 + 2px);
	left: 0;
	right: 0;
	background-color: var(--light-blue);
	mask-image: url("../images/white-section-bottom-shape.svg");
	mask-position: bottom center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 100%;
	height: var(--light-blue-shape-top);
	transform: scaleX(-1);
}

.light-blue-shape-section:after{
	content: '';
	position: absolute;
	display: block;
	top: auto;
	left: 0;
	right: 0;
	bottom: calc(var(--light-blue-shape-bottom) * -1);
	background-color: var(--light-blue);
	mask-image: url("../images/white-section-top-shape.svg");
	mask-position: top center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 100%;
	height: var(--light-blue-shape-bottom);
	transform: scaleX(-1);
}

/*
 * Global Step Carousel CSS
 * */
.step-slider-section .container-fluid{
	padding-left: 0;
	padding-right: 0;
}

.step-slider-section .step-section-title-shape{
	position: absolute;
	top: -180px;
	left: 0;
	background-color: var(--accent-color);
	mask-image: url("../images/step-section-title-shape.svg");
	mask-position: top left;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	width: 732.604px;
	height: 593.678px;
	z-index: -1;
}

.step-slider-section .section-row{
	margin-bottom: 200px;
}

.step-slider-section .section-title.green-bg-title{
	position: relative;
	max-width: 500px;
	margin-left: 3.125vw;	
}

.step-slider-section .section-title.green-bg-title .heading-one{
	color: var(--secondary-color);
}

.step-slider-section .section-body{
	font-size: 22px;
	max-width: 540px;
	margin-left: auto;
	margin-right: 3.125vw; 
}

.step-slider-section .section-body p:last-child{
	margin-bottom: 0;
}

.step-item-list{
	position: relative;
	display: flex;
	gap: 20px;
	padding-left: calc(((100vw - 1420px) / 2) - 0px);
	/* Matches .step-slider-footer-btn's own padding-right below, so the
	 * trailing space after the last card lines up with the "Naar de
	 * aanpak" link instead of drifting with viewport width. */
	padding-right: 64px;
	overflow-x: scroll;
	/* Without this, dragging past the start/end of this horizontal scroller
	 * (e.g. a right-swipe once already at the leftmost card) lets the touch
	 * gesture "chain" into the page's own vertical scroll, which on mobile
	 * can jump the whole page to the top instead of just stopping here. */
	overscroll-behavior-x: contain;
	z-index: 2;
}

.step-slider-item{
	min-width: 350px;
	display:flex;
	flex-wrap:wrap;
	flex-direction: column;
	gap: 30px;
}

.step-slider-no{
	position: relative;
	flex-shrink: 0;
}

.step-slider-no:before{
	content: '';
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	height: 3px;
	right: calc(-50% - -30px);
	width: calc(100% - 80px);
	/* Defaults to fully filled (matches the original static look) for mobile/
	 * no-JS; initProcessSteps() in gsap-animation.js drives --step-line-fill
	 * from 0% up to 100% as each step becomes active on desktop. */
	background: linear-gradient(to right, var(--primary-color) var(--step-line-fill, 100%), #2835831A var(--step-line-fill, 100%));
	z-index: 2;
}

.step-item-list .step-slider-item:nth-last-child(2) .step-slider-no:before{
	display: none;
}

.step-slider-no .heading-three{
	font-size: 36px;
	font-weight: 700;
	mask-image:url('../images/steo-icon-bg-shape.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 63px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2835831A;
	height: 62px;
	width: 62px;
	margin: 0 auto;
	transition: all 0.3s ease-in-out;
}

/* Scoped to real pointer devices: on touch browsers (mobile Safari included)
 * a tap triggers :hover and leaves it "stuck" until you tap elsewhere, so an
 * unscoped rule here lit up whichever card you last tapped rather than the
 * one actually scrolled into view. The scroll-driven .is-active class below
 * handles the touch case instead. */
@media (hover: hover) and (pointer: fine) {
	.step-slider-item:hover .step-slider-no .heading-three{
		background-color: var(--yellow-color);
	}
}

.step-slider-item.is-active .step-slider-no .heading-three{
	background-color: var(--yellow-color);
}

.step-slider-body{
	background: var(--secondary-color);
	border-radius: 12px;
	padding: 50px 30px;
	flex: 1;
}

.step-slider-icon{
	margin-bottom: 20px;
}

.step-slider-icon figure{
	mask-image:url('../images/steo-icon-bg-shape.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% auto;
	background-color: #FFE6E1;
	max-width: 92px;
}

.step-slider-icon figure img{
	width: 100%;
	max-width: 92px;
	filter: brightness(0) saturate(100%) invert(39%) sepia(97%) saturate(3718%) hue-rotate(334deg) brightness(105%) contrast(101%);
}

.step-slider-icon svg{
	width: 92px;
	fill: #FF4148;
	height: auto;
}

.step-slider-content .heading-three{
	font-size: 38px;
	font-weight: 700;
}

.step-slider-content p{
	font-size: 16px;
	margin: 10px 0 0;
}

.step-slider-cta{
	background: var(--purple-color);
	border-radius: 12px;
	padding: 50px 30px;
	margin-top: 92px;
}

.step-slider-cta-content .heading-three{
	font-size: 38px;
	font-weight: 700;
	color: var(--secondary-color);
}

.step-slider-cta-content p{
	font-size: 16px;
	color: var(--secondary-color);
	margin: 10px 0 0;
}

.step-slider-cta-btn{
	display: flex;
	flex-wrap:wrap;
	flex-direction: column;
	align-items: start;
	gap: 10px;
}

.step-slider-cta-btn .border-btn.btn-default{
	color: var(--secondary-color);
}

.step-slider-footer-btn{
	text-align: right;
	padding-right: 64px;
	margin-top: 30px;
}

@media only screen and (max-width: 1600px) {
	
	.step-slider-section .step-section-title-shape{
		top: -9.375vw;
		width: 41.156vw;
		height: 33.921vw;
	}
	
	.step-slider-section .section-row {
		margin-bottom: 160px;
	}
	
}

@media only screen and (max-width: 1440px) {
	
	.step-item-list{
		padding-left: 20px;
	}

}

@media only screen and (max-width: 1420px) {
	
	.step-slider-section .step-section-title-shape{
		width: 45.156vw;
		height: 36.921vw;
	}
	
}

@media only screen and (max-width: 1370px) {
	
	.step-slider-section .container-fluid{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.step-slider-section .section-title.green-bg-title{
		margin-left: 0;
	}
	
	.step-slider-section .section-body{
		margin-right: 0;
	}
	
	.step-slider-footer-btn{	
		padding-right: 0;		
	}
	
}

@media only screen and (max-width: 1199px) {
	
	.step-slider-section .step-section-title-shape {
        width: 50.156vw;
        height: 40.921vw;
    }
}

@media only screen and (max-width: 1024px) {
	
	.step-slider-section .step-section-title-shape {
		top: -12.375vw;
		width: 52.156vw;
		height: 42.921vw;
	}
	
	.step-slider-section .section-row {
		margin-bottom: 60px;
	}
	
	.step-slider-section .section-title.green-bg-title{
		max-width: 520px;
	}
	
	.step-slider-section .section-body{
		font-size: 20px;
		max-width: 480px;
	}
	
	.step-slider-item{
		gap: 20px;
	}
	
	.step-slider-body{
		padding: 30px 20px;
	}
	
	.step-slider-no .heading-three{
		font-size: 30px;
		mask-size: 52px auto;
		width: 52px;
		height: 52px;
	}

	.step-slider-no:before {
		right: calc(-50% - -20px);
		width: calc(100% - 60px);
	}
	
	.step-slider-icon figure,
	.step-slider-icon figure img{
		max-width: 72px;
	}
	
	.step-slider-icon svg{
		width: 72px;
	}
	
	.step-slider-content .heading-three{
		font-size: 32px;
	}
	
	.step-slider-cta{
		padding: 30px 20px;
		margin-top: 72px;
	}
	
	.step-slider-cta-content .heading-three{
		font-size: 32px;
	}
}

@media only screen and (max-width: 991px) {
	
	.step-slider-section .step-section-title-shape {
		top: -10.375vw;
		width: 59.156vw;
		height: 48.921vw;
	}
	
	.step-slider-section .section-title.green-bg-title{
		max-width: 520px;
	}
	
	.step-slider-section .section-body {
		font-size: 20px;
		max-width: 460px;
	}
}

@media only screen and (max-width: 767px) {
	
	.step-slider-section .step-section-title-shape {
		top: -80px;
		width: 320px;
		height: 300px;
		left: -30px;
		transform: rotate(15deg);
	}

	.step-slider-section .section-row {
		margin-bottom: 30px;
	}
	
	.step-slider-section .section-title.green-bg-title{
		/* The line break is now forced in the markup (page-home.php) right
		 * after "Met de buren,", so this no longer needs to be narrow enough
		 * to control wrapping — it just needs enough room for "Met de buren,"
		 * itself to fit on one line, which 55% wasn't on real phones (it
		 * wrapped a second time, into three lines total). */
		max-width: 100%;
		margin-top: -30px;
	}
	
	.step-slider-section .section-body{
		max-width: 100%;
		font-size: 18px;
		/* Title height varies with how many lines it wraps to across this
		 * breakpoint's width range, but the green shape's position is fixed —
		 * so pinning clearance to a margin here (independent of shape tuning)
		 * is what keeps this text off the green reliably at every width,
		 * rather than relying on the shape and title happening to line up. */
		margin-top: 80px;
	}
	
	.step-slider-item{
		min-width: 280px;
	}
	
	.step-slider-no .heading-three{
		font-size: 24px;
	}
	
	.step-slider-body{
		padding: 20px;
		min-height: auto;
	}

	.step-slider-icon figure,
	.step-slider-icon figure img{
		max-width: 62px;
	}

	.step-slider-icon svg{
		width: 62px;
	}
	
	.step-slider-content .heading-three {
		font-size: 28px;
	}
	
	.step-slider-cta{
		padding: 20px;
	}
	
	.step-slider-cta-content .heading-three {
        font-size: 28px;
    }
	
}

/* Was previously blowing the shape up to width/height:100% and the title
 * back to max-width:100% below 450px — which covers essentially every real
 * phone (iPhone 15 Pro Max is 430px), so those overrides were the actual
 * cause of the oversized blob and the bad "Met de buren, voor de / buurt"
 * line break on real devices: they silently cancelled out the 767px
 * breakpoint's already-correct 320x300 shape and 55% title width. Removed
 * so phones just inherit the 767px breakpoint's values instead. */



/*
 * Global FAQ's CSS
 * */
.faq-accordion .accordion-item{
	background: #E2E8F2;
	border-radius: 12px;
	margin-bottom: 24px;
}

.faq-accordion .accordion-item:last-child{
	margin-bottom: 0;
}

.faq-accordion .accordion-item .accordion-header .accordion-button{	
	position: relative;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2em;
	padding: 20px;
}

.faq-accordion .accordion-item .accordion-button span{
	width: calc(100% - 52px)
}

.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after{
	content: '\2b';
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Font Awesome 7 Free';
	font-size: 20px;
	font-weight: 900;
	color: var(--primary-color);
	background-color: var(--secondary-color);
	border-radius: 12px;
	width: 40px;
	height: 40px;	
	box-shadow: 0px 0px 1px 0px #00000008, 0px 2px 2px 0px #00000008, 0px 4px 3px 0px #00000005, 0px 8px 3px 0px #00000000, 0px 12px 3px 0px #00000000;
	transition: all 0.4s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after{
    content: '\f068';
}

.faq-accordion .accordion-item .accordion-body{
	padding: 0 20px 20px;
}

.faq-accordion .accordion-item .accordion-body p{
	font-size: 16px;
}

.faq-accordion .accordion-item .accordion-body p:last-child{
	margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
	
	.faq-accordion .accordion-item .accordion-header .accordion-button{
		font-size: 20px;
	}
}

@media only screen and (max-width: 767px) {
	
	.faq-accordion .accordion-item .accordion-header .accordion-button{
		font-size: 18px;
		padding: 15px;
	}
	
	.faq-accordion .accordion-item .accordion-button span {
		width: calc(100% - 40px);
	}
	
	.faq-accordion .accordion-item .accordion-button::after, 
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		font-size: 16px;
		border-radius: 8px;
		width: 30px;
		height: 30px;
	}
	
	.faq-accordion .accordion-item .accordion-body{
		padding: 0 15px 15px;
	}
}

/* 
* Global Video Box CSS 
* */
.video-box{
	position: relative;
	line-height: 0;
}

.video-box video{
	width: 100%;
}

.video-box .mute-btn{
	position: absolute;
	top: 20px;
	left: 20px;
	color: #283583;
	background: #F1F1F1;
	border: none;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-box .mute-btn span,
.video-box .mute-btn.mute span{
	display: block;
	background-color: currentcolor;
	mask-image: url("../images/mute.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 20px;
	height: 20px;
	transition: all 0.3s ease-in-out;
}

.video-box .mute-btn.unmute span{
	mask-image: url("../images/unmute.svg");
}

.video-box .play-pause-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #F1F1F1;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

/* Play triangle */
.video-box .play-pause-btn.play span{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 16px;
	border-color: transparent transparent transparent #283583;
	margin-left: 3px; /* optical centering */
}

/* Pause bars */
.video-box .play-pause-btn.pause span{
	width: 16px;
	height: 16px;
	position: relative;
}

.video-box .play-pause-btn.pause span::before,
.video-box .play-pause-btn.pause span::after{
	content: '';
	position: absolute;
	top: 0;
	width: 5px;
	height: 16px;
	background: #283583;
}

.video-box .play-pause-btn.pause span::before{ 
	left: 0; 
}

.video-box .play-pause-btn.pause span::after{ 
	right: 0; 
}

/* Optional: hide the button once playing, show again on hover */
.video-box .play-pause-btn.pause{
	opacity: 0;
}

.video-box:hover .play-pause-btn.pause{
	opacity: 1;
}

@media only screen and (max-width: 767px) {

	.video-box .mute-btn{
		top: 15px;
		left: 15px;
		width: 32px;
		height: 32px;
	}

	.video-box .mute-btn span, .video-box .mute-btn.mute span{
		width: 18px;
		height: 18px;
	}
	
	.video-box .play-pause-btn{
		width: 50px;
		height: 50px;
	}

	.video-box .play-pause-btn.play span{
		border-width: 8px 0 8px 14px;
	}

	
}

/* 
 * Global CTA Templated CSS
 * */

.page-cta-section{
	padding: 75px 0;
}

.page-cta-section .container{
	max-width: 900px;
}

.page-cta-section .section-title .section-title-content{
	max-width: 600px;
	margin: 50px auto 0;
}

.page-cta-section .section-title .section-title-content p:first-child{
	margin-top: 0;
}

.page-cta-section .section-title{
	margin-bottom: 50px;
}

.page-cta-section .section-btn{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 1024px) {

	.page-cta-section{
		padding: 50px 0 80px;
	}

	.page-cta-section .section-title .section-title-content{
		margin: 40px auto 0;
	}

	.page-cta-section .section-title{
		margin-bottom: 40px;
	}

}

@media only screen and (max-width: 767px) {
	
	.page-cta-section{
		padding: 50px 0;
	}

	.page-cta-section .section-title .heading-one br{
		display: none;
	}

	.page-cta-section .section-title .section-title-content{
		margin: 30px auto 0;
	}

	.page-cta-section .section-title{
		margin-bottom: 30px;
	}

}

/*
 * Cascading Slider CSS
 * */
[data-cascading-viewport]{
	--gap: 8px;
}

[data-cascading-slide]{
	--clip: 0;
	--radius: 8px;
}

.cascading-slider{
	width: 100%;
	max-width: 100%;
	position: relative;
}

.cascading-slider__collection{
	width: 100%;
}

.cascading-slider__list{
	width: 100%;
	height: 435px;
	position: relative;
	overflow: hidden;
}

.cascading-slider__item{
	color: #fff;
	position: absolute;
	inset: 0% auto auto 0%;
	height: 100%;
	cursor: pointer;
	will-change: transform, clip-path;
	clip-path: inset(0px calc(var(--clip) * 1px) round var(--radius));
	-webkit-user-select: none;
	user-select: none;
}

.cascading-slider__item[data-status="active"]{
	cursor: default;
}

.cascading-slider__item-inner{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.cascading-slider__item-bg{
	z-index: 0;
	position: absolute;
	inset: 0%;
}

.cascading-slider__img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0%;
}
.cascading-slider__nav{
  display: none;
}


/*
 * Flick Card Slider CSS
 * */
.flick-group{
	position: relative;
}

.flick-group__relative-object{
	opacity: 0;
	pointer-events: none;
	width: 100%;
	position: relative;
}

.flick-group__relative-object-before{
	padding-top: 78%;
}

.flick-group__collection{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.flick-group__list{
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: relative;
}

.flick-group__item{
	position: absolute;
}

.flick-card{
	color: #fff;
	-webkit-user-select: none;
	user-select: none;
	background-color: var(--primary-color);
	border-radius: 20px;
	justify-content: center;
	align-items: center;
	width: 380px;
	display: flex;
	position: relative;
	overflow: hidden;
}

.flick-card__before{
	padding-top: 150%;
}

.flick-card__media{
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}

.flick-card__media figure{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}

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

[data-flick-cards-dragger]{
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: auto;
	touch-action: pan-y;
}

/* Position Slides */
[data-flick-cards-item-status] .flick-card__media{
	transition: opacity 0.2s ease;
	opacity: 0.9;
}

[data-flick-cards-item-status="2-before"] .flick-card__media,
[data-flick-cards-item-status="2-after"] .flick-card__media{
	transition: opacity 0.2s ease;
	opacity: 1;
}

[data-flick-cards-item-status="active"] .flick-card__media{
	opacity: 1;
}

.flick-card-navigation{
	position: absolute;
	top: auto;
	left: 50%;
	bottom: -60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: var(--yellow-color);
	mask-image: url("../images/btn-arrow-shape.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 130px;
	height: 120px;
	transform: translateX(-50%);
	z-index: 10;
}

.flick-card-navigation button{
	background: transparent;
	border: none;
	padding: 0;
	background-color: var(--primary-color);
	mask-image: url("../images/long-arrow.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 80.5px;
	height: 24.5px;
}

.flick-card-navigation button.btn-next{
	transform: scale(-1);
}

@media only screen and (max-width: 1024px) {
	
	.flick-group{
		max-width: 740px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	
	.flick-group__relative-object-before{
		padding-top: 430px;
	}

	.flick-card{
		width: 280px;
	}
	
	.flick-card-navigation{
		bottom: -40px;
		width: 90px;
		height: 80px;
	}

	.flick-card-navigation button{
		width: 50.5px;
		height: 20.5px;
	}
}

@media only screen and (max-width: 767px) {
	
	.flick-group__relative-object-before{
		padding-top: 360px;
	}

	.flick-card{
		width: 240px;
	}
	
	.flick-card-navigation{
		width: 80px;
		height: 70px;
	}

	.flick-card-navigation button{
		width: 40.5px;
		height: 18.5px;
	}
}

/*
 * Header CSS
 * */
.main-header{
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 99;
}

.navbar,
.navbar .container-fluid{
	padding: 0
}

.main-header .navbar-brand{
	margin: 0;
	padding: 0;
}

.navbar-brand img{
	width: 100%;
	max-width: 130px;
}

.navbar-brand svg{
	width: 130px;
	height: auto;
}

/* Header Nav Button & Toggle CSS */

.nav-modal-floating-btn{
	position: fixed;
	top: 30px;
	right: 30px;
	left: auto;
	bottom: auto;
	z-index: 100;
}

.modal-btn-default{
	position: relative;
	color: var(--button-091-color);
	background-color: #0000001A;
	border: 1px solid #E7E8E399;
	border-radius: 100px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex-direction: row;
	align-items: center;
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	height:auto;
	width:auto;
	padding: 5px 11px 5px 5px;
	margin: 0 !important;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	transition: all 0.3s ease-in-out;
}

.modal-btn-default:not(:has(.button-091)){
	padding: 8px;
}

.modal-btn-default:hover,
.modal-btn-default:focus,
.modal-btn-default:focus-visible,
.modal-btn-default:active{
	background-color: #0000001A !important;
	border: 1px solid #E7E8E399 !important;
	outline: none !important;
	box-shadow: none;
}

.button-091 {
	color: var(--button-091-color);
	-webkit-user-select: none;
	user-select: none;
	background-color: #0000;
	outline-style: none;
	padding: 0;
	line-height: 1;
	text-decoration: none;
	display: inline-grid;
	position: relative;
	-webkit-tap-highlight-color: transparent;
}

.button-091::after {
	content: "";
	display: block;
	position: absolute;
	inset: var(--button-091-focus-inset);
	border-radius: var(--button-091-border-radius);
	transition: box-shadow 0.3s var(--button-091-ease-focus), scale 0.45s var(--button-091-ease-hover);
	pointer-events: none;
	z-index: 1;
}

.button-091:is(:focus-visible)::after {
	box-shadow: 0 0 0 0.125em var(--button-091-color-focus);
	scale: var(--button-091-scale-x) var(--button-091-scale-y);
	transition: box-shadow 0.3s var(--button-091-ease-focus), scale 0.55s 0.05s var(--button-091-ease-hover);
}

.button-091__bg {
	background-color: var(--button-091-color-background);
	border-radius: var(--button-091-border-radius);
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
	padding: 0;
	transition: scale 0.6s var(--button-091-ease-hover);
}

.button-091:active .button-091__bg {
	scale: calc(2 - var(--button-091-scale-x)) calc(2 - var(--button-091-scale-y));
}

.button-091__place {
	z-index: 2;
	padding: 0;
	position: absolute;
	inset: 0;
}

.button-091__inner {
	grid-column-gap: 0.125em;
	grid-row-gap: 0.125em;
	width: 100%;
	height: 100%;
	padding: var(--button-091-padding);
	z-index: 1;
	grid-area: 1 / 1;
	justify-content: center;
	align-items: center;
	display: flex;
}

.button-091__text {
	transition: scale 0.6s var(--button-091-ease-hover);
}

.button-091__spark {
	position: absolute;
	width: 0.375em;
	height: 0.15625em;
	border-radius: 0.375em;
	background: var(--button-091-burst-color);
	pointer-events: none;
	z-index: 1;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	
	.button-091:is(:hover, :focus-visible) .button-091__bg,
	[data-hover]:is(:hover, :focus-visible) .button-091 .button-091__bg {
		scale: var(--button-091-scale-x) var(--button-091-scale-y);
		transition: scale 0.7s var(--button-091-ease-hover);
	}

	.button-091:is(:hover, :focus-visible) .button-091__text,
	[data-hover]:is(:hover, :focus-visible) .button-091 .button-091__text {
		transition: scale 0.7s var(--button-091-ease-hover);
		scale: 1.025;
	}

	.button-091:active .button-091__text {
		scale: 0.975;
	}
}

@media (hover: hover) and (pointer: fine) {
	
	.button-091:active .button-091__bg {
		scale: 1 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	
	.button-091__spark {
		display: none;
	}
}

/* Toggle Button CSS */
.modal-btn-default .btn-toggle{
	width: 46px;
	height: 45px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: var(--button-091-color);
	mask-image: url("../images/btn-arrow-shape.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.modal-btn-default .btn-toggle{
	border: none;
}

.modal-btn-default .btn-toggle svg{
	width: 28px;
	color: var(--button-091-color-background);
}

/* Full Width Menu Open in Popup CSS */
.gb-nav-modal .modal-header{
	position: absolute;
	top: 30px;
	right: 45px;
	left: auto;
	bottom: auto;
	border: none;
	padding: 0;
	z-index: 99;
}

.gb-nav-modal .modal-btn-default{
	padding: 5px 11px 5px 5px;
	opacity: 1;
	--bs-btn-close-bg: none;
}

body.modal-open{
	padding-right: 0 !important;
}

.modal-body{
	padding: 120px 50px 50px 50px;
	align-content: center;
}

.header-primary-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-primary-nav ul li{
	margin-bottom: 35px;
}

.header-primary-nav ul li:last-child{
	margin-bottom: 0px;
}

.header-primary-nav ul li a{
	display: flex;
	flex-direction: column;
	transition: all 0.4s ease-in-out;
}

.header-primary-nav ul li a:hover{
	transform: translatex(10px);
}

.header-primary-nav ul li a .menu-title{
	display: inline-block;
	font-size: 62px;
	font-weight: 700;
	line-height: 1.2em;
	color: var(--primary-color);
	margin-bottom: 8px;
}

.header-primary-nav ul li a .menu-description{
	font-size: 24px;
	line-height: 1.25em;
	color: var(--primary-color);
	opacity: 70%;
}

.header-secondary-nav{
	margin-top: 80px;
	padding-top: 40px;
	border-top: 1px solid #2835834D;
}

.header-secondary-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-secondary-nav ul li{
	margin-bottom: 20px;
}

.header-secondary-nav ul li:last-child{
	margin-bottom: 0;
}

.header-secondary-nav ul li.mobile-menu{
	display: none;
}

.header-secondary-nav ul li a{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.header-secondary-nav ul > li.current-menu-item a,
.header-secondary-nav ul > li a:hover{
	color: var(--accent-color);
}

.header-secondary-nav ul > li > a::before{
	content: '';
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: var(--accent-color);
	transition: all 0.5s ease-in-out;
}

.header-secondary-nav ul > li.current-menu-item > a::before,
.header-secondary-nav ul > li > a:hover:before{
	width: 100%;
	left: 0;
	right: auto;
}

.header-nav-image{
	position: relative;
	z-index: 1;
}

.header-nav-image figure{
	position: relative;
	mask-image: url("../images/image-circle-shape.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: cover;
}

.header-nav-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.929;
	object-fit: cover;
}

.nav-floating-image{
	position: absolute;
	right: 25px;
	bottom: 35px;
}

.nav-floating-image img{
	width: 100%;
	max-width: 130px;
	object-fit: cover;
}


@media only screen and (max-width: 1024px){

	body:before{
		width: 340px;
		height: 280px;
		top: 0;
		left: 0;
		border-radius: 0;
	}

	.main-header{
		top: 0;
		left: 0;
		width: 100%;
	}

	.navbar{
		padding: 20px;
	}

	.nav-modal-floating-btn {
		top: 20px;
		right: 20px;
	}

	.gb-nav-modal .modal-header{
		right: 20px;
	}

	.modal-body{
		padding: 120px 10px 60px 10px;
	}

	.header-primary-nav ul li {
		margin-bottom: 25px;
	}

	.header-primary-nav ul li a .menu-title{
		font-size: 44px;
	}

	.header-primary-nav ul li a .menu-description{
		font-size: 20px;
	}

	.header-secondary-nav {
		margin-top: 50px;
		padding-top: 30px;
	}

	.header-secondary-nav ul li {
		margin-bottom: 15px;
	}

	.header-secondary-nav ul li a{
		font-size: 26px;
	}
}

@media only screen and (max-width: 991px){

	.header-nav-image{
		max-width: 500px;
		margin: 30px auto auto;
	}
}

@media only screen and (max-width: 767px){

	body:before{  
		width: 240px;
		height: 197px;
	}

	.navbar{
		padding: 15px;
	}

	.navbar-brand img{
		max-width: 100px;
	}

	.navbar-brand svg{
		width: 100px;
	}
	
	.header-secondary-nav ul li.mobile-menu{
		display: block;
	}

	.nav-modal-floating-btn{
		top: 20px;
		right: 15px;
	}

	.gb-nav-modal .modal-header{
		top: 20px;
		right: 20px;
	}

	.modal-btn-default,
	.gb-nav-modal .modal-btn-default{
		padding: 5px;
	}

	.modal-btn-default .button-091__icon{
		width: 41px;
		height: 40px;
	}

	.modal-btn-default .button-091__icon img,
	.modal-btn-default .button-091__icon svg{
		width: 22px;
	}

	.modal-btn-default .button-091{
		display: none;
	}

	.modal-body {
		padding: 90px 0px 50px 0px;
	}

	.header-primary-nav ul li {
		margin-bottom: 20px;
	}

	.header-primary-nav ul li a .menu-title {
		font-size: 28px;
	}

	.header-primary-nav ul li a .menu-description {
		font-size: 18px;
	}

	.header-secondary-nav {
		margin-top: 25px;
		padding-top: 25px;
	}

	.header-secondary-nav ul li a {
		font-size: 20px;
	}

	.nav-floating-image {
		right: 10px;
		bottom: 10px;
	}

	.nav-floating-image img{
		max-width: 100px;
	}
}


/*
* Footer CSS
* */

.main-footer{
	position: relative;
	background-color: var(--accent-color);
	z-index: 1;
	padding: 19.792vw 0 0;
	/*overflow-x: clip;*/
}

.main-footer:before{
	content: '';
	position: absolute;
	display: block;
	top: -1px;
	left: 0;
	right: 0;
	background-color: var(--bg-color);
	mask-image: url("../images/footer-top-shape.svg");
	mask-position: top center;
	mask-repeat: no-repeat;
	mask-size: 101% auto;
	width: 100%;
	height: 19.792vw;
	z-index: -1;
}

.footer-image-container{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.footer-image-container .footer-round-img{
	margin-top: -4.937vw;
	margin-left: -140px;
}

.footer-image-container .footer-round-img img{
	width: 100%;
	max-width: 46.627vw;
	aspect-ratio: 1 / 0.94;
	object-fit: cover;
	mask-image: url(../images/image-circle-shape.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: cover;	
}

.footer-image-container .footer-leaf-img{
	position: absolute;
	top: auto;
	left: -40px;
	bottom: -80px;
	width: fit-content;
}

.footer-image-container .footer-leaf-img img{
	width: 100%;
	max-width: 260px;
}

.footer-social-media{
	position: absolute;
	top: 15.212vw;
	left: auto;
	right: 50px;
	z-index: 5;
}

.footer-social-media ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
	gap: 20px;
}

.footer-social-media ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--secondary-color);
	background: #50A267;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.footer-social-media ul li img{
	width: 100%;
	max-width: 18px;
}

.footer-social-media ul li svg{
	width: 22px;
	height: auto;
}

.footer-logo-column{
	padding-top: 170px;
}

.main-footer:not(:has(.footer-round-img)) .footer-logo-column{
	padding-top: 0;
}

.footer-logo-column .footer-logo{
	margin-bottom: 80px;	
}

.footer-logo-column .footer-logo img{
	width: 100%;
	max-width: 250px;	
}

.footer-logo-column .footer-logo svg{	
	width: 250px;
	height: auto;
}

.footer-logo-column .footer-newsletter-form{
	background: #50A267;
	border-bottom: 1px solid #E6DFDA4D;
	padding: 10px 20px;
}

.footer-newsletter-form .gform_wrapper form .gform-body .gform_fields{
	align-items: center;
}

.footer-newsletter-form .gform_wrapper form .gfield input{
	font-size: 24px !important;	
	border: none;
    outline: none !important;
    box-shadow: none !important;
	padding: 0 !important;
	color: var(--secondary-color);
}

.footer-newsletter-form .gform_wrapper form .gfield input::placeholder{
	color: var(--secondary-color) !important;
}

.footer-newsletter-form .gform_wrapper form .gfield--type-submit{
	justify-content: end;
}

.footer-newsletter-form .gform_wrapper form .gfield--type-submit .gform-button{
	color: transparent !important;
	background-color: transparent !important;
	background-image: url("../images/form-btn.svg") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	width: 66px !important;
	height: 61.75px !important;
	border: none !important;
	line-height: 0 !important;
	padding: 0 !important;
}

.footer-newsletter-form .gform_wrapper form .gfield--type-submit .gform-button:hover{
	background-image: url("../images/form-btn-white.svg") !important;
}

.footer-newsletter-form .gform_wrapper .gform-footer{
	margin-block-start: 0;
}

.footer-newsletter-form .gform_wrapper .gform_validation_errors{
	padding: 0;
    border: none;
	background: transparent;
}

.footer-newsletter-form .gform_confirmation_wrapper{
	color: var(--secondary-color);
}

.footer-menu-column{
	padding-top: 120px;
	padding-left: 4.688vw;
}

.footer-primary-nav .footer-primary-nav{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-primary-nav ul li{
	margin-bottom: 35px;
}

.footer-primary-nav ul li:last-child{
	margin-bottom: 0px;
}

.footer-primary-nav ul li a{
	display: flex;
	flex-direction: column;
	transition: all 0.4s ease-in-out;
}

.footer-primary-nav ul li a:hover{
	transform: translatex(10px);
}

.footer-primary-nav ul li a .menu-title{
	display: inline-block;
	font-size: 62px;
	font-weight: 700;
	line-height: 1.2em;
	color: var(--secondary-color);
	margin-bottom: 8px;
}

.footer-primary-nav ul li a .menu-description{
	font-size: 24px;
	line-height: 1.25em;
	color: #F1F2EDB3;
}

.footer-secondary-menu{
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #2835834D;
}

.footer-secondary-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-secondary-menu ul li{
	margin-bottom: 20px;
}

.footer-secondary-menu ul li.mobile-menu{
	display: none;
}

.footer-secondary-menu ul li:last-child{
	margin-bottom: 0;
}

.footer-secondary-menu ul li a{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: var(--secondary-color);
	transition: all 0.4s ease-in-out;
}

.footer-secondary-menu ul > li.current-menu-item a,
.footer-secondary-menu ul > li a:hover{
	color: var(--secondary-color);
}

.footer-secondary-menu ul > li > a::before{
    content: '';
    position: absolute;
    left: auto;
	right: 0;
	bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--secondary-color);
    transition: all 0.5s ease-in-out;
}

.footer-secondary-menu ul > li.current-menu-item > a::before,
.footer-secondary-menu ul > li > a:hover:before{
	width: 100%;
	left: 0;
	right: auto;
}

/* Copy Right CSS */
.footer-copyright-section{
	background: #3B9A59;
	padding: 40px 0 30px;
	margin-top: 100px;
}

.footer-copyright-wrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

.footer-copyright-section .footer-partner-logo{
	width: 100%;
}

.footer-copyright-section .footer-partner-logo .partner-logo-item{
	gap: 50px;
	justify-content: flex-start;
}

.footer-copyright-section .footer-partner-logo .partner-logo-item .partner-logo-list img{
	max-width: 190px;
	height: 50px;
}

.footer-copyright-section .footer-partner-logo .partner-logo-item .partner-logo-list svg{
	width: 190px;
	height: auto;
}
 
.footer-copyright-section .copyright-content{
	flex: 1;
	font-size: 14px;
	color: var(--bg-color);
}

.footer-copyright-section .copyright-content p:last-child{
	margin-bottom: 0;
}

.footer-copyright-section .privacy-policy-menu{
	flex-shrink: 0;
}

.privacy-policy-menu ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.privacy-policy-menu ul li{	
	font-size: 14px;
	color: var(--bg-color);
}

.privacy-policy-menu ul li a{
	position: relative;
	color: inherit;
}

.privacy-policy-menu ul li a:before{
    content: '';
    position: absolute;
    left: auto;
	right: 0;
	bottom: -5px;
    width: 0;
    height: 1px;
    background-color: currentcolor;
    transition: all 0.5s ease-in-out;
}

.privacy-policy-menu ul li a:hover:before{
	width: 100%;
	left: 0;
	right: auto;
}

@media only screen and (max-width: 1199px) {
	
	.main-footer:has(.footer-round-img) .footer-logo-column .footer-logo{
		text-align: right;
	}
}

@media only screen and (max-width: 1024px) {
	
	.footer-image-container .footer-round-img{
		margin-left: -100px;
	}

	.footer-image-container .footer-round-img img{
		max-width: 500px;
	}

	.footer-image-container .footer-leaf-img{
		left: -10px;
		bottom: -40px;
	}

	.footer-image-container .footer-leaf-img img{
		max-width: 150px;
	}

	.footer-social-media{
		right: 30px;
	}

	.footer-logo-column .footer-logo{
		margin-bottom: 80px;
	}

	.footer-logo-column .footer-logo img{
		max-width: 200px;	
	}
	
	.footer-logo-column .footer-logo svg{
		width: 200px;	
	}

	.footer-newsletter-form .gform_wrapper form .gfield input{
		font-size: 20px !important;	
	}

	.footer-newsletter-form .gform_wrapper form .gfield--type-submit .gform-button{
		width: 56px !important;
		height: 51.75px !important;
	}	

	.footer-menu-column{
		padding-top: 50px;
		padding-left: 0;
	}

	.footer-primary-nav ul li{
		margin-bottom: 25px;
	}

	.footer-primary-nav ul li a .menu-title{		
		font-size: 44px;
		margin-bottom: 8px;
	}

	.footer-primary-nav ul li a .menu-description{
		font-size: 20px;
	}

	.footer-secondary-menu{
		margin-top: 30px;
		padding-top: 30px;
	}

	.footer-secondary-menu ul li{
		margin-bottom: 20px;
	}

	.footer-secondary-menu ul li a{	
		font-size: 26px;
	}

	/* Copy Right CSS */
	.footer-copyright-section{		
		padding: 30px 0 20px;
		margin-top: 50px;
	}

	.footer-copyright-wrapper{
		gap: 20px;
	}

	.footer-copyright-section .footer-partner-logo .partner-logo-item{
		gap: 30px;
		justify-content: center;
	}

	.footer-copyright-section .footer-partner-logo .partner-logo-item .partner-logo-list img{
		max-width: 150px;
		height: 40px;
	}
	
	.footer-copyright-section .footer-partner-logo .partner-logo-item .partner-logo-list svg{
		width: 150px;
	}

	.footer-copyright-section .copyright-content{
		text-align: center;
		width: 100%;
		order: 3;
		flex: auto;
	}

	.footer-copyright-section .privacy-policy-menu{
		width: 100%;
		order: 2;
		flex-shrink: auto;
	}

	.privacy-policy-menu ul{		
		justify-content: center;
		gap: 24px;
	}

	.privacy-policy-menu ul li{	
		font-size: 14px;
		color: var(--bg-color);
	}

	.privacy-policy-menu ul li a{
		position: relative;
		color: inherit;
	}

}

@media only screen and (max-width: 767px) {
	
	.main-footer:before {
		mask-position: 50% -1px;
		z-index: 1;
	}	
	
	.footer-image-container{
		height: 100%;
		opacity: 10%;
		filter: blur(1px);
	}
	
	.footer-image-container .footer-round-img{
		display: none;
		margin-top: 0;
		margin-left: 0;
		height: 100%;
	}

	.footer-image-container .footer-round-img img{
		max-width: 100%;
		mask-image: unset;
		height: 100%;
	}

	.footer-image-container .footer-leaf-img{
		display: none;
		left: 0;
		bottom: 0;
	}

	.footer-image-container .footer-leaf-img img{
		max-width: 0;
	}

	.footer-social-media{
		top: 0;
		right: 20px;
	}
	
	.footer-social-media ul{
		gap: 10px;
	}
	
	.footer-social-media ul li a{
		width: 40px;
		height: 40px;
	}
	
	.footer-social-media ul li img{
		max-width: 16px;
	}
	
	.footer-social-media ul li svg{
		width: 18px;
	}
	
	.footer-logo-column{
		padding-top: 0;
	}
	
	.main-footer:has(.footer-round-img) .footer-logo-column .footer-logo,
	.footer-logo-column .footer-logo{
		text-align: left;
	}

	.footer-logo-column .footer-logo{
		margin-bottom: 30px;
	}

	.footer-logo-column .footer-logo img{
		max-width: 150px;	
	}
	
	.footer-logo-column .footer-logo svg{
		width: 150px;	
	}
	
	.footer-newsletter-form .gform_wrapper form .gfield.gfield--type-email{
		grid-column: span 10;
	}

	.footer-newsletter-form .gform_wrapper form .gfield input{
		font-size: 18px !important;	
	}
	
	.footer-newsletter-form .gform_wrapper form .gfield.gfield--type-submit{
		grid-column: span 2;
	}

	.footer-newsletter-form .gform_wrapper form .gfield--type-submit .gform-button{
		width: 46px !important;
		height: 41.75px !important;
	}	

	.footer-menu-column{
		padding-top: 30px;
		padding-left: 0;
	}

	.footer-primary-nav ul li{
		margin-bottom: 20px;
	}

	.footer-primary-nav ul li a .menu-title{		
		font-size: 28px;
	}

	.footer-primary-nav ul li a .menu-description{
		font-size: 18px;
		color: #F1F2ED;
	}

	.footer-secondary-menu{
		margin-top: 20px;
		padding-top: 20px;
	}

	.footer-secondary-menu ul li{
		margin-bottom: 15px;
	}

	.footer-secondary-menu ul li a{	
		font-size: 20px;
	}

	/* Copy Right CSS */
	.footer-copyright-section .footer-partner-logo .partner-logo-item{
		gap: 15px;		
	}

	.footer-copyright-section .footer-partner-logo .partner-logo-item .partner-logo-list img{
		max-width: 100px;
		height: 30px;
	}

	.footer-copyright-section .footer-partner-logo .partner-logo-item .partner-logo-list svg{
		max-width: 100px;
	}

	.privacy-policy-menu ul{		
		gap: 5px 16px;
	}	
}


/*
 * Home Page Template CSS
 * */

/* Home Hero CSS */
.home-hero{
	position: relative;
	background-color: transparent;
	align-content: end;
	height: calc(100vh - 30px);
	margin: 15px 15px 0 15px;
	padding: 100px 0 60px;
	min-height: 780px;
	border-radius: 20px;
	overflow:hidden;
}

.home-hero-media{
	position: absolute;
	inset: 0;
}

.home-hero-media img{
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	max-width: none;
	transform: translateX(-50%);
	object-fit: cover;
	border-radius: 20px;
}

/* Blue gradient wash on the hero photo — a real element (not a hero-wide
 * pseudo-element) so it can scale down 1:1 with the photo as the hero
 * shrinks, instead of staying full-hero-width. */
.home-hero-media-overlay{
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	max-width: none;
	transform: translateX(-50%);
	border-radius: 20px;
	background: linear-gradient(27deg, #546ED9 22.34%, #546ED91A 33.78%);
	mask-image: linear-gradient(27deg, #546ED9 32.34%, #546ED91A 43.78%);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 1;
	pointer-events: none;
}

.home-hero-floating-image{
	position: absolute;
	top: 300px;
	left: -20px;
	z-index: 2;
	opacity: var(--hero-chrome-opacity, 1);
}

.home-hero-floating-image img{
	width: 100%;
	max-width: 100px;
}

.home-hero-content{
	max-width: 700px;
}

.home-hero-content .section-title{
	margin-bottom: 0;
}

.home-hero-content .section-title .heading-one{
	font-size: 53px;
	line-height: 1.2em;
	color: var(--secondary-color);
}

.home-hero-content .section-title .heading-one span{
	font-size: 53px;
}

/* Home About CSS */
.home-about{
	position: relative;
	padding: 20px 0 60px;	
}

.home-about:before{
	content:'';
	position: absolute;
	top: -320px;
	left: 0;
	height: 640px;
	width: 640px;
	background-image: url('../images/home-about-bg-shape.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.home-about-img{
	margin-bottom: 20px;
}

.home-about-center-img img{
	width: 100%;
	max-width: 445px;
	aspect-ratio: 1 / 0.667;
	object-fit: cover;
	border-radius: 10px;
}

.home-about-right-img{
	position: relative;
	max-width: 560px;
	margin: -185px -120px -120px auto;
}

/* The square image that used to sit above .home-about-right-img now arrives
 * visually via the shrinking hero, so this variant gives the round image its
 * own top spacing instead of pulling up against a sibling that no longer exists. */
.home-about-img--no-center .home-about-right-img{
	margin: 40px -120px -120px auto;
}

.home-about-content--no-title .section-body{
	margin-top: 100px;
}

.home-about-round-img figure{
	position: relative;
	mask-image: url("../images/image-circle-shape.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: cover;
}

.home-about-round-img img{
	width: 100%;
	aspect-ratio: 1 / 0.929;
	object-fit: cover;
}

.home-about-leaf-img{
	position: absolute;
	right: 115px;
	bottom: 0px;
}

.home-about-leaf-img img{
	width: 100%;
	max-width: 130px;
	object-fit: cover;
}

.home-about-content .section-title {
	max-width: 780px;
}

.home-about-content .section-title .heading-one{
	font-size: 53px;
}

.home-about-content .section-body{
	max-width: 560px;
	margin-left: auto;
}

.home-about-content .section-body p{
	font-size: 22px;
	margin: 0;
}

/* Home intro slider CSS */
.home-intro-slider-section{
	padding: 75px 0 135px;
}

.home-intro-slider-section .container{
	max-width: 1320px;
}

.intro-slider-wrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 60px;
}

.intro-slider-wrapper .intro-slider{
	width: calc(60% - 30px);
}

.intro-slider-wrapper .home-itro-content{
	width: calc(40% - 30px);
}

/* Home Map Section CSS */
.map-box{
	position: relative;
}

.map-box-wrapper{
	justify-content: center;
}

.map-box:before{
	content: '';
	position: absolute;
	inset: 0;
	background-color: #DDEBDD;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.home-map{
	padding: 75px 0;
}

.home-map .section-row{
	margin-bottom: 75px;
}

.map-box-wrapper{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	gap: 30px 60px;
}

.map-content{
	background-color: var(--secondary-color);
	border-radius: 12px;
	padding: 70px 50px;
	width: calc(42% - 30px);
}

.map-content .section-title .heading-two{
	font-size: 38px;
}

.map-cta-btn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.map-box-wrapper .gb-map-wrapper{
	width: calc(58% - 30px);
}

.gb-map{
	position: relative;
}

.gb-map .extra-map-box{
	position: absolute;
	top: auto;
	left: auto;
	right: 0;
	bottom: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background-color: var(--secondary-color);
	width: 200px;
	height: 200px;
	border-radius: 50%;	
	overflow: hidden;
}

.gb-map .extra-map-box .map-img img{
	width: 100%;
	max-width: 130px;
}

.gb-map .extra-map-box .map-img svg{
	width: 130px;
	height: auto;
}

.gb-map .extra-map-box .map-text{
	position: absolute;
	top: auto;
	left: 40px;	
	bottom: 40px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5em;	
	color: var(--secondary-color);
	background-color: var(--primary-color);
	border-radius: 100px;
	padding: 3px 10px;
}

.gb-map .extra-map-box .map-img button.map-mark{
	position: absolute;
	top: 82px;
	right: 56px;
	background: transparent;
	border: none;
	padding: 0;
	color: var(--secondary-color);
	line-height: 0;
}

.gb-map .extra-map-box .map-img button.map-mark svg{
	height: auto;
	width: 18px;
}

#extraMapTooltipModal .modal-body{
	padding: 0;
}

#extraMapTooltipModal .modal-content{
	border-radius: 0;
	border: none;
	background-color: transparent;
}

#extraMapTooltipModal .gb-map-popup{
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: -0.02em;
	background-color: var(--secondary-color);
	border-radius: 12px;
	color: var(--text-color);
	padding: 50px 25px 30px;
}

#extraMapTooltipModal .gb-map-popup.feature-map-popup{
	background-color: #546ED9;
    color: var(--secondary-color);
}

#extraMapTooltipModal .modal-body .btn-close{
	position: absolute;
	width: 33px;
  	height: 33px;
  	border-radius: 50%;
  	background: #919C9733;
  	transform: scale(1);
	padding: 0;
  	right: 15px;
  	top: 15px;
	opacity: 1 !important;
	outline:none;
	box-shadow: none;
}

#extraMapTooltipModal .modal-body .gb-map-popup.feature-map-popup .btn-close{
	background: #FFFFFF33;
}

#extraMapTooltipModal .btn-close:before{
	content:'';
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	height: 12px;
	width: 12px;
  	mask-image: url(../images/icon-close.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: cover;
	background-color: #919C97;
}

#extraMapTooltipModal .modal-body .gb-map-popup.feature-map-popup .btn-close:before{
	background-color: var(--secondary-color);
}

#extraMapTooltipModal .gb-map-popup-meta{
	margin-bottom: 20px;
}

#extraMapTooltipModal .gb-map-popup-meta span{
	display: inline-block;
	font-family: var(--default-font);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: -0.02em;
	background-color: var(--secondary-color);
	border-radius: 40px;
	color: var(--text-color);
	padding: 3px 10px;
}

#extraMapTooltipModal .feature-map-popup.gb-map-popup .gb-map-popup-header{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

#extraMapTooltipModal .gb-map-popup .gb-map-popup-header .header-image{
	display: none;
}

#extraMapTooltipModal .feature-map-popup.gb-map-popup .gb-map-popup-header .header-image{
	display: block;
	width: 80px;
	line-height: 0;
	flex-shrink: 0;
	clip-path: path("M35.9095 74.9948C46.2652 74.9948 57.3407 71.9092 64.3733 67.6625C82.2591 56.8576 84.7322 29.4014 72.0966 13.1011C65.2234 4.23633 53.5828 0 41.609 0C25.4378 0 8.65324 7.72446 2.17608 22.1878C-4.4315 36.9401 5.04999 60.6502 16.6471 69.6336C21.5593 73.4417 28.5581 75 35.9143 75");
}

#extraMapTooltipModal .feature-map-popup.gb-map-popup .gb-map-popup-header .header-image a{
   	display: block;
  	height: 100%;
}

#extraMapTooltipModal .feature-map-popup.gb-map-popup .gb-map-popup-header .header-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

#extraMapTooltipModal .feature-map-popup.gb-map-popup .gb-map-popup-header .header-content{
	flex: 1;
}

#extraMapTooltipModal .gb-map-popup-header .header-content h3{
	font-family: var(--default-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.15em;
	letter-spacing: -0.02em;
	margin: 0 0 5px;
}

#extraMapTooltipModal .gb-map-popup.feature-map-popup .gb-map-popup-header .header-content h3{
	color: var(--secondary-color);
}

#extraMapTooltipModal .gb-map-popup-header .header-content a{
	color: inherit;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	text-decoration: none;
}

#extraMapTooltipModal .gb-map-popup-header .header-content p{
  	font-size: 14px;
  	margin: 0;
}

#extraMapTooltipModal .gb-map-popup .gb-map-popup-body{
  	border-top: 0.5px solid var(--accent-color);
  	padding: 40px 0;
  	margin: 20px 0 0;
}

#extraMapTooltipModal .gb-map-popup.feature-map-popup .gb-map-popup-body{
	border-top-color: #FAFFFB36;
}

#extraMapTooltipModal .gb-map-popup-body .body-content *{
  	margin: 0;
}

#extraMapTooltipModal .gb-map-popup-body .body-content p.content{
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5em;
	margin: 0 0 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

#extraMapTooltipModal .gb-map-popup-body .body-content .name{
	font-size: 14px;
	line-height: 2em;
	margin: 0;
	opacity: 60%;
}

#extraMapTooltipModal .gb-map-popup-body .body-content .designation{
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6em;
	opacity: 60%;
}

#extraMapTooltipModal .feature-map-popup.gb-map-popup .gb-map-popup-body .body-content .name,
#extraMapTooltipModal .feature-map-popup.gb-map-popup .gb-map-popup-body .body-content .designation{
	opacity: 50%;	
}

#extraMapTooltipModal .gb-map-popup .gb-map-popup-footer{
	line-height: 0;
}

#extraMapTooltipModal .gb-map-popup:not(.feature-map-popup) .gb-map-popup-footer{
	display: none;
}

#extraMapTooltipModal .gb-map-popup .gb-map-popup-footer.has-story{
	display: block;
}

#extraMapTooltipModal .gb-map-popup.feature-map-popup .btn-default{
	color: var(--primary-color);
}

#extraMapTooltipModal .gb-map-popup.feature-map-popup .btn-default .btn-default__bg{
	background-color: var(--btn-default-color-hover-background);
    border-color: var(--btn-default-color-hover-background);
}

/* Home Step Carousel CSS */


/* Testimonial Media CPT Box CSS */

.testimonial-media-section{
	padding: 75px 0;
}

.testimonial-media-section .section-title .section-title-content{
	max-width: 650px;
	margin: 0 auto;
}

.testimonial-media-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.testimonial-media-grid .testimonial-media-grid-item{
	position: relative;
	width: calc(33.33% - 20px);
	border-radius: 12px;
	overflow: hidden;
}

.testimonial-media-grid:is(:not(:has(.video-box) ), :not(:has(.image-box-wrapper) ) ) .testimonial-media-grid-item{
	background-image: url("../images/logo-img.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;	
	/*min-height: 750px;*/
}

.testimonial-media-grid-item .video-box video,
.testimonial-media-grid-item .image-box-wrapper img{
	aspect-ratio: 1 / 1.6667;
	object-fit: cover;
	border-radius: 12px;
}

.testimonial-media-grid-item .image-box-wrapper img{
	width: 100%;
}

.testimonial-media-grid-item .quote-box-wrapper{
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FFF;
	padding: 20px 30px;
	border-radius: 10px;
	margin: 0 20px 20px;
	transition: height 0.4s ease;
}

.testimonial-media-grid-item .quote-box-wrapper:before{
	content: '';
	position: absolute;
	top: -35px;
	left: -11px;
	background-color: var(--accent-color);
	mask-image: url("../images/quote.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 81.972px;
	height: 50.39px;
}

.testimonial-media-grid:is(:not(:has(.video-box) ), :not(:has(.image-box-wrapper) ) ) .quote-box-wrapper:before{
	background-color: var(--yellow-color);
}

.quote-box-wrapper .quote-author{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	transition: transform 0.4s ease;
}

.quote-box-wrapper .quote-author .author-name{
	width: calc(100% - 60px);
}

.quote-author .author-name .heading-five{	
	font-weight: 700;	
	font-size: 18px;
}

.quote-author .author-name p{
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.quote-box-wrapper .quote-author .quote-btn{
	width: 50px;
	text-align: right;
	align-items: center;
    justify-items: flex-end;
}

.quote-box-wrapper .quote-author .quote-btn a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	color: var(--primary-color);
	background-color: #F1F2EC;
	mask-image: url("../images/btn-arrow-shape.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 42px;
	height: 39px;
}

.quote-box-wrapper .quote-author .quote-btn a:before{
	content: '';
	position: relative;
	inset: 0;
	background-color: currentcolor;
	mask-image: url("../images/btn-up-arrow.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 20px;
	height: 20px;
	transition: all 0.3s ease-in-out;
}

.testimonial-media-grid-item.active .quote-box-wrapper .quote-author .quote-btn a:before{
	transform: rotate(180deg);
}

.quote-box-wrapper .quote-content{
	padding-top: 10px;
}

.quote-box-wrapper .quote-content p{	
	margin-bottom: 0;
}

/* Home Counter CSS */
.home-counter-section{
	padding: 75px 0;
}

.home-counter-section .container{
	max-width: 1140px;
}

.home-counter-list{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.home-counter-list:before{
	content: '';
	position: absolute;
	bottom: -250px;
	left: -80px;
	background-color: var(--primary-color);
	mask-image: url("../images/counter-footer-shape.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: cover;
	width: 735px;
	height: 395px;
	z-index: 1;
}

.home-counter-item{
	width: calc(33.33% - 13.33px);
	background: var(--secondary-color);
	border-radius: 12px;
	padding: 80px 30px 60px 30px;
	text-align: center;
}

.home-counter-list .home-counter-item:nth-child(3n + 1){
	transform: rotate(4deg);
}

.home-counter-list .home-counter-item:nth-child(3n + 2){
	transform: rotate(-4deg);
}

.home-counter-item h3{
	font-size: 100px;
	font-weight: 700;
	color: var(--accent-color);
}

.home-counter-item em{
	font-size: 38px;
	font-weight: 400;
	line-height: 0.7em;
	color: var(--accent-color);
	font-style: normal;
	display: block;
}

.home-counter-item p{
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4em;
	color: var(--primary-color);
	margin: 30px 0 0;
}

.home-counter-footer-btn{
	position: relative;
	text-align: right;
	margin-top: 50px;
	z-index: 3;
}
/* Home Municipalities Section CSS */
.home-municipalities-section{
	padding: 75px 0;
}

.home-municipalities-section .section-row{
	margin-bottom: 80px;
}

.home-municipalities-box{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.home-municipalities-box-1,
.home-municipalities-box-2,
.home-municipalities-box-3{
	width: calc(33.33% - 10px);
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.home-municipalities-box-1 .image-box-wrapper,
.home-municipalities-box-3 .image-box-wrapper{
	height: 100%;
}

.home-municipalities-box-1 .video-box video,
.home-municipalities-box-1 .image-box-wrapper img{
	aspect-ratio: 1 / 1.248;
	object-fit: cover;
	border-radius: 12px;
}

.home-municipalities-box-1 .image-box-wrapper img,
.home-municipalities-box-3 .image-box-wrapper img{
	width: 100%;
	height: 100%;
}

.municipalities-green-cta{
	background-color: #EEFFF1;
	border-radius: 12px;
	padding: 30px 50px;
}

.municipalities-green-cta h3{
	font-size: 38px;
	font-weight: 700;
	line-height: 1.2em;
	color: var(--accent-color);
}

.municipalities-green-cta p{
	margin: 15px 0 0;
}

.municipalities-green-cta-btn{
	line-height: 0;
	margin-top: 25px;
}

.municipalities-author-box{
	background-color: var(--purple-color);
	border-radius: 12px;
	padding: 50px 35px 40px 35px;
}

.municipalities-author-image{
	margin-bottom: 10px;
}

.municipalities-author-image figure{
	position: relative;
	mask-image: url(../images/author-image-bg-shapw.svg);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: cover;
	max-width: 160px;
	margin: 0 auto;
}

.municipalities-author-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.94;
	object-fit: cover;
}

.municipalities-author-content{
	text-align: center;
}

.municipalities-author-content .author-name{
	color: var(--secondary-color);
	font-size: 22px;
	font-weight: 700;
	margin: 0;
}

.municipalities-author-content .author-des{
	color: var(--secondary-color);
	margin: 5px 0 0;
}

.municipalities-author-body{
	border-top: 1px solid #FAFFFB36;
	margin-top: 20px;
	padding-top: 20px;
}

.municipalities-author-body p{
	font-size: 18px;
	font-weight: 700;
	color: var(--secondary-color);
	margin: 0;
}

.municipalities-author-btn{
	margin-top: 20px;
	line-height: 0;
}

.municipalities-author-post,
.municipalities-author-post .verhalen-grid-item{
	height: 100%;
}

.municipalities-author-post .verhalen-grid-item .verhalen-content .section-title .heading-three{
	font-size: 22px;
}

.municipalities-author-post .verhalen-grid-item .verhalen-content .section-title p{
	font-size: 14px;
}

.home-municipalities-box-1 .video-box-wrapper,
.home-municipalities-box-1 .video-box-wrapper .video-box,
.home-municipalities-box-1 .video-box-wrapper .video-box video{
/*.home-municipalities-box-3 .video-box-wrapper,
.home-municipalities-box-3 .video-box-wrapper .video-box,
.home-municipalities-box-3 .video-box-wrapper .video-box video*/
	height: 100%;
}

.home-municipalities-box-3 .video-box video,
.home-municipalities-box-3 .image-box-wrapper img{
	aspect-ratio: 1 / 0.623;
	object-fit: cover;
	border-radius: 12px;
}

.home-municipalities-box-3 .video-box video{
	aspect-ratio: 16 / 9;
}

.home-municipalities-box-3 .image-box-wrapper img{
	width: 100%;
}

.municipalities-white-cta{
	flex: 1;
    align-content: center;
	/*padding: 130px 20px 50px 20px;*/
	padding: 60px 20px;
	background: var(--secondary-color);
	border-radius: 12px;
	text-align: center;
}

.municipalities-white-cta h3{
	font-size: 100px;
	font-weight: 700;
}

.municipalities-white-cta h3 span{
	font-size: 40px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	line-height: 1em;
}

.municipalities-white-cta p{
	font-size: 18px;
	font-weight: 700;
	margin: 25px 0 0;
}

.municipalities-white-cta-btn{
	line-height: 0;
	margin: 30px 0 0;
}
/* Home Blog Carousel Section CSS */
.latest-post{
	padding: 100px 0;
}

.latest-post .container-fluid{
	padding: 0;
}

.latest-post-carousel{
	opacity: 0;
	visibility: hidden;
	cursor: grab;
}

.latest-post-carousel.slick-initialized{
	opacity: 1;
	visibility: visible;
}

.latest-post-carousel .slick-track{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
}

.latest-post-carousel .slick-slide{
	margin: 0 8px;
	height: auto;
	background: var(--secondary-color);
	border-radius: 12px;
	overflow: hidden;
}

.latest-post-carousel .slick-list{
    margin: 0 -8px;
}

.latest-post-carousel .actueel-grid-item .actueel-image:not(:has(img)),
.latest-post-carousel .actueel-grid-item .actueel-image img{
	aspect-ratio: 1 / 0.98;
}

@media only screen and (max-width: 1440px) {
	.home-about-right-img{
		max-width: 420px;
	}

	.home-about-leaf-img img{
		max-width: 90px;
	}
}


@media only screen and (max-width: 1280px) {
	.home-counter-list:before{
		left: -20px;
	}
}

@media only screen and (max-width: 1100px) {
	
	.home-about-img{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px;
		padding: 0 20px;
		margin-bottom: 30px;
	}

	.home-about-center-img img{
		max-width: 360px;
	}

	.home-about-right-img{
		margin: 0;
		max-width: 330px;
	}

	.home-about-leaf-img{
		right: 50px;
	}

	.home-about-content .section-body{
		margin: 0;
	}
}

@media only screen and (max-width: 1024px) {
	
	.home-hero{
		height: auto;
		margin: 0;
		border-radius: 0;
	}

	.home-hero:before{
		border-radius: 0;
	}

	.home-hero-floating-image{
		top: 200px;
	}

	.home-hero-content {
		max-width: 600px;
	}
	
	.home-about{
		padding: 50px 0;
	}	
		
	.home-about:before{
		top: -200px;
		height: 440px;
		width: 440px;
	}

	.home-about-content .section-title{
		max-width: 100%;
	}

	.home-about-content .section-title .heading-one br{
		display: none;
	}

	.home-hero-content .section-title .heading-one,
	.home-hero-content .section-title .heading-one span{
		font-size: 40px;
	}

	.home-about-content .section-title .heading-one,
	.home-about-content .section-title .heading-one span{
		font-size: 40px;
	}

	.home-about-content .section-body{
		max-width: 100%;
	}

	.home-about-content .section-body p{
		font-size: 20px;
	}

	.home-intro-slider-section{
		padding: 50px 0;
	}

	.intro-slider-wrapper{
		gap: 40px;
	}

	.intro-slider-wrapper .intro-slider{
		width: 100%;
		padding-bottom: 60px;
	}
	
	.intro-slider-wrapper .home-itro-content{
		width: 100%;
	}

	.home-itro-content .section-title .heading-two br{
		display: none;
	}

	.testimonial-media-section {
		padding: 50px 0;
	}

	.testimonial-media-grid .testimonial-media-grid-item{
		width: calc(50% - 15px);
	}
	
	.testimonial-media-grid:is(:not(:has(.video-box) ), :not(:has(.image-box-wrapper) ) ) .testimonial-media-grid-item{
		min-height: 550px;
	}

	.testimonial-media-grid-item .video-box video, 
	.testimonial-media-grid-item .image-box-wrapper img{
		aspect-ratio: 1 / 1.4;
	}

	.testimonial-media-grid-item .quote-box-wrapper{
		padding: 20px;	
		margin: 0 15px 15px;
	}

	.testimonial-media-grid-item .quote-box-wrapper:before{
		top: -32px;
		left: -8px;
		width: 71.972px;
		height: 50.39px;
	}
	
	.home-map{
		padding: 50px 0;
	}

	.home-map .section-row{
		margin-bottom: 40px;
	}

	.map-content{
		width: 100%;
		padding: 50px 30px;
	}
	
	.map-content .section-title .heading-two{
		font-size: 32px;
	}
	
	.map-box-wrapper .gb-map-wrapper{
		width: 100%;
	}
	
	.gb-map .extra-map-box{
		bottom: 60px;
		width: 160px;
		height: 160px;
	}
	
	.gb-map .extra-map-box .map-img img{
		max-width: 105px;
	}

	.gb-map .extra-map-box .map-img svg{
		width: 105px;
	}
	
	.gb-map .extra-map-box .map-text{
		left: 20px;
		bottom: 25px;
	}
	
	.gb-map .extra-map-box .map-img button.map-mark{
		top: 65px;
		right: 45px;
	}
	
	.gb-map .extra-map-box .map-img button.map-mark svg{
		width: 16px;
	}
	
	#extraMapTooltipModal .modal-body .btn-close{
		width: 25px;
		height: 25px;
		top: 10px;
		right: 10px;
	}
  
	#extraMapTooltipModal .btn-close:before{
		width: 10px;
		height: 10px;
	}

	#extraMapTooltipModal .gb-map-popup{
		padding: 30px 20px 20px;
	}
  
	#extraMapTooltipModal .gb-map-popup-header .header-content h3{
		font-size: 18px;
		margin: 0;
	}
  
	#extraMapTooltipModal .gb-map-popup .gb-map-popup-body{
		padding: 30px 0;
	}
	
	.home-counter-section {
		padding: 50px 0;
	}

	.home-counter-item{
		padding: 60px 30px 40px 30px;
	}

	.home-counter-item h3{
		font-size: 80px;
	}

	.home-counter-item em{
		font-size: 30px;
	}

	.home-counter-item p{
		font-size: 22px;
		margin-top: 20px;
	}

	.home-counter-footer-btn{
		margin-top: 30px;
	}

	.home-counter-list:before{
		left: 0;
		width: 515px;
		height: 275px;	
		bottom: -150px;
	}
	
	.home-municipalities-section {
		padding: 50px 0;
	}
	
	.home-municipalities-section .section-row {
		margin-bottom: 40px;
	}

	.home-municipalities-box-1,
	.home-municipalities-box-3{
		width: calc(50% - 7.5px);
	}

	.home-municipalities-box-2{
		width: 100%;
	}

	.municipalities-green-cta{
		padding: 30px;
	}

	.municipalities-green-cta h3{
		font-size: 32px;
	}

	.municipalities-white-cta{
		/*padding: 100px 20px 30px 20px;*/
		padding: 40px 20px;
	}

	.municipalities-white-cta h3{
		font-size: 70px;
	}

	.municipalities-white-cta h3 span{
		font-size: 32px;
	}

	.municipalities-author-box{
		padding: 30px 25px;
	}

	.municipalities-author-body{
		text-align: center;
	}

	.municipalities-author-post,
	.municipalities-author-post .verhalen-grid-item{
		height: auto;
	}

	.municipalities-author-post .verhalen-grid-item .verhalen-image img{
		aspect-ratio: 1 / 0.66;
	}
	
	.latest-post{
		padding: 50px 0;
	}

}

@media only screen and (max-width: 991px) {
	
	.home-counter-item{
		width: calc(50% - 10px);
	}

	.home-counter-list:before {
		width: 365px;
		height: 195px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.home-hero{
		padding: 100px 0 50px;
		min-height: 580px;
	}

	.home-hero-floating-image {
		top: 150px;
		left: -10px;
	}

	.home-hero-floating-image img{
		max-width: 75px;
	}
	
	.home-hero-content .section-title .heading-one,
	.home-hero-content .section-title .heading-one span{
		font-size: 26px;
	}
	
	.home-about:before {
		top: -150px;
		height: 350px;
		width: 350px;
	}

	.home-about-content .section-title,
	.home-about-content .section-body{
		max-width: 100%;
	}

	.home-about-content .section-title .heading-one,
	.home-about-content .section-title .heading-one span{
		font-size: 28px;
	}

	.home-about-content .section-title .heading-one br{
		display: none;
	}

	.home-about-content .section-body p{
		font-size: 18px;
		padding-top: 120px;
	}

	.intro-slider-wrapper{
		gap: 30px;
	}
	
	.intro-slider-wrapper .intro-slider{
		padding-bottom: 40px;
	}
	
	.testimonial-media-section .section-title .heading-one br{
		display: none;
	}

	.testimonial-media-grid .testimonial-media-grid-item{
		width: 100%;
	}
	
	.testimonial-media-grid:is(:not(:has(.video-box) ), :not(:has(.image-box-wrapper) ) ) .testimonial-media-grid-item{
		min-height: 350px;
	}

	.testimonial-media-grid-item .video-box video, 
	.testimonial-media-grid-item .image-box-wrapper img{
		aspect-ratio: 1 / 1.4;
	}

	.testimonial-media-grid-item .quote-box-wrapper{
		padding: 20px 15px 15px;
		margin: 0 15px 15px;
	}

	.testimonial-media-grid-item .quote-box-wrapper:before {
		top: -25px;
		left: -7px;
		width: 61.972px;
		height: 38.39px;
	}
	
	.home-map .section-row{
		margin-bottom: 30px;
	}
	
	.map-content {
		padding: 30px 20px;
	}
	
	.map-content .section-title .heading-two{
		font-size: 28px;
	}
	
	.gb-map .extra-map-box{
		bottom: 10px;
        width: 90px;
        height: 90px;
	}
	
	.gb-map .extra-map-box .map-img img{
		max-width: 60px;
	}
	
	.gb-map .extra-map-box .map-img svg {
        width: 60px;
    }
	
	.gb-map .extra-map-box .map-text{
		left: 10px;
        bottom: 15px;
		font-size: 10px;
		padding: 2px 7px;
	}
	
	.gb-map .extra-map-box .map-img button.map-mark{
		top: 35px;
		right: 25px;
	}
	
	.gb-map .extra-map-box .map-img button.map-mark svg{
		width: 12px;
	}
	
	#extraMapTooltipModal .modal-content{
		border-radius: 0px;
	}
	
	#extraMapTooltipModal .modal-dialog{
		margin: 0;
		min-height: auto;
	}
	
	#extraMapTooltipModal .modal-body{
		min-height: 100vh;
		align-content:start;
	}

	#extraMapTooltipModal{
		padding: 0;
		min-height: 100vh;
	}

	#extraMapTooltipModal .gb-map-popup{
		border-radius: 0;
		min-height: 100vh;
	}

	#extraMapTooltipModal .modal-body .btn-close{
		top: auto;
		right: auto;
		bottom: 30px;
		left: 50%;
		transform: translatex(-50%);
		height: 50px;
		width: 50px;
		background-color: transparent !important;
	}
	
	#extraMapTooltipModal .modal-body .btn-close:before{
		background-image: url(../images/icon-close-primary.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 50px auto;
		mask-image: initial;
		mask-position: initial;
		mask-repeat: initial;
		mask-size: initial;
		background-color: transparent !important;
		height: 50px;
		width: 50px;
	}

	#extraMapTooltipModal .gb-map-popup.feature-map-popup .btn-close:hover:before{
		background-image: url(../images/icon-close-secondary.svg);
	}
	
	.home-counter-list:before {
		left: 0;
		width: 215px;
		height: 115px;
		bottom: -50px;
	}

	.home-counter-item {
		width: 100%;
		padding: 30px;
	}

	.home-counter-list .home-counter-item:nth-child(3n + 1),
	.home-counter-list .home-counter-item:nth-child(3n + 2){
		transform: rotate(0deg);
	}

	.home-counter-item h3{
		font-size: 60px;
	}

	.home-counter-item em{
		font-size: 22px;
	}

	.home-counter-item p {
		font-size: 18px;
		margin-top: 10px;
	}

	.home-counter-footer-btn {
		text-align: center;
	}
	
	.home-municipalities-box-1,
	.home-municipalities-box-3{
		width: 100%;
	}

	.home-municipalities-box-1 .image-box-wrapper img,
	.home-municipalities-box-3 .image-box-wrapper img{
		height: auto;
	}

	.home-municipalities-box-1 .video-box video,
	.home-municipalities-box-1 .image-box-wrapper img{
		aspect-ratio: 1 / 0.9;
	}

	.municipalities-green-cta {
		padding: 20px;
	}

	.municipalities-green-cta h3 {
		font-size: 26px;
	}

	.municipalities-green-cta-btn {
		margin-top: 20px;
	}

	.municipalities-author-box {
		padding: 20px;
	}

	.municipalities-author-content .author-name{
		font-size: 20px;
	}

	.municipalities-author-body p{
		font-size: 16px;
	}

	.municipalities-author-post .verhalen-grid-item .verhalen-image img{
		aspect-ratio: 1 / 0.9;
	}

	.municipalities-author-post .verhalen-grid-item .verhalen-content .section-title .heading-three {
		font-size: 20px;
	}

	.home-municipalities-box-1 .video-box-wrapper,
	.home-municipalities-box-1 .video-box-wrapper .video-box,
	.home-municipalities-box-1 .video-box-wrapper .video-box video,
	.home-municipalities-box-3 .video-box-wrapper,
	.home-municipalities-box-3 .video-box-wrapper .video-box,
	.home-municipalities-box-3 .video-box-wrapper .video-box video{
		height: auto;
	}

	.municipalities-white-cta{
		padding: 30px 20px 20px 20px;
	}

	.municipalities-white-cta h3{
		font-size: 40px;
	}

	.municipalities-white-cta h3 span{
		font-size: 26px;
	}

	.municipalities-white-cta p{
		font-size: 16px;
		margin: 15px 0 0;
	}

	.municipalities-white-cta-btn{
		margin-top: 20px;
	}

	.latest-post .section-row .section-title,
	.latest-post .section-row .section-btn{
		text-align: center;
	}
	
	.latest-post .section-row .section-btn{
		margin-top: 20px;
	}
}

/*
 * About US Page CSS
 * */
.page-about-page-header{
	position: relative;
	padding: 15px;
}

.page-about-page-header:not(:has(.page-header-img)){
	padding: 0;
	margin-top: 155px;
}

.page-about-page-header .page-header-img:before{
	content: '';
	position: absolute;
	top: 290px;
    left: auto;
    right: 135px;
	background-color: var(--yellow-color);
	mask-image: url("../images/page-header-line.svg");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 315px;
	height: 475px;
}

.page-about-page-header .page-header-img{
	width: calc(100% - 340px);
}

.page-about-page-header .page-header-img img{
	width: 100%;
	aspect-ratio: 1 / 0.34;
	object-fit: cover;
	border-radius: 15px;
	min-height: 520px;
}

.page-about-content{
	padding: 70px 0;
}

.page-about-content .section-title{
	max-width: 800px;
	margin-bottom: 60px;
}

.page-about-page-header:not(:has(.page-header-img)) .page-about-content .section-title{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.page-about-content .section-body{
	max-width: 580px;
	margin-left: auto;
}

.page-about-page-header:not(:has(.page-header-img)) .page-about-content .section-body{
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.page-about-content .section-body p:last-child{
	margin-bottom: 0;
}

/* About Partner Logo */


/* Page Content With Left Image */
.pagina-content-left-img-section{
	position: relative;
	background-color: var(--secondary-color);
	padding: 75px 0;	
}

.pagina-content-left-img-section .container{
	max-width: 1320px;
}

.pagina-content-left-img-section .pagina-content-left-img-container{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px 100px;
	padding-left: 20px;
}

.pagina-content-left-img-container:not(:has(.image-wrapper)){
	padding-left: 0;
}

.pagina-content-left-img-container .content-wrapper{
	width: calc(50% - 50px);
}

.pagina-content-left-img-container:not(:has(.image-wrapper)) .content-wrapper{
	width: 100%;
}

.pagina-content-left-img-container .image-wrapper{
	position: relative;
	width: calc(50% - 50px);
}

.pagina-content-left-img-container .image-wrapper .round-img{
	position: relative;
	mask-image: url("../images/image-circle-shape.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: cover;
}

.pagina-content-left-img-container .image-wrapper .round-img img{
	width: 100%;
	aspect-ratio: 1 / 0.929;
	object-fit: cover;
}

.pagina-content-left-img-container .floating-image{
	position: absolute;
	display: block;
	left: -30px;
	bottom: -10px;
	width: 190px;
}

.pagina-content-left-img-container .floating-image img{
	width: 100%;
}

.our-team-section{
	padding: 75px 0 150px;
}

.our-team-section .container{
	max-width: 1320px;
}

.our-team-section .section-body p:last-child{
	margin-bottom: 0;
}

.team-list-items{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 16px;
}

.team-list-items .team-list-item{
	position: relative;
	width: calc(33.33% - 10.667px);
	background-color: var(--secondary-color);
	border-radius: 12px;
	padding: 20px;
	overflow: hidden;
	cursor: pointer;
}

.team-list-item .team-header{
	margin-bottom: 30px;
}

.team-list-item .team-header figure{
	background-image: url("../images/logo-img.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 8px;
}

.team-list-item .team-header figure:not(:has(img)){
	aspect-ratio: 1 / 0.935;
}

.team-list-item .team-header img{
	width: 100%;
	aspect-ratio: 1 / 0.935;
	object-fit: cover;
	border-radius: 8px;
}

.team-list-item .team-body .partner-logo{
	margin-bottom: 30px;
	text-align: left;
}

.team-list-item .team-body .partner-logo img{
	width: auto;
	max-width: 190px;
	height: 50px;
}

.team-list-item .team-body .team-details .heading-four{
	font-weight: 700;
	line-height: 1.4em;
}

.team-list-item .team-body .team-details .email a{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
	color: var(--text-color);
	opacity: 60%;
	transition: all 0.3s ease-in-out;
}

.team-list-item .team-body .team-details .email a:hover{
	opacity: 100%;
}

.team-list-item .team-footer{
	padding-top: 30px;
}

.team-list-item .team-footer p:last-child{
	margin-bottom: 0;
}

.pagina-content-section.post-content-block{
	padding: 120px 0;
}

.pagina-content-section.post-content-block .post-entry-content > *:first-child {
    margin-top: 0;
}

.pagina-content-section.post-content-block .post-entry-content > *:last-child {
    margin-bottom: 0;
}

.pagina-content-section .post-entry-content h1,
.pagina-content-section .post-entry-content h2,
.pagina-content-section .post-entry-content h3,
.pagina-content-section .post-entry-content h4,
.pagina-content-section .post-entry-content h5,
.pagina-content-section .post-entry-content h6{
	margin: 60px 0 30px;
}

.pagina-content-section .post-entry-content ul,
.pagina-content-section .post-entry-content ol{
	margin: 30px 0;
}

.about-us-cta-section{
	padding: 120px 0;
}

@media only screen and (max-width: 1024px){
	
	.page-about-page-header:not(:has(.page-header-img)){
		margin-top: 105px;
	}

	.page-about-page-header{
		padding: 0;
	}
	
	.page-about-page-header .page-header-img:before{
		display: none;
	}
	
	.page-about-page-header .page-header-img{
		width: 100%;
	}
	
	.page-about-page-header .page-header-img img{
		aspect-ratio: 1 / 0.55;
		border-radius: 0;
		min-height: auto;
	}
	
	.page-about-content{
		padding: 50px 0;
	}
	
	.page-about-content .section-title{
		max-width: 100%;
		margin-bottom: 40px;
	}
	
	.page-about-content .section-body,
	.page-about-page-header:not(:has(.page-header-img)) .page-about-content .section-body{
		max-width: 100%;
	}
	
	.pagina-content-left-img-section{
		padding: 50px 0;
	}
	
	.pagina-content-left-img-section .pagina-content-left-img-container{
		padding-left: 0;
	}

	.pagina-content-left-img-section .content-wrapper{
		width: 100%;
	}
	
	.pagina-content-left-img-section .content-wrapper .section-title .heading-two br{
		display: none;
	}
	
	.pagina-content-left-img-section .image-wrapper{
		width: 100%;
		max-width: 600px;
	}
	
	.pagina-content-left-img-container .floating-image{
		left: 10px;
		bottom: 0;
		width: 140px;
	}
	
	.our-team-section{
		padding: 50px 0 100px;
	}
	
	.our-team-section .section-body{
		margin-top: 30px;
	}
	
	.team-list-items .team-list-item{
		width: calc(50% - 8px);
	}
	
	.team-list-item .team-header {
		margin-bottom: 20px;
	}
	
	.team-list-item .team-body .partner-logo{
		margin-bottom: 20px;
	}
	
	.team-list-item .team-body .partner-logo img {
		max-width: 150px;
	}
	
	.team-list-item .team-footer{
		padding-top: 20px;
	}
	
	.pagina-content-section.post-content-block{
		padding: 50px 0;
	}

	.pagina-content-section .post-entry-content h1,
	.pagina-content-section .post-entry-content h2,
	.pagina-content-section .post-entry-content h3,
	.pagina-content-section .post-entry-content h4,
	.pagina-content-section .post-entry-content h5,
	.pagina-content-section .post-entry-content h6{
		margin: 40px 0 20px;
	}

	.pagina-content-section .post-entry-content ul,
	.pagina-content-section .post-entry-content ol{
		margin: 20px 0;
	}
	
	.about-us-cta-section{
		padding: 50px 0;
	}

}

@media only screen and (max-width: 767px){
	
	.page-about-page-header:not(:has(.page-header-img)){
		margin-top: 90px;
	}

	.page-about-page-header .page-header-img img{
		aspect-ratio: 1 / 0.85;		
	}
	
	.page-about-content .section-title{
		margin-bottom: 30px;
	}	
	
	.pagina-content-left-img-section {
		padding: 30px 0;
	}
	
	.pagina-content-left-img-container .floating-image{
		left: 0;
		width: 90px;
	}
	
	.our-team-section{
		padding: 50px 0;
	}
	
	.our-team-section .section-body{
		margin-top: 20px;
	}
	
	.team-list-items .team-list-item{
		width: 100%;
		padding: 15px;
	}
	
	.team-list-item .team-body .partner-logo{
		margin-bottom: 10px;
	}
	
	.team-list-item .team-body .partner-logo img {
		max-width: 120px;
	}
	
	.team-list-item .team-footer{
		padding-top: 10px;
	}
	
	.pagina-content-section.post-content-block{
		padding: 30px 0;
	}

	.pagina-content-section .post-entry-content h1,
	.pagina-content-section .post-entry-content h2,
	.pagina-content-section .post-entry-content h3,
	.pagina-content-section .post-entry-content h4,
	.pagina-content-section .post-entry-content h5,
	.pagina-content-section .post-entry-content h6{
		margin: 30px 0 15px;
	}

}

/*
 * Aanpak Page CSS
 * */

body.page-id-35 .page-about-page-header .page-header-img:before{
	background-color: var(--accent-color);
}

.neighborhood-themes-section{
	padding: 75px 0;
}

.neighborhood-themes-section .container{
	max-width: 1320px;
}

.three-themes-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.three-themes-item{
	width:calc(33.33% - 16.66px);
	background: var(--secondary-color);
	border-radius: 12px;
	padding: 20px;
}

.three-themes-item:nth-child(3n + 2) .three-themes-image .icon-box{
	background-color: var(--purple-color);
}

.three-themes-item:nth-child(3n + 3) .three-themes-image .icon-box{
	background-color: var(--accent-color);
}

.three-themes-image{
	position: relative;
}

.three-themes-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.984;
	object-fit: cover;
	border-radius: 8px;
}

.three-themes-image .icon-box{
	position: absolute;
	right: 18px;
	bottom: -25px;
	mask-image: url('../images/image-circle-shape.svg');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	background-color: var(--yellow-color);
	height: 88px;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.three-themes-image .icon-box img{
	width: 100%;
	max-width: 58px;
	filter: brightness(0) invert(1);
}

.three-themes-image .icon-box svg{
	width: 58px;
	height: auto;
	fill: var(--secondary-color);
}

.three-themes-content{
	padding: 50px 0 40px;
}

.three-themes-content .heading-three{
	font-size: 30px;
}

.three-themes-content p{
	margin: 30px 0 0;
}

/* Aanpak Step Carousel CSS */
.aanpak-step-slider-section{
	padding: 1px 0;
}

.step-check-box{
	max-width: 600px;
	margin: 70px auto 0;
	background: var(--purple-color);
	border-radius: 12px;
	padding: 70px 50px;
}

.check-box-header .heading-two{
	font-size: 38px;
	color: var(--secondary-color);
}

.check-box-body{
	padding: 30px 20px;
	background: var(--secondary-color);
	border-radius: 12px;
}

.check-box-body ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.check-box-body ul li{
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 10px;
}

.check-box-body ul li:last-child{
	margin-bottom: 0;
}

.check-box-body ul li:before{
	content: '';
	position: relative;
	display: block;	
	left: 0;
	width: 42px;
	height: 39px;
	background-image: url('../images/icon-checl-ligh-green.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	flex-shrink: 0;
}

.check-box-body ul li span{
	flex: 1;
}

.check-box-footer{
	margin-top: 30px;
}

.check-box-footer .check-content p{
	font-size: 16px;
	color: var(--secondary-color);
	margin: 0;
}

.check-box-footer .section-btn{
	line-height:0;
	margin-top: 30px;
}

.step-share-btn{
	text-align: right;
	margin-top: 80px;
	padding-right: 20px;
}

.neighbors-impact-section{
	padding: 100px 0;
}

.neighbors-impact-section .container{
	max-width: 1280px;
}

.neighbors-impact-box{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	gap: 30px 0;
}

.neighbors-impact-content{
	width: 58%;
}

.neighbors-impact-content .section-title{
	margin-bottom: 60px;
}

.impact-item-list{
	display: flex;
	flex-wrap:wrap;
	gap: 16px;
}

.impact-item{
	width: calc(50% - 8px);
	background-color: var(--secondary-color);
	border-radius: 12px;
	padding: 50px 30px;
}

.impact-item .heading-three{
	font-size: 24px;
	font-weight: 700;
}

.impact-item p{
	margin: 15px 0 0;
}

.neighbors-impact-footer{
	margin-top: 60px;
	max-width: 600px;
	text-align: center;
}

.neighbors-impact-footer .heading-three{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
}

.neighbors-impact-footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px 8px;
}

.neighbors-impact-footer ul li{
	font-size: 14px;
	line-height: normal;
	color: var(--primary-color);
	background-color: #2835831F;
	border-radius: 100px;
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	padding: 4px 8px;
}

.neighbors-impact-image-box{
	position: relative;
	width: 42%;
}

.neighbors-impact-image-box:before{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -6.25vw;
	width: 735px;
	height: 1050px;
	background-image: url('../images/impact-image-bg-shape.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.neighbors-impact-image figure{
	position: relative;
    mask-image: url(../images/image-circle-shape.svg);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
}

.neighbors-impact-image figure img{
	width: 100%;
    aspect-ratio: 1 / 0.94;
    object-fit: cover;
}

.impacts-image-content{
	max-width: 280px;
	text-align: center;
	padding: 45px 30px;
	margin-top: 30px;
}

.impacts-image-content .heading-five{
	font-size: 24px;
	font-weight: 700;
	color: var(--secondary-color);
}

.impacts-image-content .heading-two{
	font-size: 50px;
	font-weight: 700;
	display: block;
	line-height: normal;
	color: var(--secondary-color);
	margin-bottom: 5px;
}

.impacts-image-content .heading-two span{
	display: block;
	font-size: 20px;
	font-weight: 400;
		text-transform: uppercase;
	color: var(--secondary-color);
}

.impacts-image-content p{
	color: var(--secondary-color);
	margin: 25px 0 0;
}

@media only screen and (max-width: 1440px) {
	
	.neighbors-impact-image-box:before{
		right: -4.25vw;
	}
}


@media only screen and (max-width: 1370px) {
	
	.neighbors-impact-image-box:before{
		right: -2.25vw;
		width: 710px;
		height: 1010px;
	}
}

@media only screen and (max-width: 1024px) {
	
	.neighborhood-themes-section{
		padding: 50px 0;
	}
	
	.three-themes-item{
		width: calc(50% - 12.5px);
		padding: 15px
	}

	.three-themes-image .icon-box{
		height: 62px;
		width: 70px;
		bottom: -15px;
	}
	
	.three-themes-image .icon-box img{
		max-width: 40px;
	}
	
	.three-themes-image .icon-box svg{
		width: 40px;
	}
	
	.three-themes-content{
		padding: 40px 0 20px;
	}
	
	.three-themes-content .heading-three{
		font-size: 26px;
	}
	
	.three-themes-content .heading-three br{
		display: none;
	}
	
	.three-themes-content p{
		margin-top: 20px;
	}
	
	/* Aanpak Step Carousel CSS */
	.step-check-box{
		margin: 40px auto 0;
		padding: 50px 30px;
	}

	.check-box-header .heading-two{
		font-size: 32px;
	}

	.check-box-body{
		padding: 20px;
	}

	.check-box-body ul li:before{
		width: 33px;
		height: 30px;
	}

	.check-box-footer,
	.check-box-footer .section-btn{
		margin-top: 20px;
	}
	
	.step-share-btn{
		margin-top: 50px;
		padding-right: 0;
	}

	.neighbors-impact-section{
		padding: 50px 0;
	}
	
	.neighbors-impact-content .section-title {
		margin-bottom: 30px;
	}
	
	.neighbors-impact-box{
		flex-direction: column-reverse;
	}
	
	.neighbors-impact-content {
		width: 100%;
	}

	.impact-item{
		padding: 30px 20px;
	}
	
	.impact-item .heading-three{
		font-size: 22px;
	}
	
	.neighbors-impact-footer{
		margin-top: 30px;
	}
	
	.neighbors-impact-footer .heading-three{
		font-size: 22px;
	}
	
	.neighbors-impact-image-box{
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	
	.neighbors-impact-image-box:before{
		display: none;
	}

	.impacts-image-content{
		padding: 0;
		background-color: var(--accent-color);
		max-width: 100%;
		padding: 20px;
		border-radius: 12px;
	}
	
	.impacts-image-content .heading-five{
		font-size: 22px;
	}
	
	.impacts-image-content .heading-two span{
		font-size: 18px;
	}
	
	.impacts-image-content .heading-two{
		font-size: 40px;
	}
	
	.impacts-image-content p{
		margin-top: 15px;
	}
	
	.neighbors-impact-footer{
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	
	.three-themes-item{
		width: 100%;
	}
	
	.three-themes-image figure img{
		aspect-ratio: 1 / 0.9;
	}
	
	.three-themes-image .icon-box {
		height: 52px;
		width: 60px;
	}
	
	.three-themes-image .icon-box img{
		max-width: 30px;
	}

	.three-themes-image .icon-box svg{
		width: 30px;
	}

	.three-themes-content {
		padding: 20px 0 10px;
	}
	
	.three-themes-content .heading-three {
		font-size: 22px;
    }
	
	/* Aanpak Step Carousel CSS */
	.step-check-box {
		margin: 30px auto 0;
		padding: 30px 20px;
	}

	.check-box-header .heading-two {
		font-size: 26px;
	}

	.check-box-body {
		padding: 15px;
	}

	.check-box-body ul li:before {
		width: 27px;
		height: 24px;
	}
	
	.step-share-btn{
		margin-top: 30px;
	}
	
	.impact-item{
		width: 100%;
		padding: 20px;
	}
	
	.neighbors-impact-footer ul{
		gap: 8px;
	}
	
	.neighbors-impact-footer ul li{
		font-size: 12px;
	}
	
	.impacts-image-content .heading-two span {
		font-size: 16px;
	}
	
	.impacts-image-content .heading-two {
		font-size: 32px;
	}
	
}


/*
 * Actueel Blog Post Archive CSS
 * */

.page-actueel-archive{
	padding: 50px 0;
}

.page-actueel-archive .section-title{
	margin-bottom: 0;
}

.actueel-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.actueel-grid .actueel-grid-item{
	width: calc(33.33% - 10.667px);
	background-color: var(--secondary-color);
	border-radius: 12px;
	overflow: hidden;
}

.actueel-grid-item .actueel-image img{
	width: 100%;
	aspect-ratio: 1 / 1.12;
	object-fit: cover;
}

.actueel-grid-item .actueel-image a{
	display: block;
	line-height: 0;
}

.actueel-grid-item .actueel-image:not(:has(img)){
	aspect-ratio: 1 / 1.12;
	background-image: url(../images/logo-img.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.actueel-content{
	position: relative;
	padding: 44px 30px;
	min-height: 180px;
}

.actueel-floating-shape{
	position: absolute;
	top: -85px;
	right: 30px;
	left: auto;
}

.actueel-floating-shape img{
	width: 100%;
	max-width: 110px;
}

.actueel-floating-shape svg{
	width: 110px;
	height: auto;
}

.actueel-content .section-title{
	margin-bottom: 0;
}

.actueel-content .section-title .heading-five{
	font-size: 22px;
	line-height: 1.3em;
}

.actueel-content .section-title .heading-five a{
	display: block;
	color: inherit;
}

.pagination-default{
	margin-top: 60px;
}

.pagination-default .navigation{
    justify-content: center;
}

.pagination-default .navigation .nav-links{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.pagination-default .navigation .nav-links .page-numbers{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.1em;
	color: var(--primary-color);
	background-color: var(--yellow-color);
	mask-image: url(../images/btn-arrow-shape.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 56px;
	height: 51.75px;
	transition: all 0.3s ease-in-out;	
}

.pagination-default .navigation .nav-links .page-numbers:hover{
	color: var(--secondary-color);
	background-color: var(--accent-color);
}

.pagination-default .navigation .nav-links .page-numbers.prev:before,
.pagination-default .navigation .nav-links .page-numbers.next:before{
	content: '';
	position: relative;
	display: block;
	background-color: currentcolor;
	mask-image: url("../images/long-arrow.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	width: 40.25px;
	height: 12.25px;
	transition: all 0.3s ease-in-out;
}

.pagination-default .navigation .nav-links .page-numbers.prev:before{
	transform: scale(-1);
}

.actueel-cta-section{
	padding: 100px 0 150px;
}

@media only screen and (max-width: 1024px){
	
	.actueel-grid .actueel-grid-item{
		width: calc(50% - 8px);
	}
	
	.actueel-grid-item .actueel-image img ,
	.actueel-grid-item .actueel-image:not(:has(img)){
		aspect-ratio: 1 / 1.1;
	}
	
	.actueel-content{
		padding: 34px 20px;
		min-height: 140px;
	}
	
	.actueel-floating-shape{
		top: -65px;
		right: 20px;
	}
	
	.actueel-floating-shape img{
		max-width: 80px;
	}
	
	.actueel-floating-shape svg{
		width: 80px;
	}
	
	.pagination-default {
		margin-top: 40px;
	}
	
	.pagination-default .navigation .nav-links .page-numbers{
		font-size: 24px;
		width: 50px;
		height: 46.75px;
	}
	
	.pagination-default .navigation .nav-links .page-numbers.prev:before, 
	.pagination-default .navigation .nav-links .page-numbers.next:before{
		width: 34.25px;
		height: 12.25px;
	}
	
	.actueel-cta-section{
		padding: 50px 0 100px;
	}
}

@media only screen and (max-width: 767px){
	
	.actueel-grid .actueel-grid-item{
		width: 100%;
	}
	
	.actueel-grid-item .actueel-image img ,
	.actueel-grid-item .actueel-image:not(:has(img)){
		aspect-ratio: 1 / 0.95;
	}
	
	.actueel-content{
		padding: 25px 20px;
		min-height: auto;
	}
	
	.actueel-floating-shape{
		top: -45px;
		right: 10px;
	}
	
	.actueel-floating-shape img{
		max-width: 60px;
	}
	
	.actueel-floating-shape svg{
		max-width: 60px;
	}
	
	.actueel-content .section-title .heading-five {
		font-size: 18px;
	}
	
	.pagination-default {
		margin-top: 40px;
	}
	
	.pagination-default .navigation .nav-links .page-numbers{
		font-size: 20px;
		width: 39px;
		height: 35px;
	}
	
	.pagination-default .navigation .nav-links .page-numbers.prev:before, 
	.pagination-default .navigation .nav-links .page-numbers.next:before{
		width: 27px;
	}
	
	.actueel-cta-section{
		padding: 50px 0;
	}
	
}

/*
 * Actueel Single CSS
 * */

.post-single-page-header .container{
	max-width: 1320px;
}

.post-single-page-header .page-header-wrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px 100px;
}

.post-single-page-header .page-header-image{
	position: relative;
	width: calc(48.5% - 50px);
}

.post-single-page-header .page-header-image:has(.header-floating-shape){
	padding-left: 10px;
}

.post-single-page-header .featured-image{
	text-align: center;
}

.post-single-page-header .featured-image img{
	width: 100%;
	aspect-ratio: 1 / 0.94;
	object-fit: cover;	
	mask-image: url(../images/image-circle-shape.svg);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}

.page-header-image .header-floating-shape{
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
}

.page-header-image .header-floating-shape img{
	width: 100%;
	max-width: 150px;
}

.post-single-page-header .page-header-content{
	width: calc(51.5% - 50px);
}

.post-single-page-header:not(:has(.page-header-image)) .page-header-content{
	width: 100%;
}

.post-single-page-header .page-header-content:not(:has(.page-header-btn)) .section-title{
	margin-bottom: 0;
}

.post-single-page-header .page-header-content .section-title .heading-two{
	font-weight: 600;
}

.post-single-page-header .page-header-content .section-title span{
	display: inline;
	font-weight: 400;
}

.post-single-page-header .page-header-content .section-title-content{
	font-size: 18px;
}

.related-actueel-section{
	padding: 100px 0 200px;
}

.related-actueel-section .section-row {
	margin-bottom: 60px;
}

.related-actueel-grid .actueel-content .section-title .heading-five{
	font-weight: 700;	
}

@media only screen and (max-width: 1024px){
	
	.post-single-page-header .page-header-image{
		width: 100%;
		max-width: 560px;
	}

	.post-single-page-header .page-header-image:has(.header-floating-shape){
		padding-left: 0;
/* 		padding-bottom: 0; */
	}

	.page-header-image .header-floating-shape {
		left: 60px;
		bottom: 0;
	}

	.page-header-image .header-floating-shape img{		
		max-width: 110px;
	}

	.post-single-page-header .page-header-content {
		width: 100%;
	}
	
	.related-actueel-section{
		padding: 50px 0 100px;
	}

	.related-actueel-section .section-row {
		margin-bottom: 40px;
	}
	
}

@media only screen and (max-width: 767px){

	.page-header-image .header-floating-shape {
		left: 30px;
		bottom: 0;
	}

	.page-header-image .header-floating-shape img{		
		max-width: 80px;
	}
	
	.post-single-page-header .page-header-content .section-title-content{
		font-size: 16px;
	}
	
	.related-actueel-section{
		padding: 50px 0;
	}

	.related-actueel-section .section-row {
		margin-bottom: 30px;
	}
	
}

/*
 * Praktijkverhalen (CPT) CSS
 * */

.page-praktijkverhalen-archive{
	padding: 50px 0;
}

.verhalen-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.verhalen-grid-item{
	position: relative;
	background-color: var(--accent-color);
	border-radius: 12px;	
	overflow: hidden;
}

.verhalen-grid .verhalen-grid-item{	
	width: calc(33.33% - 10.667px);
	min-height: 370px;
}

.verhalen-grid-item .verhalen-image,
.verhalen-grid-item .verhalen-image figure{
	height: 100%;
}

.verhalen-grid-item .verhalen-image img{
	width: 100%;
	aspect-ratio: 1 / 0.8347;
    object-fit: cover;
	height: 100%;
}

.verhalen-grid-item .verhalen-content{
	position: absolute;
	top: auto;
	bottom: 0;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
	background-color: var(--secondary-color);
	border-radius: 7px;
	padding: 20px 30px;
	margin: 10px 15px;
	width: calc(100% - 30px);
}

.verhalen-grid-item .verhalen-content .section-title{
	flex: 1;
	margin-bottom: 0;
}

.verhalen-grid-item .verhalen-content .section-title .heading-three{
	font-size: 30px;
	font-weight: 700;
}

.verhalen-grid-item .verhalen-content .section-title a{
	display: block;
	color: inherit;
}

.verhalen-grid-item .verhalen-content .section-title p{
	font-size: 16px;
	font-weight: 700;
	margin-top: 0;
}

.verhalen-grid-item .verhalen-content .section-title p a{
	text-decoration: none;
}

.verhalen-grid-item .verhalen-content .section-btn{
	flex-shrink: 0;
}

.praktijkverhalen-cta-section{
	padding: 100px 0 150px;
}

@media only screen and (max-width: 1024px){
	
	.verhalen-grid .verhalen-grid-item{
		width: calc(50% - 8px);
	}
	
	.verhalen-grid-item .verhalen-content{
		padding: 20px;
		margin: 10px;
		width: calc(100% - 20px);
	}
	
	.verhalen-grid-item .verhalen-content .section-title .heading-three{
		font-size: 26px;
	}
	
	.praktijkverhalen-cta-section{
		padding: 50px 0 100px;
	}
}

@media only screen and (max-width: 767px){
	
	.verhalen-grid .verhalen-grid-item{
		width: 100%;
		min-height: 300px;
	}
	
	.verhalen-grid-item .verhalen-content{
		padding: 15px;
	}
	
	.verhalen-grid-item .verhalen-content .section-title .heading-three{
		font-size: 22px;
	}
	
	.praktijkverhalen-cta-section{
		padding: 50px 0;
	}
}

/*
 * Praktijkverhalen (CPT) Single CSS
 * */

.praktijkverhaal-page-header.page-header {
	padding: 50px 0;
}

.praktijkverhaal-page-header.post-single-page-header .page-header-image:has(.header-floating-shape){
	margin-bottom: 0;
}

.praktijkverhaal-page-header .page-header-image .header-floating-shape{
	bottom: 60px;
}

.related-praktijkverhaal-section{
	padding: 100px 0;
}

.related-praktijkverhaal-section .section-row{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


@media only screen and (max-width: 1024px) {
	
	.praktijkverhaal-page-header.page-header{
		padding: 40px 0 50px;
	}
	
	.praktijkverhaal-page-header .page-header-image .header-floating-shape{
		bottom: 0;
	}
	
	.related-praktijkverhaal-section{
		padding: 50px 0;
	}

}

@media only screen and (max-width: 767px) {
	
	.praktijkverhaal-page-header.page-header{
		padding: 30px 0 50px;
	}
	
}

/*
 * Template Content Blocks CSS
 * */

body.page-template-content-blocks,
body.page-template-content-blocks .main-footer:before{
	background-color: var(--secondary-color);
}

body.page-template-content-blocks .main-footer:has(.footer-image-container){
	margin-top: 100px;
}

@media only screen and (max-width: 1024px) {
	
	body.page-template-content-blocks .main-footer:has(.footer-image-container){
		margin-top: 50px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	body.page-template-content-blocks .main-footer:has(.footer-image-container){
		margin-top: 0;
	}
	
}



/*
 * Contact Us Page CSS
 * */

.contact-page-header .section-title{
	margin-bottom: 0;
}

.contact-us-section{
	padding: 75px 0;
}

.contact-us-content{
	background-color: var(--secondary-color);
	border-radius: 12px;
	padding: 70px 50px;
	margin-right: 24px;
}

.contact-us-content .section-btn .heading-five{
	font-weight: 700;
}

.contact-us-content .section-btn p:last-child{
	margin-bottom: 20px;
}

.contact-faqs{
	padding: 75px 0;
}

.contact-faqs .container{
	max-width: 1220px;	
}

.faqs-content{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 10px;
	height: 100%;
}

.faqs-content .section-title .heading-three{	
	font-size: 30px;
}

.faqs-content .section-title p{
	font-size: 16px;
}

.faqs-cta{
	background-color: var(--purple-color);
	border-radius: 12px;
	padding: 20px;
}

.faqs-cta .faqs-cta-content .heading-four{
	font-size: 30px;
	font-weight: 700;
	color: var(--secondary-color);
	margin-bottom: 5px;
}

.faqs-cta .faqs-cta-content p{
	color: var(--secondary-color);
}

.faqs-cta .faqs-cta-content p:last-child{
	margin-bottom: 0;
}

.faqs-cta .faqs-cta-btn{
	line-height: 0;
	margin-top: 34px;
}

.faq-accordion-content{
	margin-left: 10px;
}

@media only screen and (max-width: 1024px){
	
	.contact-us-section{
		padding: 50px 0;
	}
	
	.contact-us-content{
		padding: 50px 30px;
		margin-right: 0;
		margin-bottom: 50px;
	}
	
	.contact-faqs{
		padding: 50px 0;
	}
	
	.faqs-content{
		margin-right: 0;
		margin-bottom: 30px;
		height: auto;
	}
	
	.faqs-cta .faqs-cta-btn{
		margin-top: 24px;
	}
	
	.faq-accordion-content{
		margin-left: 0;
	}
	
}

@media only screen and (max-width: 767px){
	
	.contact-us-content {
		padding: 20px;
		margin-bottom: 40px;
	}
	
	.contact-faqs{
		padding: 30px 0;
	}
	
	.faqs-cta{
		padding: 15px;
	}
	
}


/*
 * 404 Page CSS
 * */
	
.error-page-main{
	position: relative;
	padding: 200px 0;
	margin-top: 155px;
}

.error-page-main .container{
	max-width: 980px;
}

.error-template-box .section-title .heading-one{
	font-size: 100px;
    font-weight: 700;
}

.error-template-box p{
	font-size: 20px;
}

@media only screen and (max-width: 1024px){

	.error-page-main{
		padding: 150px 0;
		margin-top: 100px;
	}

	.error-template-box .section-title .heading-one{
		font-size: 90px;
	}

	.error-template-box p{
		font-size: 18px;
	}
}

@media only screen and (max-width: 767px){

	.error-page-main{
		padding: 80px 0;
		margin-top: 80px;
	}

	.error-template-box .section-title .heading-one{
		font-size: 45px;
	}
}