@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=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
    
    h1,h2,h3,h4,h5,h6 {
        font-family: 'Titillium Web', sans-serif !important;
        color: rgb(103, 103, 103);
    }
    
    h2{
        font-weight: 600;
        line-height: 35px;
        color: rgb(103, 103, 103);
    }
    
    h2::after { content: '';
    display: block;
    margin-top: 25px;
    height: 1px;
    width: 125px;
    background-color: #dc002e; 
    opacity: 1;}
    
    
    /* -----Navigatiebar----- */
    
    #nav-main { background-color: #fff!important; }
    .navbar {border-bottom: 10px solid #dc002e; }
    .nav-link { font-weight: 400; text-transform: capitalize!important; font-size: 19px;}
    .nav-link:hover { text-decoration: underline ; }
    
        li.nav-item:first-child {display: none;}
    
    /* ---- */
    
    *{
        font-family: 'Titillium Web', sans-serif;
        scroll-behavior: smooth;
    }
    
    p{
        line-height:24px;
        font-style:normal !important;
        color: rgb(103, 103, 103);
    }
    
    .fas{
        color:#dc002e;
    }
    
    .icon-home{
        height:60px;
        width:60px;
        line-height:60px;
        text-align: center; border-radius: 50%; border: 2px solid rgb(73, 164, 162); display: inline-block; background-color: rgb(73, 164, 162);
    }
    
    .icon-home b{
        color:rgb(73, 164, 162) !important;    
    }
    
    .icon-home .icon{
        font-size:30px;
    }
    
    img.shadow{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }
    
    /* ----- Buttons ----- */
    
    body .btn.btn-primary {     isplay: inline-block;
    background-color: rgb(220, 0, 46);
    color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 13px 28px;
    line-height: 1.5;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px; }
    
    body .btn.btn-apply { font-weight: 600;}
    
    
    .btn-secondary{
    border-radius:0px !important;
    background-color: rgb(73, 164, 162);
    }
    
    /* ----- vacaturelijst ----- */
    
    .vacancy-index-list-counter {
    padding: 0.5rem 1rem;
    background-color: #dc002e; }
    
    .vacancy-index-item-field-value i { color: #dc002e;}
    
    .badge.badge-filter:hover {color: #dc002e; }
    
        body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #dc002e !important;
    border-color: #dc002e !important;
}

    /* ----- Vacturedetailpagina ----- */    
    
    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);}
    .vacancy-detail .form-control{border-radius: 0px !important;}
    .apply-btn-submit{border-radius:0px;padding: 15px 20px;}
    .vacancy-detail-offer-and-requirements .item i { color: #dc002e; } 
    
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item i { color: #dc002e; } 
    
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button { color: #dc002e; } 
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i { color: #dc002e; }
    .modal .modal-content .modal-title { color: #dc002e; }
    
    .vacancy-detail-subtitle::after {background-color: #dc002e; opacity: 1;}
    
    .vacancy-detail-cta h2::after {content: ''; display: block; margin-top: 25px; height: 2px; width: 125px; background-color: transparent; opacity: 1;}
    
    .vacancy-detail-progress .progress-bar {background-color: #dc002e; }
    
    .vacancy-detail-team .vacancy-detail-team-item .vacancy-colleague-function {color: #dc002e; }
    
    /* --- */
    
    .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;}   
    }