.navbar-brand img{
    height: unset !important;
    max-width: 230px;
    max-height: 125px;
}

main{
    background-color: #fff;
}

.btn-igom {
    background: #333;
    border-radius: 50px;
    height: 48px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
}

.btn-igom:hover {
    background: #000 !important;
    color: #f9b127 !important;
}

body {
        /* font-family: "Raleway" !important; */

    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
}


body #header,body #header2 {
    background-color: var(--primary-colour);
    background-image: url("https://www.bvbms.nl/images/oms/igom/template/header/border.png"),url("/images/oms/igom/template/header/shape-1.svg"),url("/images/oms/igom/template/header/shape-2.svg"),url("/images/oms/igom/template/header/shape-3.svg");
    background-size: 40px,contain,contain,contain;
    background-repeat: repeat-x,no-repeat,no-repeat,no-repeat;
    background-position: bottom,left -110px,-100px bottom,300px top
}

body #header.no-border,body #header2.no-border {
    background-image: url("https://www.bvbms.nl/images/oms/igom/template/header/shape-1.svg"),url("/images/oms/igom/template/header/shape-2.svg"),url("/images/oms/igom/template/header/shape-3.svg");
    background-size: contain,contain,contain;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: left -110px,-100px bottom,300px top
}

body #header.custom-background,body #header2.custom-background {
    background-image: url("https://www.bvbms.nl/images/oms/igom/template/header/border.png"),var(--custom-background);
    background-size: 40px,cover;
    background-repeat: repeat-x,no-repeat;
    background-position: bottom,center
}

body #header.custom-background.no-border,body #header2.custom-background.no-border {
    background-image: var(--custom-background);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

body #header .menu-row,body #header2 .menu-row {
    height: 146px;
}

body #header {
    height: 350px
}

.navbar {
--bs-nav-link-color: #fff;
--bs-navbar-active-color: #fff;
--bs-navbar-color: #fff;
--bs-nav-link-hover-color: #f9b127;
--bs-navbar-brand-hover-color: #f9b127;
--bs-navbar-hover-color: #f9b127;
--bs-nav-link-font-weight: 400;
--bs-nav-link-font-size: 18px;
}

.navbar .nav-link.active{
    font-weight: 700;
    border-bottom: 2px solid #fff;    
    
}

.navbar .nav-link.active{
font-weight: 700;
          border-bottom: 2px solid #fff;    
    
}

body .text-row {
     margin-top: -180px;
}

body .text-row .title {
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
}

body .text-row  .subtitle {
    font-size: 20px;
    line-height: 24px;
}

body .text-row .title,body .text-row .subtitle,body .text-row .page-title {
    color: #fff
}

body .footer .img-footer {
    position: relative;
    top: 40px;
    max-width: 166px;
    max-height: 80px;
}

body .footer .text-small {
    font-size: 11px;
}

body .footer .contact-text {
    position: relative;
    top: 50px;
}
body .footer .text-normal {
    font-size: 18px;
}
body .footer a {
    color: #fff;
    text-decoration: none
}

body .footer a:hover {
    color:#f9b127;
    text-decoration: underline
}

body .footer a.footer-links {
    padding-left: 5px;
    padding-right: 5px;
    border-left-width: 1px;
    border-left-style: solid
}

body .footer a.footer-links.footer-links-first {
    border: none
}

body .search-container {
    padding: 11px 32px;
    width: 98%;
    height: 155px;
    margin: 40px auto 0;
    background: #fff;
    box-shadow: 0px 16px 48px rgba(0, 0, 0, .17);
    border-radius: 16px;
    z-index: 2000;
}

body .search-container .text {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 10px;
}

body .input-control-gvs {
    background: #f8f9fa;
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    width: 100%;
    height: 38px;
    text-indent: 20px;
}

body .search-container .btn-search {
    padding: 8px;
    gap: 8px;
    height: 39px;
    background: #333;
    border-radius: 50px;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 12px;
}

body .news-row, body .course-row-title{
    padding-top: 50px;
}

body .news-row .course-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
}

body .news-row .news-link-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
}

body .news-row .news-link-title a {
    color: #000 !important;
    text-decoration: none !important;
}

body .news-container-startpage {
    min-height: 236px !important;
}

body .news-container {
    padding: 25px 25px;
    width: 98%;
    max-width: 1250px;
    margin-top: 20px;
    margin-left: 0px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 16px 48px rgba(0, 0, 0, .17);
    border-radius: 16px;
    z-index: 2000;
}

body .news-container .news-title {
    font-weight: 600;
    font-size: 20px;
}

body .news-container .news-intro-startpage {
    padding-top: 6px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body .btn-news {
    padding: 8px;
    height: 39px;
    background: #fff;
    border-radius: 50px;
    width: 150px;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    line-height: 12px;
    border: 1px solid #333;
    margin-top: -23%;
    margin-left: 4%;
}

body .news-container .img-news-startpage {
      display: flex;
    margin: 24px 0;
    margin-top: -26px;
    width: 210px;
    border-radius: 0 16px 16px 0;
    background-size: auto 190px;
    height: 122%;
}

body .news-container .img-news-container {
    height: 236px !important;
}


body .course-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
}

body .course-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}


.course-row:last-child {
    justify-content: center
}

.img-container {
    height: 309px;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 83.85%);
    background: -webkit-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 83.85%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 83.85%);
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 83.85%);
    background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 83.85%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 83.85%);
    border-radius: 16px !important;
    margin-top: 20px
}
.img-container a{
    display: block;
    height: 309px;
}
.img-container .img-training {
    height: 309px;
    border-radius: 16px !important;
    margin-right: auto;
    /* z-index: -1; */
    position: relative;
    display: block
}

.img-container .img-text-container {
    height: 309px;
    position: relative;
    top: -309px;
    display: flex;
    flex-direction: column-reverse;
    padding-top: 16px;
    padding-bottom: 16px
}

.img-container .img-text-container .img-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28.8px;
    margin-left: 20px;
    margin-right: 20px;
    display: block;
    color: #fff
}

.img-container .img-text-container .img-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 19.2px;
    margin-left: 20px;
    color: #fff;
    display: block
}

.card-grouping .card-title a {
    display: flex;
    font-weight: 600 !important;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    justify-content: space-between;
    text-decoration: none;
}

.card-grouping .card {
    border-radius: 16px 16px 16px 16px !important;
}

.card-grouping .card+.card {
    margin-top: 5px;
}

.card .card-header {
    background-color: #AEAEAE;
    font-weight: 600 !important;
    font-size: 24px;
    line-height: 29px;
    color: #333;
    border-radius: 16px 16px 0px 0px;
    overflow: hidden;
    padding-top: 15px;
    padding-left: 15px;
}

@media (max-width: 991px) {
    .navbar-collapse {
        background: #333;
    }
}

@media (min-width: 768px) {
    body .search-container {
        width: 98%;
    }
}

@media (min-width: 768px) {
    body #header {
        height: 410px;
    }
}

@media (max-width: 500px) {
    body #header {
        height: 400px;
    }
}