@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-size: 16px;
    color: #fff;
    overflow-x: hidden;
    font-family: "Barlow", sans-serif;
}

body * {font-variant-ligatures:none;}

input, select, button {
    font-weight: 400;
}

.material-symbols-outlined.fill {
    font-variation-settings:
    'FILL' 1
}

@font-face {
    font-family: 'SequelNeue';
    src: url('../fonts/SequelNeue.eot');
    src: url('../fonts/SequelNeue.eot') format('embedded-opentype'),
         url('../fonts/SequelNeue.woff2') format('woff2'),
         url('../fonts/SequelNeue.woff') format('woff'),
         url('../fonts/SequelNeue.ttf') format('truetype'),
         url('../fonts/SequelNeue.svg#SequelNeue') format('svg');
}

.dropdown-toggle::after {display:none!important;}

a {
    transition: all ease .5s;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

ul:not([class]) {
    list-style: none;
    padding-left: 0;
}

ul:not([class]) li {font-size:16px; font-weight:500;
    position: relative;
    padding-left: 20px;
}

ul:not([class]) li::before {
    content: '';
    position: absolute;
    top: calc(0.85em - 3px);
    left: 4px;
    width: 6px;
    height: 6px;
    background: #00A8FF;
    border-radius: 50%;
}

/* Bij witte tekst ook een wit bolletje */
.many-colcollaborations ul:not([class]) li::before,
.working-together.has-background-color-groen ul:not([class]) li::before,
.better-health.working-robbust ul:not([class]) li::before,
.faq .section-title ul:not([class]) li::before,
.what-we-do ul:not([class]) li::before,
.how-we-take ul:not([class]) li::before {background:#fff;}

button {
    transition: all ease .5s;
}

button {
    outline: 0 !important;
box-shadow: none;
    border: none;
    padding: 0
}

button:focus {
    box-shadow: none
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #fff;
    font-weight: 400;
    font-family: 'SequelNeue';
}

h1, .display-1 {
    color: #fff;
    font-size: 80px;
    line-height: 1.2;
    margin: 0px;
    margin-bottom: 25px;
}

h1 span, .display-1 span {
    color: #8ACBC1;
    font-size: 60px;
}

h2, .display-2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    margin: 0px;
    display: inline-block;
    text-transform: uppercase;
}

h2.big, .h2.big {
    font-size: 45px;
}

h3, .display-3 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
}

h4, .display-4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
}

h5, .display-5 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
}

h6, .display-6 {
    font-size: 20px;
    line-height: 1.4;
    margin: 0px;
}

.section-title h6,
.section-title .display-6 {
    color: #4BB4A4;
    margin-bottom: 10px;
}

.white {
    color: #fff !important;
}

p {
    color: #1E1E7D;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    margin: 0 0 15px 0;
    letter-spacing: 0px;
    font-family: "Barlow", sans-serif;
}

p.big {
    font-size: 22px;
    line-height: 1.8em;
}

p.bigger {

}

p.small {
    font-size: 18px;
    line-height: 1.5;
}

p.smaller {
    font-size: 16px;
    line-height: 1.5;
}

p:last-child {
    margin-bottom: 0;
}

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

.btn {
    display: inline-flex;
    flex-direction:row;
    align-items:center;
    gap: 16px;
    color: #fff;
    font-size: 17px;
    line-height: 50px;
    padding: 0px 30px;
    font-weight: 500;
    border-radius: 6px 6px 20px 6px;
    border: 2px solid #00A8FF;
    min-width: 100px;
    text-align: center;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    background: #00A8FF;
}

.btn .btntext {
    position: relative;
    transition: all .3s;
    left: 0px;
}

.btn .arrowbtn {
    position: relative;
    transition: all .3s;
    display: inline-flex;
    left: 0px;
    top: 0px;
}

.btn.leftbtn {flex-direction:row-reverse;}

.btn-default.leftbtn .arrowbtn {
    transform: rotate(180deg);
    filter: invert(5) brightness(5);
    left: auto;
    right: 0px;
}

.btn-default.leftbtn .btntext {
    left: auto;
    right: 0px;
}

.btn-default.leftbtn:hover .arrowbtn {
    left: auto;
    right: 5px;
}

.btn-default.leftbtn:hover .btntext {
    left: auto;
    right: 5px;
}

.btn-default .arrowbtn {
    filter: invert(5) brightness(5);
}

.btn-default:hover .arrowbtn {
    filter: invert(5) brightness(5);
}

.btn-default:hover,
.btn-default.active {
    color: #fff !important;
    background: #00C87D !important;
    border-color: #00C87D !important;
}

.btn:hover .arrowbtn,
.btn.active .arrowbtn {
    left: 5px;
}

.btn:hover .btntext {
    left: 5px;
}

.btn:hover {
    background: #EB4A1F;
}

.btn-tertiary {
    color: #1E1E7D ;
    background: #00C87D ;
    border-color: #00C87D ;
}

.btn-tertiary:hover,
.btn-tertiary.active {
    color: #1E1E7D !important;
    background: #00A8FF !important;
    border-color: #00A8FF !important;
}

.btn-secondary {
    color: #1E1E7D;
    background: #FFC000;
    border-color: #FFC000;
}

.btn-secondary:hover,
.btn-secondary.active {
    color: #1E1E7D !important;
    background: #FFCC00 !important;
    border-color: #FFCC00 !important;
}

.btn-primary {
    color: #fff;
    background: #1E1E7D;
    border-color: #1E1E7D;
}

.btn-primary .arrowbtn {
    filter: invert(5) brightness(5);
}

.btn-primary:hover,
.btn-primary.active {
    color: #fff !important;
    background: none !important;
    border-color: #fff !important;
}

.btn-primary:hover .arrowbtn {
    filter: none;
}

.btn-success {
    color: #1E1E7D;
    background: #00C87D;
    border-color: #00C87D;
}

.btn-success:hover,
.btn-success.active {
    color: #1E1E7D !important;
    background: #00A8FF !important;
    border-color: #00A8FF !important;
}

.buttons {
  display: flex;
  gap: 14px 20px;
  flex-flow: wrap;
}
.buttons.right {
    justify-content:flex-end;
}

.buttons .btn {
  margin: 0;
}
.section-title.white h2,
.section-title.white p {
}

ol.number-list {
    color: #000000;
    font-size: 16px;
    line-height: 1.4;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    padding-left: 18px;
    margin: 0px;
}

ol.number-list li {
    position: relative;
    margin-bottom: 25px;
    padding-left: 5px;
}

ul.bullet-list {
    line-height: 1.4;
    list-style: none;
    padding: 0px;
    margin: 0px;
    color: #000;
    font-size: 16px;
    line-height: 1.4;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
}

ul.bullet-list li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 20px;
}

ul.bullet-list.blue-dot {
    color: #fff;
}

ul.bullet-list.blue-dot li {
    margin-bottom: 8px;
}

ul.bullet-list.blue-dot li::before {
    background: #1E1E7D;
    top: 10px;
    margin: 0px;
}

ul.bullet-list.white-dot {
    color: #fff;
}

ul.bullet-list.white-dot li {
    margin-bottom: 8px;
}

ul.bullet-list.white-dot li::before {
    background: #fff;
    top: 10px;
    margin: 0px;
}

ul.bullet-list li::before {
    content: '';
    background: #00A8FF;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 20px;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0px;
}

ul.bullet-list li a {
    color: #00A8FF;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

ul.bullet-list li a:hover {
    background-size: 100% 100%;
}

ul.list {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    text-align: left;
    list-style: none;
    margin-bottom: 30px;
}

ul.list li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 35px;
}

ul.list li::before {
    content: '';
    background: url(../images/list-check.svg) 0px 0px no-repeat;
    background-size: 20px auto;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0px;
    margin-top: 5px;
}

ul.list.list-docs li::before {
    background: url(../images/icon-docs.png) 50% 50% no-repeat;
    background-size: contain;
}


ul.list li a {
    color: #00A8FF;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

ul.list li a:hover {
    background-size: 100% 100%;
}

.hover-animate {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.hover-animate:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
}
}

/*** TOPBAR ***/
.topbar {
    background: #1E1E7D;
}

.topbar .links {
    display: flex;
    align-items: center;
    justify-content: end;
}

.topbar a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: max-content;
    margin: 6px 0px 8px 40px;
    gap: 10px;
}

.topbar a .circle {
    width: 33px;
    height: 33px;
    text-align: center;
    border-radius: 50%;
    line-height: 27px;
    position: relative;
    margin-top: 3px;
}

.topbar a .text {
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.topbar a:hover .text {
    background-size: 100% 100%;
}

.topbar a:hover .arrow-icon--circle {
    stroke-dashoffset: 0;
}

.topbar a .arrow-icon--circle {
    transition: stroke-dashoffset 0.3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
    color: #fff;
}

.topbar a .arrow-icon {
    position: absolute;
    top: 0;
    left: 0;
}

p a {
    color: #00A8FF;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

p a:hover {
    background-size: 100% 100%;
}

/*** HEADER ***/
header {
    padding: 11px 0px 11px 0px;
    transition: .3s;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

header.inner-header {
    border-bottom: 1px solid rgb(112, 112, 112, 0.1);
}

header.fixed {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: #F4F4F8;
}

header .navbar {
    display: flex;
    justify-content: space-between;
}

header .navbar-brand {
    margin: 0;
}

header .navbar-brand img {
    height: 30px;
    transition: .3s;
}

.navbar-light .navbar-nav {
    display: flex;
    align-items: center;
}

.navbar-light .navbar-nav>.nav-item {
    margin: 0px 8px;
	display:inline-block;
    vertical-align: top;
	position:relative;
}

header .navbar-nav>.nav-item>.nav-link {
    color: #1E1E7D;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    padding: 0px;
    line-height: 35px;
    padding: 0px 15px;
    border-radius: 0px;
    border-radius: 15px;
}

.navbar-light .navbar-nav>.nav-item.menu-item-has-children>.nav-link {
    border-radius: 15px 30px 0px 0px;
}

header .navbar-nav>.nav-item>.nav-link i {
    font-size: 14px;
    margin-left: 3px;
}

.navbar-nav li.dropdown {
    position: relative;
}

.navbar-nav li.dropdown:hover ul.sub-menu {
	display:block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    box-shadow: none;
}

header .navbar-nav>.nav-item:hover>.nav-link,
header .navbar-nav>.nav-item.active>.nav-link,
.navbar-light .navbar-nav>.nav-item.menu-item-has-children:hover>.nav-link,
.navbar-light .navbar-nav>.nav-item.menu-item-has-children.active>.nav-link {
	color:#00A8FF!important;
}

header .navbar-nav>.nav-item:hover>.nav-link>i,
header .navbar-nav>.nav-item.active>.nav-link>i,
.navbar-light .navbar-nav>.nav-item.menu-item-has-children:hover>.nav-link>i,
.navbar-light .navbar-nav>.nav-item.menu-item-has-children.active>.nav-link>i {
	color:#00A8FF!important;
}

ul.sub-menu {
    min-width:255px;
    width: 100%;
    border: none;
    text-align: left;
    margin: auto;
    background: none;
    margin-top: 0px;
    display: block;
    
    list-style: none;
    margin: 0;
    background: 0 0;
    position: absolute;
    left: 0px;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 10px 10px 20px 10px !important;
     border: none;
    background-color: rgba(255,255,255,0.5);
    background: #00A8FF;
    box-shadow: none;
    padding: 10px 0px 10px 0px !important;
}

.navbar-light .navbar-nav>.nav-item>ul.sub-menu li:first-child>a {
}

.navbar-light .navbar-nav>.nav-item>ul.sub-menu li:last-child>a {
}

.navbar-light .navbar-nav>.nav-item>ul.sub-menu li {
	width:100%;
    position: relative;
    padding: 3px 10px !important;
}

.navbar-light .navbar-nav>.nav-item>ul.sub-menu li a.nav-link {
    transition: all .3s;
    display: inline-block;
    clear: both;
    margin: 0px;
	width:100%;
	position:relative;
    padding: 0px 15px !important;
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    border-radius: 2px 2px 10px 2px;
    text-align: left;
    color: #fff!important;
    border: none;
    white-space: break-spaces;
}

.navbar-light .navbar-nav>.nav-item>ul.sub-menu li:hover>a,
.navbar-light .navbar-nav>.nav-item>ul.sub-menu li.active>a {
	color:#fff!important;
    background: #1E1E7D !important;
}

.searchbar {
    min-width: 120px;
    position: relative;
}

.searchbar .search-link {
    position: relative;    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #1E1E7D;
    color: #1E1E7D;
    background: #fff;
    font-size: 15px;
    border-radius: 50%;
}

.searchbar .search-link:hover {
    background: #1E1E7D;
    color: #fff;
}

.searchbar .search-link.active {
    opacity: 0;
    pointer-events: none !important;
}

.searchbar .search-link.active + .search-form {
    display: flex !important;
}

.searchbar .search-submit {
    position: relative;
    display: inline-block;
    line-height: 25px;
    padding-bottom: 3px;
    min-width: 40px;
    height: 40px;
    text-align: center;
    border: 2px solid #1E1E7D;
    background: #1E1E7D;
    color: #fff;
    font-size: 15px;
    border-radius: 50%;
}

.searchbar .search-submit img {
    filter: invert(1) brightness(9.5);
}

.search-form {
    position: absolute;
    top: 0px;
    right: 0px;
}

.searchbar .form-control {
    border: 2px solid #1E1E7D;
    border-radius: 50px;
    padding: 5px 50px 5px 20px;
    color: #000;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-size: 16px;
    min-width: 390px;
    box-shadow: none !important;
    letter-spacing: 0;
    margin-right: -40px;
}

.searchbar .form-control:focus {
    color: #000 !important;
}

.searchbar .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 1);
}

/*** MAIN SIDEMENU ***/
.main-sidemenu-btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    min-width: 40px;
}

.main-sidemenu-btn:hover {
    color: #fff;
}

.main-sidemenu-btn span {
    height: 2px;
    width: 100%;
	background:#000;
    display: inline-block;
    margin: 3px auto;
    float: right;
    transition: all .3s;
}

.main-sidemenu-btn div {
    display: inline-block;
    min-width: 30px;
}

.main-sidemenu {
	position:fixed;
	top: 50%;
    left: 0%;
    min-width: 370px;
    max-width: 370px;
	-webkit-transition: all 0.45s;
    transition: all 0.45s;
	height:100%;
	z-index: 9999999;
	overflow:hidden;
	overflow-y:auto;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 30px 30px 10px;
    color: #fff;
    background: #00A8FF;
    opacity: 0;
    pointer-events: none;
}

.main-sidemenu.intro {
	top: 0px;
    opacity: 1;
    pointer-events: all;
}

.main-sidemenu .logo img {
    height: 35px;
}

.main-sidemenu-overlay {
    background: transparent;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .45s ease-in-out;
    z-index: 9999;
}

.main-sidemenu-overlay.active {
    opacity: 1;
    visibility: visible;
    background: rgba(65, 65, 65, 0.6);
}

.main-sidemenu a.CloseBtn {
    color: #fff;
    font-size: 20px;
    margin: 0;
    position: relative;
    z-index: 99;
    cursor: pointer;
    top: 0px;
    right: 0;
    border-radius: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
    float: right;
    width: 40px;
    height: 40px;
}

.main-sidemenu a.CloseBtn:before,
.main-sidemenu a.CloseBtn:after {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    left: 50%;
    top: 50%;
}

.main-sidemenu a.CloseBtn:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.main-sidemenu a.CloseBtn:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.main-sidemenu ul.main-menu ul {
	padding: 0;
}

.main-sidemenu ul.main-menu li {
	list-style:none;
	display:inline-block;
	width:100%;
}

.main-sidemenu ul.main-menu {
	padding-left:0px;
	margin-top:50px;
}

.main-sidemenu ul.main-menu>li>a {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 29px;
    line-height: 1;
    padding: 25px 0px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.main-sidemenu ul.main-menu li:hover>a,
.main-sidemenu ul.main-menu li.active>a {
	background:none;
    color: #F7D5C1;
}

.main-sidemenu ul.main-menu li.menu-item-has-children {
    cursor: pointer;
}

.main-sidemenu ul.main-menu li.menu-item-has-children>a {
    pointer-events: none;
    cursor: pointer;
    position: relative;
}

.main-sidemenu ul.main-menu li.menu-item-has-children:hover>a {
    color: #000 !important;
}

.main-sidemenu ul.main-menu li.menu-item-has-children>a:after {
    content: '';
    display: inline-block;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    transform: translate(-50%, -50%) rotate(135deg);
    opacity: .8;
    transition: all .3s ease;
    background: none !important;
    position: absolute;
    top: 50%;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    visibility: visible;
    border-radius: 0;
    color: inherit;
    border-top-width: 3px;
    border-left-width: 3px;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu {
    opacity: 1;
    visibility: visible !important;
    position: relative !important;
    left: 0 !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    background: none;
    padding: 0 0 0 0px !important;
    display: none !important;
    top: 0 !important;
}

.main-sidemenu ul.main-menu li.current ul.sub-menu {
    display: block !important;
    pointer-events: auto;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li {
    margin: 0;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li>a {
    display: inline-block;
    font-size: 15px;
    line-height: 32px;
    padding: 10px 20px;
    color: #fff;
    position: relative;
    letter-spacing: 0.1em;
    width: 100%;
}


.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li:hover>a,
.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li.current_page_item>a,
.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li.active>a {
    background: #000 !important;
    color: #fff !important;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li>a:hover:before,
.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li.active>a:before {
    opacity: 1;
    margin-left: 0;
}

/*** BANNER ***/
.banner {position:relative; padding:0 30px 70px;}
.banner::after {content:''; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:40%; background:#1E1E7D;}
.banner .bg {position:relative; z-index:2; padding:250px 0 60px; background:url(../images/bg-banner.jpeg) 50% 50% / cover no-repeat; border-radius:20px 20px 150px 20px;}
.banner .bg > div {position:relative; z-index:2;}
.banner .bg::after {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, #040404 0%, #0F0F3F00 100%); border-radius:20px 20px 150px 20px; opacity:0.9;}
.banner p {width:80%; margin:30px 0 40px; color:#fff; font-size:20px; font-weight:bold;}
.banner .btn {margin-right:15px;}
.banner .text {display:inline-block; position:relative; width:100%;}
.banner .text::after {content:''; position:absolute; z-index:1; top:-20%; left:-15%; width:130%; height:150%; border:3px solid #00A8FF; border-radius:20px 20px 80px 20px; pointer-events:none;}

.banner-page {position:relative; z-index:2; overflow-x:clip;}
.banner-page .banner-page-image img {width:100%;}
@media (max-width:767.98px) {
    .banner-page {padding-bottom:64px;}
    .banner-page .banner-page-image img {height:200px; margin-bottom:24px; object-fit:cover;}
}
@media (min-width:992px) {
    .banner-page {--container:960px; padding-bottom:170px;}
    .banner-page .banner-page-image {position:relative;}
    .banner-page .banner-page-image img {position:absolute; top:0; left:12px; width:max(calc(100% - 24px), calc(100% + (100vw - var(--container)) / 2 - 47px)); max-width:960px; height:calc(100% + 170px); object-fit:cover;}
}
@media (min-width:1200px) {.banner-page {--container:1140px;}}
@media (min-width:1400px) {.banner-page {--container:1320px;}}

.arrow-circle {
    position: absolute;
    bottom: -45px;
    right: 40px;
    z-index: 2;
    width: 88px;
    height: 88px;
}

.arrow-circle .text-circle {
    width:100%;
    height:100%;
    animation:spin 12s linear infinite;
}

.arrow-circle text {
    fill:#fff;
    font-size: 20px;
    font-weight:600;
    letter-spacing: 4px;
}

.arrow-circle .arrow {
    position:absolute;
    top: 42%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:48px;
    color:#fff;
    font-weight:bold;
    /* No animation */
}

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


/*** Who Robuust ***/
.who-robuust {
    background: #1E1E7D;
    padding: 90px 0px 250px 0px;
    overflow: hidden;
}

.who-robuust .display-2 {

}

.who-robuust .text-section .reveal-text {color:#fff; line-height:1.4; margin:40px 0;}
.who-robuust .text-section .reveal-text * {font-weight:bold; font-size:32px;}

.who-robuust .radius {
    border-radius: 20px 20px 80px 20px;
}

.reveal-text .char{
    color:rgba(255,255,255,.25);
    transition:color .2s linear;
}

.reveal-text .char.active{
    color:#fff;
}

.opacity-btn {
    opacity: 0;
    transform: translateY(30px);
}

/*** WHAT WE DO ***/
.what-we-do {position:relative; z-index:1; margin-top:-80px; padding:140px 0 110px; background:#00C87D; border-radius:80px 0;}
.home .what-we-do::after {content:''; position:absolute; z-index:1; top:-100px; right:0; width:450px; height:247px; border:3px solid #00A8FF; border-right:none; border-radius:20px 0 0 20px;}
.what-we-do .container {--bs-gutter-x:3rem;}
.what-we-do .row {position:relative; z-index:2;}
.what-we-do .display-2 {margin-bottom:20px;}
.what-we-do p {color:#fff; font-size:18px; font-weight:bold;}

a.what-do-box {display:inline-block; float:left; position:relative; width:100%; margin-bottom:40px; border-radius:20px 20px 80px 20px; overflow:hidden; transition:all .3s;}
a.what-do-box * {transition:all .3s;}
a.what-do-box::after {content:''; position:absolute; z-index:1; bottom:0; right:0; width:100%; height:90%; background:linear-gradient(358deg, #000000 0%, #0F0F3F00 100%); opacity:0.75; transition:all .3s;}
a.what-do-box:hover::after {background:linear-gradient(359deg, #1E1E7D 0%, #0F0F3F00 100%); opacity:0.85;}
a.what-do-box > .img {height:100%; aspect-ratio:1 / .5; object-fit:cover;}
a.what-do-box .text {position:absolute; z-index:2; bottom:-30px; left:0; padding:0 120px 0 60px;}
a.what-do-box:hover .text {bottom:0; padding-bottom:30px;}
a.what-do-box p {opacity:0; font-size:16px; font-weight:500;}
a.what-do-box .arrow {display:inline-block; position:absolute; top:70px; right:60px; width:25px; height:25px; line-height:20px; text-align:center; background:#00A8FF; border-radius:50%; opacity:0;}
a.what-do-box:hover .text p, a.what-do-box:hover .text .arrow {opacity:1;}

@media (max-width:767px) {
    .home .what-we-do::after {display:none;}
    .what-we-do {margin-top:-40px; padding:64px 16px 32px 16px !important;}
    a.what-do-box > .img {position:absolute; top:0; left:0; height:100%; aspect-ratio:auto;}
    a.what-do-box::after {height:100%;}
    a.what-do-box .text, a.what-do-box:hover .text {position:relative; bottom:auto; padding:160px 24px 30px;}
    a.what-do-box p {opacity:1;}
    a.what-do-box .arrow {position:static; opacity:1;}
}

/*** MAP INFO ***/
.map-info {
    padding: 215px 0px 145px 0px;
    overflow: hidden;
}

.map-info .section-title {
    display: inline-block;
    width: 100%;
    border: 3px solid #00A8FF;
    padding: 50px 40px 50px 40px;
    border-radius: 20px 20px 80px 20px;
    position: relative;
    z-index: 1;
}

.map-info .display-2 {
    color: #1E1E7D;
    line-height: 1.3;
}

.map-info .section-title ul {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 40px 0px 30px 0px;
    list-style: none;
}

.map-info .section-title ul li {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 20px;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    font-family: "Barlow", sans-serif;
    margin: 8px 0px;
}

.map-info .section-title ul li .bg {
    display: inline-block;
    width: 50px;
    height: 30px;
    background: #F2582D;
    border-radius: 5px 5px 5px 20px;
}

.map-info .section-title ul li .bg.bg-2 {
    background: #00A8FF;
}

.map-info .section-title ul li .bg.bg-3 {
    background: #FFC857;
}

.map-info .section-title ul li .bg.bg-4 {
    background: #03CEA4;
}

.map-info p {
    color: #000000;
    margin-bottom: 20px;
}

.map-img  {
    position: relative;
    left: -70px;
}

.map-img .img {
    width: 100%;
}

.map-img .round-dots {
    --dot-color: #F2582D;
    --dot-text: #FFFFFF;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -7.5px 0 0 -7.5px;
    background: var(--dot-color);
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    z-index: 3;
}

.map-img .round-dots[hidden] {
    display: none;
}

.map-img .round-dots:hover,
.map-img .round-dots:focus-visible,
.map-img .round-dots.is-open {
    z-index: 4;
}

.map-img .round-dots:focus-visible {
    outline: 2px solid #1E1E7D;
    outline-offset: 3px;
}

/* Popup: naam, adres, tekst en (optioneel) link */
.map-img .round-dots .map-popup {
    position: absolute;
    bottom: calc(100% + 15px);
    left: 50%;
    width: 260px;
    padding: 14px 16px;
    background: var(--dot-color);
    color: var(--dot-text);
    border-radius: 2px;
    font-family: "Barlow", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    cursor: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    transition: opacity .3s, visibility .3s;
}

/* Onzichtbare brug tussen dot en popup, zodat hover niet wegvalt */
.map-img .round-dots .map-popup::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 15px;
}

.map-img .round-dots .map-popup::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid var(--dot-color);
}

.map-img .round-dots.is-left .map-popup { left: -20px; transform: none; }
.map-img .round-dots.is-left .map-popup::after { left: 27px; }
.map-img .round-dots.is-right .map-popup { left: auto; right: -20px; transform: none; }
.map-img .round-dots.is-right .map-popup::after { left: auto; right: 19px; transform: none; }

@media (hover: hover) {
    .map-img .round-dots:hover .map-popup {
        opacity: 1;
        visibility: visible;
    }
}

.map-img .round-dots.is-open .map-popup,
.map-img .round-dots:focus-within .map-popup {
    opacity: 1;
    visibility: visible;
}

.map-img .map-popup-name {
    display: block;
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 600;
}

.map-img .map-popup-address,
.map-img .map-popup-text {
    margin-bottom: 6px;
}

.map-img .map-popup-text p {
    margin: 0 0 6px;
    color: inherit;
    font-size: inherit;
}

.map-img .map-popup-text > :last-child,
.map-img .map-popup > :last-child {
    margin-bottom: 0;
}

.map-img .map-popup a {
    color: inherit;
    text-decoration: underline;
}

.map-img .map-popup-link {
    display: inline-block;
    margin-top: 4px;
    font-weight: 600;
}

/* Legenda als filter */
.map-info .map-legend-toggle {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: opacity .2s;
}

.map-info .map-legend-toggle[aria-pressed="false"] {
    opacity: .4;
}

.map-info .map-legend-toggle[aria-pressed="false"] span:last-child {
    text-decoration: line-through;
}

@media (max-width: 767px) {
    .map-img .round-dots .map-popup {
        width: 200px;
        padding: 10px 12px;
        font-size: 13px;
    }

    .map-img .map-popup-name {
        font-size: 15px;
    }
}

/*** FAQ ***/
.faq {position:relative; z-index:1; padding:140px 0 165px; background:#1E1E7D; border-radius:0 80px;}
.faq .section-title {margin-bottom:40px;}
.faq .display-2 {margin-bottom:30px;}
.faq .section-title p {margin-bottom:0; color:#fff; font-size:20px; font-weight:bold;}

/*** Accordion ***/
.accordion {margin-bottom:55px; background:none !important; border:none; border-bottom:1px solid rgba(0, 142, 157, 0.3); border-radius:0 !important;}
.accordion-item {background:none !important; border:none; border-radius:0 !important;}
.accordion-header {display:flex; align-items:center; border-top:1px solid rgba(0, 142, 157, 0.3);}
.accordion-button {flex:1; padding:15px 0 5px; color:#00C87D !important; font-family:'SequelNeue', sans-serif; font-size:18px; background:none !important; border-radius:0 !important; box-shadow:none !important;}
.accordion-button.collapsed {padding:15px 0; color:#fff !important;}
.accordion-button:hover {color:#00C87D !important;}
.accordion-button::after {display:none;}

/*** Accordion pijltje (link naar subpagina) ***/
.accordion-link {flex-shrink:0; width:25px; height:25px; margin-left:16px; background:#00A8FF url(../images/button-arrow.svg) 50% 50% / 12px auto no-repeat; border-radius:50%;}
.accordion-link:hover, .accordion-button:hover + .accordion-link, .accordion-button:not(.collapsed) + .accordion-link {background-color:#00C87D; background-image:url(../images/button-arrow-blue.svg);}

.accordion-body {padding:0 120px 15px 0; background:none !important; border:none !important; border-radius:0; box-shadow:none !important;}
.faq .accordion-body p {color:#00C87D; font-weight:500;}

/*** TESTIMONIALS ***/
.testimonials {position:relative; padding:208px 0 128px; background:#00C87D; overflow:hidden; margin-top:-80px;}
.home .testimonials::after {content:''; position:absolute; z-index:1; top:0; right:0; width:448px; height:168px; border:3px solid #00A8FF; border-right:none; border-radius:20px 0 0 20px;}
.testimonials .row {position:relative; z-index:2;}
.testimonials .section-title {margin:0;}
.testimonials .display-3 {margin-bottom:48px; color:#1E1E7D; font-size:25px;}

.testimonials .text {display:inline-block; width:100%; padding:72px 176px 64px 64px; border:3px solid #fff; border-radius:20px 20px 80px 20px;}
.testimonials .text p {color:#1E1E7D; font-size:16px; font-weight:bold;}
.testimonials .text p span {font-size:15px; font-weight:500;}
.testimonials .text p .arrow {display:inline-block; width:24px; height:24px; margin-left:24px; line-height:20px; text-align:center; background:#00A8FF; background-size:0% !important; border-radius:50%;}
.testimonials .rightimg {position:relative; left:-30%; min-width:130%; max-width:130%; border-radius:20px 20px 80px 20px;}

.owl-carousel .owl-item img {display:inline-block; width:auto;}
.testimonials .owl-theme .owl-nav {position:relative; z-index:9; margin-top:-48px; text-align:left;}
.testimonials .owl-theme .owl-nav button.disabled {pointer-events:none;}
.testimonials .owl-theme .owl-nav [class*=owl-] {width:48px; height:48px; margin-top:8px; margin-right:8px; padding:0; line-height:44px; text-align:center; border:2px solid #fff; border-radius:50%;}
.testimonials .owl-theme .owl-nav [class*=owl-]:hover {background:#fff;}
.testimonials .owl-theme .owl-nav [class*=owl-] img {position:relative; top:-3px; filter:invert(5) brightness(5);}
.testimonials .owl-theme .owl-nav [class*=owl-]:hover img {filter:none;}
.testimonials .owl-theme .owl-nav [class*=owl-].owl-prev img {transform:rotate(180deg);}

.testimonials-carousel {margin-top:32px;}
.testimonials-carousel .item {display:flex; align-items:stretch; gap:40px; position:relative; padding:64px 0;}
.testimonials-carousel .item .image {position:relative; z-index:2; flex:0 0 32%; margin-top:-64px; margin-bottom:-64px;}
.testimonials-carousel .item .image img {position:absolute; top:0; width:100%; height:100%; object-fit:cover; border-radius:20px 20px 60px 20px;}
.testimonials-carousel .item .text {position:relative; z-index:3; flex:1;}

/*** Knowledge-inspiration ***/
.knowledge-inspiration {
    padding: 150px 0px 145px 0px;
}

.knowledge-inspiration .section-title .display-2 {
    color: #1E1E7D;
}

.knowledge-box {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    margin-bottom: 30px;
}

.knowledge-box .img {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 60px 20px;
    transition: all .3s;
    top: 0px;
    text-align: center;
    aspect-ratio: 1 / .8;
}

.knowledge-box .img>img {
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
    z-index: 0;
}

.knowledge-box:hover .img>img {
    transform: scale(1.1);
}

.knowledge-box .text {
    display: block;
    width: 85%;
    position: relative;
    border: 2px solid #00A8FF;
    border-radius: 20px 20px 60px 20px;
    padding: 65px 40px;
    margin: 0 auto;
    margin-top: -45px;
    z-index: 3;
}

.knowledge-box .text .display-6 {
    color: #000000;
    font-size: 14px;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    margin: 0px;
}

.knowledge-box .text .display-3 {
    color: #1E1E7D;
    font-size: 25px;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    margin: 10px 0px 20px 0px;
    min-height: 160px;
}

.knowledge-box .text .btn-link {
    display: inline-block;
    color: #00A8FF;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;
}

.knowledge-box .text .btn-link .left-text {
    position: relative;
    overflow: hidden;
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.knowledge-box:hover .text .btn-link .left-text {
    background-size: 100% 100%;
}

.knowledge-box .text .btn-link .arrowbtn {
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    background: #00A8FF;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transition: all .3s;
}

.knowledge-box .text .btn-link .arrowbtn img {
    filter: invert(5) brightness(5);
}

.knowledge-box:hover .text .btn-link .arrowbtn {
    background: #fff;
    left: 10px;
}

.knowledge-box:hover .text .btn-link .arrowbtn img {
    filter: none;
}

.knowledge-box:hover .text {
    background: #00A8FF;
}

.knowledge-box:hover .text .display-3,
.knowledge-box:hover .text .display-6,
.knowledge-box:hover .text p {
    color: #fff;
}

.knowledge-box:hover .text .btn-link {
    color: #fff;
}

.knowledge-box.practice-box .text {
    padding-bottom: 40px !important;
}

.knowledge-box.practice-box p {
    color: #000000;
    min-height: 100px;
}

.knowledge-box.practice-box:hover p {
    color: #fff;
}

.knowledge-box.practice-box .text .display-3 {
    min-height: 120px;
    font-family: 'SequelNeue';
    font-weight: 400;
}

.post-type-archive-kennis-inspiratie .knowledge-box .text, .search-recent .knowledge-box .text {background:#fff; border-color:#fff; padding:40px;}
.post-type-archive-kennis-inspiratie .knowledge-box:hover .text, .search-recent .knowledge-box:hover .text {background:#00C87D; border-color:#00C87D;}
.post-type-archive-kennis-inspiratie .knowledge-box .text .badge { background: #00C87D;
    padding: 4px 16px 4px 4px;
    text-transform: uppercase;
    border-radius: 4px 4px 16px 4px;
    margin-bottom: 16px; }
.post-type-archive-kennis-inspiratie .knowledge-box:hover .text .badge { background: #1E1E7D; }

/*** HELP GUIDE ***/
.help-guide {
    background: #FFC000;
    border-radius: 0px 0px 80px 0px;
    position: relative;
}

.help-guide .display-2 {
    color: #1E1E7D;
}

.help-guide p {
    color: #1E1E7D;
    margin: 20px 0px 30px 0px;
}

.help-guide .btn {
    margin: 0px 14px 20px 0px;
}

.help-guide .team-img {
    margin-top: -35px;
}
.help-guide .team-img.inside {
    margin-top:64px;
    margin-bottom:32px;
}


/*** Footer ***/
.footer {
    padding: 60px 0px;
}

.footer p {
    margin: 10px 0px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

.footer p a {
    color: #00A8FF;
    margin-left: 35px;
}

.footer .logo {
    margin: 10px 0px;
}

.footer .row > div {display:inline-flex; align-items:center;}
.footer .row > div p {margin:0;}
.footer #menu-footer-menu {display:inline-flex; padding-left:0; margin:0;}
.footer #menu-footer-menu li {list-style-type:none; margin-left:32px;}
.footer #menu-footer-menu li a {color:#00A8FF; background-image:linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px); background-repeat:no-repeat; will-change:background-size; transition:background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); background-size:0% 100%;}
.footer #menu-footer-menu li a:hover {background-size:100% 100%;}

/*** BREADCRUMBS ***/
.page-breadcrumbs {
    padding: 10px 30px 15px 30px;
    position: relative;
    overflow: hidden;
}

.breadcrumb {
    color: #000000;
    font-size: 12px;
    margin: 0px;
}

.breadcrumb a {
    color: #00A8FF;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.breadcrumb a:hover {
    background-size: 100% 100%;
}

.breadcrumb-item.active {
    color: #19437E;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #00A8FF;
}

.ki-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem 3rem;
	padding: 2rem 0;
}

.ki-pagination__numbers {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ki-pagination__number,
.ki-pagination__link { 
	color: #1aa3f5;
	text-decoration: none;
}

.ki-pagination__number:hover,
.ki-pagination__number:focus-visible,
.ki-pagination__link:hover,
.ki-pagination__link:focus-visible {
	color: #fff;
}

.ki-pagination__number.is-current,
.ki-pagination__dots {
	color: #fff;
}

.ki-pagination__nav {
	display: flex;
	align-items: center;
	gap: 4rem;
}

.ki-pagination__link {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
}

.ki-pagination__link.is-disabled {
	opacity: 0.4;
	pointer-events: none;
}

.ki-pagination__link:hover .pagination-arrow circle {
	fill: #fff;
}

@media (max-width: 575.98px) {
	.ki-pagination__nav {
		width: 100%;
		justify-content: space-between;
		gap: 1rem;
	}
}

/*** CONTENT-INFO ***/
.content-info {
    position: relative;
    z-index: 2;
}

.content-info .display-1 {
    color: #1E1E7D;
    margin: 20px 0px 0px 0px;
}

.content-info p {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0px 50px 0px;
}

.content-info .btn {
    margin: 0px 25px 10px 0px;
}

.content-info .img-radius {
    border-radius: 20px 20px 80px 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


/*** many-colcollaborations ***/
.many-colcollaborations {
    background: #1E1E7D;
    padding: 192px 0px 96px 0px;
    margin-top: -96px;
}


.many-colcollaborations .display-1 {
    color: #1E1E7D;
    margin: 20px 0px 0px 0px;
}

.many-colcollaborations p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 25px 0px 30px 0px;
}

.many-colcollaborations .btn {
    margin: 0px 25px 10px 0px;
}

.many-colcollaborations .img-radius {
    border-radius: 20px 20px 80px 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


/*** HOW WE TAKE ***/
.how-we-take {
    background: #00C87D;
    border-radius: 80px 0px;
    margin-top: -80px;
    position: relative;
    z-index: 1;
    padding: 150px 0px 100px 0px;
}

.how-we-take .display-2 {
    margin-bottom: 20px;
}

.how-we-take p {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.how-we-take-box {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.how-we-take-box>.img {
    object-fit: cover;
    width: 45%;
    aspect-ratio: 1 / 1.3;
    border-radius: 10px 10px 30px 10px;
}

.how-we-take-box>.text {
    display: inline-block;
    width: 50%;
    border: 2px solid #FFFFFF;
    border-radius: 20px 20px 80px 20px;
    position: relative;
    left: -5%;
    padding: 60px 50px;
}

.how-we-take-box>.text .display-3 {
    color: #1E1E7D;
    font-size: 25px;
    margin: 0px;
    margin-bottom: 20px;
}

.how-we-take-box>.text p {
    color: #1E1E7D;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    min-height: 82px;
}




/*** Knowledge-inspiration how-practice ***/
.knowledge-inspiration.how-practice {
    padding: 150px 0px 145px 0px;
}

.knowledge-inspiration.how-practice .section-title .display-2 {
    color: #1E1E7D;
}

.knowledge-inspiration.how-practice .section-title p {
    color: #000000;
    margin-top: 15px;
    font-weight: bold;
}



/*** Discover Collaboration ***/
.discover-collaboration {
    background: #FFC000;
    padding: 60px 0px;
    border-radius: 0px 0px 80px 0px;
    position: relative;
}

.discover-collaboration .section-title {
    width: 100%;
}

@media (min-width: 1200px) {
.discover-collaboration .display-2 {
    font-size: 38px;
}

}

.discover-collaboration .display-2 {
    color: #1E1E7D;
    margin-bottom: 25px;
}

.discover-collaboration p {
    color: #1E1E7D;
    margin: 20px 0px 50px 0px;
}

.discover-collaboration .btn {
    margin: 0px 14px 20px 0px;
}

.discover-collaboration .team-img {
    margin-top: -35px;
}

/*** WORKING TOGETHER ***/
.working-together {padding:128px 0 128px;}
.working-together .section-title {width:100%;}
.working-together .display-2 {margin-bottom:32px; color:#1E1E7D;}
.working-together p {margin:0 0 32px; color:#000; font-size:18px;}
.working-together.has-background-color-groen p {color:#fff;}
.working-together .btn {margin:24px 0 0;}
.working-together .team-img {margin-top:-32px;}
.working-together .space > div {padding:0 24px;}

.working-together .space > div, .faq .space > div {padding:0 24px;}

.working-together .img-1, .working-together .img-2, .working-together .img-3, .faq .img-1, .faq .img-2, .faq .img-3 {object-fit:cover; border-radius:20px 20px 80px 20px;}
.working-together .img-1, .faq .img-1 {width:100%; margin-bottom:48px; aspect-ratio:1 / 1;}
.working-together .img-2, .faq .img-2 {margin-bottom:48px; aspect-ratio:1 / 1;}
.working-together .img-3, .faq .img-3 {aspect-ratio:1 / 1.9;}

.imgstyle {
    border-radius: 20px 20px 80px 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


/*** Network Part ***/
.network-part {
    background: #1E1E7D;
    padding: 150px 0px;
    border-radius: 0px 80px;
    position: relative;
    z-index: 1;
}

.network-part .section-title {
    width: 100%;
}

.network-part .display-2 {
    color: #fff;
    margin-bottom: 45px;
}

.network-part p {
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 25px 0px;
}

.network-part .btn {
    margin: 20px 0px 0px 0px;
}

.network-part.white {
    background: #fff;
    border-radius: 0;
}

.network-part.white .display-2 {
    color: #1E1E7D;
}

.network-part.white p {
    color: #000;
}

.what-we-do.inner {
    margin-top: -80px;
    z-index: auto;
    border-radius: 0px 0px 80px 0px;
    padding: 240px 0px 110px 0px;
}

.what-we-do.inner:after {
    top: -15px;
}

/*** OUR TEAM ***/
.our-team {
    background: #1E1E7D;
    border-radius: 0px 0px 80px 0px;
    position: relative;
    padding: 150px 0px;
}

.our-team .display-2 {
    color: #fff;
}

.our-team .label-heading {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 20px 0px 0px;
}

/* Team filter pijltje */
.our-team .select2-container--default select.team-tfunction-filter {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 56px;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 25px auto;
    cursor: pointer;
}

.our-team .margin-bottom {
    margin: 0px 0px 90px 0px;
}

.team-box {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    margin-bottom: 50px;
}

.team-box .img {
    display: inline-block;
    position: relative;
    width: 220px;
    z-index: 1;
    border-radius: 10px 10px 40px 10px;
    overflow: hidden;
}

.team-tfunction-results.is-limited > .cols:nth-child(n+9) {
	display: none;
}

.team-box .img>img {
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
    z-index: 0;
}

.team-box:hover .img>img {
    transform: scale(1.1);
}

.team-box .text {
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 20px 20px 40px 20px;
    padding: 120px 49px 40px 49px;
    margin-top: -110px;
}

.team-box .text .display-3 {
    color: #1E1E7D;
    font-size: 25px;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
    min-height: 66px;
}

.team-box .text p {
    color: #000000;
    font-size: 16px;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    min-height: 55px;
    margin: 0px 0px 20px 0px;
}

.team-box .text .btn-link {
    display: inline-block;
    color: #00A8FF;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;
}

.team-box .text .btn-link .left-text {
    position: relative;
    overflow: hidden;
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.team-box:hover .text .btn-link .left-text {
    background-size: 100% 100%;
}

.team-box .text .btn-link .arrowbtn {
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    background: #00A8FF;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transition: all .3s;
}

.team-box .text .btn-link .arrowbtn img {
    filter: invert(5) brightness(5);
}

.team-box:hover .text .btn-link .arrowbtn {
    background: #fff;
    left: 10px;
}

.team-box:hover .text .btn-link .arrowbtn img {
    filter: none;
}

.team-box:hover .text {
    background: #00A8FF;
}

.team-box:hover .text .display-3,
.team-box:hover .text .display-6,
.team-box:hover .text p {
    color: #fff;
}

.team-box:hover .text .btn-link {
    color: #fff;
}


/* Container */
.select2-container {
    width: 345px !important;
    margin-bottom: 0px;
}

/* Select box */
.select2-container--default .select2-selection--single {
    height: 44px;
    border: none;
    border-radius:50px;
    background: #fff;
    display: flex;
    border: 2px solid #1E1E7D;
    padding: 0px 40px 0px 20px;
    transition: .3s;
}

/* Selected text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-left: 0;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 1);
    font-family: "Barlow", sans-serif;
    font-weight: 500;
}

/* Remove default arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

/* Custom arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    /* height: 56px; */
    /* width: 40px; */
    right: 12px;
    height: 25px;
    top: 10px;
    width: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/select-arrow.png) 95% 50% no-repeat;
    background-size: 30px auto;
    color: #6cb8c8;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Dropdown */
.select2-dropdown {
    border: 2px solid #1E1E7D;
    border-top: none;
    overflow: hidden;
    border-radius: 40px 40px 80px 40px;
}

.select2-container--open .select2-selection--single {
    border-radius: 25px 25px 0px 0px;
    border-bottom: none;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0px 0px 25px 25px;
}

/* .select2-container--open .select2-dropdown--below {
    border-radius:  40px;
} */

/* Options */
.select2-results__option {
    padding: 8px 10px;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    font-family: "Barlow", sans-serif;
}

/* Hover */
.select2-results__option--highlighted.select2-results__option--selectable {
    background: #00A8FF !important;
    color: #fff;
}

/* Selected */
.select2-results__option--selected {
    background: #00A8FF !important;
    color: #fff;
}

.select2-results__options {
    padding: 10px 6px;
}


/*** Knowledge-inspiration Inspiration ***/
.knowledge-inspiration.inspiration {
    background: #00C87D;
    border-radius: 0px 0px 80px 0px;
}

.knowledge-inspiration.inspiration .display-2 {
    color: #fff;
}

.knowledge-box.blog-box:hover .text {
    background: #00A8FF;
}

.knowledge-box.blog-box .text {
    background: #fff;
    border: none;
    padding: 35px 40px;
}

.knowledge-box.blog-box .tag {
    display: inline-block;
    background: #00C87D;
    color: #fff;
    font-family: 'SequelNeue';
    font-weight: 400;
    font-size: 9px;
    text-transform: uppercase;
    padding: 2px 10px 1px 5px;
    border-radius: 3px 3px 10px 3px;
    margin-bottom: 20px;
}


/*** BETTER HEALTH ***/
.better-health {padding:152px 0;}
.better-health .section-title h1,
.better-health .section-title h2,
.better-health .section-title h3,
.better-health .section-title h4,
.better-health .section-title h5,
.better-health .section-title h6 {color:#1E1E7D; margin:16px 0;}
.better-health .section-title p,
.better-health .section-title li {color:#000;}
.better-health .section-title p {margin-bottom:16px;}
.better-health .section-title ul,
.better-health .section-title ol {margin-bottom:16px;}
.better-health .buttons {margin-top:32px;}

.better-health .photo-video-slider {margin:152px 0 0;}
.better-health .photo-video-slider .img {display:inline-block; position:relative; width:100%; border-radius:20px 20px 60px 20px; overflow:hidden;}
.better-health .photo-video-slider .img.video-div::after {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg, #1E1E7D63 0%, #1E1E7D 100%); opacity:0.6; pointer-events:none;}
.better-health .photo-video-slider .img.video-div .play-btn {position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; font-family:'SequelNeue', sans-serif; font-size:16px; font-weight:500; text-transform:uppercase;}
.better-health .photo-video-slider .img.video-div .play-btn img {max-height:72px; margin-bottom:24px;}
.better-health .photo-video-slider .caption-text {display:inline-block; margin-top:8px; padding-left:80px; color:#000; font-size:16px; font-style:italic;}

.better-health .owl-theme .owl-nav {position:absolute; bottom:0; left:0; text-align:left;}
.better-health .owl-theme .owl-nav [class*=owl-] {width:24px; height:24px; margin:0 8px 0 0; padding:0; line-height:24px; text-align:center; background:#00A8FF; border:none; border-radius:50%;}
.better-health .owl-theme .owl-nav [class*=owl-] img {position:relative; top:-3px; filter:invert(5) brightness(5);}
.better-health .owl-theme .owl-nav [class*=owl-].owl-prev img {transform:rotate(180deg);}


.video-modal .modal-dialog {
    max-width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 0;
}

.modal-body {
    padding: 0px;
    margin: 0px;
    border: none;
    border-radius: 0;
}

.modal-content {
    padding: 0px;
    margin: 0px;
    border: none;
    border-radius: 0;
}

.modal button.btn-close {
    position: absolute;
    top: 20px !important;
    right: 20px !important;
    color: #fff;
    opacity: 1;
    font-size: 13px;
    filter: invert(1);
    z-index: 4;
}


#myVideo {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    top: 0;
    left: 0;
    bottom: 0;
    position: relative;	
    right: 0;
    float: left;
}

/*** HOW WE CONTRIBUTE ***/
.how-we-contribute {
    background: #1E1E7D;
    padding: 150px 0px 100px 0px;
}

.how-we-contribute .section-title {
    margin-bottom: 60px;
}

.how-we-contribute .section-title p {
    color: #fff;
}

.how-we-contribute .section-title .display-2 {
    margin-bottom: 10px;
}

.how-we-contribute .space>div:nth-child(odd) {
    padding-right: 70px;
}

.how-we-contribute .space>div:nth-child(even) {
    padding-left: 70px;
}

.contribute-box {
    display: inline-block;
    width: 100%;
    position: relative;
    transition: all .3s;
    border: 2px solid #00A8FF;
    border-radius: 20px 20px 80px 20px;
    height: calc(100% - 50px);
    margin-bottom: 50px;
}

.contribute-box .text {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 60px 40px;
    z-index: 3;
}

.contribute-box .text .display-3 {
    color: #fff;
    font-size: 28px;
    font-family: 'SequelNeue';
    font-weight: 400;
    margin: 0px 0px 20px 0px;
}

.contribute-box .text p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
    min-height: 100px;
}

.contribute-box .text .btn-link {
    display: inline-block;
    color: #00A8FF;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;
}

.contribute-box .text .btn-link .left-text {
    position: relative;
    overflow: hidden;
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.contribute-box:hover .text .btn-link .left-text {
    background-size: 100% 100%;
}

.contribute-box .text .btn-link .arrowbtn {
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    background: #00A8FF;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transition: all .3s;
}

.contribute-box .text .btn-link .arrowbtn img {
    filter: invert(5) brightness(5);
}

.contribute-box:hover .text .btn-link .arrowbtn {
    background: #fff;
    left: 10px;
}

.contribute-box:hover .text .btn-link .arrowbtn img {
    filter: none;
}

.contribute-box:hover {
    background: #00A8FF;
}

.contribute-box:hover .text .display-3,
.contribute-box:hover .text p {
    color: #fff;
}

.contribute-box:hover .text .btn-link {
    color: #fff;
}

/*** WORK WITH IMPACT ***/
.work-with-impact {
    background: #00C87D;
    padding: 150px 0px;
    border-radius: 0px 0px 80px 0px;
    position: relative;
    z-index: 1;
}

.work-with-impact .section-title {
    width: 100%;
}

.work-with-impact .display-2 {
    color: #fff;
    margin-bottom: 25px;
}

.work-with-impact p {
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 25px 0px;
}

.work-with-impact .btn {
    margin: 40px 0px 0px 0px;
}


/**** Working-together contact-info ***/
.working-together.contact-info {
    padding: 150px 0px;
}

.gform-theme--foundation .gform_fields {row-gap:24px!important;}

.gform_wrapper .gform-body {margin-bottom:24px;}

.form-info {
    display: inline-block;
    width: 100%;
    background: #1E1E7D;
    border-radius: 20px 20px 80px 20px;
    padding: 60px 70px 50px 70px;
}

.form-info .display-2 {
    color: #fff !important;
    margin: 0px 0px 10px 0px !important;
}

.form-info p {
    color: #fff !important;
    margin: 0px 0px 30px 0px !important;
}

/* Labels visueel verbergen — GF markeert deze velden al met .hidden_label,
   maar rendert de <label> nog steeds; wij tonen liever alleen de placeholder */
.form-info .gform_wrapper .hidden_label .gform-field-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Titel/omschrijving van het formulier laten aansluiten op .form-info-tekst */
.form-info .gform_wrapper .gform_heading {
    margin-bottom: 20px;
}
.form-info .gform_wrapper .gform_title {
    color: #fff !important;
}
.form-info .gform_wrapper .gform_description {
    color: #fff !important;
}

/* Tekst- en e-mailvelden */
.form-info .gform_wrapper input[type="text"],
.form-info .gform_wrapper input[type="email"],
.form-info .gform_wrapper input[type="tel"] {
    min-width: 100%;
    width: 100%;
    border: 2px solid #fff !important;
    height: 44px;
    border-radius: 50px;
    padding: 0px 50px 0px 20px;
    color: #1E1E7D !important;
    background: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-size: 16px;
    box-shadow: none !important;
    margin-bottom: 0;
}

.form-info .gform_wrapper input[type="text"]:focus,
.form-info .gform_wrapper input[type="email"]:focus,
.form-info .gform_wrapper input[type="tel"]:focus {
    color: #1E1E7D !important;
    border-color: #00A8FF !important;
    outline: none;
}

.form-info .gform_wrapper input::placeholder,
.form-info .gform_wrapper textarea::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

/* Ruimte tussen velden (GF doet dit normaal via zijn eigen grid-gap) */
.form-info .gform_wrapper .gfield {
}

/* Textarea */
.form-info .gform_wrapper textarea {
    width: 100%;
    height: 224px;
    border-radius: 20px 20px 80px 20px;
    padding: 10px 50px 5px 20px;
    resize: none;
    border: 2px solid #fff !important;
    color: #1E1E7D !important;
    background: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-size: 16px;
    box-shadow: none !important;
}

/* Verzendknop laten aansluiten op .btn-stijl */
.form-info .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
}

.form-info .gform_wrapper .gform_button {
    margin: 0 !important;
}

/*** OUR VACANCIES ***/
.our-vacancies {
    background: #1E1E7D;
    padding: 150px 0px 250px 0px;
}

.our-vacancies .section-title {
    margin-bottom: 45px;
}

.our-vacancies .section-title p {
    color: #fff;
}

.our-vacancies .section-title .display-2 {
    margin-bottom: 10px;
}

.our-vacancies .space>div:nth-child(odd) {
    padding-right: 70px;
}

.our-vacancies .space>div:nth-child(even) {
    padding-left: 70px;
}

.vacancies-box {
    display: inline-block;
    width: 100%;
    position: relative;
    transition: all .3s;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 20px 20px 80px 20px;
    height: calc(100% - 50px);
    margin-bottom: 50px;
}

.vacancies-box .text {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 55px 40px;
    z-index: 3;
}

.vacancies-box .text .display-3 {
    color: #1E1E7D;
    font-size: 28px;
    font-family: 'SequelNeue';
    font-weight: 400;
    margin: 0px 0px 30px 0px;
}

.vacancies-box .text p {
    color: #1E1E7D;
    font-size: 16px;
    font-weight: 500;
    margin: 40px 0px 25px 0px;
    min-height: 90px;
}

.vacancies-box .text .btn-link {
    display: inline-block;
    color: #00A8FF;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;
}

.vacancies-box .text .btn-link .left-text {
    position: relative;
    overflow: hidden;
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.vacancies-box:hover .text .btn-link .left-text {
    background-size: 100% 100%;
}

.vacancies-box .text .btn-link .arrowbtn {
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    background: #00A8FF;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transition: all .3s;
}

.vacancies-box .text .btn-link .arrowbtn img {
    filter: invert(5) brightness(5);
}

.vacancies-box:hover .text .btn-link .arrowbtn {
    background: #fff;
    left: 10px;
}

.vacancies-box:hover .text .btn-link .arrowbtn img {
    filter: none;
}

.vacancies-box:hover {
    background: #00A8FF;
    border-color: #00A8FF;
}

.vacancies-box:hover .text .display-3,
.vacancies-box:hover .text p {
    color: #fff;
}

.vacancies-box:hover .text .btn-link {
    color: #fff;
}

.vacancies-box:hover .text-guide {
    color: #fff;
}

.vacancies-box:hover .text-guide>img {
    filter: invert(0.5) brightness(75);
}

.text-guide {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 40px;
    color: #1E1E7D;
    font-size: 16px;
    font-weight: 500;
    font-family: "Barlow", sans-serif;
    margin-bottom: 10px;
}

.text-guide>img {
    position: absolute;
    top: 5px;
    left: 0;
    max-height: 20px;
}

.contact-links {
    display: flex;
    align-items: center;
    width: max-content;
    margin-bottom: 18px;
    color: #19437E;
    font-size: 19px;
    line-height: 1.1;
}

.contact-links>img {
    margin-right: 15px;
    max-width: 20px;
}

.contact-links a {
    color: #19437E;
    display: inline-block;
    position: relative;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.contact-links a:hover {
    background-size: 100% 100%;
}







.vacanciesinfo-box {
    display: inline-block;
    width: 100%;
    position: relative;
    transition: all .3s;
    border: 2px solid #00A8FF;
    border-radius: 20px 20px 80px 20px;
    height: calc(100% - 50px);
    margin-bottom: 50px;
}

.vacanciesinfo-box .text {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 55px 40px;
    z-index: 3;
}

.vacanciesinfo-box .text .display-3 {
    color: #fff;
    font-size: 28px;
    font-family: 'SequelNeue';
    font-weight: 400;
    margin: 0px 0px 30px 0px;
}

.vacanciesinfo-box .text p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 0px 25px 0px;
}

/**/
.vacanciesinfo-box .links {
    display: flex;
    align-items: center;
}

.vacanciesinfo-box .links a {
    display: inline-block;
    color: #00A8FF;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: max-content;
    margin: 6px 30px 8px 0px;
    gap: 10px;
}

.vacanciesinfo-box .links a .circle {
    width: 33px;
    height: 33px;
    text-align: center;
    border-radius: 50%;
    line-height: 27px;
    position: relative;
    margin-top: 3px;
}

.vacanciesinfo-box .links a .link-text {
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.vacanciesinfo-box .links a:hover .link-text {
    background-size: 100% 100%;
}

.vacanciesinfo-box .links a:hover .arrow-icon--circle {
    stroke-dashoffset: 0;
}

.vacanciesinfo-box .links a .arrow-icon--circle {
    transition: stroke-dashoffset 0.3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
    color: #00A8FF;
}

.vacanciesinfo-box .links a .arrow-icon {
    position: absolute;
    top: 0;
    left: 0;
}

/*** CONTACT FORM ***/
.contact-form {
    padding: 150px 0px 150px 0px;
}

.page-id-37 .contact-form {padding-top:0;}

.contact-form .display-1 {
    color: #1E1E7D;
    margin-bottom: 30px;
}

.contact-form .links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 85%;
    margin: 0px 0px 30px 0px;
}

.contact-form .left-side p {
    color: #000000;
    margin-bottom: 30px;
}

.contact-form .text-link {
    color: #00A8FF;
    margin-bottom: 30px;
}

.contact-form .img-location {
    border-radius: 20px 20px 80px 20px;
    object-fit: cover;
    margin-top: 20px;
}

.contact-form .links a {
    display: inline-block;
    color: #00A8FF;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: max-content;
    margin: 6px 0px 8px 0px;
    gap: 10px;
}

.contact-form .links a .circle {
    width: 33px;
    height: 33px;
    text-align: center;
    border-radius: 50%;
    line-height: 27px;
    position: relative;
    margin-top: 3px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.contact-form .links a .link-text {
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.contact-form .links a:hover .link-text {
    background-size: 100% 100%;
}

.contact-form .text-links a { background-size: 100% 100%;}

/* .contact-form .links a:hover .arrow-icon--circle {
    stroke-dashoffset: 0;
}

.contact-form .links a .arrow-icon--circle {
    transition: stroke-dashoffset 0.3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
    color: #00A8FF;
} */

.contact-form .links a .arrow-icon {
    position: absolute;
    top: 0;
    left: 0;
}

/*** PAGE BANNER ***/
.page-banner {
    padding: 20px 0px 100px 0px;
}

.page-banner .display-1 {
    color: #1E1E7D;
    margin: 0px 0px 20px 0px;
}

.page-banner p {
    color: #000000;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

/*** Knowledge Inspiration Info ***/
.knowledge-inspiration.knowledge-inspiration-info {
    background: #1E1E7D;
    padding: 0px 0px 170px 0px;
    border-radius: 0px;
}

/* Filter-dropdowns (gewone select, geen select2): blauw pijltje rechts */
.knowledge-inspiration.knowledge-inspiration-info .bg select.form-control {
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 25px auto;
    cursor: pointer;
}

.knowledge-inspiration.knowledge-inspiration-info .knowledge-box.blog-box:hover .text {
    background: #00C87D;
}

.knowledge-inspiration.knowledge-inspiration-info .knowledge-box.blog-box:hover .text .btn-link .arrowbtn {
    background: #1E1E7D;
}

.knowledge-inspiration.knowledge-inspiration-info .knowledge-box.blog-box:hover .text .btn-link .arrowbtn img {
    filter: invert(5) brightness(5);
}

.knowledge-inspiration.knowledge-inspiration-info .knowledge-box.blog-box:hover .tag {
    background: #1E1E7D;
}

.knowledge-inspiration.knowledge-inspiration-info .knowledge-box {
    margin-bottom: 50px;
}

.knowledge-inspiration.knowledge-inspiration-info .bg {
    background: #00C87D;
    border-radius: 20px 20px 60px 20px;
    top: -65px;
    margin-bottom: 0px;
    position: relative;
    padding: 20px 0px 10px 0px;
}

.knowledge-inspiration.knowledge-inspiration-info .bg label {
    color: #fff;
    margin-bottom: 10px;
}

.knowledge-inspiration.knowledge-inspiration-info .bg .form-control.search-input {
    background: #fff url(../images/icon-search-green.svg) 97% 50% no-repeat;
    background: #fff;
    background-size: 20px auto;
    padding-right: 40px;
}

.knowledge-inspiration.knowledge-inspiration-info .bg .search-submit {
    position: absolute;
    top: 8px;
    right: 15px;
    background: none !important;
    color: #00A8FF;
    font-size: 19px;
    border: none;
}

.knowledge-inspiration.knowledge-inspiration-info .bg .search-submit:hover {
    color: #1e1e7d;
}

.knowledge-inspiration.knowledge-inspiration-info .bg .select2-container {
    width: 100% !important;
    margin-bottom: 0px;
}

.knowledge-inspiration.knowledge-inspiration-info .bg .form-control {
    min-width: 100%;
    border: none;
    height: 44px;
    border-radius: 50px;
    padding: 0px 50px 0px 20px;
    border: 2px solid #fff;
    color: #1E1E7D !important;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-size: 16px;
    box-shadow: none !important;
    margin-bottom: 20px;
    background-clip:border-box;
}

.knowledge-inspiration.knowledge-inspiration-info .bg textarea.form-control {
    height: 224px;
    border-radius: 20px 20px 80px 20px;
    padding: 10px 50px 5px 20px;
    resize: none;
}

.knowledge-inspiration.knowledge-inspiration-info .bg .form-control:focus {
    color: #1E1E7D !important;
    border-color: #00A8FF;
}

.knowledge-inspiration.knowledge-inspiration-info .bg .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0. 5);
}


.form-info.basic-form {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    height: calc(100% - 50px);
    border: 2px solid #00A8FF;
    border-radius: 20px 20px 60px 20px;
    padding: 50px 40px;
    text-align: center;
}

.form-info.basic-form .display-6 {
    color: #00A8FF;
    font-size: 16px;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
}

.form-info.basic-form .display-4 {
    color: #fff;
    font-size: 25px;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    text-transform: inherit;
    margin: 20px 0px 40px 0px;
}

.form-info.basic-form label {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}

.form-info.basic-form .btn {
    width: 100%;
    margin-top: 20px !important;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link .arrowbtn {
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    background: #00A8FF;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transition: all .3s;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link {
    display: inline-block;
    color: #00A8FF;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;
    text-decoration: none;
    margin-left: 60px;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link.left .arrowbtn {
    transform: rotate(180deg);
    margin-left: 0px;
    margin-right: 10px;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link.left:hover .arrowbtn {
    left: -10px;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link .left-text {
    position: relative;
    overflow: hidden;
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link:hover .left-text {
    background-size: 100% 100%;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link .arrowbtn {
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    background: #00A8FF;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transition: all .3s;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link .arrowbtn img {
    filter: invert(5) brightness(5);
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link:hover .arrowbtn {
    background: #fff;
    left: 10px;
}

.knowledge-inspiration.knowledge-inspiration-info .right-links .btn-link:hover .arrowbtn img {
    filter: none;
}



/*** PAGENATION ***/
.pagination {
    border: none;
    border-radius: 0px !important;
    margin: 0;
}

.pagination>li {
    margin-right: 15px;
}

.pagination>li>a.page-link {
    border: none;
    border-radius: 0px !important;  
    padding: 0px 0px;
    color: #00A8FF;
    font-size: 17px;
    background: transparent;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    position: relative;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
    transition: all .3s;
    text-decoration: none !important;
}

.pagination>li:hover>a.page-link {
    color: #fff;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px) !important;
    background-size: 100% 100%;
}

.pagination>li.active>a.page-link,
.pagination>li>a.page-link.active {
    color: #fff;
}

.pagination>li.dots>.page-link {
    color: #fff;
    background: none;
}


/*** PROGRAMME BANNER ***/
.programme-banner {
    position: relative;
    z-index: 2;
    background: #1E1E7D;
    padding: 0px 0px 50px 0px;
}

#page-breadcrumbs.blue {
    background: #1E1E7D;
}

#page-breadcrumbs.blue .breadcrumb-item.active {
    color: #fff;
}

.programme-banner .display-1 {
    color: #fff;
    margin: 24px 0px 0px 0px;
    word-wrap:break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.programme-banner p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0px 40px 0px;
}

.programme-banner .text-guide {
    color: #fff;
}

.programme-banner .btn {
    margin: 30px 0px 10px 0px;
}

.programme-banner .img-radius {
    border-radius: 20px 20px 80px 20px;
    aspect-ratio: 1 / .9;
    object-fit: cover;
}


/*** Work-with-impact What-bring ***/
.work-with-impact.what-bring {
    border-radius: 80px 0px;
    z-index: auto;
}

.work-with-impact.what-bring .space>div {
    padding: 0px 25px;
}

.work-with-impact.what-bring .img-1 {
    border-radius: 20px 20px 80px 20px;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-bottom: 50px;
}

.work-with-impact.what-bring .img-2 {
    border-radius: 20px 20px 80px 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-bottom: 50px;
}

.work-with-impact.what-bring .img-3 {
    border-radius: 20px 20px 80px 20px;
    aspect-ratio: 1 / 1.9;
    object-fit: cover;
}

.flip-horizontal {
    transform: scaleX(-1);
}


/*** APPLICATION PROCESS ***/
.application-process {
    padding: 150px 0px;
}

.application-process .section-title .display-2 {
    color: #1E1E7D;
    margin-bottom: 30px;
}

.application-process .imgstyle {
    transform: scaleX(-1);
    border-radius: 20px 20px 80px 20px;
}

.application-process .btn {
    margin-top: 20px;
}

/*** TESTIMONIALS FUTURE ***/
.testimonials.future {
    padding: 160px 0px;
}

.testimonials.future::after {
    display: none;
}

/*** WOKING ROBBUST ***/
.better-health.working-robbust {
    background: #1E1E7D;
    border-radius: 0px 0px 80px 0px;
    margin-top: -80px;
    padding: 220px 0px 150px 0px;
}

.better-health.working-robbust .display-2 {
    color: #fff;
}

.better-health.working-robbust p {
    color: #fff;
    margin: 10px 0px 50px 0px;
}

.video-box {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 60px 20px;
}

.video-box:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #1E1E7D63 0%, #1E1E7D 100%) 0% 0% no-repeat padding-box;
    opacity: 0.6;
    pointer-events: none;
}

.video-box .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    font-family: 'SequelNeue';
    text-transform: uppercase;
    z-index: 2;
}

.video-box .play-btn img {
    max-height: 70px;
    margin-bottom: 20px;
}

/*** APPLY FORM ***/
.contact-form.contact-info.apply-form {

}

.contact-form.contact-info.apply-form {

}

.contact-form.contact-info.apply-form .main-img {
    object-fit: cover;
    border-radius: 10px 10px 40px 10px;
}

.contact-form.contact-info.apply-form .vacanciesinfo-box {
    width: 80%;
    margin-left: 10%;
    margin-top: -60px;
    height: initial;
    margin-bottom: 30px;
}

.contact-form.contact-info.apply-form .vacanciesinfo-box .text {
    padding: 85px 40px 20px 40px;
    height: initial;
}

.contact-form.contact-info.apply-form .vacanciesinfo-box .links {
    flex-wrap: wrap;
}

.contact-form.contact-info.apply-form .vacanciesinfo-box .display-3 {
    color: #1E1E7D;
    font-family: "Barlow", sans-serif;
    font-weight: bold;
    font-size: 25px;
}

.contact-form.contact-info.apply-form .submit-btn {
    min-width: 208px;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.contact-form.contact-info.apply-form .form-check {
    margin-bottom: 30px;
    padding-left: 35px;
}

.form-info .form-control.file-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #fff url(../images/icon-folder.svg) 95% 50% no-repeat;
    background-size: 20px auto;
}

.form-check .form-check-input {
    margin-left: -35px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #fff;
    box-shadow: none !important;
}

.form-check-input:checked {
    background: #00A8FF;
    border-color: #fff;
}

.social-links {
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #00A8FF;
    font-size: 16px;
    font-weight: 400;
    font-family: 'SequelNeue';
}

.social-links span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.social-links a {
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00A8FF;
    border-radius: 50%;
    position: relative;
    transition: all .3s;
    margin-left: 10px;
    color: #fff;
}

.social-links a img {
    max-height: 17px;
    position: relative;
    bottom: 2px;
}

.social-links a:hover {
    background: #00C87D;
}


/*** MORE VACANCIES ***/
.our-vacancies.more-vacancies {
    padding: 150px 0px 100px 0px;
}

.vacancies-box.transparent {
    border-color: #00A8FF;
    background: none;
}

.vacancies-box.transparent .text .display-3 {
    color: #fff;
}

.vacancies-box.transparent .text p {
    color: #fff;
}

.vacancies-box.transparent .text .text-guide {
    color: #fff;
}

.vacancies-box.transparent:hover {
    background: #00A8FF;
    border-color: #00A8FF;
}

.vacancies-box.transparent:hover .text .display-3, .vacancies-box.transparent:hover .text p {
    color: #fff;
}


/*** KNOW DETAILS BANNER ***/
.know-details-banner {
    padding: 64px 0px 0px 0px;
    background: #1E1E7D;
    border-radius: 0px 0px 80px 0px;
}

.know-details-banner .display-1 {
    color: #fff;
    font-size: 40px;
    margin: 0px 0px 40px 0px;
}

.know-details-banner p {
    color: #000000;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

.know-details-banner .tag {
    display: inline-block;
    background: #00C87D;
    color: #fff;
    font-family: 'SequelNeue';
    font-weight: 400;
    font-size: 9px;
    text-transform: uppercase;
    padding: 2px 10px 1px 5px;
    border-radius: 3px 3px 10px 3px;
    margin-right: 20px;
}

.normal-text {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.know-details-banner .text {
    display: inline-block;
    width: 110%;
    position: relative;
    z-index: 1;
    border: 2px solid #00A8FF;
    border-radius: 20px 20px 60px 20px;
    padding: 45px 140px 40px 70px;
    margin-top: 55px;
}

.know-details-banner .text p {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
}

.know-details-banner .img {
    aspect-ratio: 1 / 1;
    border-radius: 20px 20px 60px 20px;
    object-fit: cover;
}

.know-details-banner .bottom-minus {
    bottom: -40px;
    position: relative;
    z-index: 5;
    margin-top: -40px;
}


/*** KNOW DETAILS INFO ***/
#know-details-info section {padding:0;} 
#know-details-info .left-side section .row > [class*="col-"] {width: 100%;}

.know-details-info {
    padding: 150px 0px 150px 0px;
}

.know-details-info .form-info.basic-form {
    height: initial;
    border-color: #1E1E7D;
}

.know-details-info .form-info.basic-form .btn {
    display: flex;
    justify-content: space-between;
    margin-top: 40px !important;
    margin-bottom: 30px !important;
}

.know-details-info .left-side {
    padding-right: 80px;
}

.know-details-info .social-links {
    border: 2px solid #00A8FF;
    padding-right: 80px;
    border-radius: 20px 20px 60px 20px;
    padding: 50px 0px 60px 0px;
    margin-bottom: 35px;
}

.know-details-info .social-links a {
    margin: 0px 5px;
}

.know-details-info .social-links span {
    margin-bottom: 20px;
}

.know-details-info .left-side p  {
    color: #000000;
    margin: 0px 0px 32px 0px;
}

.know-details-info .left-side .display-3 {
    color: #1E1E7D;
    margin: 0px 0px 16px 0px;
}

.know-details-info .left-side .btn {
    margin-top: 32px;
}

.know-details-info .left-side .btn-link .left-img {
    margin-right: 7px;
    position: relative;
    top: -2px;
}

.better-health.know-details-info .photo-video-slider {
    margin: 80px 0px 80px 0px;
}

.know-details-info .btn-link {
    display: inline-block;
    color: #00A8FF;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;
}

.know-details-info .btn-link .left-text {
    position: relative;
    overflow: hidden;
    color: currentColor;
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor calc(100% - 3px), currentColor calc(100% - 2px), transparent 2px);
    background-repeat: no-repeat;
    will-change: background-size;
    transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size: 0% 100%;
}

.know-details-info .btn-link:hover  .left-text {
    background-size: 100% 100%;
}

.know-details-info .btn-link .arrowbtn {
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    background: #00A8FF;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transition: all .3s;
}

.know-details-info .btn-link .arrowbtn img {
    filter: invert(5) brightness(5);
}

.know-details-info .btn-link:hover .arrowbtn {
    left: 10px;
}

.know-details-info:hover .btn-link .arrowbtn img {
}

.single-vacature .page-breadcrumbs {background:#1E1E7D!important;}
.single-vacature .page-breadcrumbs * {color:#fff!important;}

/* Alle Gravity Forms-invoervelden binnen .form-info dezelfde stijl geven */
.form-info .gform_wrapper input[type="text"],
.form-info .gform_wrapper input[type="email"],
.form-info .gform_wrapper input[type="tel"],
.form-info .gform_wrapper input[type="file"] {
    min-width: 100%;
    width: 100%;
    border: 2px solid #fff !important;
    height: 44px;
    line-height: 44px;
    border-radius: 50px;
    padding: 0px 20px;
    color: #1E1E7D !important;
    background: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-size: 16px;
    box-shadow: none !important;
}

.form-info .gform_wrapper input[type="file"] {
    line-height: 44px;
    padding: 0px 20px;
}

.form-info .gform_wrapper {row-gap:24px!important;}

.form-info .gform_wrapper .hidden_label .gform-field-label,
.form-info .gform_wrapper .gform_heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Checkbox-voorwaarden leesbaar houden i.p.v. verbergen zoals de losse labels */
.form-info .gform_wrapper fieldset.gfield legend.gform-field-label {
    color: #fff !important;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}
.form-info .gform_wrapper .gchoice label {
    color: #fff !important;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
}

/* Submit-knop, gestyled via de nieuwe markup uit de PHP hierboven */
.form-info .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
}
.form-info .gform_wrapper .gform_button.btn.btn-secondary {
    /* erft alle .btn / .btn-secondary CSS die al bestaat — geen extra regels nodig */
}

.gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {color:#fff!important; margin-top:0!important;}
.form-info .gform_wrapper .hidden_label .gform-field-label, .form-info .gform_wrapper .gform_heading {color:#fff!important;}

/* Submit-knop van Gravity Forms 1-op-1 laten ogen als .btn.btn-secondary, voor elk formulier */
.gform_wrapper .gform_footer .gform_button,
.gform_wrapper .gform_footer .gform_button.button {
    display: inline-block !important;
    color: #1E1E7D !important;
    font-size: 17px !important;
    line-height: 50px !important;
    height: 50px !important;
    padding: 0px 30px !important;
    font-weight: 500 !important;
    border-radius: 6px 6px 20px 6px !important;
    border: 2px solid #FFC000 !important;
    min-width: 100px !important;
    text-align: center !important;
    box-shadow: none !important;
    background: #FFC000 !important;
    font-family: "Barlow", sans-serif !important;
    transition: all .3s !important;
    cursor: pointer !important;
}

.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform_footer .gform_button.button:hover {
    color: #1E1E7D !important;
    background: #FFCC00 !important;
    border-color: #FFCC00 !important;
}

.gform_wrapper .gform_footer .gform_button:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* GF verstuurknop: tekst en pijl centreren, alleen pijl beweegt */
.gform_wrapper .gform_footer .gform_button.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    line-height: 1 !important;
}
.gform_wrapper .gform_footer .gform_button.btn:hover .btntext {
    left: 0;
}

body.single-vacature section {padding-top:96px!important; padding-bottom:96px!important; margin-top:0!important; margin-bottom:0!important;}
body.single-vacature section:first-of-type {padding-top:16px;}

/*** ZOEKRESULTATEN ***/
.search-list {list-style:none; margin:0; padding:0;}
.search-list .search-result {padding:0; border-bottom:1px solid rgba(255,255,255,.2);}
.search-list .search-result a {display:block; padding:32px 0;}
.search-list .search-result .tag {display:inline-block; margin-bottom:12px; padding:2px 12px; font-size:14px; font-weight:600; color:#1E1E7D; background:#00C87D; border-radius:20px;}
.search-list .search-result .display-4 {margin:0 0 12px; color:#fff; text-transform:none; overflow-wrap:break-word; hyphens:auto; transition:color .3s;}
.search-list .search-result a:hover .display-4 {color:#00A8FF;}
.search-list .search-result__excerpt p {margin:0; color:#fff;}
.search-list .search-result__excerpt strong, .search-list .search-result__excerpt mark {color:#00C87D; background:none;}
.search-list .search-result__date {display:inline-block; margin:0 0 12px 12px; font-size:14px; color:#fff;}
.search-list .search-result .btn {margin-top:20px;}
.page-banner .search-query {color:#00A8FF;}
.search-no-results {color:#fff;}
.search-no-results .display-5 {margin-bottom:16px; color:#fff;}
.search-no-results ul li {color:#fff;}
.search-recent {margin-top:64px;}
.search-recent .display-4 {margin-bottom:32px; color:#fff;}