@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    
    h1,h2,h3,h4,h5,h6 {
        font-family: 'Bricolage Grotesque', sans-serif !important;
        color: rgb(33, 42, 91);
    }
    
    h2{
        font-weight: 600;
        line-height: 35px;
        color: rgb(33, 42, 91);
    }
    
    *{
        font-family: 'Inter', sans-serif;
        scroll-behavior: smooth;
    }
    
    p, li{
        line-height:28px!important;
        font-style:normal !important;
        color: rgb(33, 42, 91)!important;
        font-size: 16px!important;
        font-weight: 400;
    }
    
    .text-dark {color: rgb(33, 42, 91)!important;}
    
    .fas {color: #00D47B; }
    
    
    img.shadow{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }
    



    
    /*** buttons ***/
    
    .btn-secondary{border-radius:0px !important;background-color: rgb(73, 164, 162);}
    .apply-btn-submit{border-radius:50px!important; padding: 15px 20px;}
    body .btn.btn-primary {border-radius: 50px;}
    body .btn.btn-primary:hover {background-color: rgb(95,54,222); opacity: 100;}
    body .btn.btn-apply {border-radius: 50px;}
    body .btn.btn-apply:hover {background-color: rgb(95,54,222); opacity: 100;}
    
    .section_vacancy-detail-header .header .btn.btn-apply {display: none;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .btn  {display: none;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share::before  {display: none;}
    .vacancy-detail-sidebar .sidebar-card .pt-4, .py-4 {padding-top: 0.5rem !important;}
    
    
    .whatsappbutton { color: #fff!important; z-index: 1000; background-color: #25D366; position: fixed; right: 40px; bottom: 20px; font-size: 18px; padding: 15px 20px; border-radius: 100px; font-weight: 500; transition:ease-in-out 200ms all; }
    .whatsappbutton .fa-whatsapp { color:#fff; font-weight: bold; font-size: 24px; }
    .whatsappbutton .whatsapp { display: flex; align-items: center; column-gap: 10px; }
    .whatsappbutton:hover{ color: #fff; transform: scale(1.05); text-decoration:none; }

    
    /*** navigatiebalk ***/
    .bg-light {background-color: #FFFFFF!important;}
    .navbar-logo {max-height: 68px; margin: 20px; margin-left: -10px; }
    li.nav-item:first-child {display: none;}
    #navbar-main .nav-item .nav-link, #navbar-main .nav-item .nav-link:visited, #navbar-main .nav-item .dropdown-item, #navbar-main .nav-item .dropdown-item:visited {color: rgb(33, 42, 91); font-weight: 500; font-size:16px;}
    
    
    
    /*** vacaturelijst ***/
    .vacancy-index-list-counter {background-color: #6E40FF;}
    .vacancy-index-item-field-value i {color: #FF6772;}
    .badge.badge-filter:hover {color: #00D47B; }        
    body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: #00D47B !important; border-color: #00D47B !important; }
    .vacancy-index-sidebar {background-color: white; border: 1px solid; border-color: #E0E0E0!important;}


    /*** vacaturedetail ***/
    .vacancy-detail-title {color: rgb(33, 42, 91); font-weight: 600; }
    .section_vacancy-detail-header .header span {font-family: 'Bricolage Grotesque', sans-serif !important; color:#00D47B;}
    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);}
    .vacancy-detail-sidebar .sidebar-card {background-color: #FFF5EF; border-radius: 20px;}
    .vacancy-detail-team .vacancy-detail-team-item {background-color: #FFF5EF; border-radius: 20px; border-color: #FFF5EF;}
    .vacancy-detail-team .vacancy-detail-team-item .vacancy-colleague-function {color: #FF6772; font-weight: 400;}
    .vacancy-detail-cta {background-color: #FFF5EF; border-radius: 20px;}
    .vacancy-detail-offer-and-requirements .item i {color: #6E40FF;}
    .secondary-benefit-value {line-height:28px!important; color: rgb(33, 42, 91)!important; font-size: 16px!important; font-weight: 700; opacity: 0.8;}
    .vacancy-detail-progress .progress-bar {background-color: #6E40FF;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item i {color: #FF6772;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item:hover {color: #6E40FF!important;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item:hover span {color: #6E40FF!important;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share span {color:#00D47B; font-size: 18px;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i {color:#00D47B; }
    .modal .modal-content .modal-title {color:#00D47B; }
    .modal .modal-content .platforms i {color: rgb(33, 42, 91);}
    
    
    /*** sollicitatieformulier ***/
    .is-bg-grey, .is-wrapper > div.is-bg-grey {background-color: #FFF5EF!important;}
    .background-block-white {background-color: #FFE7D8; border-radius: 20px;}
    .background-block-white .mb-3 label {font-style:normal !important; color: rgb(33, 42, 91)!important; font-size: 16px!important; font-weight: 400; margin-bottom: -10px; margin-left: 10px;}
    .vacancy-detail .form-control{border-radius: 20px !important;}
    .form-group label {font-style:normal !important; color: rgb(33, 42, 91)!important; font-size: 16px!important; font-weight: 400; margin-bottom: -10px; margin-left: 10px;}
    .col-form-label {margin-bottom: 10px!important; margin-left: 0px!important;}
    .custom-file .btn {margin-left: 0px!important; border-radius:20px!important;}
    .vacancy-detail h1 {color: rgb(110, 64, 255); font-weight: 600;}
    .custom-file .btn .unvalid {color: #FF6772;}
    .custom-file .btn .valid {color: #00D47B;}
    
    
    
    
    
    .icon-home-title span{
        font-weight:600;
    }
    
    .col-md-6.img-default {
        padding: 0px 30px;
    }
    .is-footer b{
        color: rgb(73, 164, 162);
    }
    .cta-title{
        font-size:36px;
    }
    

    
    
    
    .icon-home-title{font-size:24px; margin-top:20px;}
    @media screen and (max-width: 992px) {
        .col-md-6.img-default{padding:15px;}
        .is-overlay .is-overlay-bg{background-position:center right;}
    .is-footer img{width:200px !important;}
      .icon-home-title{margin-top:10px !important; margin-bottom:40px; letter-spacing:0px !important;}   
    }
    
    
    
/* Verberg de hero-achtergrond en maak sectie wit */
@media (max-width: 991.98px) {
  .is-section.is-section-50 { 
    background: #fff !important;
  }
  .is-section.is-section-50 .is-overlay-bg {
    display: none !important;
  }
}