@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital@0;1&display=swap');

* {
    font-family: "Raleway", sans-serif;
    font-weight: normal;
    margin:0px;
    padding:0px;

    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    color:#0C0C4C;
    outline: none !important;
} 

body {
    background-color:#0C0C4C;
    overflow-x: hidden;    

}

b, strong {
    font-weight: 600;
}

h1 {
    font-size:67px;
    font-weight: bold;
    line-height: 67px;
    
}  

h2 {
    font-size:50px;
    font-weight: bold;
    line-height: 52px;


}

h3 {
    font-size:37px;
    font-weight: bold;
    line-height: 43px;

}

h4 {
    font-size:28px;
    font-weight: bold;
    line-height: 30px;

}

h5 {

    font-size:21px;
    font-weight: bold;
    line-height: 24px;
}

h6 {
    font-size:15px;
    font-weight:normal;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;

}



p {
    font-size:16px;
    font-weight: normal;
    line-height: 24px;    
}
   
.top-header-block {
    background-color:#141F6A;
    width:100%;

    border-radius: 0 0 75px 75px;
    position: relative;
    overflow:hidden;
    
}

.top-header-block:before {
    border-radius: 0 0 75px 75px;
    width: 100%;
    height: 100%;
    background: radial-gradient(700px 300px, rgba(20, 30, 105, 1), rgba(13, 13, 78, 1));
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    pointer-events: none;
}

.top-header-block .row.f1 {
    position: relative;
    z-index: 1;
    margin-top:120px;
    
}


.top-header-block .circle-1 {
   position: absolute;
   height:0px;
   width:1px;
  
}

.top-header-block .circle-1:before {
    content: '';
    width: 550px;
    height: 550px;
    border: 141px solid #9336FF;
    border-radius: 50%;
    position: absolute;
    right: 70px;
    top: -330px;
}

.dark *:not(input):not(textarea):not(select):not(h6):not(.not-dark):not(.not-dark *):not(footer.dark strong):not(.button.white) {
    color: #fff !important;
}



h6 {
    color:#3B7CFF !important;
}

.top-header-block .c1 p {
    padding-top:15px;
   
}

.top-header-block .c1 a.button {
    margin-top:23px;
    margin-right:10px;
}

.top-header-block div.img {
    transition: all 0.3s ease-in-out;
    width:100%;
    height:670px;
    background-size:cover;
    border-radius:30px;
    background-position: center;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.41);
    
}



.top-header-block .c1 .contents {
    padding-right:90px;
}

.top-header-block .row.f2 {
    margin-top:45px;
    margin-bottom:45px;
    position: relative;
}

.logos-b {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    align-items:center;
    position: relative;
    z-index: 0;
}

.logos-b .item {
    text-align:center;
    position: relative;

}

.logos-b .item.txt, .dark .logos-b .item.txt {
    text-align:left;
    color:#3B7CFF !important;
    font-weight: 500;
}

.logos-b .item-1 img {
    margin-top:-14px;
}

.top-header-block .logos-b .item-2:before {
    content:'';
    width:1450px;
    height:1450px;
    border-radius:50%;
    border:200px solid #3B7CFF;
    position: absolute;
    left:17px;
    top:-725px;
    z-index:-1;
}

.block-padding {
    padding-top:100px;
    padding-bottom:100px;
}

.block {
    position: relative;
}

.block.odd {
    background-color:#EAF0FE;
}

.block.even {
    background-color:#fff;
}

.top-header-block + div.block.odd:before, .top-header-block + div.block.even:before, .block-single-head + div.block:before {
    background-color:#EAF0FE;
    top:-100px;
    left:0;
    width:100%;
    height:100px;
    content:'';
    position: absolute; 
    z-index:-1;
}

.block-single-head {
        border-radius: 0 0 75px 75px;
}

.top-header-block + div.block.even:before, .block-single-head.odd + div.block:before { 
   background-color:#FFF; 
}

.logos-txt-mobile {
    display:none;
}

.block-type-a .img-r {
    width:100%;
    max-width:500px;
    height:480px;
    background-size:cover;
    background-position: center;
    border-radius:30px;
}

.c-checklist ul {
    margin:0;
    padding:0;
    list-style-type:none;
    margin-bottom:20px;
}

.c-checklist ul li {
    position: relative;
    padding-left:31px;
    padding-bottom:8px;
    color:#0C0C4C;
}

.ul-checklist li:before {
    position: absolute;
    width:20px;
    height:20px;
    background-image:url('../images/check-blue.svg');
    background-size:cover;
    left:0;
    top:2px;
    content:'';
    
}

.ul-checklist li {
    font-weight: 400;
}

.block-type-a .contents {
    margin-bottom:10px;
}

.row-space {
    margin-top:30px;
}

.card-item-a {
    padding:35px;

    margin-bottom:30px;
    border-radius:20px;
    min-height: 310px;
}

.card-item-a .icon {
    width:47px;
    height:47px;
    border-radius:50%;
    background-size:55%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right:11px;
    
}

.card-item-a .title-sep {
    display: flex;
    align-items: center;
}

.card-item-a .txt {
    margin-top:15px;
}

.color-1 {
    background-color:#6c9dff;
}

.color-1 .icon {
    background-color:#3B7CFF;
    
}

.color-2 {
    background-color:#ffda40;
}

.color-2 .icon {
    background-color:#FFCE00;
    
}

.color-3 {
    background-color:#ae68ff;
}

.color-3 .icon {
    background-color:#9336FF;   
}

.color-4 {
    background-color:#ff915b;
}

.color-4 .icon {
    background-color:#FF6D24;
    
}

.color-5 {
    background-color:#4cc19d;
}

.color-5 .icon {
    background-color:#10ad7c;
    
}


.color-6 {
    background-color:#ff7070;
}

.color-6 .icon {
    background-color:#ff4040;
    
}

.block-type-b .circle {
    position: absolute;
    height: 0px;
    width: 1px;
    right:0;
    bottom:0;
}

.block-type-b {
    overflow:hidden;
}

.row {
    position: relative;
}

.block-type-b .circle:before {
    content: '';
    width: 580px;
    height: 580px;
    border: 141px solid #FF4040;
    border-radius: 50%;
    position: absolute;
    left: 90px;
    bottom: -400px;
}

.block-type-c .img img {
    max-width:495px;
    width:100%;
    height:auto;
    position: relative;
}

.block-type-c .img {
    position: relative;
    margin-bottom:30px;
    
}

.block-type-c {
    overflow:hidden;
}

.block-type-c .img .circle {
    position: relative;
    
}

.block-type-c .img .circle:before {
    content:'';
    width:1050px;
    height:1050px;
    border-radius:50%;
    border:200px solid #FF6D23;
    position: absolute;
    right: 90px;
    z-index: 0;
    top: 80px;   
}

.block.odd2 {
    background-color:#10AD7C;
    
}

.card-dienst {
    width:100%;
    height:500px;
   
   
    border-radius:20px;
    display:block;
    position: relative;  
    margin-bottom:30px;
    
    background-position: center center;
   
}

.bg-zoom {
    background-size: cover;
    overflow:hidden;
    transition: all 0.22s ease-in-out; 
    background-position: center center;  
    position: relative; 
}

.bg-zoom:before {
  content:"";
  position:absolute; top:0;right:0;bottom:0;left:0;
  background:inherit;
  transition:inherit;    
}

.bg-zoom:hover:before {
   transform: scale(1.05); 
}

.card-dienst .c {
    position: absolute;
    bottom:25px;
    left:25px;
    display: flex;
    align-items: center;
    transition: 0.3s;
    
}

.card-dienst:hover .c .button-d {
    filter: brightness(1.14);
}

.card-dienst .c .button-d {
    margin-right:9px;
    transition: 0.3s;
}

.button-d {
    border-radius: 30px;
    padding: 12px 25px 14px 25px !important;
    display: inline-block;
    line-height: 16px;
    font-size:18px;
    font-weight: bold;
 }
 
.circle-btn {
    width: 45px;
    height: 45px;
    background-image: url(../images/arrow-up.svg);
    background-repeat: no-repeat;
    background-position: center;
    display:inline-block;
    background-color:#EAF0FE;
    border-radius:50%;
    background-size: 13px;
    
}

.block.odd3 {
    background-color:#0C0C4C;
}

.review-card {
    background-color:#EAF0FE;
    border-radius:30px;
    padding:22px;
    padding-top:35px;
    height: 390px;
    position: relative;
}

.review-card .bottom {
   position: absolute;
   bottom:30px;
   left:22px;
   width:calc(100% - 22px); 
   display:flex;
   align-items:center;
}

.review-card .c1 img {
    height:auto;
    width:90px;
    
}

.review-card .c1 {
    padding:6px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#fff;
    border-radius:10px;
    margin-right:10px;
    background-size:85%;
    background-repeat: no-repeat;
    background-position: center;
    width:80px;
    height:38px;
}

.review-card .cijfer {
    width:55px;
    height:55px;
    background-color:#10AD7C;
    border-radius:50%;
    color:#fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right:22px;
    font-size:18px;
    
}

.review-card .cijfer.hide-desktop {
    top:-14px;
    right:0;
    width:45px;
    height:45px;
    font-size:15px;   
}

.contents.inner-c {
    width: 100%;
    position: relative;
}

.nav-wrapper-a {
    position: absolute;
    right: 0;
    bottom: 0;
}

.card-type-case {
    background-color:#fff;
    border-radius:20px;
    margin-bottom:30px;
    padding:35px; 
    position: relative;
    
}

.tag {
    font-size:12px;
    display:inline-block;
    margin-right:7px;
    padding:5px;
    padding-left:13px;
    padding-right:13px;
    
    border-radius:18px;
    border:1px solid #FF6D23;
}

.card-type-case h4 {
    margin-top:20px;
    margin-bottom:20px;
}

.card-type-case .txt {
    
    height: 48px;
    overflow: hidden;
    margin: 0;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    margin-bottom:23px;
}

.card-type-case .img {
    width:100%;
    height:255px;
    background-size:cover;
    background-position:center;
    border-radius:20px;
    position: relative;
    display:block;
}

.logo-alt {
    position: absolute;
    right:0;
    bottom:0;
    background-color:#fff;
    border-radius: 10px 0 0 0;
    padding:15px 10px 15px 10px;
    background-size:85%;
    background-repeat: no-repeat;
    background-position: center;
    width:85px;
    height:38px;
   
}

.logo-alt img {
    height:auto;
    width:109px;
}

.block-cases .circle-1 {
    position: absolute;
    height: 0px;
    width: 1px;
    right: 0;
    top:0;
}

.block-cases .circle-2 {
    position: absolute;
    height: 0px;
    width: 1px;
    left:0;
    bottom:0;
}

.block-cases {
    overflow:hidden;
}

.block-cases .circle-1:before {
    content: '';
    width: 550px;
    height: 550px;
    border: 141px solid #9336FF;
    border-radius: 50%;
    position: absolute;
    left:70px;
    top:-350px;
    
}

.block-cases .circle-2:before {
    content: '';
    width: 1050px;
    height: 1050px;
    border-radius: 50%;
    border: 200px solid #11AD7C;
    position: absolute;
    right: -240px;
    z-index: 0;
    top: -520px;
}

.block.odd4 {
    background-color:#3B7CFF;
}

.card-type-blog .img {
    width:100%;
    height:269px;
    background-size:cover;
    background-position: center;
    border-radius: 20px 20px 0 0;
    position: relative;
    display:block;
    
}

.card-type-blog .bottom {
    padding:30px;
    border-radius:0 0 20px 20px;
    background-color:#fff;
    position: relative;
    padding-top:25px;
    padding-bottom:35px;
}

date {
    font-size:14px;
    text-transform: uppercase;
}

.reading-time {
    color:#3B7CFF;
    font-size:14px;
    text-transform: uppercase;
    font-weight: bold;
    display:inline-block;
}

.card-type-blog date {
    margin-right:8px;
}

.card-type-blog h4 {
    margin-top:13px;
    margin-bottom:13px;
    height: 60px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.card-type-blog h4 + p {
    height: 45px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;  
    padding:0;
    margin-bottom:0; 
    width:calc(100% - 50px); 
}

.circle-btn.b {
    position: absolute;
    right: 25px;
    bottom: 30px;
}

.tag.white {
    background-color:#fff !important;
    border-color:#fff !important;
}

.cat-wrapper-top {
    position: absolute;
    right:6px;
    top:21px;
}

.cat-wrapper-top .tag:last-child {
    margin-right:0;
}

.logos-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.logos-c a {
    display:flex;
    align-items:center;

    height:110px;
    flex-basis: calc(25% - 20px); /* 25% for 4 items per row minus the gap */
  
    justify-content: center;
}

.block-klanten {
    overflow:hidden;
}

.block-klanten .circle-1 {
       
    position: absolute;
    height: 0px;
    width: 1px;
    left: 0;
    top: 0;
}

.block-klanten .circle-1:before {
     content: '';
    width: 550px;
    height: 550px;
    border: 141px solid #FFCE00;
    border-radius: 50%;
    position: absolute;
    right:70px;
    top: -350px;
}

footer .menu-c .c1 img {
    max-width:320px;
    width:100%;
    height:auto;
}

.clean-ul ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

.clean-ul ul li {
    
    position: relative;
    padding-bottom:7px;
}

.clean-ul ul li a {
    text-decoration: none;
}

.clean-ul ul li a:hover {
    text-decoration: underline;
}

footer h5 {
    margin-bottom:10px;
}

footer .c h5:nth-of-type(2) {
    
   margin-top:15px;   
}

.socialmedia a {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url(../images/linkedin.svg);
    display: inline-block;
  
    margin-right: 8px;
}

footer.dark .c p strong {
    font-weight:600;
    color:#9E9EB7 !important;
}

footer.dark .c4 p {
    line-height: 32px;
}

footer .r2 {
    margin-top: 45px;
    padding-top: 15px;
    border-top: 1px solid #F7F7F9;
}

p.copyright {
    font-size:14px;
}

footer {
    padding-bottom:4px !important;
}

.contact-box-1 {
    border-radius:20px;
    background-color:#EAF0FE;
    padding:45px;
    padding-top:55px;
    padding-bottom:55px;
    width:100%;
    
}

.container.contacts {
    margin-bottom:60px;
    margin-top:-350px;
}

body.show-footer-contact main div.block:last-child {
    padding-bottom: 320px;
}

.card-type-image {
    width:100%;
    height:420px;
    background-size:cover;
    background-position: center;
    border-radius:20px;
    position: relative;    
}

.contact-box-1 .card-type-image {
    
    
    height:100%;
}

.tag.b {
    background-color:#fff;
    border-color:#fff;
    font-size:14px;
    font-weight: 700;
}

.tag.b span {
    color:#9336FF;
    font-weight: 400;
}

.card-type-image .tag {
    position: absolute;
    bottom:19px;
    right:19px;
    margin:0;
    max-width:311px;
}

.contact-box-1 .contents-1 {
    padding-right:50px;
}

.contact-box-1 h3 {
    margin-bottom:16px;
}

ul.contact a {
     font-size:21px;
     color:#0C0C4C;
     font-weight: 600;
     display:block;
     padding-left:65px;
     position: relative;
     text-decoration: none !important;
}

ul.contact a:before {
    width: 45px;
    height: 45px;
    background-image: url(../images/arrow-up2.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-color: #EAF0FE;
    border-radius: 50%;
    background-size: cover;
    content:'';
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
}

ul.contact li {
    padding-bottom:25px;
    padding-top:25px;
    border-bottom:1px solid #fff;
}

ul.contact li:first-child {
    padding-top:10px;
}

.contact-box-2 {
    background-color:#FF6D24;
    border-radius:20px;
    padding:35px;
    width:100%;
    
}

.contact-box-2 a.button {
    width:100%;
    
}

.contact-box-2 p:first-child {
    text-align:center;
}

.contact-box-2 p:first-child img {
    margin-bottom:10px;
}

body:not(.show-footer-contact) .container.contacts {
    display:none;
}

.hidden {
      visibility: hidden;
}

.top-header-block.small div.img {
    box-shadow: none;
    height:259px;
    border-radius:0;
    background-size:contain;
    background-repeat: no-repeat;
}

.top-header-block.small div.f1 {
    margin-top:190px;
    margin-bottom:240px;
}

.top-header-block.small .circle-1:before {
    top: -470px;
}

.block-def-intro .outer-wrapper {
    background-color:#fff;
    padding:75px;
    padding-top:85px;
    border-radius:80px;
    margin-top:-290px;
}

.block-def-intro div.img {
    width:91%;
    height:545px;
    background-size:cover;
    background-position: center;
    border-radius:20px;
}

.block-def-intro .contents {
   
}

.block-def-intro .c2 {
    text-align:right;
    display: flex;
    justify-content: flex-end;
}

.c .card-type-image {
    margin-bottom:30px;
}

.no-circles .circle, .no-circles .circle-1, .no-circles .circle-2 {
    display:none;
}

.block-type-e .contents {
    padding-top:13px;
    position: relative;
    z-index:1;
}

.block-type-e {
    overflow:hidden;
}


.block-type-e .circle {
    position: absolute;
    height: 0px;
    width: 1px;
    right: 180px;
    bottom: 0;
}

.block-type-e .circle:before {
    content: '';
    width: 1450px;
    height: 1450px;
    border-radius: 50%;
    border: 200px solid #3B7CFF;
    position: absolute;
    left: 17px;
    top: -225px;
    z-index: 0;
}

.card-type-cert {
    border-radius:20px;
    background-color:#fff;
    padding:40px;
    margin-bottom:30px;
    
}

.card-type-cert h4 {
    margin-top:19px;
    margin-bottom:17px;
    
}

.card-type-cert div.img {
    height:77px;
    width:100%;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
}

.row-space2 {
    margin-top:45px;
}

.review-card p {
    padding:0;
    font-family: "Aleo", serif;
    font-size:18px;
    line-height: 28px;
}

.block.odd .review-card {
    background-color:#fff;
}

.col-center {
    text-align:center;
}

.card-dienst .c .button-d {
    color:#fff !important;
}

.block-def-intro h2 {
    margin-bottom:15px;
}

.block-def-intro:not(.b) {
    padding-bottom:45px;
}

.row-nav-button {
    margin-bottom:15px;
}

.top-header-block .contents {
    width:100%;
}

.outer-slider-a .c1 {
    width:calc(100% - 85px);
    position: relative;
    
}

.outer-slider-a {
    margin-top:-65px;
    position: relative;
}

.outer-slider-a .content-wrap {
    background-color:#fff;
    border-radius:20px;
    padding:55px;
    width:60%;
    position: relative;
}

.outer-slider-a .content-wrap .title {
    display:flex;
    align-items:center;
    max-width:440px;
    width:100%;
}

.outer-slider-a .content-wrap .icon {
    width:50px;
    height:50px;
    margin-right:16px;
    border-radius:50%;
    background-size:67%;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
}

.outer-slider-a .content-wrap h4 {
    margin:0;
}

.outer-slider-a .content-wrap h4 span {
    font-weight: 300;
}

.outer-slider-a .content-wrap .txt {
    padding-right:100px;
    margin-top:15px;
}

.outer-slider-a .item {
    position: relative;
    padding-top:90px;
}

.outer-slider-a .img-wrap {
    position: absolute;
    right:0;
    top:10px;
    
    height:395px;
    background-size:cover;
    border-radius:20px;
    background-position: center center;
}

.inner-c.halve {
    width:45%;
    position: relative;
    z-index:2;
}

.outer-slider-a .width-b {
   width:48%; 
}

.outer-slider-a .counter-wrapper {
    position: absolute;
    right:0;
    top: 425px;
    text-align:center;
}

.outer-slider-a .counter-wrapper strong {
    color:inherit !important;
    font-weight: inherit;
}

.outer-slider-a .counter-wrapper {
     color:#F7F7F9;
     opacity:0.6;
     padding-bottom:21px;
}

.outer-slider-a .c2 {
    position: absolute;
    top:10px;
    right:0;
    width:60px;
    
}

.nav-circle {
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius:50%;
    text-decoration: none;
    color:#fff;
    width:45px;
    height:45px;
    margin-bottom:10px;
    transition: all 150ms linear;
    
}

.nav-circle:hover {
    color:#fff;
}

.nav-circle.active {
    background-color:#fff !important;
    color:inherit !important;
}

.block-cases.color-b .circle-2:before {
    border-color:#FF6D24;
}
  
.block-cases .circle-1:before { 
   border-color:#FFCE00; 
}

.category-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.category-bar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.category-bar ul li {
    position: relative;
    display: inline;
}

.category-bar ul li.active a {
    font-weight: 600;
    border: 1px solid #0C0C4C;
}

.category-bar ul li a {
    color: #0C0C4C;;
    text-decoration: none !important;
    display: inline-block;
    padding: 9px 20px 9px 20px;
    border-radius: 30px;
}

.block.odd .outer-wrapper {
    background-color:#EAF0FE;
}


.nav-i {
    height: 45px;
    width: 45px;
    border-radius: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: #0C0C4C !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.nav-i.active {
    background-color: #fff;
    color: #0C0C4C !important;
    font-weight: 500;
}

.footer-nav-pagination .nav-left {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top:35px;
}

.fade-in-delay {
            animation-delay: 0.15s; /* Delay for 0.5 seconds */
            animation-duration: 1.2s; /* Duration of the animation */
}

.title-box h1 {
    font-size:50px;
    line-height: 54px;
}

.title-box {
    margin-top:35px;
    margin-bottom:35px;
}

.author-box .avatar {
    width:60px;
    height:60px;
    background-size:cover;
    background-position: center center;
    border-radius:50%;
}

.author-box {
    display:flex;
    align-items:center;
    flex-wrap: wrap; /* This helps if you want items to wrap in smaller viewports */
    
}

.author-box .top-row {
    align-items:center;
    display:flex;
}

.author-box .c {
    margin-left:20px;
    color:#0C0C4C;
    font-size:14px;
    font-weight: bold;
    text-transform: uppercase;
}

.tag.b.c {
    border-radius:10px;
}

.tag.b.c span {
    color:#0C0C4C;
}

.tag.b.c:not(span) {
    color:#3B7CFF;
    
}

.author-box .c.date {
    margin-left:6px;
}

.button-d.cat {
    font-weight: 500;
    color:#fff !important;
}

.author-box .cats {
    margin-left: auto; /* Pushes the cats div to the right */
}

.author-box .cats .cat {
    margin-left:5px;
}

.single div.main-img {
    height:500px;
    width:100%;
    background-size:cover;
    background-position: center center;
    border-radius:30px;
    margin-top:-260px;
}

.block-single-head + .block {
    padding-top:0 !important;
}


.block-single-head {
    padding-top:170px;
    padding-bottom:310px;
}

.single .row-contents {
    margin-top:55px;
}

.share-box a {
    display:block;
    width:37px;
    height:37px;
    background-size:cover;
    margin-top:15px;
    background-image:url('../images/share-fb.svg');
    
}



.share-box a.x {
   background-image:url('../images/share-x.svg'); 
}

.share-box a.instagram {
   background-image:url('../images/share-instagram.svg'); 
}

.share-box a.linkedin {
   background-image:url('../images/share-linkedin.svg'); 
}

div.contents-single {
    max-width:calc(100% - 215px);
    width:100%;
    position: relative;
}

body:not(.single-post) div.contents-single {
    max-width:100%;
}

div.contents-single h2, div.contents-single p, div.contents-single h3, div.contents-single h4, div.contents-single h5 {
    margin-bottom:25px;
    padding:0;
}

div.contents-single h3, div.contents-single h4 {
    margin-bottom:17px;
}


div.contents-single h2:first-child + p {
    font-size:18px;
    font-weight: 500;
    font-family: Aleo;
    line-height: 26px;
}

.share-box {
    position: absolute;
    left:-90px;
    top:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

div.contents-single-a img {
    border-radius:20px;
    height:400px;
    width:100%;
    object-fit: contain;
    object-position: center center;
    margin-top:12px;
    margin-bottom:12px;
}

div.contents-single img.halve, div.contents-single img.halve + img {
    width:calc(50% - 10px);
}

div.contents-single p img.halve:first-child {
    margin-right:10px;
}

div.contents-single p img.halve:first-child + img {
    margin-left:10px;
}

blockquote {
    background-color:#EAF0FE;
    border-radius:20px;
    padding:40px;
    margin-top:38px;
    margin-bottom:38px;
}

blockquote p {
    margin:0 !important;
    padding:0 !important;
}

blockquote p {
    font-family: Aleo;
    font-size:21px;
    line-height: 29px;
    font-style:italic;
    font-weight: 600;
}

.review-card.b {
    background-color:#3B7CFF;
    height:auto;
    padding:50px;
    padding-bottom:20px;
    
}

.review-card.b .inner {
    position: relative;
    height: 100%;
    padding-bottom:90px;
}

.review-card.b .bottom {
    left:0;
}

.review-outer-single {
    margin-top:40px;
}

.logos-c a img {
    transition: transform 0.3s ease; /* Smooth transition for the transform property */
}

.logos-c a img:hover {
    transform: scale(1.07); /* Zoom effect */
}

.card-margin {
    margin-bottom:30px;
}

.single-post .author-box .c.date {
    margin-left:15px;
}

a.button-d {
    text-decoration: none;
}

.top-header-block.small .c1 .contents {
    padding-right: 70px;
}

.card-type-vacancie {
    padding: 30px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    padding-top: 55px;
    padding-bottom: 55px;
    margin-bottom:30px;
}

.card-type-vacancie .icon {
    width:30px;
    height:30px;
    background-size:cover;
    margin-right:11px;
    flex-shrink: 0;
    
}

.card-type-vacancie .top-bar .c1 {
    display: flex;
    align-items: center;
    max-width:470px;
    text-decoration: none;
    
}

.card-type-vacancie .top-bar {
    display: flex;
    justify-content: space-between; /* Ensure c1 and c2 are spaced evenly */
    align-items: center; /* Aligns items vertically in the center */    
}

.card-type-vacancie .top-bar .c2 {
    display: flex;
    justify-content: flex-end; /* Aligns the items to the right */
    gap: 5px; /* Space between the tags */
}

.card-type-vacancie h4 {
    margin:0;
}

.card-type-vacancie .contents {
    margin-top:25px;
    width:calc(100% - 90px);
}

.tag.d {
    border-color:#0C0C4C;
    border-radius:20px;
    padding:4px;
    padding-right:15px;
    padding-left:15px;
    font-size:14px;
    text-transform: uppercase;
    font-weight: 600;
}

.tag.blue {
    border-color:#3B7CFF;
    background-color:#3B7CFF;
    color:#fff;
}

.card-type-vacancie .c2 .tag:last-child {
      margin-right:0;
}

.single-vacancie .c.date {
    margin-left:15px;
}

.outer-wrapper .socialmedia a.linkedin {
     background-image:url('../images/linked-in2.svg');
}

.outer-wrapper .socialmedia {
    margin-top:-10px;
}

.outer-wrapper a {
    color: #0C0C4C;
}

.text-c-2 a {
   text-decoration: none; 
}

.text-c-2 a:hover {
    text-decoration: underline;
}

.text-c-2 h4 {
    margin-bottom:25px;
    margin-top:15px;
}

.outer-wrapper .contents-text-1 {
    padding-right:40px;
}

.block.odd5 {
    background-color:#10AD7C;
}

.category-bar.b ul li {
    display: block;
    margin-bottom: 5px;
}

.category-bar.b {
    padding:30px;
    border-radius:20px;
    background-color:#6EBF9F;
    display:block;
}

.category-bar.b a {
    border-color:#fff !important;
}

.category-bar.b h5 {
    margin-bottom:22px;
}

ul.faq li {
    border-radius: 20px;
    width: 100%;
    overflow: hidden;

    background-color: #fff;
    padding: 35px;
    margin-bottom: 15px;
}

ul.faq {
    margin:0;
    padding:0;
    list-style-type:none;
    
}


ul.faq li .question {
    padding-right: 58px;
    font-size: 18px;
    color: #0C0C4C;
    font-weight: 600;
    text-decoration: none;
    display: block;
    width: 100%;
    position: relative;
}

ul.faq li .question:after {
    width: 30px;
    height: 30px;
    top: -2px;
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    background-image: url(../images/plus.svg);
    background-size: cover;
}

ul.faq li.active .question:after {
    background-image: url(../images/min.svg);
}

ul.faq li .answer {
    margin-top:10px;
    display:none;
    padding-right:70px;
}

ul.faq li.active .answer {
    display:block;
}

.page-template-contact .content-box {
    padding-left: 75px;
    padding-right: 75px;
    position: relative;
}

.block-faq .circle {
    position: absolute;
    height: 0px;
    width: 1px;
    right: 0;
    bottom: 0;
}

.block-faq .circle:before {
    content: '';
    width: 1450px;
    height: 1450px;
    border: 200px solid #6EBF9F;
    border-radius: 50%;
    position: absolute;
    left: -220px;
    top: -400px;
}

#map {
    height:500px;
    width:100%;
    border-radius:20px;
    margin-bottom: -350px;
    position: relative;
    z-index: 1;
}


.block-faq .row-a {
    margin-top:225px;
}

.block-faq {
    overflow:hidden;
}

.page-template-contact .block-klanten .circle-1:before {
    border-color:#FF4040;
}

.anchor, .gform_anchor {
    position: relative;
    left: 0;
    top: -141px;
    height: 1px;
    width: 22px;
    visibility: hidden;
}

.default-page-content .contents-single {
    margin-top:65px;
}

.footer-links {
    text-align:right;
}
.footer-links span {
    font-size:13px;
}

.contents-single img.alignright {
       float:right; 
       margin-left:15px;
}

.contents-single img.alignleft {
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}

body:not(.single-post) .share-box {
    display:none;
}