/* INDEX
----------------------------------------------------------------------------------------
01. General
02. Header
03. Footer
04. Scrolling Ticker
05. Home Hero Block
06. Introduction Content
07. Trajecten Block
08. Content Video
09. Ervaringen Block
10. Contact Info
11. Aanbod Page (Offer)
12. Aanbod Page (Offer Details)
13. Blog Page 
14. Blog Page Deatils
15. Contact Page Css
-------------------------------------------------------------------------------------- */

:root{
	--primary-color			: #5C4033;
	--secondary-color		: #F5EDE4;
	--text-color			: #666666;
	--accent-color			: #F0A63F;
	--white-color			: #FFFFFF;
	--black-color			: #000000;
	--dark-bg-color			: #7E8370;
	--light-bg-color		: #F9F6F3;
	--default-font			: "Marcellus", serif;
	--text-font				: "Lato", serif;
}


/************************************/
/*** 	   01. General css		  ***/
/************************************/

body{
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6em;
	background-color: var(--white-color);
	color: var(--primary-color);
}

p{
	font-family: var(--text-font);
	line-height: 1.6em;
	margin-bottom: 1.6em;
}

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

figure{
	margin: 0;
}

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

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

.container{
	max-width: 1760px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 20px;
    padding-left: 20px;
}

.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;
}

.btn-default{
	position: relative;
	display: inline-block;
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;	
	color: var(--black-color);
	background: var(--accent-color);
	border-radius: 50px;
	padding: 15px 50px 17px 30px;
	transition: all 0.4s ease-in-out;
}

.btn-default:after{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url('../images/btn-black-arrow.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translate(-30px, -45%);
    transition: all 0.4s ease-in-out;
}

.btn-default:hover{
    color: var(--white-color);
    background: var(--primary-color);
}

.btn-default:hover::after{
    filter: brightness(0) invert(1);
}

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

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

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

.section-title h1{
	font-size: 48px;
}

.section-title h2{
	font-size: 36px;
}

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

.section-title.dark-section p,
.section-title.dark-section h1,
.section-title.dark-section h2{
	color: var(--white-color);
}

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

@media only screen and (max-width: 991px){
	
	.section-row{
		margin-bottom: 40px;
	}
	
	.section-title{
		margin-bottom: 20px;
	}

	.section-title h1{
		font-size: 40px;
	}

	.section-title h2{
		font-size: 30px;
	}

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

@media only screen and (max-width: 767px){
	
	.btn-default{
		padding: 12px 40px 14px 20px;
	}
	
	.btn-default:after{
		transform: translate(-20px, -45%);
	}
	
	.section-row{
		margin-bottom: 30px;
	}
	
	.section-title{
		margin-bottom: 15px;
	}

	.section-title h1{
		font-size: 32px;
	}

	.section-title h2{
		font-size: 26px;
	}

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


/************************************/
/**** 	   02. Header css		 ****/
/************************************/

body{
	padding-top: 131px;
}

.header-sticky{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
    z-index: 100;
}

.topbar{
	background: var(--dark-bg-color);
	padding: 10px 0;
}

.topbar-contact-info ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.topbar-contact-info ul li{
	color: var(--white-color);
    margin-right: 30px;
}

.topbar-contact-info ul li:last-child{
    margin-right: 0;
}

.topbar-contact-info ul li i{
	font-size: 16px;
    color: var(--accent-color);
	margin-right: 10px;
}

.topbar-icon-list{
    text-align: end;
}

.topbar-icon-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.topbar-icon-list ul li{
    position: relative;
    display: inline-block;
    color: var(--white-color);
    margin-right: 30px;
    padding-left: 30px;
}

.topbar-icon-list ul li::before{
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
    color: var(--accent-color);
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.topbar-icon-list ul li:last-child{
    margin-right: 0;
}

header.main-header{
	position: relative;
/* 	background-color: var(--white-color);
	border-bottom: 1px solid #01473626;
	z-index: 100; */
}

.navbar{
	padding: 15px 0;
	align-items: center;
	
	background-color: var(--white-color);
	border-bottom: 1px solid #01473626;
	z-index: 100;
}

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

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

.main-menu .nav-menu-wrapper{
	flex: 1;
	margin: 0 10px;
}

.main-menu .nav-menu-wrapper > ul{
	align-items: center;
	display: inline-flex;
}

.nav-menu-wrapper ul{
	justify-content: center;
}

.main-menu ul li{
	position: relative;
	margin: 0;
}

.main-menu ul li.hightlighted-menu{
	display: none;
}

.main-menu ul li a{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	padding: 18px 30px !important;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.main-menu ul li a:before{
	content: '';
    position: absolute;
	left: 0;
	right: 0;
    bottom: -17px;
    width: 100%;
    height: 6px;
    background-color: var(--accent-color);
	opacity: 0;
	visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.main-menu ul li a:hover:before,
.main-menu ul li.current-menu-item a:before,
.main-menu ul li.blog-menu.current_page_parent a:before{
    opacity: 1;
	visibility: visible;
}

.main-menu ul li.menu-item-has-children > a:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
}

.main-menu ul ul{
	position: absolute;
	top: 100%;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0.8) translateY(15px);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 230px;
	border-radius: 0;
	background-color: var(--primary-color);
	transition: all 0.3s ease-in-out;
	text-align: left;
}

.main-menu ul li.menu-item-has-children:first-child ul{
    width: 230px;
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
    padding: 5px 0;
}

.main-menu ul li.menu-item-has-children ul li.menu-item-has-children > a:after{
    content: '\f105';
    float: right;
	transform: translateY(4px);
}

.main-menu ul li.current-menu-item.menu-item-has-children a:before{
    display: none;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	display: block;
	color: var(--white-color);
	padding: 8px 15px !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul ul li a::before{
	display: none;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scaleY(1) translateY(15px);
    padding: 5px 0;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	background-color: transparent;
	color: var(--white-color);
}

.header-btn{
    text-align: end;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	position: relative;
	top: 0;
}

.slicknav_btn{
	background: var(--accent-color);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 0;
	transition: all 0.3s ease-in-out;
}

/*
.slicknav_btn.slicknav_open{
	background: var(--white-color);
}*/

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: var(--black-color);
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child{
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child{
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){
    transform: rotate(-45deg) translate(-5px, 5px);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){
    opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){
    transform: rotate(45deg) translate(-5px, -5px);
}

.slicknav_menu{
/* 	position: absolute;
    width: 100%;
	padding: 0;
	background: var(--accent-color); */
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--secondary-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 10;
}

.slicknav_menu.open{
	transform: translateY(0);
}

.slicknav_menu ul{
	margin: 5px 0;
}

.slicknav_menu ul ul{
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
	padding: 8px 20px;
	color: var(--black-color);
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{
	background-color: transparent;
	color: var(--black-color);
}

.slicknav_menu ul ul li a{
    padding: 8px 20px 8px 30px;
}

.slicknav_arrow{
	font-size: 0 !important;
}

.slicknav_arrow:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 16px;
	margin-left: 8px;
	color: var(--black-color);
	position: absolute;
	right: 15px;
    top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open > a .slicknav_arrow:after{
    transform: translateY(-50%) rotate(-180deg);
}

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

	.topbar-icon-list ul li{
		margin-right: 10px;
		padding-left: 25px;
	}

	.topbar-icon-list ul li::before{
		font-size: 16px;
	}

	.topbar-contact-info ul li i{
		margin-right: 5px;
	}

	.main-menu ul li a{
		padding: 18px 25px !important;
	}
}

@media only screen and (max-width: 1380px){
	
	.topbar .row .col-lg-3{
		display: none;
	}
	
	.topbar .row .col-lg-9{
		width: 100%;
	}
	
	.topbar-icon-list ul li{
		margin-right: 8px;
		padding-left: 22px;
	}
	
	.navbar-brand img{
		max-width: 250px;
	}
	
	.main-menu ul li a{
		padding: 18px !important;
	}
}

@media only screen and (max-width: 1230px){
	
	.header-btn .btn-default{
		padding: 12px 40px 12px 20px;
	}
	
	.header-btn .btn-default:after{
		transform: translate(-22px, -45%);
	}
}

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

	body{
		padding-top: 75px;
	}

	.topbar{
		display: none;
	}

	.navbar-expand-lg .navbar-collapse{
		justify-content: end;
	}

	.navbar-expand-lg .navbar-collapse .nav-menu-wrapper{
        display: none !important;
    }

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

	.slicknav_nav li.hightlighted-menu{
		display: none;
	}
	
	.slicknav_nav .slicknav_row,
	.slicknav_nav li a{
		font-size: 20px;
		text-align: center;
	}

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

	.header-btn{
		margin-right: 30px;
	}

	.header-btn .btn-default{
		padding: 10px 50px 10px 30px;
	}
}

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

	.main-header .container{
		flex-wrap: nowrap;
	}

	.navbar-brand{
		width: 35%;
	}
	
	.navbar-expand-lg .navbar-collapse{
		display: block;
		width: calc(65% - 50px) !important;
	}

	.navbar-toggle{
		width: 40px;
	}
}

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

	body{
        padding-top: 69px;
    }

	.main-header .container{
        flex-wrap: wrap;
    }

	.navbar-brand{
		order: 1;
    	width: calc(100% - 40px);
	}

	.navbar-toggle{
		order: 2;
/* 		z-index: 100; */
	}

	.navbar-expand-lg .navbar-collapse{
		order: 3;
        width: 100% !important;
		display: none;
    }

	.slicknav_nav li.hightlighted-menu.btn-default{
		background: var(--accent-color);
		color: var(--primary-color);
		display: block;
		margin: 8px 20px;
	}
	
	.slicknav_nav li.hightlighted-menu.btn-default:after{
		filter: brightness(0) invert(0);
	}
	
	.slicknav_nav li.hightlighted-menu.btn-default a{
		padding: 0;
		color: inherit;
	}

	.header-btn{
		text-align: center;
        margin-right: 0px;
		margin-top: 15px;
    }

	.header-btn .btn-default{
		padding: 10px 40px 10px 30px;
	}
}

/************************************/
/***      	03. Footer css 		  ***/
/************************************/

.main-footer{
	background: var(--dark-bg-color);
	padding: 120px 0;
}

.main-footer .container{
	max-width: 1320px;
}

.footer-boxes{
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}

.footer-newsletter{
	width: calc(34% - 45px);
}

.trajecten-footer-links{
	width: calc(27% - 45px);
}

.Pagina-links{
	width: calc(18% - 45px);
}

.footer-links h3{
	font-size: 24px;
	line-height: 1em;
	text-transform: capitalize;
	color: var(--white-color);
	border-left: 3px solid #ACB47C;
	margin-bottom: 30px;
	padding-left: 10px;
}

.footer-links p{
	color: var(--white-color);
	margin-bottom: 30px;
}

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

.footer-links ul li{
	font-size: 16px;
	color: var(--white-color);
	transition: all 0.3s ease-in-out;
	margin-bottom: 20px;
	transition: all 0.4s ease-in-out;
}

.footer-links ul li:hover{
    color: var(--accent-color);
}

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

.footer-links ul li a{
	display: block;
	color: inherit;
}

.footer-contact-box{
	width: calc(21% - 45px);
}

.footer-contact-item{
	display: flex;
	margin-bottom: 25px;
}

.footer-contact-item:last-child{
	margin-bottom: 0;
}

.footer-contact-item .icon-box{
	margin-right: 10px;
	margin-top: 2px;
}

.footer-contact-item .icon-box i{
	font-size: 18px;
	color: #F3E7A9;
}

.footer-contact-content p{
	font-size: 15px;
	color: var(--white-color);
	margin: 0;
}

.footer-contact-content p a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.footer-contact-content p a:hover{
    color: var(--accent-color);
}

.footer-copyright{
	border-top: 1px solid #FFFFFF26;
	margin-top: 60px;
	padding-top: 30px;
}

.footer-logo{
	margin-bottom: 15px;
}

.footer-logo img{
	max-width: 309px;
}

.footer-copyright-text p{
	color: #FFFFFFB2;
	margin: 0;
}

.footer-copyright-text p a{
	color: inherit;
	text-decoration: underline;
}

.footer-social-links{
	text-align: end;
}

.footer-social-links ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-social-links ul li{
	display: inline-block;
	margin-right: 15px;
}

.footer-social-links ul li:last-child{
	margin-right: 0;
}

.footer-social-links ul li a{
	display: flex;
    justify-content: center;
    align-items: center;
    background: var(--accent-color);
    height: 39px;
    width: 39px;
	transition: all 0.4s ease-in-out;
}

.footer-social-links ul li a:hover{
    background: var(--primary-color);
}

.footer-social-links ul li a i{
	font-size: 14px;
	color: var(--white-color);
}

.footer-newsletter-form .gform_heading{
	display: none;
}

.footer-newsletter-form form{
    display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	max-width: 380px;
}

.footer-newsletter-form .gform-body{
    width: calc(100% - 60px);
}

.footer-newsletter-form form .gform-body .gfield .ginput_container input{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2em;
	border: 1px solid var(--white-color);
	border-right: none;
    background-color: var(--dark-bg-color);
    color: var(--white-color);
	border-radius: 0;
	cursor: default;
    height: 60px;
    outline: none;
    box-shadow: none !important;
    padding: 0px 10px 0 20px !important;
}

.footer-newsletter-form .gform-body input::placeholder{
    color: var(--white-color);
    font-weight: 400;
}

.footer-newsletter-form .gform_footer{
	background: var(--accent-color) !important;
	width: 60px;
	height: 60px;
    margin: 0 !important;
    padding: 0 !important;
	align-items: center;
    justify-content: center;
}

.footer-newsletter-form .gform_footer input{
	background: none !important;
    border-radius: 0 !important;
    padding: 12px !important;
    margin: 0 !important;
    box-shadow: none !important;
	border: none !important;
    outline: none !important;
    width: 100% !important;
    height: 100% !important;
}

.footer-newsletter-form .gform_footer input:focus{
	border: none !important;
	outline: none !important;
}

.footer-newsletter-form .gform_wrapper .gform_validation_errors,
.footer-newsletter-form form .gform-loader{
	display: none !important;
}

.footer-newsletter-form .gform_confirmation_wrapper .gform_confirmation_message{
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 1.4em;
	background: var(--accent-color) !important;
	color: var(--black-color);
	border-radius: 5px;
	padding: 10px;
}

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

	.footer-boxes{
		gap: 30px;
	}

	.footer-newsletter{
		width: calc(32% - 22.5px);
	}

	.trajecten-footer-links{
		width: calc(31% - 22.5px);
	}

	.Pagina-links{
		width: calc(15% - 22.5px);
	}

	.footer-contact-box{
		width: calc(22% - 22.5px);
	}
}

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

	.main-footer{
		padding: 50px 0;
	}

	.footer-boxes{
		gap: 30px;
	}

	.footer-newsletter{
		width: 100%;
	}

	.trajecten-footer-links{
		width: calc(42% - 20px);
	}

	.Pagina-links{
		width: calc(25% - 20px);
	}

	.footer-contact-box{
		width: calc(33% - 20px);
	}

	.footer-links h3{
		font-size: 22px;
		margin-bottom: 20px;
	}

	.footer-links p{
		margin-bottom: 20px;
	}

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

	.footer-contact-content p{
		margin: 0;
	}

	.footer-copyright{
		margin-top: 30px;
		padding-top: 20px;
	}

	.footer-newsletter-form .gform-body{
		width: calc(100% - 50px);
	}

	.footer-newsletter-form form .gform-body .gfield .ginput_container input{
		height: 50px;
	}

	.footer-newsletter-form .gform_footer{
		width: 50px;
		height: 50px;
	}
}

@media only screen and (max-width: 400px){
	
	.footer-newsletter-form form{
		max-width: 100%;
	}
}

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

	.trajecten-footer-links,
	.Pagina-links,
	.footer-contact-box{
		width: 100%;
	}

	.footer-links h3{
        font-size: 20px;
        margin-bottom: 15px;
    }

	.footer-links ul li{
        margin-bottom: 10px;
    }

	.footer-contact-item{
		margin-bottom: 15px;
	}

	.footer-contact-item .icon-box i{
		font-size: 16px;
	}

	.footer-logo,
	.footer-copyright-text{
		text-align: center;
	}

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

	.footer-social-links{
		text-align: center;
		margin-top: 20px;
	}

	.footer-social-links ul li a{
		height: 34px;
		width: 34px;
	}
}

/************************************/
/***   04. Scrolling Ticker css   ***/
/************************************/

.our-scrolling-ticker{
	background-color: #F5EDE4;
	padding: 45px 0;
}

.scrolling-ticker-box{
	--gap: 60px;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	align-items: center;
}

.scrolling-content{
	flex-shrink: 0;
	display: flex;
	gap: var(--gap);
	/*min-width: 100%;*/
	animation: scroll 60s linear infinite;
}

.scrolling-content span{
	display: inline-block;
	font-size: 36px;
	line-height: 1.5em;
	color: var(--primary-color);
	vertical-align: middle;
}

.scrolling-content span img{
	width: 100%;
	max-width: 22px;
	margin-right: 60px;
}

@keyframes scroll{
	from{
		transform: translateX(0);
	}

	to{
		transform: translateX(calc(-100% - var(--gap)));
	}
}

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

	.our-scrolling-ticker{
		padding: 30px 0;
	}

	.scrolling-ticker-box{
		--gap: 40px;
	}

	.scrolling-content span img{
		margin-right: 40px;
	}

	.scrolling-content span{
		font-size: 28px;
	}
}

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

	.our-scrolling-ticker{
		padding: 20px 0;
	}

	.scrolling-ticker-box{
		--gap: 20px;
	}

	.scrolling-content span img{
		max-width: 16px;
		margin-right: 20px;
	}

	.scrolling-content span{
		font-size: 22px;
	}
}

/************************************/
/*** 	   05. Home Hero CSS	  ***/
/************************************/

.home-hero-block{
	background: var(--secondary-color);
}

.home-hero-block .container-fluid{
	padding-left: 0;
	padding-right: 0;
}

.hero-image,
.hero-image figure{
	height: 100%;
}

.hero-image img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.825;
    object-fit: cover;
}

.hero-content{
	display: flex;
	justify-content: center;
	flex-direction: column;	
	background: url("../images/home-hero-bg.svg") no-repeat bottom right;
	height: 100%;
	padding: 140px 11.094vw 140px 120px;
	backdrop-filter: blur(36.900001525878906px);
}

.hero-content .section-subtext,
.hero-content .section-title{
	margin-bottom: 40px;
}

.hero-content .section-subtext h4{
	position: relative;
	font-size: 18px;
	padding-left: 36px;
}

.hero-content .section-subtext h4:before{
	content: '';
	position: absolute;
	top: -1.5px;
	left: 0;
	background: url("../images/section-subtext-img.svg") no-repeat center center;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.hero-content .section-title h1{
	font-size: 56px;
	line-height: 1.1em;
	margin-bottom: 40px;
}

.hero-content .section-title p{
	font-size: 20px;
	color: #5C4033B2; /* 70% */
}

@media only screen and (max-width: 1560px){
	
	.hero-content{
		padding: 120px 100px 120px 80px;
	}
}

@media only screen and (max-width: 1370px){
	
	.hero-content{
		padding: 100px 80px 100px 80px;
	}
}

@media only screen and (max-width: 991px){
	
	.hero-image, .hero-image figure{
		height: auto;
	}

	.hero-image img{
		height: auto;
    	aspect-ratio: 1 / 0.66;
	}
	
	.hero-content{
		padding: 50px 20px;
		background-size: 70% auto;
		height: auto;
	}
	
	.hero-content .section-subtext, .hero-content .section-title{
		margin-bottom: 30px;
	}
	
	.hero-content .section-title h1{
    	font-size: 40px;
		margin-bottom: 30px;
	}
	
	.hero-content .section-title p{
		font-size: 18px;
	}
	
}

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

	.hero-content .section-subtext{
		margin-bottom: 20px;
	}
	
	.hero-content .section-subtext h4{
		font-size: 16px;
		padding-left: 28px;
	}
	
	.hero-content .section-subtext h4:before{
		top: 0px;
		width: 20px;
    	height: 20px;
	}
	
	.hero-content .section-title h1{
		font-size: 32px;
		margin-bottom: 20px;
	}	
}

/********************************************/
/*** 	 06. Introduction Content CSS	  ***/
/********************************************/

.introduction-block{
	background: url("../images/introduction-content-bg.svg") no-repeat bottom left;
	padding: 180px 0;
}

.introduction-content{
	max-width: 940px;
    margin: 0 auto;
    text-align: center;
}

.introduction-content p{
	font-family: var(--default-font);
	font-size: 36px;
	color: var(--primary-color);
	margin-bottom: 0;
}

.introduction-content p img{
	width: 100%;
	max-width: 133px;
}

@media only screen and (max-width: 991px){
	
	.introduction-block{
		padding: 50px 0;
		background-size: 30% auto;
	}
	
	.introduction-content{
		max-width: 100%;
	}
	
	.introduction-content p{
		font-size: 28px;
	}
	
}

@media only screen and (max-width: 767px){
	
	.introduction-content p{
		font-size: 22px;
	}
	
	.introduction-content p img{
		max-width: 103px;
	}
}

/*****************************************/
/*** 	 07. Trajecten Block CSS	  ***/
/****************************************/

.trajecten-block{
	padding: 120px 0 80px;
}

.trajecten-block .section-title{
	max-width: 525px;
}

.trajecten-item{
	background-color: var(--light-bg-color);
	height: calc(100% - 40px);
	margin-bottom: 40px;
	transition: all 0.4s ease-in-out;
}

.trajecten-item a{
	display: flex;
	flex-direction: column;
	height: 100%;
}

.trajecten-item:hover{
	background-color: var(--dark-bg-color);
}

.trajecten-image{
	position: relative;
}

.trajecten-btn{
	position: absolute;
	top: auto;
	left: auto;
	bottom: 10px;
	right: 0;
	transition: all 0.4s ease-in-out;
}

.trajecten-item:hover .trajecten-btn{
	bottom: 0;
}

.trajecten-btn span{
	display: block;
	background-image: url("../images/trajecten-btn-color-arrow.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
	background-color: var(--dark-bg-color);
	width: 60px;
	height: 60px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.trajecten-item:hover .trajecten-btn span{
	opacity: 1;
	visibility: visible;
}

.trajecten-image img{
	width: 100%;
	aspect-ratio: 1 / 1.05;
    object-fit: cover;
}

.trajecten-content{
	position: relative;
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 22px 30px;
	z-index: 1;
}

.trajecten-content h3{
	font-size: 24px;
/* 	color: var(--black-color); */
	color: var(--primary-color);
	word-wrap: break-word;
	transition: all 0.3s ease-in-out;
}

.trajecten-item:hover .trajecten-content h3{
	color: var(--white-color);
}

/* ( Lichtgrijs & LichtBeige ) Light Block CSS */
.trajecten-block.lichtgrijs{
	background-color: var(--light-bg-color);
}

.trajecten-block.lichtgrijs .trajecten-item,
.trajecten-block.lichtbeige .trajecten-item{
	background-color: var(--white-color);
}

.trajecten-block.lichtgrijs .trajecten-item:hover,
.trajecten-block.lichtbeige .trajecten-item:hover{
	background-color: var(--dark-bg-color);
}

/* ( Lichtgrijs & LichtBeige ) Light Block CSS */
.trajecten-block.lichtbeige{
	background-color: var(--secondary-color);
}

/* ( GrijsGroen ) Dark Block CSS */
.trajecten-block.grijsgroen{
	background-color: var(--dark-bg-color);
}

.trajecten-block.grijsgroen .section-title h2,
.trajecten-block.grijsgroen .section-title p{
	color: var(--white-color);
}

.trajecten-block.grijsgroen .trajecten-item{
	background-color: var(--white-color);
}

.trajecten-block.grijsgroen .trajecten-item:hover{
	background-color: var(--accent-color);
}

.trajecten-block.grijsgroen .trajecten-btn span{
	background-image: url("../images/trajecten-btn-arrow.svg");
	background-color: var(--accent-color);
}

.trajecten-block.grijsgroen .trajecten-content h3{
	color: var(--primary-color);
}

.trajecten-block.grijsgroen .trajecten-item:hover .trajecten-content h3{
	color: var(--white-color);
}


@media only screen and (max-width: 1440px){
	
	.trajecten-content h3{
		font-size: 20px;
	}	
}

@media only screen and (max-width: 1300px){
	
	.trajecten-content h3{
		font-size: 18px;
	}	
}

@media only screen and (max-width: 1200px){
	
	.trajecten-content h3{
		font-size: 14px;
	}	
}

@media only screen and (max-width: 991px){
	
	.trajecten-block{
		padding: 50px 0 10px;
	}
	
	.trajecten-block .section-title{
		max-width: 100%;
	}
	
	.trajecten-content h3{
		font-size: 20px;
	}
}

@media only screen and (max-width: 767px){
	
	.trajecten-block{
		padding: 50px 0 10px;
	}
	
	.trajecten-item{
		height: calc(100% - 30px);
		margin-bottom: 30px;
	}
	
	.trajecten-image img{
		aspect-ratio: 1.5 / 1;
	}
	
	.trajecten-btn span{
		background-size: 18px auto;
		width: 50px;
    	height: 50px;
	}
	
	.trajecten-content{
		padding: 15px 20px;
	}
	
	.trajecten-content h3{
        font-size: 18px;
    }
	
}

/*********************************************/
/*** 	 08. Content Video Block CSS	  ***/
/********************************************/

.content-with-video-block{
	padding: 120px 0;
}

.content-with-video-block .container{
	max-width: 1200px;
}

.content-with-video-block .section-title{
	max-width: 670px;
	text-align: center;
	margin: 0 auto;
}

.intro-video-box{
	position: relative;
}

.intro-video-bg-image figure{
	position: relative;
}

.intro-video-bg-image figure:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--secondary-color);
	opacity: 30%;
	width: 100%;
	height: 100%;
}

.intro-video-bg-image img{
	aspect-ratio: 1 / 0.51725;
    object-fit: cover;
}

@media only screen and (max-width: 991px){
	
	.content-with-video-block{
		padding: 50px 0;
	}
	
	.content-with-video-block .container,
	.content-with-video-block .section-title{
		max-width: 100%;
	}
	
	.intro-video-bg-image img{
		aspect-ratio: 1 / 0.55;
	}
	
}

@media only screen and (max-width: 767px){
	
	.intro-video-bg-image img{
		aspect-ratio: 1 / 0.9;	
	}
	
}

/****************************************************************/
/*** 	 00. Ervaringen Block (Experiences Carousel)  CSS	  ***/
/****************************************************************/

.experiences-block{
	background-color: var(--light-bg-color);
	background-image: url('../images/exprience-carousel-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 120px 0;
}

.experiences-block .section-title{
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 46px;
}

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

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

.testimonial-carousel .slick-slide{
	margin: 0 20px;
	height: auto;
}

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

.testimonial-carousel .slick-list{
	margin: 0 -20px;
}

.testimonial-item{
	height: 100%;
	background-color: var(--white-color);
}

.testimonial-image img{
	width: 100%;
	aspect-ratio: 1 / 0.5;
	object-fit: cover;
}

.testimonial-body{
	text-align: center;
	padding: 50px 40px;
}

.testimonial-rating{
	margin-bottom: 20px;
}

.testimonial-rating i{
	font-size: 16px;
	color: var(--accent-color);
}

.testimonial-rating:last-child{
	margin-right: 0;
}

.testimonial-content h3{
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.testimonial-content p{
	font-size: 20px;
	margin: 0;
}

.testimonial-carousel .slick-arrow{
	position: absolute;
	top: -96px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--accent-color);
	background-image: url('../images/arrow-testimonial-btn.svg');
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	border-radius: 0;
	border: none;
	outline: none;
	padding: 0;
	z-index: 1;
	transition: all 0.4s ease-in-out;
}

.testimonial-carousel .slick-arrow:hover{
	background-color: var(--primary-color);
}

.testimonial-carousel .slick-arrow.next-arrow{
	right: 0;
	transform: rotate(180deg);
}

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

	.experiences-block{
		padding: 50px 0;
	}

	.experiences-block .section-title{
		max-width: 100%;
		margin-bottom: 30px;
	}

	.testimonial-carousel{
		padding-bottom: 80px;
	}

	.testimonial-image img{
		aspect-ratio: 1 / 0.6;
	}

	.testimonial-body{
		padding: 30px 20px;
	}

	.testimonial-rating{
		margin-bottom: 15px
	}

	.testimonial-content h3{
		font-size: 22px;
		margin-bottom: 15px;
	}

	.testimonial-content p{
		font-size: 18px;
	}

	.testimonial-carousel .slick-arrow{
		top: auto;
		bottom: 0;
		width: 40px;
		height: 40px;
		background-size: 14px auto;
	}

	.testimonial-carousel .slick-arrow.prev-arrow{
		left: calc(50% - 30px);
		transform: translateX(-50%);
	}

	.testimonial-carousel .slick-arrow.next-arrow{
		right: calc(50% - 70px);
		transform: translateX(-50%) rotate(180deg);
	}
}

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

	.testimonial-body{
		padding: 20px 15px;
	}

	.testimonial-rating{
        margin-bottom: 10px;
    }

	.testimonial-content h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.testimonial-content p{
		font-size: 16px;
	}
}

/************************************/
/***     10. Contact Info Css     ***/
/************************************/
.contact-info-block.grijsgroen,
.contact-info-block.lichtgrijs,
.contact-info-block.footer-cta{
	background-color: var(--light-bg-color);
}

.contact-info-block.lichtbeige{
	background-color: var(--secondary-color);
}

.contact-info-block .container-fluid{
	padding: 0;
}

.contact-schedule-image figure,
.contact-schedule-image,
.contact-schedule-content{
	height: 100%;
}

.contact-schedule-content{
	position: relative;
}

.contact-schedule-image img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.435;
	object-fit: cover;
}

.contact-schedule-box{
	position: absolute;
	top: 50%;
	bottom: auto;
	right: 0;
	transform: translateY(-50%);
	background-color: var(--white-color);
	border: 1px solid #01473626;
	padding: 3.125vw 4.167vw;
	margin-right: -13.281vw;
}

.contact-schedule-box-title{
	text-align: center;
	margin-bottom: 10px;
}

.contact-schedule-box-title h2{
	font-size: 36px;
}

.contact-info-content{
	height: 100%;
	padding: 10.417vw 5.208vw 10.417vw 19.271vw;
}

.contact-info-content .section-title{
	margin-bottom: 60px;
}

.contact-map-content-box{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.google-map-iframe{
	width: calc(63% - 15px);
	height: auto;
}

.google-map-iframe iframe{
	width: 100%;
	height: 100%;
}

.contact-map-content{
	width: calc(37% - 15px);
	background-color: var(--dark-bg-color);
	text-align: center;
	padding: 40px 30px;
}

.contact-map-content h3{
	font-size: 22px;
	margin-bottom: 20px;
	color: var(--white-color);
	word-wrap: break-word;
}

.contact-map-content p{
	color: var(--white-color);
	margin-bottom: 20px;
}

.contact-info-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-top: 60px;
}

.contact-info-item{
	width: calc(33.33% - 20px);
	display: flex;
	align-items: center;
}

.contact-info-item .icon-box{
	background-color: var(--primary-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}

.contact-info-item .icon-box i{
	font-size: 18px;
	color: var(--white-color);
}

.contact-info-item-content{
	width: calc(100% - 65px);
}

.contact-info-item-content h3{
	font-size: 18px;
	margin-bottom: 5px;
}

.contact-info-item-content p{
	color: var(--primary-color);
	margin: 0;
}

.contact-info-item-content p a{
	color: inherit;
	word-break: break-all;
}

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

	.google-map-iframe{
		width: calc(58% - 15px);
	}

	.contact-map-content{
		width: calc(42% - 15px);
		padding: 40px 30px;
	}
	
	.contact-info-content {
		padding: 10.417vw 5.208vw 10.417vw 17.271vw;
	}
}

@media only screen and (max-width: 1660px){
	
	.contact-info-item {
		width: calc(50% - 15px);
	}
}

@media only screen and (max-width: 1560px){
	
	.contact-info-content{
		padding: 6.25vw 5.208vw 6.25vw 17.271vw;
	}
}

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

	.google-map-iframe{
		width: calc(55% - 15px);
	}

	.contact-map-content{
		width: calc(45% - 15px);
		padding: 30px 20px;
	}

	.contact-info-item .icon-box{
		width: 45px;
		height: 45px;
		margin-right: 10px;
	}

	.contact-info-item-content{
		width: calc(100% - 55px);
	}
}

@media only screen and (max-width: 1310px){
	
	.contact-info-content{
		padding: 6.25vw 5.208vw 6.25vw 15.271vw;
	}
	
	.contact-schedule-box{
		padding: 2.083vw 3.125vw;
		margin-right: -10.281vw;
	}
	
	.contact-map-content h3{
		font-size: 20px;
	}
}

@media only screen and (max-width: 1080px){
	
	.contact-map-content h3{
		font-size: 18px;
	}
}

@media only screen and (max-width: 991px){
	
	.contact-schedule-image figure, 
	.contact-schedule-image, 
	.contact-schedule-content{
		height: auto;	
	}
	
	.contact-schedule-image img{
		aspect-ratio: 1 / 1.1;
	}
	
	.contact-schedule-box{
		left: 50%;
		right: 0;
		width: 70%;
		padding: 40px;
		margin-right: 0;
		transform: translate(-50%, -50%);
	}

	.contact-schedule-box-title h2{
		font-size: 30px;
	}
	
	.contact-info-content{
		padding: 50px 20px;
	}
	
	.contact-info-content .section-title{
		margin-bottom: 40px;
	}
	
	.contact-info-box{
		margin-top: 40px;
	}	
}

@media only screen and (max-width: 767px){
	
	.contact-schedule-box{
		position: initial;
		width: calc(100% - 40px);
		margin: auto;
		transform: translate(0);
		padding: 40px 20px 20px;
	}
	
	.contact-schedule-image{
		margin-bottom: -200px;
	}

	.contact-schedule-box-title h2{
		font-size: 24px;
	}
	
	.contact-info-content .section-title{
        margin-bottom: 30px;
    }
	
	.google-map-iframe,
	.contact-map-content{
		width: 100%;
	}
	
	.google-map-iframe{
		height: 300px;
	}
	
	.contact-info-box{
		gap: 30px;
        margin-top: 30px;
    }
	
	.contact-info-item{
		width: 100%;
	}
	
	.contact-info-item .icon-box{
		width: 40px;
        height: 40px;
	}
	
	.contact-info-item .icon-box i{
		font-size: 16px;
	}
	
	.contact-info-item-content{
		width: calc(100% - 50px);
	}
	
	.contact-info-item-content h3{
		margin-bottom: 2.5px;
	}
}

/*********************************************/
/*** 	 11. Aanbod Page CSS (Offer)	  ***/
/********************************************/

/* 
 * Page Header CSS Start 
 * */

.page-header,
.page-header-block{
	background: var(--secondary-color);
}

.page-header .container-fluid,
.page-header-block .container-fluid{
	padding-left: 0;
	padding-right: 0;
}

.page-header-image,
.page-header-image figure{
	height: 100%;
}

.page-header-image img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.57173;
    object-fit: cover;
}

.page-header-content{
	display: flex;
	justify-content: center;
	flex-direction: column;	
	background: url("../images/home-hero-bg.svg") no-repeat bottom -87px right -10px;
	height: 100%;
	padding: 100px 150px;
}

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

.page-header-content .section-title h1{
	font-size: 48px;
	line-height: 1.1em;
	margin-bottom: 30px;
}

.page-header-content .section-title p{
	font-size: 20px;
}

.page-header-content .section-btn{
	margin-top: 40px;
}

@media only screen and (max-width: 1560px){
	
	.page-header-content{
		padding: 80px 100px;
	}
}

@media only screen and (max-width: 1370px){
	
	.page-header-content{
		padding: 80px;
	}
}

@media only screen and (max-width: 991px){
	
	.page-header-image, .page-header-image figure{
		height: auto;
	}

	.page-header-image img{
		height: auto;
    	aspect-ratio: 1 / 0.66;
	}
	
	.page-header-content{
		padding: 50px 20px;
		background-size: 70% auto;
		background-position: bottom -57px right -10px;
		height: auto;
	}
	
	.page-header-content .section-title h1{
    	font-size: 38px;
		margin-bottom: 30px;
	}
	
	.page-header-content .section-title p{
		font-size: 18px;
	}
	
	.page-header-content .section-btn{
		margin-top: 30px;
	}
	
}

@media only screen and (max-width: 767px){
	
	.page-header-content{
		background-position: bottom -20px right -5px;
	}
	
	.page-header-content .section-title h1{
		font-size: 32px;
		margin-bottom: 20px;
	}
	
	.page-header-content .section-title p{
		font-size: 16px;
	}
	
}

/* 
 * Page Header CSS End 
 * */

/*
 * FAQ Section CSS Start
 * */

.faqs-block{
	background-repeat: no-repeat;
	background-position: left 40px top;
	background-size: auto;
	padding: 120px 0;
}

.faqs-block.grijsgroen{
	background-color: var(--dark-bg-color);
}

.faqs-block.lichtbeige{
	background-color: var(--secondary-color);
}

.faqs-block.lichtgrijs{
	background-color: var(--light-bg-color);
}

.our-faqs-box{
	max-width: 775px;
	margin: 0 auto;
}

.our-faqs-box .section-title{
	text-align: center;
	margin-bottom: 60px;
}

.faqs-block.grijsgroen .our-faqs-box .section-title h2{
	color: var(--white-color);
}

.faq-accordion{
	background: var(--white-color);
	border: 1px solid var(--secondary-color);
}

.faq-accordion .accordion-item{
    border-bottom: 1px solid var(--secondary-color);
    padding: 40px;
}

.faq-accordion .accordion-item:last-child{
    border-bottom: none;
}

.faq-accordion .accordion-header .accordion-button{
	position: relative;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2em;
    color: var(--primary-color);
	align-items: start;
    padding-left: 51px;
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed){
    margin-bottom: 15px;
}

.faq-accordion .accordion-item .accordion-button::after, 
.faq-accordion .accordion-item .accordion-button.collapsed::after{
	content: '\2b';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 16px;
	background-color: var(--primary-color);
    color: var(--white-color);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
    transition: all 0.3s ease-in-out;
}

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

.faq-accordion .accordion-item .accordion-body{
	padding-left: 51px;
}

.faq-accordion .accordion-item .accordion-body p{
    margin-bottom: 15px;
}

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

/*
 * FQA Section End
 * */

@media only screen and (max-width: 991px){
	
	/*
	 * FAQ Section CSS Start
	 * */
	
	.faqs-block{
		background-position: left 0 top;
		background-size: 200px auto;
		padding: 50px 0;
	}

	.our-faqs-box{
		max-width: 100%;
	}
	
	.our-faqs-box .section-title{
		margin-bottom: 30px;
	}
	
	.faq-accordion .accordion-item{
		padding: 25px;
	}

	.faq-accordion .accordion-header .accordion-button{
		font-size: 22px;
		padding-left: 45px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		font-size: 14px;
		width: 30px;
		height: 30px;
	}

	.faq-accordion .accordion-button:not(.collapsed){
		margin-bottom: 10px;
	}

	.faq-accordion .accordion-item .accordion-body{
		padding-left: 0;
	}
	
	/*
	 * FAQ Section CSS End
	 * */

}

@media only screen and (max-width: 767px){
	
	/*
	 * FAQ Section CSS Start
	 * */
	
	.faqs-block{
		background-size: 180px auto;
	}
	
	.faq-accordion .accordion-item{
		padding: 15px;
	}

	.faq-accordion .accordion-header .accordion-button{
		font-size: 18px;
		padding-left: 30px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		top: 3px;
		font-size: 10px;
		width: 20px;
		height: 20px;
	}
	
	/*
	 * FAQ Section CSS End
	 * */
	
}

/*****************************************/
/*** 	 12. Aanbod Detail Page CSS	  ***/
/****************************************/

/* 
 * Page Left Content CSS Start 
 * */

.content-with-left-image-block{
	padding: 120px 0;
}

.content-with-left-image-block .container{
	max-width: 1560px;
}

.content-with-left-image-block .content-box-wrapper{
	padding-right: 30px;
}

.content-with-box h2,
.content-with-box h3,
.content-with-box h4{
	line-height: 1.5em;
	margin-bottom: 15px;
}

.content-with-box h2{
	font-size: 36px;
}

.content-with-box h3{
	font-size: 32px;
}

.content-with-box h4{
	font-size: 28px;
}

.content-with-box p{
	color: var(--primary-color);
}

.content-with-box p:last-child{
	margin-bottom: 0;
}

.content-with-box ul,
.content-with-box ol{
	margin: 30px 0;
	padding-left: 25px;
}

.content-with-box ul li{
	font-family: var(--text-font);
	color: var(--primary-color);
}

.content-with-box ul li::marker{
	width: 4px;
	height: 4px;
	line-height: .5em;
	border-radius: 50%;
}

.content-with-box ol li{
	font-family: var(--text-font);
}

.content-box-wrapper .section-btn{
	margin-top: 30px;
}

.content-with-left-image-block .leftimage-box{
	padding-left: 30px;
}

.leftimage-box img{
	width: 100%;
	border: 1px solid #01473626;
}

/* Left Content BG Color LichtGrijs CSS */
.content-with-left-image-block.lichtgrijs{
	background-color: var(--light-bg-color);
}

/* Left Content BG Color GrijsFroen CSS */
.content-with-left-image-block.grijsgroen{
	background-color: var(--dark-bg-color);
}

.content-with-left-image-block.grijsgroen .content-with-box h2,
.content-with-left-image-block.grijsgroen .content-with-box h3,
.content-with-left-image-block.grijsgroen .content-with-box h4,
.content-with-left-image-block.grijsgroen .content-with-box p,
.content-with-left-image-block.grijsgroen .content-with-box ul li,
.content-with-left-image-block.grijsgroen .content-with-box ol li{
	color: var(--white-color);
}

/* Left Content BG Color LichtBeige CSS */
.content-with-left-image-block.lichtbeige{
	background-color: var(--secondary-color);
}

@media only screen and (max-width: 991px){
	
	.content-with-left-image-block{
		padding: 50px 0;	
	}
	
	.content-with-left-image-block .leftimage-box{
		padding-left: 0;
	}
	
	.leftimage-box{
		margin-bottom: 30px;
	}
	
	.content-with-left-image-block .content-box-wrapper{
		padding-right: 0;
	}
	
	.content-with-box h2{
		font-size: 30px;
	}
	
	.content-with-box h3{
		font-size: 28px;
	}

	.content-with-box h4{
		font-size: 26px;
	}
	
	.content-with-box p{
		margin-bottom: 20px;
	}
	
	.content-with-box ul{
		margin: 20px 0;
	}
}

@media only screen and (max-width: 767px){
	
	.leftimage-box{
        margin-bottom: 20px;
    }
	
	.content-with-box h2,
	.content-with-box h3,
	.content-with-box h4{
		line-height: 1.3em;
	}
	
	.content-with-box h2{
        font-size: 28px;
    }
	
	.content-with-box h3{
		font-size: 26px;
	}

	.content-with-box h4{
		font-size: 24px;
	}
}

/* 
 * Page Left Content CSS End 
 * */

/* 
 * Page Right Content CSS Start 
 * */

.content-with-right-image-block{
	padding: 120px 0;
}

.content-with-right-image-block .container{
	max-width: 1560px;
}

.content-with-right-image-block .rightimage-box{
	padding-right: 30px;
}

.rightimage-box img{
	width: 100%;
	border: 1px solid #01473626;
}

.content-with-right-image-block .content-box-wrapper{
	padding-left: 30px;
}

/* Right Content BG Color LichtGrijs CSS */
.content-with-right-image-block.lichtgrijs{
	background-color: var(--light-bg-color);
}

/* Right Content BG Color GrijsFroen CSS */
.content-with-right-image-block.grijsgroen{
	background-color: var(--dark-bg-color);
}

.content-with-right-image-block.grijsgroen .content-with-box h2,
.content-with-right-image-block.grijsgroen .content-with-box h3,
.content-with-right-image-block.grijsgroen .content-with-box h4,
.content-with-right-image-block.grijsgroen .content-with-box p,
.content-with-right-image-block.grijsgroen .content-with-box ul li,
.content-with-right-image-block.grijsgroen .content-with-box ol li{
	color: var(--white-color);
}

/* Right Content BG Color LichtBeige CSS */
.content-with-right-image-block.lichtbeige{
	background-color: var(--secondary-color);
}


@media only screen and (max-width: 991px){
	
	.content-with-right-image-block{
		padding: 50px 0;	
	}
	
	.content-with-right-image-block .rightimage-box{
		padding-right: 0;
	}
	
	.rightimage-box{
		margin-bottom: 30px;
	}
	
	.content-with-right-image-block .content-box-wrapper{
		padding-left: 0;
	}
}

@media only screen and (max-width: 767px){
	
	.rightimage-box{
        margin-bottom: 20px;
    }
}

/* 
 * Page Right Content CSS End 
 * */

/* 
 * Page Center Content CSS Start 
 * */

.centered-text-block{
	padding: 120px 0;
	background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto;
}

.centered-text-block .container{
	max-width: 760px;
}

/* Center Content BG Color LichtGrijs CSS */
.centered-text-block.lichtgrijs{
	background-color: var(--light-bg-color);
}

/* Center Content BG Color GrijsFroen CSS */
.centered-text-block.grijsgroen{
	background-color: var(--dark-bg-color);
}

.centered-text-block.grijsgroen .content-with-box h2,
.centered-text-block.grijsgroen .content-with-box h3,
.centered-text-block.grijsgroen .content-with-box h4,
.centered-text-block.grijsgroen .content-with-box p,
.centered-text-block.grijsgroen .content-with-box ul li,
.centered-text-block.grijsgroen .content-with-box ol li{
	color: var(--white-color);
}

/* Center Content BG Color LichtBeige CSS */
.centered-text-block.lichtbeige{
	background-color: var(--secondary-color);
}

@media only screen and (max-width: 991px){
		
	.centered-text-block{
		padding: 50px 0;
		background-size: 50% auto;
	}

}

/********************************/
/*** 	 13. Blog Page CSS	  ***/
/********************************/

.page-blog-archive{
	padding: 100px 0;
}

.post-item{
	border: 1px solid #01473626;
	height: calc(100% - 40px);
	margin-bottom: 40px;
}

.post-featured-image{
	position: relative;
}

.post-featured-image img{
	width: 100%;
	aspect-ratio: 1 / 0.501;
	object-fit: cover;
}

.post-meta{
	position: absolute;
	bottom: 0;
	right: 0;
}

.post-meta span{
	display: inline-block;
	background: var(--dark-bg-color);
	color: var(--white-color);
	font-size: 14px;
	letter-spacing: 0.06em;
	line-height: normal;
	padding: 11px 20px;
}

.post-item-body{
	padding: 30px 40px;
}

.post-item-content{
	margin-bottom: 20px;
}

.post-item-content h2{
	font-size: 36px;
	line-height: 1.4em;
	color: var(--primary-color);
}

.post-item-content h2 a{
	color: inherit;
}

.post-item-excerpt{
	margin-bottom: 20px;
}

.post-item-excerpt p{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: pre-wrap;
	margin-bottom: 0;
}

.post-item-btn .readmore-btn{
	position: relative;
	font-size: 16px;
	text-decoration: underline;
	color: var(--primary-color);
	padding-right: 21px;
}

.post-item-btn .readmore-btn::before{
	content: '';
    position: absolute;
    right: 0;
    top: 4px;
    background: url('../images/arrow-primary.svg') no-repeat;
    background-position: right center;
    background-size: cover;
    width: 15px;
    height: 15px;
}

.pagination{
	justify-content: center;
	margin-top: 20px;
}

.pagination .nav-links{
    margin-top: 10px;
    text-align: center;
}

.pagination .nav-links{
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
    padding: 0;
    margin: 0;
}

.pagination .nav-links .page-numbers{
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background: var(--accent-color);
    color: var(--primary-color);
	border-radius: 6px;
    width: 40px;
    height: 40px;
    margin: 0;
    font-weight: 700;
	line-height: 1em;
    transition: all 0.3s ease-in-out;
}

.pagination .nav-links .page-numbers.current, 
.pagination .nav-links .page-numbers:hover{
    background: var(--dark-bg-color);
    color: var(--white-color);
}

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

	.page-blog-archive{
		padding: 50px 0;
	}

	.post-featured-image img{
		aspect-ratio: 1 / 0.53;
	}

	.post-item-body{
		padding: 20px;
	}

	.post-item-excerpt,
	.post-item-content{
		margin-bottom: 15px;
	}

	.post-item-content h2{
		font-size: 24px;
	}

	.pagination{
		margin-top: 10px;
	}
}

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

	.post-item{
		height: calc(100% - 30px);
		margin-bottom: 30px;
	}

	.post-meta span{
		padding: 8px 15px;
	}

	.post-item-body{
		padding: 20px 15px;
	}

	.post-item-excerpt,
	.post-item-content{
        margin-bottom: 10px;
    }

	.post-item-content h2{
		font-size: 20px;
		line-height: 1.3em;
	}
}


/*****************************************/
/*** 	 00. Blog Detail Page CSS	  ***/
/****************************************/

.blog-single-header .post-single-meta{
	margin-bottom: 30px;
}

.blog-single-header .post-single-meta ul{
	list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.blog-single-header .post-single-meta ul li{
	font-size: 18px;
	line-height: 1.2em;
	color: var(--primary-color);
}

.blog-single-header .post-single-meta ul li a{
	position: relative;
	color: inherit;
}

.blog-single-header .post-single-meta ul li a:before{
	content: '/';
    position: absolute;
	font-family: var(--default-font);
    font-weight: 900;
    font-size: 18px;
    line-height: normal;
    top: 50%;
    left: auto;
    right: -14px;
    color: var(--primary-color);
    width: fit-content;
    height: 100%;
    transform: translateY(-50%);
}

.page-single-post{
	padding: 120px 0;
}

.page-single-post .container{
	max-width: 880px;
}

.page-single-post .post-content > *:not(.wp-block-image){
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
}

.post-content{
	color: var(--primary-color);
}

.post-content > :first-child{
	margin-bottom: 60px;
}

.post-content > :last-child{
	margin-bottom: 0;
}

.post-content p{
	font-family: var(--text-font);
	color: var(--primary-color);
}

.post-content h1,
.post-content h2,
.post-content h3{
	margin-bottom: 20px;
}

.post-content h2{
	font-size: 36px;
}

.post-content h3{
	font-size: 32px;
}

.post-content h4,
.post-content h5,
.post-content h6{
	margin-bottom: 15px;
}

.post-content h4{
	font-size: 28px;
}

.post-content h5{
	font-size: 26px;
}

.post-content h6{
	font-size: 24px;
}

.post-content ul,
.post-content ol{
	margin: 30px 0;
    padding-left: 25px;
}

.post-content ul li,
.post-content ol li{
	font-family: var(--text-font);
	color: var(--primary-color);
	line-height: 1.6em;
	margin-bottom: 2px;
}

.post-content ul li:last-child,
.post-content ol li:last-child{
	margin-bottom: 0;
}

.post-content ul li::marker,
.post-content ol li::marker{
	width: 4px;
	height: 4px;
	line-height: .5em;
}

.post-content ul li::marker{
	border-radius: 50%;
}

.post-content ul li a,
.post-content ol li a,
.post-content p a{
	color: inherit;
	text-decoration: underline;
}

.post-content .wp-block-buttons{
	margin-bottom: 30px;
}

.post-content a.wp-block-button__link{
	position: relative;
	display: inline-block;
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;	
	color: var(--black-color);
	background: var(--accent-color);
	border-radius: 50px;
	padding: 15px 50px 17px 30px;
	transition: all 0.4s ease-in-out;
}

.post-content a.wp-block-button__link:after{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url('../images/btn-black-arrow.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translate(-30px, -45%);
    transition: all 0.4s ease-in-out;
}

.post-content a.wp-block-button__link:hover{
	color: var(--white-color);
    background: var(--primary-color);
}

.post-content a.wp-block-button__link:hover:after{
	filter: brightness(0) invert(1);
}

.post-content .wp-block-image{
	margin: 40px 0;
}

.post-content .wp-block-image img{
	width: 100%;
}

/*
 * Related Post CSS
 * */

.related-blog{
	background-color: var(--light-bg-color);
	padding: 100px 0;
}

.related-blog .section-title{
	margin-bottom: 60px;
}

.related-blog .section-title h2{
	font-size: 48px;
}

.related-blog-content .related-blog-item{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 30px 40px;
    align-items: start;
}

.related-blog-content .related-blog-item .related-blog-items:nth-child(1){
    grid-column: 1;
    grid-row: span 3;
}

.related-blog-content .related-blog-item .related-blog-items:nth-child(n+2){
    grid-column: 2;
    grid-row: auto;
}

.related-blog-item .related-blog-items{
	background-color: var(--white-color);
	border: 1px solid #01473626;
}

.related-blog-items:nth-child(n+2){
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
}

.related-blog-items:nth-child(n+2) .post-featured-image,
.related-blog-items:nth-child(n+2) .post-item-body{
	width: 50%;	
}

.related-blog-items:nth-child(n+2) .post-featured-image a{
	display: block;
}

.related-blog-items:nth-child(n+2) .post-featured-image a,
.related-blog-items:nth-child(n+2) .post-featured-image figure,
.related-blog-items:nth-child(n+2) .post-featured-image figure img{
	height: 100%;
}

.related-blog-items:nth-child(n+2) .post-featured-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.5012;
	object-fit: cover;	
}

.related-blog-items:nth-child(n+2) .post-item-body{
	padding: 30px 20px;
}

.related-blog-items:nth-child(n+2) .post-item-body .post-item-content h2{
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.related-blog-items:nth-child(n+2) .post-item-body .post-item-content a,
.related-blog-items:nth-child(n+2) .post-item-body .post-item-excerpt p{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: pre-wrap;
}

.related-blog-items:nth-child(n+2) .post-item-body .post-item-excerpt{
	margin-bottom: 0;
}

.related-blog-items:nth-child(n+2) .post-item-body .post-item-btn{
	display: none;
}

@media only screen and (max-width: 991px){
	
	.blog-single-header .post-single-meta{
		margin-bottom: 20px;
	}
	
	.page-single-post{
		padding: 50px 0;
	}
	
	.post-content > :first-child{
		margin-bottom: 40px;
	}
	
	.post-content h2{
		font-size: 30px;
	}

	.post-content h3{
		font-size: 28px;
	}

	.post-content h4{
		font-size: 26px;
	}

	.post-content h5{
		font-size: 24px;
	}

	.post-content h6{
		font-size: 22px;
	}
	
	.post-content .wp-block-image{
		margin: 30px 0;
	}
	
	/* Related Post CSS */
	
	.related-blog{
		padding: 50px 0;	
	}
	
	.related-blog .section-title{
		margin-bottom: 40px;
	}
	
	.related-blog .section-title h2{
		font-size: 38px;
	}
	
	.related-blog-content .related-blog-item{
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
	}
	
	.related-blog-content .related-blog-item .related-blog-items:nth-child(1),
	.related-blog-content .related-blog-item .related-blog-items:nth-child(n+2){
		grid-column: auto;
    	grid-row: auto;
	}
	
	.related-blog-items:nth-child(n+2) .post-item-body{
		padding: 20px;
	}
	
	.related-blog-items:nth-child(n+2) .post-item-body .post-item-content h2{
		font-size: 22px;
	}
}

@media only screen and (max-width: 767px){
	
	.blog-single-header .post-single-meta ul li,
	.blog-single-header .post-single-meta ul li a:before{
		font-size: 16px;
	}
	
	.blog-single-header .post-single-meta ul li a:before{
		transform: translateY(-45%);
	}
	
	.post-content > :first-child{
        margin-bottom: 30px;
    }
	
	.post-content h1,
	.post-content h2,
	.post-content h3{
		margin-bottom: 15px;
	}

	.post-content h2{
		font-size: 28px;
	}

	.post-content h3{
		font-size: 26px;
	}

	.post-content h4,
	.post-content h5,
	.post-content h6{
		margin-bottom: 10px;
	}

	.post-content h4{
		font-size: 24px;
	}

	.post-content h5{
		font-size: 22px;
	}

	.post-content h6{
		font-size: 20px;
	}
	
	.post-content ul, .post-content ol{
		margin: 20px 0;
	}
	
	.post-content a.wp-block-button__link{
		padding: 12px 40px 14px 20px;
	}
	
	.post-content a.wp-block-button__link:after{
		transform: translate(-20px, -45%);
	}
	
	/* Related Post CSS */
	
	.related-blog .section-title{
        margin-bottom: 30px;
    }
	
	.related-blog .section-title h2{
        font-size: 32px;
    }
	
	.related-blog-items:nth-child(n+2){
		flex-direction: column;
	}
	
	.related-blog-items:nth-child(n+2) .post-featured-image, 
	.related-blog-items:nth-child(n+2) .post-item-body{
		width: 100%;
	}
	
	.related-blog-items:nth-child(n+2) .post-item-body .post-item-content h2{
		font-size: 20px;
		line-height: 1.3em;
		margin-bottom: 10px;
	}
		
}

/***************************************/
/***       15. Contact Page CSS      ***/
/***************************************/

.contact-info2-block{
	padding: 120px 0;
}

.contact-info2-block .container{
	max-width: 1480px;
}

.contact-info2-block .contact-schedule-box{
	position: initial;
	transform: translateY(0);
	background-color: var(--white-color);
	border: 1px solid #01473626;
	padding: 60px;
	margin-right: 0;
}

.contact-info2-block .contact-schedule-box-title{
	text-align: center;
	margin-bottom: 10px;
}

.contact-info2-block .contact-info-content{
	height: auto;
	padding: 0;
	margin-left: 50px;
}

.contact-info2-block .contact-info-content .section-title{
	margin-bottom: 60px;
}

.contact-info2-block .contact-map-content-box{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.contact-info2-block .google-map-iframe{
	width: calc(63% - 15px);
	height: auto;
}

.contact-info2-block .google-map-iframe iframe{
	width: 100%;
	height: 100%;
}

.contact-info2-block .contact-map-content{
	width: calc(37% - 15px);
	background-color: var(--dark-bg-color);
	text-align: center;
	padding: 40px 30px;
}

.contact-info2-block .contact-map-content h3{
	font-size: 22px;
	margin-bottom: 20px;
	color: var(--white-color);
}

.contact-info2-block .contact-map-content p{
	color: var(--white-color);
	margin-bottom: 20px;
}

.contact-info2-block .contact-info-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-top: 60px;
}

.contact-info2-block .contact-info-item{
	width: calc(33.33% - 20px);
	display: flex;
	align-items: center;
}

.contact-info2-block .contact-info-item .icon-box{
	background-color: var(--primary-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}

.contact-info2-block .contact-info-item .icon-box i{
	font-size: 18px;
	color: var(--white-color);
}

.contact-info2-block .contact-info-item-content{
	width: calc(100% - 65px);
}

.contact-info2-block .contact-info-item-content h3{
	font-size: 18px;
	margin-bottom: 10px;
}

.contact-info2-block .contact-info-item-content p{
	color: var(--primary-color);
	margin: 0;
}

.contact-info2-block .contact-info-item-content p a{
	color: inherit;
	word-break: break-all;
}

@media only screen and (max-width: 1366px){
	
	.contact-info2-block .contact-info-item {
		width: calc(50% - 15px);
	}
}


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

	.contact-info2-block .contact-info-content{
		margin-left: 0;
	}

	.contact-info2-block .google-map-iframe{
		width: calc(60% - 15px);
	}

	.contact-info2-block .contact-map-content{
		width: calc(40% - 15px);
		padding: 30px 15px;
	}
}

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

	.contact-info2-block .contact-schedule-box{
		padding: 20px;
	}
}

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

	.contact-info2-block{
		padding: 50px 0;
	}

	.contact-info2-block .contact-schedule-box{
        max-width: 670px;
        margin: 0 auto;
		margin-bottom: 30px;
    }

	.contact-info2-block .contact-info-content .section-title{
		margin-bottom: 40px;
	}

	.contact-info2-block .contact-info-box{
		margin-top: 40px;
	}

	.contact-info2-block .contact-info-item .icon-box{
		width: 45px;
		height: 45px;
		margin-right: 10px;
	}

	.contact-info2-block .contact-info-item-content{
		width: calc(100% - 55px);
	}
}

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

	.contact-info2-block .contact-schedule-box {
        width: 100%;
        max-width: 100%;
    }
	
	.contact-info2-block .contact-info-content .section-title{
        margin-bottom: 30px;
    }
	
	.contact-info2-block .google-map-iframe,
	.contact-info2-block .contact-map-content{
		width: 100%;
	}
	
	.contact-info2-block .google-map-iframe{
		height: 300px;
	}
	
	.contact-info2-block .contact-info-box{
		gap: 30px;
        margin-top: 30px;
    }
	
	.contact-info2-block .contact-info-item{
		width: 100%;
	}
	
	.contact-info2-block .contact-info-item .icon-box{
		width: 40px;
        height: 40px;
	}
	
	.contact-info2-block .contact-info-item .icon-box i{
		font-size: 16px;
	}
	
	.contact-info2-block .contact-info-item-content{
		width: calc(100% - 50px);
	}
	
	.contact-info2-block .contact-info-item-content h3{
		margin-bottom: 4px;
	}
}



/*GRAVITY FORMS CUSTOM STYLES*/

/* Form input and select styles */
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
    display: inline-block;
    border: 1px solid #7e86aa;
    padding: 1em;
    font-size: 16px !important;
    line-height: normal;
    color: #051143;
    background-color: #F5EDE4;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
select,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
    height: 4.5em !important;
}

/* Focus styles for form fields */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    border: 1px solid #01473626!important;
    box-shadow: 0em 0.5em 2em 0em rgba(0,0,0,0.1) !important;
}

/* Form field labels */
body .gform_wrapper .top_label .gfield_label,
body .gform_wrapper .left_label .gfield_label,
body .gform_wrapper .right_label .gfield_label {
    color: var(--black-color);
    font-size: 0.85em;
    text-transform: uppercase;
    position: absolute;
    background: #F5EDE4;
    padding: 0.25em 1em;
    margin-top: -12px;
    margin-left: 5px;
    transition: color 0.3s ease;
    max-width: fit-content;
    border-bottom: none;
}

/* Form field labels in focus */
body .gform_wrapper .gform_body .gform_fields .gfield:focus-within .gfield_label {
    color: var(--accent-color);
}

/* Spacing */
.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 30px !important;
}

/* Additional styles for Gravity Forms theme */
.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    padding: 2em 1.5em !important;
	
}

/* Submit button styles */
.gform_wrapper.gravity-theme #field_submit .gform-button--width-full,
.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
    height: 4em;
}

/* Large input and select styles */
.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
    height: 4em;
}

.gform_wrapper.gravity-theme .gfield_required {
    color: #c02b0a;
    display: inline-block;
    font-size: 0.85em;
    padding-left: 0.5em;
}
.gform_wrapper.gravity-theme .gform_button {
    position: relative;
    display: inline-block;
    font-family: var(--default-font);
    font-size: 16px;
    font-weight: 400;
	border: 0;
    color: var(--black-color);
    background: var(--accent-color);
    border-radius: 50px;
    padding: 15px 30px 17px 30px;
    transition: all 0.4s ease-in-out;
}
.gform_required_legend {
	display: none;
}
.usps-wrapper img {
	margin-top: -.25rem;
	margin-right: .5rem;
	width: 14px;
	height: 14px;
}
.usps-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	@media (max-width: 767px) {
		grid-template-columns: 1fr;
	}
}
.usps-wrapper .usp-item {
	font-size: 1rem;
	margin-bottom: 0;
}
.content-with-left-image-block.grijsgroen .content-with-box .usps-wrapper img,
.content-with-right-image-block.grijsgroen .content-with-box .usps-wrapper img {
	filter: invert(1) brightness(9);
}