@font-face {
    font-family: 'Visby Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Regular'), url('/assets/font/VisbyRegular.woff') format('woff');
}


@font-face {
    font-family: 'Visby Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Bold Italic'), url('/assets/font/VisbyBold Italic.woff') format('woff');
}


@font-face {
    font-family: 'Visby Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Bold'), url('/assets/font/VisbyBold.woff') format('woff');
}


@font-face {
    font-family: 'Visby Extrabold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Extrabold Italic'), url('VisbyExtrabold Italic.woff') format('woff');
}


@font-face {
    font-family: 'Visby Extrabold';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Extrabold'), url('/assets/font/VisbyExtrabold.woff') format('woff');
}


@font-face {
    font-family: 'Visby Heavy Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Heavy Italic'), url('/assets/font/VisbyHeavy Italic.woff') format('woff');
}


@font-face {
    font-family: 'Visby Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Heavy'), url('/assets/font/VisbyHeavy.woff') format('woff');
}


@font-face {
    font-family: 'Visby Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Italic'), url('/assets/font/VisbyItalic.woff') format('woff');
}


@font-face {
    font-family: 'Visby Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Light Italic'), url('/assets/font/VisbyLight Italic.woff') format('woff');
}


@font-face {
    font-family: 'Visby Light';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Light'), url('/assets/font/VisbyLight.woff') format('woff');
}


@font-face {
    font-family: 'Visby Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Medium Italic'), url('/assets/font/VisbyMedium Italic.woff') format('woff');
}


@font-face {
    font-family: 'Visby Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Medium'), url('/assets/font/VisbyMedium.woff') format('woff');
}


@font-face {
    font-family: 'Visby Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Semibold Italic'), url('/assets/font/VisbySemibold Italic.woff') format('woff');
}


@font-face {
    font-family: 'Visby Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Semibold'), url('/assets/font/VisbySemibold.woff') format('woff');
}


@font-face {
    font-family: 'Visby Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Thin Italic'), url('/assets/font/VisbyThin Italic.woff') format('woff');
}


@font-face {
    font-family: 'Visby Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Visby Thin'), url('/assets/font/VisbyThin.woff') format('woff');
}


body{
    font-family: 'Open Sans';
}
h1,h2,h3,h4,h5{
    font-family: 'Visby Bold' !important;
}
h1{
    font-size: 50px !important;
}
h2{
    font-size: 40px !important;
}
.bg-light{
    background-color: #f9f9ee !important;
}
.text-primary{
    color: #00E196 !important;
}
.bg-cta{
    background-color: #00E196 !important;
}
.bg-primary{
    background-color: #00E196 !important;
}

.bg-dark{
    background-color: #14323C !important;
}
.bg-dark *, .bg-dark p{
    color: #FFF;
}.bg-dark p{
     color: #FFF !important;
 }
.zekerheden .card{
    border-radius: 0px !important;
    padding: 15px;
}
.zekerheden .card .card-body{
    position: relative !important;
}

 .zekerheden h5{
     margin-top: 50px;
     color:#14323C !important;
     padding-bottom: 30px;
     font-size: 26px;
     border-bottom: 2px solid #00E196 !important;
 }
 .zekerheden .icon{
     position: absolute;
     right: 0px;
     top:-0px;
     background-color: #14323C !important;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;

 }

.zekerheden .icon i{
    color: #00E196 !important;
    font-size: 24px;
}
.zekerheden .card p{
    margin-top: 25px !important;
    display: block;
    color: #14323C !important;
}

.text-white{
    color:#FFF !important;
}

.card, input, textarea{
    border-radius: 0px !important;
}

.btn{
    background-color: #FF8C00;
    padding: 8px 20px;
    border: 0;
    background-color: #ff8c00;
    padding: 8px 20px;
    border: 0;
    text-decoration: none;
    border-radius: 100px;
    font-weight: bold;
    color: #ffffff;
}

.btn:hover{
    background-color: #00E196 !important;
}

.btn-outline-dark:hover{
   background-color: #14323C !important;
}
.hoe-werkt-het .feature-card{
    background-color: #FFF!important;
    padding: 30px;
}

.hoe-werkt-het .feature-card .icon{
    background-color: #14323C !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #00E196 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 22px;
    font-weight: bold;
}
.hoe-werkt-het .feature-card .content{
    padding-left: 60px;
}
.hoe-werkt-het .feature-card .content h5{
    padding-bottom: 10px;margin-bottom: 20px;    border-bottom: 2px solid #00E196 !important;
}
.accordion-button:not(.collapsed){
    color:#FFF !important;
}

.accordion, .accordion-item, .accordion-header, .accordion-button
{
    border:none;
    border-radius: 0px !important;
    background-color: transparent !important;
}
.accordion-item{
    border-bottom: 2px solid #00E196 !important;
}
.accordion-body, .accordion-header, .accordion-button{
    padding-left: 0px !important;
}
.accordion-button:after{
    display: none !important;
}
.accordion-button {
    font-size: 22.5px !important;
    position: relative ;
}

.accordion-button.collapsed .faq-icon{
    transform: rotate(180deg) !important;
}
.accordion-header{
    position: relative;
}
.accordion-body{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.faq-icon{
    position: absolute;
    top:15px;
    right:0px;
}

.trust-check {
    font-size: 0.95rem;
}

.overflow-auto {
    scrollbar-width: none;        /* Firefox */
}
.overflow-auto::-webkit-scrollbar {
    display: none;                /* Chrome / Safari */
}

.text-dark{
    color: #14323C !important;
}
.nav-link{
    font-size: 18px;
    font-weight: bold;
}

.nav-link:hover{
    color: #00E196 !important;
}
.navbar-nav{
    gap:22px
}
@media screen and (max-width: 787px) {
    body {
        overflow-x: hidden;
    }


    .navbar-toggler {
        background-color: #00E196 !important;
    }

    .nav-item {
        padding-top: 20px;
        text-align: center;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar-collapse {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}