body {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    color: #1E3757;
    overflow-x: hidden;
}

html, body {
    max-width: 100vw;
    overflow-x: hidden !important;
}

header {
    position: fixed;
    top: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;

    transform: translateY(0);
    transition: transform 300ms ease;
    will-change: transform;
    @media only screen and (max-width: 1024px) {
        top: 20px;
    }
    }


header.mobile-is-active:before {
    opacity: 1;
    visibility: visible;
}

header.hide {
    transform: translateY(-160%);
}

@media only screen and (max-width: 1140px) {
    header:before {
        content: '';
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        background: rgba(26, 67, 114, 0.7);
        width: 100%;
        height: 100vh;
        opacity: 0;
        visibility: hidden;
        transition: all 300ms ease;
    }
}

header .container {
    max-width: 1400px;
    width: 100%;
    margin: 0 50px;
}

@media only screen and (max-width: 1140px) {
    header .container {
        margin: 0 20px;
    }
}

header .container .fixed-header {
    background: white;
    box-sizing: border-box;
    height: 100px;
    min-height: 80px;
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    justify-content: space-between;
    width: 100%;
}

@media only screen and (max-width: 1140px) {
    header .container .fixed-header {
        height: 90px;
        min-height: 90px;
    }
}

header .container .fixed-header .btn {
    margin-right: -1px;
}

@media only screen and (max-width: 1300px) {
    header .container .fixed-header .btn .icon-optional {
        display: none;
    }
}

.fixed-header {
    color: #1A4372;
    box-sizing: border-box;
}

@media only screen and (max-width: 1140px) {
    .fixed-header {
        padding: 0 20px;
    }
}

.fixed-header .logo:hover .logo-hover {
    display: flex;
}

.fixed-header .logo:hover .logo-hover img {
    max-height: 40px;
    position: relative;
    top: 4px;
}

@media only screen and (max-width: 1350px) {
    .fixed-header .logo:hover .logo-hover img {
        max-height: 30px;
    }
}

.fixed-header .logo {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
    border-bottom: 0 !important;
}

@media only screen and (max-width: 1140px) {
    .fixed-header .logo {
        margin-left: 0;
    }
}

.fixed-header .logo img {

    position: relative;
}

@media screen and (max-width: 1400px) {
    .fixed-header .logo img {
        max-width: 70px;
        max-height: 50px !important;
    }
}

@media screen and (max-width: 1140px) {
    .fixed-header .logo img {
        max-width: none;
    }
}


.fixed-header a {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    padding: 5px 5px 10px 0;
    gap: 10px;
}

.fixed-header .logo {
    border-bottom: none;
    padding: 0;
}

.fixed-header .underline-link {
    position: relative;
    border-bottom: 2px solid transparent;
    transition: color 0.3s ease;
}

.fixed-header .underline-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #1A4372;
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fixed-header .underline-link:hover::after {
    width: 100%;
}

@media screen and (max-width: 1400px) {
    .fixed-header a {
        padding: 5px 0 10px 0;
        font-size: 14px;
    }
}

.underline-link span {
    background: #D2565B;
    padding: 2px 6px;
    color: #fff;
    border-radius: 500px;
    font-size: 12px;
    width: 20px;
    text-align: center;
}


.fixed-header .left-side-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 30px;
    box-sizing: border-box;
    position: relative;
}

@media only screen and (max-width: 1140px) {
    .fixed-header .left-side-wrapper {
        padding-right: 0;
        justify-content: center;
    }
}

.fixed-header .left-side-wrapper .overflow-container {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    overflow: hidden;
    background: white;

    transition: all 2s cubic-bezier(0.65, 0.05, 0, 1);
}

@media only screen and (max-width: 1140px) {
    .fixed-header .left-side-wrapper .overflow-container {
        height: 80px;
        margin-top: 15px;
    }
}

.fixed-header .left-side-wrapper .overflow-container.is-active {

}

.fixed-header .left-side-wrapper .contact-us {

    line-height: 16px;
}

@media only screen and (max-width: 1140px) {
    .fixed-header .left-side-wrapper .contact-us {
        display: none;
    }
}


.fixed-header .left-side-wrapper .submenu-background {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    border-radius: 10px;
    height: 320px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.65, 0.05, 0, 1);
}

.fixed-header .left-side-wrapper .submenu-background.is-active {

}

.fixed-header .navigation {
    display: flex;
    flex-direction: row;
    gap: 50px;
    position: relative;
}

@media only screen and (max-width: 1400px) {
    .fixed-header .navigation {
        gap: 30px;
    }
}

@media only screen and (max-width: 1140px) {
    .fixed-header .navigation {
        display: none;
    }
}

.fixed-header .navigation .item-wrapper .submenu {
    position: absolute;
    margin-top: 65px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    visibility: hidden;
    opacity: 0;
    transition: all 700ms;
    padding: 25px;
    background: #fff;
    border-radius: 5px;
}

/* Pijltje */
.fixed-header .navigation .item-wrapper .submenu::before {
    content: "";
    position: absolute;
    top: -8px; /* net boven de witte achtergrond */
    left: 20px; /* pas aan om 'm onder de juiste link te centreren */
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff; /* kleur moet overeenkomen met je achtergrond */
}


.fixed-header .navigation .item-wrapper .submenu.is-active {
    opacity: 1;
    visibility: visible;
}

.fixed-header .navigation .item-wrapper .submenu a {
    position: relative;
    z-index: 3;

    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #1A4372;
    transition: all 700ms;
}

.fixed-header .navigation .item-wrapper .submenu a:hover {
    color: #EE8E07;
}

.fixed-header .right-side {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
    min-width: fit-content;
}

@media only screen and (max-width: 1350px) {
    .fixed-header .right-side {
        gap: 30px;
    }
}

@media only screen and (max-width: 1140px) {
    .fixed-header .right-side {
        display: none;
    }
}

@media only screen and (max-width: 1100px) {
    .fixed-header .hide-when-small {
        display: none;
    }
}

.hamburger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger.is-active:hover {
    opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #1A4372;
}

.hamburger-box {
    width: 50px;
    border: 1px solid #E0E0E0;
    height: 50px;
    display: flex;
    position: relative;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
    margin-left: -1px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #1A4372;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -6px;
}

.hamburger-inner::after {
    bottom: -6px;
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobile-only {
    display: none;
}

@media only screen and (max-width: 1140px) {
    .mobile-only {
        display: flex;
    }
}

.fixed-header .mobile-menu {
    position: fixed;
    width: calc(100vw - 40px);
    height: calc(100dvh - 130px);
    border-radius: 0;
    background: white;
    box-sizing: border-box;
    left: 0;
    top: 110px;
    margin: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: all 1.3s cubic-bezier(0.65, 0.05, 0, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;

}

.fixed-header .mobile-menu.is-active {
    max-height: calc(100dvh - 150px);
}

.fixed-header .mobile-menu.is-active .right-side {
    opacity: 1;
    visibility: visible;
}

.fixed-header .mobile-menu .mobile-menu-inner {
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fixed-header .mobile-menu .mobile-menu-inner .navigation-mobile {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.fixed-header .mobile-menu .mobile-menu-inner .navigation-mobile .mobile-link-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.fixed-header .mobile-menu .mobile-menu-inner .navigation-mobile .submenu-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.fixed-header .mobile-menu .mobile-menu-inner .navigation-mobile .submenu-toggle svg {
    transition: all 300ms;
}

.fixed-header .mobile-menu .mobile-menu-inner .navigation-mobile .submenu-toggle.is-active {
    color: #EE8E07;
}

.fixed-header .mobile-menu .mobile-menu-inner .navigation-mobile .submenu-toggle.is-active svg {
    transform: rotate(180deg);
}

.fixed-header .mobile-menu .mobile-menu-inner .navigation-mobile .submenu-toggle.is-active svg rect {
    fill: #EE8E07;
}

.fixed-header .mobile-menu .mobile-menu-inner a {
    display: flex;
    font-size: 20px;

    font-weight: 600;
    font-style: normal;
}

.fixed-header .mobile-menu .mobile-menu-inner .submenu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    visibility: hidden;
    opacity: 0;
    transition: all 0s ease-in-out;
    max-height: 0;
    overflow: hidden;
}

.fixed-header .mobile-menu .mobile-menu-inner .submenu a {
    font-size: 16px;

    font-weight: 400;
    font-style: normal;
}

.fixed-header .mobile-menu .mobile-menu-inner .submenu a:focus, .fixed-header .mobile-menu .mobile-menu-inner .submenu a:hover {
    color: #EE8E07;
}

.fixed-header .mobile-menu .mobile-menu-inner .submenu a:first-of-type {
    margin-top: 15px;
}

.fixed-header .mobile-menu .mobile-menu-inner .submenu a:last-of-type {
    margin-bottom: 10px;
}

.fixed-header .mobile-menu .mobile-menu-inner .submenu.is-active {
    opacity: 1;
    visibility: visible;
    max-height: 500px;
}

.fixed-header .mobile-menu .right-side {
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.fixed-header .mobile-menu .right-side .icon-optional {
    display: flex !important;
}

.fixed-header .mobile-menu .right-side .btn {
    padding: 0 20px !important;
    width: 100% !important;
    box-sizing: border-box;
    margin-right: 0 !important;
}

.fixed-header .mobile-menu .right-side .btn .btn__text {
    width: 100%;
    justify-content: space-between;
}

.fixed-header .mobile-menu .right-side .btn .btn__text .left-side {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.fixed-header .mobile-menu .cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 0;
}


.fixed-header .right-side .btn {
    cursor: pointer;
    border-radius: 0 0 10px 10px;
    justify-content: center;
    align-items: center;
    height: 100px;
    text-decoration: none;
    display: flex;
    position: relative;
    padding: 0 30px;
}

@media only screen and (max-width: 1350px) {
    .fixed-header .right-side .btn {
        padding: 0 20px;
    }
}

.fixed-header .right-side .btn .chevron {
    position: relative;
    left: 0;
    transition: all 300ms ease-in-out;
}

.fixed-header .right-side .btn__text {
    color: #efede3;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    gap: 20px;
    position: relative;
    transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.fixed-header .right-side .btn__text .text {
    display: flex;
    flex-direction: column;
}

.fixed-header .right-side .btn__text .text strong {

    font-weight: 600;
    font-style: normal;
}

.fixed-header .right-side .btn-text-p {
    color: currentColor;
    white-space: nowrap;
    margin-bottom: 0;
    padding-bottom: .05em;

    font-size: 1em;
    font-weight: 500;
    line-height: 1.2;
}

.fixed-header .right-side .btn__bg {
    background-color: #EE8E07;
    border-radius: 0 10px 10px 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.fixed-header .right-side .btn__circle-wrap {
    border-radius: 0 10px 10px 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.fixed-header .right-side .btn__circle {
    pointer-events: none;
    background-color: #cc3378;
    border-radius: 50%;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.7s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.4s cubic-bezier(0.625, 0.05, 0, 1);
    transform: translate(-50%, -50%) scale(0) rotate(0.001deg);
}

.fixed-header .right-side .before__100 {
    padding-top: 100%;
    display: block;
}

.fixed-header .right-side .btn .btn__text {
    transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.fixed-header .right-side .btn:hover .btn__circle {
    transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}

.fixed-header .mobile-cta .btn {
    cursor: pointer;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    text-decoration: none;
    display: flex;
    position: relative;
    padding: 0;
    border-bottom: none !important;
}

.fixed-header .mobile-cta .btn .chevron {
    position: relative;
    left: 0;
    transition: all 300ms ease-in-out;
}

.fixed-header .mobile-cta .btn__text {
    color: #efede3;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    gap: 20px;
    position: relative;
    transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.fixed-header .mobile-cta .btn__text .text {
    display: flex;
    flex-direction: column;
}

.fixed-header .mobile-cta .btn__text .text strong {

    font-weight: 600;
    font-style: normal;
}

.fixed-header .mobile-cta .btn-text-p {
    color: currentColor;
    white-space: nowrap;
    margin-bottom: 0;
    padding-bottom: .05em;

    font-size: 1em;
    font-weight: 500;
    line-height: 1.2;
}

.fixed-header .mobile-cta .btn__bg {
    background-color: #EE8E07;
    border-radius: 100px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.fixed-header .mobile-cta .btn__circle-wrap {
    border-radius: 100px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.fixed-header .mobile-cta .btn__circle {
    pointer-events: none;
    background-color: #b96e04;
    border-radius: 50%;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.7s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.4s cubic-bezier(0.625, 0.05, 0, 1);
    transform: translate(-50%, -50%) scale(0) rotate(0.001deg);
}

.fixed-header .mobile-cta .before__100 {
    padding-top: 100%;
    display: block;
}

.fixed-header .mobile-cta .btn .btn__text {
    transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.fixed-header .mobile-cta .btn:hover .btn__circle {
    transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}

.contact-us {
    background: #EE8E07;
    color: #fff !important;
    display: block;
    z-index: 999;
    border-radius: 200px;
    padding: 20px !important;
    border-bottom: 0 !important;
    transition: all 500ms;
}

.contact-us::after {
    display: none !important;
}

@media screen and (max-width: 1400px) {
    .contact-us {
        padding: 15px 10px !important;
    }

}

.contact-us:hover {
    background: #d98105;
}


.hero-wrapper {
    width: 100%;
}

h1 {
    line-height: 30px;
    font-size: 50px;
    font-weight: 300;
}

@media screen and (max-width: 768px) {
    .subtitle {
        font-size: 20px !important;
    }
    h1 {
        line-height: 45px;
        font-size: 40px;
    }
}

.block {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
}

@media screen and (max-width: 768px) {
    .under-hero {
        margin-top: -50px !important;
    }
    .block {
        margin-bottom: 100px;
    }
}

.container {
    width: 100%;
    max-width: 1250px;
    display: flex;
    align-self: center;
    margin: 0 50px;
    z-index: 1;
}

.hero {
    background: #081448;
    color: #fff;
    padding: 180px 0 200px;

    h1 {
        margin-top: 10px;
        line-height: 30px !important;
    }

    @media screen and (max-width: 450px) {
        h1 {
            line-height: 36px !important;

        }
    }

    .subtitle {
        color: #EE8E07;
        font-weight: 200;
        font-size: 30px;
        font-style: italic;
    }

    ul {
        list-style: none;
        margin: 0px 0 40px 0;
        padding: 0;
        line-height: 35px;

        li {
            position: relative;
            padding-left: 24px; /* ruimte voor het icoon */

            &:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 14px;
                height: 11px;
                background-repeat: no-repeat;
                background-size: 14px 11px;
                background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'>\
<path d='M13 1.5L4.75 9.75L1 6' stroke='%23EE8E07' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
            }
        }
    }

    .button {
        margin-top: 25px;
    }

    .button-hero-second {
        margin-left: 25px;
    }
}

.button {
    background: #EE8E07;
    border: 1px solid #EE8E07;
    border-radius: 300px;
    color: #fff;
    padding: 15px;
    text-decoration: none;
    transition: all 500ms;
    font-family: "Open Sans";
    display: inline-flex;
    align-items: center;
    white-space: nowrap;

    &:hover {
        background: #854e00;
    }

    svg {
        margin-left: 20px;
        top: 4px;
        position: relative;
        flex-shrink: 0;
    }
}

@media screen and (max-width: 550px) {
    .button {
        font-size: 14px;
        padding: 12px 15px;

        svg {
            margin-left: 12px;
            width: 16px;
            height: 16px;
        }
    }
}

.button-hero-second {
    background: transparent;
    border: 1px solid #2f3e7c;

    svg {
        margin-right: 15px;
        margin-left: 0;
    }

    &:hover {
        background: #050e34;
        border: 1px solid #050e34;
    }
}

.belgiebgtarkan {
    height: 610px;
    top: 90px;
    object-fit: contain;
    position: absolute;
    left: 20%;
}

@media screen and (max-width: 1300px) {
    .belgiebgtarkan {
        left: 10%;
    }
}

@media screen and (max-width: 768px) {
    .belgiebgtarkan {
        left: 0;
    }
}

@media screen and (max-width: 450px) {
    .belgiebgtarkan {
        display: none;
    }
}


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

.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
    background: #d98105 !important;
    color: white !important;
}

.block.content-image.form-block {
    ul {
        padding-left: 0 !important;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
        li {
            display: flex;
            align-items: center;
            gap: 10px;
            padding-left: 0 !important;
            list-style-type: none !important;
        }
        li:nth-child(1):before {
            content: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50151 7.88258C6.92993 7.88258 7.29621 7.73347 7.60034 7.43523C7.90462 7.13699 8.05675 6.77851 8.05675 6.35977C8.05675 5.94103 7.90419 5.58296 7.59905 5.28557C7.29391 4.98831 6.92706 4.83969 6.49849 4.83969C6.07007 4.83969 5.70379 4.9888 5.39966 5.28704C5.09538 5.58528 4.94325 5.94384 4.94325 6.36271C4.94325 6.78145 5.09582 7.13945 5.40095 7.4367C5.70609 7.73396 6.07294 7.88258 6.50151 7.88258ZM6.5 14.32C8.18471 12.8459 9.47393 11.432 10.3677 10.0783C11.2614 8.72462 11.7083 7.53897 11.7083 6.52137C11.7083 4.98698 11.2095 3.72558 10.212 2.73716C9.2145 1.74874 7.97717 1.25453 6.5 1.25453C5.02283 1.25453 3.78549 1.74874 2.78799 2.73716C1.79049 3.72558 1.29173 4.98698 1.29173 6.52137C1.29173 7.53897 1.7386 8.72462 2.63234 10.0783C3.52607 11.432 4.81529 12.8459 6.5 14.32ZM6.5 16C4.33276 14.1646 2.70762 12.4564 1.62457 10.8756C0.541523 9.29465 0 7.84324 0 6.52137C0 4.57904 0.642781 3.00657 1.92834 1.80394C3.21405 0.601313 4.73793 0 6.5 0C8.26207 0 9.78595 0.601313 11.0717 1.80394C12.3572 3.00657 13 4.57904 13 6.52137C13 7.84324 12.4585 9.29465 11.3754 10.8756C10.2924 12.4564 8.66724 14.1646 6.5 16Z' fill='%23EE8E07'/%3E%3C/svg%3E%0A");
        }
        li:nth-child(2):before {
            content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C6.89446 16 5.85488 15.79 4.88126 15.3701C3.90765 14.9502 3.06077 14.3803 2.34063 13.6604C1.62049 12.9406 1.05032 12.094 0.630105 11.1208C0.210035 10.1476 0 9.10786 0 8.00147C0 6.89495 0.209965 5.85488 0.629895 4.88126C1.04982 3.90765 1.61972 3.06077 2.33958 2.34063C3.05944 1.62049 3.90597 1.05032 4.87916 0.630105C5.85235 0.210035 6.89214 0 7.99853 0C9.10505 0 10.1451 0.210035 11.1187 0.630105C12.0924 1.05003 12.9392 1.62 13.6594 2.34C14.3795 3.06 14.9497 3.90667 15.3699 4.88C15.79 5.85333 16 6.89333 16 8V9.02674C16 9.79544 15.7361 10.4481 15.2082 10.9846C14.6804 11.5212 14.032 11.7895 13.2632 11.7895C12.7665 11.7895 12.306 11.668 11.8817 11.4251C11.4574 11.1821 11.1222 10.8479 10.876 10.4225C10.5122 10.8566 10.0823 11.193 9.58632 11.4316C9.09018 11.6702 8.5614 11.7895 8 11.7895C6.94849 11.7895 6.05404 11.4208 5.31663 10.6834C4.57923 9.94596 4.21053 9.05151 4.21053 8C4.21053 6.94849 4.57923 6.05403 5.31663 5.31663C6.05404 4.57923 6.94849 4.21053 8 4.21053C9.05151 4.21053 9.94597 4.57923 10.6834 5.31663C11.4208 6.05403 11.7895 6.94849 11.7895 8V9.02674C11.7895 9.44021 11.9317 9.79354 12.2162 10.0867C12.5007 10.3798 12.8497 10.5263 13.2632 10.5263C13.6766 10.5263 14.0256 10.3798 14.3101 10.0867C14.5946 9.79354 14.7368 9.44021 14.7368 9.02674V8C14.7368 6.1193 14.0842 4.52632 12.7789 3.22105C11.4737 1.91579 9.8807 1.26316 8 1.26316C6.1193 1.26316 4.52632 1.91579 3.22105 3.22105C1.91579 4.52632 1.26316 6.1193 1.26316 8C1.26316 9.8807 1.91579 11.4737 3.22105 12.7789C4.52632 14.0842 6.1193 14.7368 8 14.7368H12.2105V16H8ZM8 10.5263C8.70175 10.5263 9.29825 10.2807 9.78947 9.78947C10.2807 9.29825 10.5263 8.70175 10.5263 8C10.5263 7.29825 10.2807 6.70175 9.78947 6.21053C9.29825 5.7193 8.70175 5.47368 8 5.47368C7.29825 5.47368 6.70175 5.7193 6.21053 6.21053C5.7193 6.70175 5.47368 7.29825 5.47368 8C5.47368 8.70175 5.7193 9.29825 6.21053 9.78947C6.70175 10.2807 7.29825 10.5263 8 10.5263Z' fill='%23EE8E07'/%3E%3C/svg%3E%0A");        }
        li:nth-child(3):before {
            position: relative;
            left: 2px;
            content: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.29125 16C0.93506 16 0.630774 15.8655 0.378393 15.5964C0.126131 15.3272 0 15.0026 0 14.6227V1.37733C0 0.992444 0.125 0.666667 0.375 0.4C0.625 0.133333 0.930417 0 1.29125 0H8.02196C8.37815 0 8.68238 0.13454 8.93464 0.403619C9.18703 0.672825 9.31321 0.997397 9.31321 1.37733V3.78324C9.50917 3.83784 9.67262 3.94698 9.80357 4.11067C9.93452 4.27422 10 4.46445 10 4.68133V6.11714C10 6.33403 9.93452 6.52432 9.80357 6.688C9.67262 6.85156 9.50917 6.9607 9.31321 7.01543V14.6227C9.31321 15.0026 9.18703 15.3272 8.93464 15.5964C8.68238 15.8655 8.37815 16 8.02196 16H1.29125ZM1.29125 14.8571H8.02196C8.08601 14.8571 8.13869 14.8352 8.18 14.7912C8.22119 14.7473 8.24179 14.6911 8.24179 14.6227V1.37733C8.24179 1.30889 8.22119 1.2527 8.18 1.20876C8.13869 1.16483 8.08601 1.14286 8.02196 1.14286H1.29125C1.22708 1.14286 1.1744 1.16483 1.13321 1.20876C1.09202 1.2527 1.07143 1.30889 1.07143 1.37733V14.6227C1.07143 14.6911 1.09202 14.7473 1.13321 14.7912C1.1744 14.8352 1.22708 14.8571 1.29125 14.8571ZM3.17304 13.8021H6.14018C6.2922 13.8021 6.41946 13.7474 6.52196 13.6381C6.62458 13.5286 6.67589 13.3928 6.67589 13.2307C6.67589 13.0686 6.62458 12.9329 6.52196 12.8234C6.41946 12.7141 6.2922 12.6594 6.14018 12.6594H3.17304C3.02101 12.6594 2.89375 12.7141 2.79125 12.8234C2.68863 12.9329 2.63732 13.0686 2.63732 13.2307C2.63732 13.3928 2.68863 13.5286 2.79125 13.6381C2.89375 13.7474 3.02101 13.8021 3.17304 13.8021Z' fill='%23EE8E07'/%3E%3C/svg%3E%0A");        }
        li:nth-child(4):before {
            content: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.23081 13.375C1.85194 13.375 1.53125 13.2438 1.26875 12.9813C1.00625 12.7188 0.875 12.3981 0.875 12.0192V4.23081C0.875 3.85194 1.00625 3.53125 1.26875 3.26875C1.53125 3.00625 1.85194 2.875 2.23081 2.875H5.375V1.60581C5.375 1.22694 5.50625 0.90625 5.76875 0.64375C6.03125 0.38125 6.35194 0.25 6.73081 0.25H9.26919C9.64806 0.25 9.96875 0.38125 10.2313 0.64375C10.4938 0.90625 10.625 1.22694 10.625 1.60581V2.875H13.7692C14.1481 2.875 14.4688 3.00625 14.7313 3.26875C14.9938 3.53125 15.125 3.85194 15.125 4.23081V12.0192C15.125 12.3981 14.9938 12.7188 14.7313 12.9813C14.4688 13.2438 14.1481 13.375 13.7692 13.375H2.23081ZM6.5 2.875H9.5V1.60581C9.5 1.54806 9.47594 1.49519 9.42781 1.44719C9.37981 1.39906 9.32694 1.375 9.26919 1.375H6.73081C6.67306 1.375 6.62019 1.39906 6.57219 1.44719C6.52406 1.49519 6.5 1.54806 6.5 1.60581V2.875ZM14 9.0625H9.875V10.375H6.125V9.0625H2V12.0192C2 12.0769 2.02406 12.1298 2.07219 12.1778C2.12019 12.2259 2.17306 12.25 2.23081 12.25H13.7692C13.8269 12.25 13.8798 12.2259 13.9278 12.1778C13.9759 12.1298 14 12.0769 14 12.0192V9.0625ZM7.25 9.25H8.75V7.75H7.25V9.25ZM2 7.9375H6.125V6.625H9.875V7.9375H14V4.23081C14 4.17306 13.9759 4.12019 13.9278 4.07219C13.8798 4.02406 13.8269 4 13.7692 4H2.23081C2.17306 4 2.12019 4.02406 2.07219 4.07219C2.02406 4.12019 2 4.17306 2 4.23081V7.9375Z' fill='%23EE8E07'/%3E%3C/svg%3E%0A");        }
    }
}

.hero-content {
    z-index: 2;
    position: relative;
}

.hero-image {
    position: absolute;
    top: 0;
    right: -5px;
    max-height: 700px;

    &::after {
        content: "";
        position: absolute;
        bottom: -100px;
        z-index: 3;
        left: -50px;
        width: 70px;
        height: 70px;
        background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23EE8E07' fill-rule='evenodd' clip-rule='evenodd' d='M20 50V0H0V50V70H20H70V50H20Z'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
    }
}

@media screen and (max-width: 1280px) {
    .hero-image {
        max-height: 540px;

        img {
            max-height: 600px;
        }
    }
}

@media screen and (max-width: 1024px) {
    .hero-image {
        position: relative;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 70px;
        display: block;

        &::after {
            height: 50px;
            bottom: -40px;
            left: 120px;
        }

        img {
            max-height: 230px;
        }


    }

}

@media screen and (max-width: 550px) {
    .hero-image {
        &::after {
            left: 10px;
        }
    }
}

.under-hero {
    margin-top: -110px;
    margin-bottom: 50px;

    .container {
        max-width: 1340px;
    }

    a {
        color: #1E3757;
        font-weight: 600;
        text-decoration: none;
    }

    p {
        margin: 0;
    }

    .text-wrapper {
        line-height: 20px;
        padding: 13px;
        color: #1E3757;

        svg {
            position: relative;
            top: 5px;
            left: 8px;
        }
    }
}

@media screen and (min-width: 1300px) {
    .under-hero {
        margin-bottom: 200px;
    }
}

@media screen and (max-width: 500px) {
    .under-hero {

        .image-wrapper {
            margin-bottom: -15px;
        }

        .text-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 14px;
            p {
                margin: 0 !important;
                padding: 0 !important;
            }
        }
    }
}
@media screen and (max-width: 768px) {
    .under-hero .image-wrapper img {
        width: 110px;
        padding: 8px 0;
    }
}

@media screen and (max-width: 550px) {
    .under-hero .container {
        flex-direction: column;
        align-items: center;
        margin: 0 !important;

        p {
            margin-top: 15px;
        }
    }
}

@media screen and (max-width: 550px) {
    .hero-content .button-hero {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        svg {
            top: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }

    .button-hero-second {
        margin-left: 0 !important;
    }
}

.flex {
    display: flex;
}

.bigger-container-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bigger-container {
    max-width: 1400px;
    width: 100%;
    margin: 0 50px;
}

.orange-text {
    color: #d98105;
}

a {
    text-decoration: none;

}


footer {
    margin-top: 100px;
    background: #091649;
    background: -webkit-linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
    background: -moz-linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
    background: linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091649", endColorstr="#1F2A58", GradientType=1);
    padding: 70px 40px;
    position: relative;

    color: #fff;

    ul {
        list-style: none;
        margin: 0 0 30px 0;
        padding: 0;
        line-height: 35px;

        li {
            position: relative;
            list-style: none;
            padding-left: 24px; /* ruimte voor het icoon */

            &:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 14px;
                height: 11px;
                background-repeat: no-repeat;
                background-size: 14px 11px;
                background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'>\
<path d='M13 1.5L4.75 9.75L1 6' stroke='%23EE8E07' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
            }
        }
    }

    .nlmap {
        position: absolute;
        left: 30%;
        top: 0;
    }

    @media screen and (max-width: 1024px) {
        .nlmap {
            left: 0;
        }
    }

    .logo {
        margin-bottom: 30px;
    }

    .container {
        justify-content: space-between;
        gap: 35px;

        .column {
            width: 25%;
            z-index: 4;
            padding-right: 30px;
        }
    }

    h2 {
        margin-top: 65px;
        color: #d98105;
        font-size: 20px;
        font-weight: 500;
    }

    a {
        color: #fff;
        display: inline-block;
        line-height: 34px;
        position: relative;
        text-decoration: none;
        transition: color 0.3s ease;
        width: max-content;

        &::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #d98105;
            transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        &:hover::after {
            width: 100%;
        }
    }

    .second-row {
        margin-top: 75px;
        justify-content: normal;
    }

    .socials {
        right: 80px;
        position: absolute;
        display: flex;

        a {
            border: 1px solid #fff;
            border-radius: 200px;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
            transition: all 500ms;

            &:hover {
                background: #d98105;
                border-color: #d98105;
            }
        }
    }
}

@media screen and (max-width: 1140px) {
    footer .container {
        flex-direction: column;
        gap: 0;
        width: 80%;
    }

    .column {
        width: 100% !important;
    }

    .usps {
        margin-top: 25px;
    }
}

.under-footer {
    margin-bottom: 70px;
    margin-top: 30px;
    color: #1E3757;

    .container {
        justify-content: space-between;
    }

    .footer-links p {
        display: flex;
        gap: 30px;


        a {
            color: #1E3757;
            position: relative;
            text-decoration: none;
            transition: color 0.3s ease;
            display: inline-block;

            &::after {
                content: '';
                position: absolute;
                bottom: -2px;
                left: 0;
                width: 0;
                height: 2px;
                background-color: #1E3757;
                transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            }

            &:hover::after {
                width: 100%;
            }
        }
    }
}

@media screen and (max-width: 1140px) {
    .under-footer .container {
        flex-direction: column;
        gap: 20px;
    }
}

.logos-block {
    margin-top: 20px;
    text-align: center;

    h2 {
        font-size: 30px;
        font-weight: 400;

    }

    .flex {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    @media screen and (max-width: 450px) {
        .button {
            top: 20px;
            position: relative;
        }
    }
}


.logo-wrapper {
    border: 1px solid #f2f2f2;
    height: 140px;
    width: 180px;
    display: flex;
    align-items: center;
    place-content: center;
    box-sizing: border-box;
    padding: 10px;
}

@media screen and (max-width: 1140px) {
    .logo-wrapper {
        width: 140px;
        height: 100px;
    }
}

@media screen and (max-width: 990px) {
    .logo-wrapper {
        width: 110px;
        padding: 3px;
    }
}

.column {
    width: 100%;
}

@media screen and (max-width: 550px) {
    .bigger-footer-container {
        margin: 0 20px;

        .container {
            width: 100%;
            margin: 0;
        }
    }


}

.logo-holder-wrapper {
    display: flex;
    margin-top: 20px;
    gap: 15px;
    margin-left: -155px;
}

.logo-second-holder-wrapper {
    display: flex;
    margin-right: -155px;
    gap: 15px;

    margin-bottom: 50px;
}

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

    .logos-block {
        margin-top: 0;
    }

    .logo-holder-wrapper {
        margin-left: 0;
    }

    .logo-second-holder-wrapper {
        margin-right: 0;
    }
}

@media screen and (max-width: 550px) {
    .logo-wrapper {
        width: 90px;
        height: 70px;
    }

    .logos-block .flex {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        justify-items: center;
    }

    .logo-holder-wrapper, .logo-second-holder-wrapper {
        display: contents;
    }
}

.no-flex {
    display: block;
}

.text-orange {
    color: #EE8E07;
}

.usps-2-blocks {
    background: #091649;
    background: -webkit-linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
    background: -moz-linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
    background: linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091649", endColorstr="#1F2A58", GradientType=1);
    padding: 70px 40px 240px;
    position: relative;
    color: #fff;

    h3 {
        font-size: 24px;
        font-weight: 400;

        .text-orange {
            font-style: italic;
            margin-bottom: 10px;
        }
    }

    .container {
        gap: 50px;
        z-index: 3;
        position: relative;
    }

    .column {
        padding-right: 15px;
    }

}

.title-wrapper {
    text-align: center;

    h2 {
        font-size: 30px;
        font-weight: 400;
    }
}

.blocks-2-wrapper {
    margin-top: -190px;
    z-index: 9;
    padding-left: 35px;
    position: relative;

    .container {
        gap: 50px;
    }

    img {
        width: 100%;
    }


    h3 {
        color: #EE8E07;
        font-weight: 400;
    }

    .button {
        position: relative;
        top: 20px;
        float: left;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 0 !important;

        svg {
            top: 0 !important;
            margin-left: 15px !important;
        }

    }
}

@media screen and (max-width: 1024px) {
    .content-image {
        margin-top: 50px !important;
    }
    .blocks-2-wrapper {
        background: #091649;
        background: -webkit-linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
        background: -moz-linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
        background: linear-gradient(90deg, rgba(9, 22, 73, 1) 0%, rgba(31, 42, 88, 1) 52%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091649", endColorstr="#1F2A58", GradientType=1);
        color: white;
        padding-bottom: 70px !important;
    }
}

.bgbelgietarkan {
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 1340px) {
    .blocks-2-wrapper img {
        width: 80%;
    }
}

@media screen and (max-width: 1140px) {
    .blocks-2-wrapper {
        margin-top: -90px;
    }

    .usps-2-blocks {
        padding: 70px 40px 200px;

        .container {
            margin: 0;
        }
    }
}

@media screen and (max-width: 800px) {
    .usps-2-blocks {
        padding: 70px 40px;

        .container {
            flex-direction: column;

        }
    }

    .blocks-2-wrapper {
        padding: 20px;
        margin-top: 0;

        .container {
            flex-direction: column;
            gap: 80px;
        }
    }
}

@media screen and (max-width: 500px) {
    .blocks-2-wrapper {
        .container {
            margin: 0;
        }

        img {
            width: 100%;
        }
    }

    .content-image {
        .container {
            align-items: flex-start;
            gap: 100px !important;
        }
    }
}

.content-image {
    margin-top: 150px;
}

.content-image {
    .container {
        align-items: flex-start;
        gap: 50px;
    }

    .image-block {
        width: 50%;
    }

    .text-block {
        padding-top: 25px;
        width: 50%;
    }

    .button {
        position: relative;
        top: 20px;
    }

    h2 {
        font-weight: 400;
        font-size: 40px;

        .text-orange {
            font-weight: 300;
            font-style: italic;
        }
    }

    .image-block {
        position: relative;
        display: inline-block;

        &::before {
            margin: 0 auto;
            content: "";
            position: absolute;
            bottom: -20px;
            left: 0;
            right: 0;
            height: 20px;
            width: 90%;
            background-color: #091649;
            z-index: 1;
        }
    }
}

@media screen and (max-width: 1140px) {
    .content-image h2 {
        font-size: 30px;
        margin-top: 0;
    }

    .text-block {
        padding-top: 10px;
    }
}

@media screen and (max-width: 450px) {
    .content-image .container {
        flex-direction: column !important;
    }

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

    .content-image .text-block {
        width: 100%;
    }
}

h2 {
    font-weight: 400;
}

.faq-block {
    background: linear-gradient(90deg, #091649 0%, #1F2A58 52%);
    color: #fff;
    padding: 80px 40px;
    position: relative;
    overflow: hidden;

    @media screen and (max-width: 450px) {
        padding: 50px 30px;
    }

    .container {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 50px;
        position: relative;
        z-index: 2;
    }

    @media screen and (max-width: 450px) {
        .button {
            font-size: 12px;
        }
    }


    h2 {
        font-size: 32px;
        font-weight: 300;
        margin-bottom: 40px;

        .text-orange {
            font-style: italic;
        }
    }

    p {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.6;
    }

    .faq-left {
        width: 70%;
    }


    .faq-list {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .faq-item {
        border-top: 1px solid #333d68;
        padding: 20px 0;
        transition: all 500ms;


        &:hover {
            background: #000d42;
        }

    &:first-child {
        border-top: none;
    }

        .faq-question {
            background: none;
            border: none;
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            width: 100%;
            text-align: left;
            display: flex;
            justify-content: space-between;
            cursor: pointer;
            font-family: "Open Sans";
            transition: color 0.3s ease;

            &:hover {
                color: #EE8E07;
            }

            .faq-toggle {
                transform: rotate(0deg);
                transition: transform 0.3s;
            }
        }

        .faq-answer {
            padding: 1px 20px;
            margin-top: 10px;
            font-weight: 300;
            font-size: 15px;
            display: none;
            line-height: 1.6;
            background: #000d42;
        }

        &.active {
            background: #000d42;

            .faq-question {
                color: #EE8E07 !important;
            }

            .faq-answer {
                display: block;
            }

            .faq-toggle {
                transform: rotate(180deg);
            }
        }
    }

    .faq-item.active .faq-question {
        color: #EE8E07 !important;
    }
}

.image-right {
    margin-top: -410px;
    margin-bottom: 640px;

    .faq-image {
        right: 0;
        position: absolute;
        width: 440px;
        z-index: 9;
    }

    .button {
        top: 35px;
        display: inline-block;
        position: relative;
        color: #1E3757;
        border: 1px solid #f2f2f2;

        &:hover {
            color: #fff;
        }
    }
}

@media screen and (max-width: 1500px) {
    .image-right .faq-image {
        width: 300px;
    }
    .image-right {
        margin-top: -210px;
    }
}

@media screen and (max-width: 1180px) {
    .faq-image{
        display: none;
    }

    .faq-left {
        width: 90% !important;
    }
}

@media screen and (max-width: 500px) {
    .bigger-container {
        margin: 0 25px;
    }

    .faq-block .container {
        margin: 0;
    }
}


.review-selected {
    background: linear-gradient(90deg, #091649 0%, #304080 52%);
    color: #fff;
    padding: 50px ;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;


    .review-from {
        width: 50%;
        display: flex;
        align-items: center;
        gap: 30px;

        .image {
            position: relative;

            .person {
                width: 100px;
                height: 100px;
            }

            .logo {
                object-fit: contain;
                box-sizing: border-box;
                padding: 3px;
                width: 35px;
                height: 35px;
                position: absolute;
                right: 0;
                background: #fff;
                bottom: 0;
            }
            img {
                border-radius: 300px;
            }

        }

        .name {
            line-height: 11px;
            h3 {
                font-size: 24px;
                font-weight: 400;
                margin-bottom: 5px;
                color: #EE8E07;
            }
        }
    }

    .review {
        width: 50%;
    }
}

@media screen and (max-width: 990px) {
    .review-selected {
        flex-direction: column;
        gap: 20px !important;

        .name {
            line-height: 22px !important;
        }

        .person {
            height: 80px !important;
            object-fit: contain !important;
            width: 80px !important;
        }
        .review-from {
            width: 100%;
            gap: 10px;
        }
        .review {
            width: 100%;
        }
    }
}

.form-block {
    margin-top: 0;

    .container {
        gap: 230px;
    }


    input[type=text], input[type=email], input[type=number], input[type=tel] {
        border: 1px solid #f2f2f2 !important;
        box-shadow: none !important;
        border-radius: 300px !important;
        padding: 20px !important;

        &::placeholder {
            font-style: italic !important;
        }
    }

    textarea {
        border: 1px solid #f2f2f2 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        padding: 20px !important;
        height: 150px !important;

        &::placeholder {
            font-style: italic !important;
        }
    }

    label {
        color: #333d68;
        font-weight: 400 !important;
    }

    .gform_button {
        background: #EE8E07 !important;
        border-radius: 300px !important;
        padding: 18px 25px !important;
    }
}

.content-center {

    margin-bottom: 50px;
    margin-top: 75px;
    text-align: center;

    h2 {
        font-size: 40px;


        .text-orange {
            font-size: 30px;
            font-style: italic;
            font-weight: 300;
        }
    }

    .container {
        flex-direction: column;
    }
}

.gfield_required_text {
    display: none !important;
}

@media screen and (max-width: 1140px) {
    .content-image {
    .container {
        gap: 50px;
    }
    }
}

@media screen and (max-width: 768px) {
    .content-image .container {
        flex-direction: column-reverse;
    }

    .content-image .image-block {
        width: 100% !important;
    }

    .content-image .text-block {
        width: 100% !important;
            
    }
}

.title-block {
    margin-bottom: 0;
}

.title-block .no-flex {
    justify-content: center;
    text-align: center;
}

.vacatures-block {
    .vacatures-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        width: 100%;

        .vacature {
            border: 1px solid #f2f2f2;
            padding: 30px;
            transition: all 500ms;

            img {
                height: 220px;
                object-fit: cover;
                width: 100%;
                transition: all 500ms;
            }

            h3 {
                font-weight: 400;
                height: 50px;
            }

            &:hover {
                box-shadow: 0 0 10px #cecece;
                img {
                    transform: scale(1.05);
                }
            }

            .details {
                height: 40px;
            }




            .button-wrapper {
                margin-top: 40px;

                .button {
                    background: transparent;
                    border: 1px solid #E5E5E5;
                    color: #1E3757;
                    transition: all 500ms;

                    &:hover {
                        background: #f2f2f2;
                    }

                    svg {
                        margin-left: auto;
                        margin-right: 5px;
                    }

                }
            }
        }
    }
}

.details {
    display: flex;
    gap: 30px;

    svg {
        top: 5px;
        position: relative;
        margin-right: 5px;
    }
}


@media screen and (max-width: 1400px) {
    .fixed-header .logo img  {
        max-width: 100% !important;
        max-height: 100% !important;
    }
}


@media screen and (max-width: 1280px) {
    .vacature {
        .details {
            flex-direction: column;
            gap: 5px !important;
        }
    }
}

@media screen and (max-width: 1080px) {
    .vacatures-block {
        .vacatures-wrapper {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}
@media screen and (max-width: 768px) {
    .vacatures-block {
        .vacatures-wrapper {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    footer .container.second-row {
        svg {
            display: none !important;
        }
        .usps {
            margin-top: 75px !important;
        }
    }

    .socials {
        margin-top: 20px !important;
        position: relative !important;
        right: auto !important;
    }

}

.vacature-template-default.single .vacature-hero {
    margin-bottom: 30px;
}

h4, h5 {
    font-size: 22px;
    font-weight:300 !important;
}

.vacature-template-default.single .block ul {
    padding-left: 20px !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vacature-template-default.single .block ul li {
    list-style-type: square;
}

.vacature-template-default.single .block ul li p {
    margin: 0;
    padding: 0;
}

.vacature-template-default.single ul li::marker {
    /* alleen de marker krijgt deze kleur */
    color: #EE8E07; /* bijvoorbeeld rood */
}

.vacature-template-default.single .block.content-image + .block.content-image .container {
    margin-top: 100px;
    border: 2px solid #ee8e07;
    padding: 0px 20px 20px 20px;
    box-sizing: border-box;
}

.vacature-template-default.single .block.content-image + .block.content-image .container .form-block {
    padding-bottom: 150px;
    padding-left: 150px;
    padding-right: 150px;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .vacature-template-default.single .block.content-image + .block.content-image .container .form-block {
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .vacature-template-default.single .block.content-image {
        margin-top: 20px !important;
    }
}


.vacature-template-default.single .container {
    margin: 0 20px !important;
}

/* ===============================
   Styling voor “Blauwe Blokken”
   =============================== */

/* Container die de blokken naast elkaar plaatst */
.blue-block-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;           /* Laat blokken doorlopen naar een nieuwe lijn als er te weinig ruimte is */
    gap: 20px;                 /* Ruimte tussen blokken */
    margin: 100px 0 0 -10px;           /* (optioneel) mits je padding/uitlijning van andere container-klassen compenseert */
    box-sizing: border-box;
}

/* Elk individueel blok */
.blue-block {
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);

    /* Verwijder of overschrijf de min-width */
    min-width: unset;
    background-color: #f3f3f3; /* Blauwe achtergrond */
    color: #1e3757;            /* Witte tekst */
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;        /* Optioneel: afgeronde hoeken */
    display: flex;
    flex-direction: column;
}

/* Icoon‐container: oranje cirkel rondom het icoon */
.blue-block-icon {
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;        /* Maakt het een cirkel */
    margin-bottom: 12px;       /* Ruimte onder het icoon */
    flex-shrink: 0;            /* Zorgt dat deze container niet kleiner wordt */
}

/* Beeld binnen de oranje cirkel */
.blue-block-icon img {
    max-width: 30px;           /* Pas aan naar de grootte van je icoon (in verhouding tot cirkel) */
    max-height: 30px;
    display: block;
}

/* De tekst‐content binnen elk blok (WYSIWYG‐inhoud) */
.blue-block-content {
    font-size: 0.95rem;        /* Aanpassen naar wens */
    line-height: 1.5;
}

.swiper-navigation-icon {
    height: 18px !important;
}

/* Responsief: op schermen kleiner dan 768px vallen blokken onder elkaar */
@media (max-width: 768px) {
    .blue-block-container {
        flex-direction: column;
        margin: 50px 0 0 0;
        gap: 15px;
    }
    .blue-block {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 0;
    }
}

 table {
     width: 100%;
     border-collapse: collapse;
 }
td {

}
@media (max-width: 768px) {
    table, tbody, tr, td {
        display: block;
        width: 100%;
    }
    td {


    }
}