.bg-blue-200 {
    background-color: #71cbf4;
}

.bg-purple-900 {
    background-color: #7A1369;
}

.bg-pink-600 {
    background-color: #E5007D;
}

.bg-pink-400 {
    background-color: #EE7BAE;
}

.bg-orange-500 {
    background-color: #ED7101;
}

.bg-amber-500 {
    background-color: #F7A600;
}

.bg-cyan-500 {
    background-color: #009DCC;
}

.bg-teal-600 {
    background-color: #00998A;
}

.alert-light,
.bg-grey-200 {
    background-color: #fafafc;
}

.bg-grey-300 {
    background-color: #f2f2f5;
}

.bg-grey-600 {
    background-color: #8f90a6;
}

.bg-grey-800 {
    background-color: #1c1c28;
}

.bg-purple-800 {
    background-color: #4f1541;
}

.bg-pink-100 {
    background-color: #ffe6e5;
}

.bg-green-600 {
    background-color: #bad25f;
}

.bg-green-300 {
    background-color: #7bb5b2;
}

.bg-orange-500 {
    background-color: #fe8800;
}

.bg-purple-400 {
    background-color: #787fbd;
}

.bg-yellow-500 {
    background-color: #fdc75f;
}

.bg-pink-900 {
    background-color: #d5007e;
}

.bg-white {
    background-color: #fff;
}

.border-1 {
    border-width: 1px !important;
}

.border-r {
    border-right-width: 1px !important;
}

.border-b {
    border-bottom-width: 1px !important;
}

.border-l-1 {
    border-left-width: 1px !important;
}

.border-x-transparent {
    border-right-color: transparent !important;
    border-right-style: solid !important;
    border-left-color: transparent !important;
    border-left-style: solid !important;
}

.border-grey-100 {
    border-color: #c6c9d9 !important;
    border-style: solid !important;
}

.color-black {
    color: #000;
}

.color-black-300 {
    color: #333;
}

.color-blue-700 {
    color: #004fc4;
}

.color-grey-600 {
    color: #8f90a6;
}

.color-grey-700 {
    color: #555770;
}

.color-grey-800 {
    color: #1c1c28;
}

.color-grey-900 {
    color: #28293d;
}

.color-pink-900 {
    color: #d5007e;
}

.color-purple-800 {
    color: #4f1541;
}

.color-white {
    color: #fff;
}

.cursor-pointer {
    cursor: pointer;
}

.flex-auto {
    flex: auto;
}

.font-family-lato {
    font-family: lato, sans-serif;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-64 {
    font-size: 64px;
}

.font-weight-bold {
    font-weight: 700;
}

.list-style-none {
    list-style: none;
}

.object-fit-cover {
    object-fit: cover;
}

.text-align-center {
    text-align: center;
}

.text-transform-lowercase {
    text-transform: lowercase !important;
}

/* Hover styles */
.hover\:bg-blue-200:hover {
    background-color: #71cbf4;
}

.hover\:bg-green-600:hover {
    background-color: #bad25f;
}

.hover\:bg-green-300:hover {
    background-color: #7bb5b2;
}

.hover\:bg-pink-100:hover {
    background-color: #ffe6e5;
}

.hover\:bg-purple-400:hover {
    background-color: #787fbd;
}

.hover\:bg-yellow-500:hover {
    background-color: #fdc75f;
}

.hover\:color-white:hover {
    color: #fff !important;
}

.hover\:color-pink-900:hover {
    color: #d5007e !important;
}

.hover\:border-l-pink-900:hover {
    border-left-color: #d5007e !important;
}

.hover\:border-l-4:hover {
    border-left-width: 4px !important;
}

/* colors */
.wit {
    color: #fff;
}

.rood {
    color: #e50040;
}

.grijs {
    color: #706f6f;
}

.data {
    color: #002c50;
}

.finance {
    color: #0073af;
}
.juridisch {
    color: #036;
}

.vastgoed {
    color: #9f043e;
}

.learning {
    color: #5c267b;
}

.mro {
    color: #87bd25;
}

.onderwijs {
    color: #f59e33;
}

.overheid {
    color: #006878;
}

.veiligheid {
    color: #e94e1b;
}

.zorg {
    color: #36b7b4;
}

.blauw {
    color: #0a52a3;
}

.legal {
    color: #fbb402;
}

.energie {
    color: #01a9cd;
}

/* background-colors */
.bg-eur,
.bg-EUR,
.bg-blauw {
    background-color: #00a7d8;
}

.bg-wit {
    background-color: #fff;
}

.bg-sbo,
.bg-SBO,
.bg-rood {
    background-color: #e50040;
}

.bg-smi,
.bg-SMI,
.bg-roze {
    background-color:rgba(226, 0, 121, 0.8);
}


.bg_smi_ronde_a {background-color: #f8eadc;}
.bg_smi_ronde_b {background-color: #e4eee9;}
.bg_smi_ronde_c {background-color: #e9e7d5;}

.bg-grijs {
    background-color: #706f6f;
}

.bg-d-grijs {
    background-color: #3c3c3b;
}

.bg-overheid {
    background-color: #006878;
}

.bg-zorg {
    background-color: #36b7b4;
}

.bg-mro {
    background-color: #87bd25;
}

.bg-onderwijs {
    background-color: #f59e33;
}

.bg-EE01 {
    background-color: #f59e33 !important;
}

.bg-secretary {
    background-color: #ec008c;
}

.bg-YY02 {
    background-color: #f59e33 !important;
}

.bg-veiligheid {
    background-color: #e94e1b;
}

.bg-data {
    background-color: #002c50;
}

.bg-learning {
    background-color: #5c267b;
}

.bg-finance {
    background-color: #0073af;
}
.bg-juridisch {
    background-color: #036;
}

.bg-vastgoed {
    background-color: #9f043e;
}

.bg- {
    background-color: #212121;
}

.bg-GRC01 {
    background-color: #0073af;
}

/* finance profit */
.bg-GRC02 {
    background-color: #0073af;
}

/* finance non-profit */
.bg-finance,
.bg-GRE02 {
    background-color: #0073af;
}

/* wetgeving */
.bg-legal,
.bg-GRE03 {
    background-color: #fbb402;
}

/* milieu ro */
.bg-mro,
.bg-GRN01 {
    background-color: #87bd25;
}

/* energie */
.bg-energie,
.bg-GRS01 {
    background-color: #01a9cd;
}

/* nib */
.bg-GRV01 {
    background-color: #e20079;
}

/* smi */
.bg-GRZ01 {
    background-color: #36b7b4;
}

/* data */
.bg-GRM01 {
    background-color: #002c50;
}

/* smart data */
.bg-GRY01,
.bg-GRY02,
.bg-GRY03 {
    background-color: #f59e33;
}

/* onderwijs */
.bg-GRE05,
.bg-GRE01,
.bg-GRE10,
.bg-GRE11,
.bg-GRE12,
.bg-GRE13,
.bg-GRE14 {
    background-color: #e94e1b;
}

/* veiligheid */
.bg-GRA01,
.bg-GRB01,
.bg-GRH01,
.bg-GRJ01,
.bg-GRU01,
.bg-GRX01,
.bg-GRG01,
.bg-GRM02 {
    background-color: #e50040;
}

/* algemeen */

.badge-primary {
    background-color: #1266f1;
}

.badge-secondary {
    background-color: #6c757d;
}

.badge-success {
    background-color: #00b74a;
}

.badge-info {
    background-color: #39c0ed;
}

.badge-warning {
    color: #e50040;
    background-color: #ffa900;
}

.badge-danger {
    background-color: #f93154;
}

.badge-light {
    color: #e50040;
    background-color: #fbfbfb;
}

.badge-dark {
    background-color: #262626;
}

/* border-colors */
.border-wit {
    border-color: #fff !important;
}

.border-rood {
    border-color: #e50040;
}

.border-grijs {
    border-color: #706f6f;
}

.border-data {
    border-color: #b9348b;
}

.border-finance {
    border-color: #0073af;
}

.border-learning {
    border-color: #5c267b;
}

.border-mro {
    border-color: #87bd25;
}

.border-onderwijs {
    border-color: #f59e33;
}

.border-overheid {
    border-color: #006878;
}

.border-veiligheid {
    border-color: #e94e1b;
}

.border-zorg {
    border-color: #36b7b4;
}

.b-learning {
    border-left: 4px solid #5c267b;
}

.b-GRC01 {
    border-left: 4px solid #0073af;
}

/* vastgoed */
.b-vastgoed {
    border-left: 4px solid #9f043e;
}

/* finance profit */
.b-finance,
.b-GRC02 {
    border-left: 4px solid #0073af;
}

/* finance non-profit */
.b-GRE02 {
    border-left: 4px solid #0073af;
}

/* wetgeving */
.b-GRE03 {
    border-left: 4px solid #fbb402;
}

/* milieu ro */
.b-GRN01,
.b-mro {
    border-left: 4px solid #87bd25;
}

/* energie */
.b-GRS01 {
    border-left: 4px solid #01a9cd;
}

/* nib */
.b-GRV01 {
    border-left: 4px solid #e20079;
}

/* smi */
.b-GRZ01 {
    border-left: 4px solid #36b7b4;
}

/* data #002c50 */
.b-GRM01 {
    border-left: 4px solid #002c50;
}

/* smart data */
.b-GRY01,
.b-GRY02,
.b-GRY03 {
    border-left: 4px solid #f59e33;
}

/* onderwijs */
.b-GRE05,
.b-GRE01,
.b-GRE10,
.b-GRE11,
.b-GRE12,
.b-GRE13,
.b-GRE14 {
    border-left: 4px solid #e94e1b;
}

/* veiligheid */
.b-GRA01,
.b-GRB01,
.b-GRH01,
.b-GRJ01,
.b-GRU01,
.b-GRX01,
.b-GRG01,
.b-GRM02 {
    border-left: 4px solid #e50040;
}

/* algemeen */
#globalnav a {color:#4f4f4f}
.brand-secretary #globalnav a {color:#4f4f4f!important;}
.brand-sbo #globalnav a:hover {color:#e50040!important;}
.brand-secretary #globalnav a:hover {color:#ec008c!important;}
.brand-euroforum #globalnav a:hover {color:#00a7d8!important;}

.brand-sbo .brand-color {color:#e50040!important;}
.brand-secretary .brand-color {color:#ec008c!important;}
.brand-euroforum .brand-color {color:#00a7d8!important;}

.text-light.nav-link.SMI {
	color:#3c3c3b;
}

#globalnav .dropdown-menu a.nav-link {
    border-right: 0;
}

.opacity-bg-40 {
    background-color: rgba(0, 0, 0, 0.4);
}

.opacity-bg-60 {
    background-color: rgba(0, 0, 0, 0.6);
}

.opacity-bg-80 {
    background-color: rgba(0, 0, 0, 0.8);
}

/* search results */
.search_external_link.eur {
    color: #002c50;
}

.border-r-6 {
    border-radius: 6px;
}

.border-r-10 {
    border-radius: 10px;
}

.border-r-20 {
    border-radius: 20px;
}

.rounded-lt {
    border-radius: 10px 0 0;
}

.rounded-lb {
    border-radius: 0 0 0 10px;
}

.rounded-rt {
    border-radius: 0 10px 0 0;
}

.rounded-rb {
    border-radius: 0 0 10px;
}

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, 1);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, 0.75);
}


footer.page-footer a {
    color: hsla(0, 0%, 100%, 0.75);
}

footer.page-footer a:hover {
    color: #fff;
}

.lower-footer-area {
    height: 72px;
    width: 100%;
    background-color: #F2F2F5;
  }

.alert-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/* fontstyles */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: roboto, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
}

.h1,
h1 {
    font-size: 3.5rem;
}

.capital {
    font-variant: small-caps;
}

header {
    position: relative;

}
.page-landingpage header {
	position: inherit;

}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/
body {
    background: linear-gradient(to left, #fff, rgb(220, 220, 220));
}

.intro-4 {
    height: 90vh;
}

.clear {
    clear: both;
}

.block {
    display: block;
}

.nav-pills-custom .nav-link {
    position: relative;
    color: #aaa;
    background: #fff;
    border-radius: 0;
}

.nav-pills-custom .nav-link.first-border {
    border-radius: 10px 0 0;
}

.nav-pills-custom .nav-link.last-border {
    border-radius: 0 0 0 10px;
}

.nav-pills-custom .nav-link.active {
    background: #fff;
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

 /* mega menu general fallback */
 .mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    width: 100%;
    padding: 20px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mega-dropdown-menu::before {
    position: absolute;
    top: -13px;
    right: 320px;
    z-index: 8;
    content: '';
    border-right: 19px solid transparent;
    border-bottom: 17px solid #ccc;
    border-left: 19px solid transparent;
}

.mega-dropdown-menu::after {
    position: absolute;
    top: -12px;
    right: 320px;
    z-index: 8;
    content: '';
    border-right: 19px solid transparent;
    border-bottom: 17px solid #fff;
    border-left: 19px solid transparent;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    color: #444;
    text-decoration: none;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    font-weight: bold;
    color: #428bca;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.dropdown-menu.mega-dropdown-menu.show {
    display: flex;
}



/* productPage */
.product-usp ul {
    padding-left: 0;
    list-style-type: none;
}

.product-usp li .fas {
    padding-right: 10px;
}

.points-bubble {
    position: relative;
    padding: 20px 30px;
    color: #fff;
    border-radius: 0.4em;
}

.points-bubble::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -0.625em;
    margin-right: -0.625em;
    content: '';
    border: 0.625em solid transparent;
    border-right: 0;
}

/* rating */
.stars-outer {
    position: relative;
    display: inline-block;
    font-family: FontAwesome;
}

.stars-outer::before {
    content: '\f006 \f006 \f006 \f006 \f006';
}

.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.stars-inner::before {
    color: #f8ce0b;
    content: '\f005';
}

/* search */
.agg.form-check-label {
    margin-left: 10px;
}

/* grid list view */
.view-group {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    -ms-flex-direction: row;
    flex-direction: row;
}

.thumbnail {
    padding: 0;
    margin-bottom: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.item.list-group-item {
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 0 1rem;
    margin-bottom: 30px;
    background-color: #fff;
    border: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.item.list-group-item .img-event {
    float: left;
    width: 30%;
}

.item.list-group-item .list-group-image {
    margin-right: 10px;
}

.item.list-group-item .thumbnail {
    display: inline-block;
    margin-bottom: 0;
}

.item.list-group-item .caption {
    float: left;
    width: 70%;
    margin: 0;
}

.item.list-group-item::before,
.item.list-group-item::after {
    display: table;
    content: ' ';
}

.item.list-group-item::after {
    clear: both;
}

/* vakgebied */
#introCarousel .carousel-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* Carousel styling */
#introCarousel,
#introCarousel .carousel-inner,
#introCarousel .carousel-item,
#introCarousel .carousel-item.active {
    height: 50vh;
    min-height: 500px;
}

/* sideNav productPage */
.side-nav {
    margin-top: 49px !important;
}

.double-nav .breadcrumb-dn p {
    color: #fff;
}

.headerBtns .btn-block {
    display: block !important;
    margin: 0;
}

.navbar .navbar-toggler {
    float: right;
    width: 40px;
    padding: 0;
    font-size: 1.5rem;
}

.navbar .navbar-brand {
    margin: 0;
}

/* Buttons */
.btn-floating {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 47px;
    height: 47px;
    padding: 0;
    margin: 10px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.btn-floating i {
    display: inline-block;
    width: inherit;
    font-size: 1.25rem;
    line-height: 47px;
    color: #fff;
    text-align: center;
}

.btn-floating:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-floating::before {
    border-radius: 0;
}

.btn-floating.btn-sm {
    width: 36.15385px;
    height: 36.15385px;
}

.btn-floating.btn-sm i {
    font-size: 0.96154rem;
    line-height: 36.15385px;
}

.btn-floating.btn-lg {
    width: 61.1px;
    height: 61.1px;
}

.btn-floating.btn-lg i {
    font-size: 1.625rem;
    line-height: 61.1px;
}

.card .btn-action {
    margin-top: -1.44rem;
    margin-bottom: -1.44rem;
}

.btn-outline-white {
    color: #fff !important;
    background-color: transparent !important;
    border: 2px solid #fff !important;
}

/* gen. step-form */

/* progress dots */
.progressbar-container {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 40px;
}

.progressbar {
    padding: 0;
    margin: 0;
    counter-reset: step;
}

.progressbar li {
    position: relative;
    z-index: 0;
    float: left;
    width: 50%;
    font-size: 16px;
    color: #7d7d7d;
    text-align: center;
    text-transform: uppercase;
    list-style-type: none;
}

.progressbar li::before {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 10px;
    line-height: 30px;
    text-align: center;
    content: counter(step);
    counter-increment: step;
    background-color: #fff;
    border: 2px solid #7d7d7d;
    border-radius: 20px;
}

.progressbar li::after {
    position: absolute;
    top: 14px;
    left: -50%;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #7d7d7d;
}

.progressbar li:first-child::after {
    content: none;
}

.progressbar li.active {
    color: #08c;
}

.progressbar li.active::before {
    border-color: #08c;
}

.progressbar li.active + li::after {
    background-color: #d7d7d7;
}

.progressbar li.active + li.active::after {
    background-color: #08c;
}

.progressbar li.active,
.progressbar li::before,
.progressbar li.active::before {
    position: relative;
    z-index: 1;
}

.progressbar li.active::after {
    /* position: relative;
	 z-index:0; */
    left: -44%;
}

.mapsetahi {
    display: none;
}

.clangHidden {
    display: none;
}

/* prefilled forms clang */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: #222;
}

#clang_form input[readonly='readonly']:focus {
    border: 1px solid #bebebe;
    box-shadow: none;
}

/* Input */

/* sections */
.cms-ready #smart-bar {
    top: 45px;
    z-index: 1200;
}

#smart-bar .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: transparent;
    border: 0 solid rgba(0, 0, 0, 0.125);
}

#section-advisor .avatar img {
    border: 5px solid #fff;
}

#section-newsletter input {
    background: #fff;
}

.incom-steps .fa-play::before {
    margin-left: 0.3rem;
}

/* Steps */
.incom-steps .step {
    margin: 0;
    list-style: none;
}

.incom-steps .step-element {
    display: flex;
    padding: 1rem 0;
}

.incom-steps .step-number {
    position: relative;
    width: 7rem;
    flex-shrink: 0;
    text-align: center;
}

.incom-steps .step-number .number {
    width: 48px;
    height: 48px;
    font-size: 1.5rem;
    line-height: 48px;
    color: #bfc5ca;
    background-color: #eaeff4;
}

.incom-steps .number {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    border-radius: 10rem;
}

.incom-steps .step-number::before {
    position: absolute;
    top: 48px;
    bottom: -2rem;
    left: 50%;
    margin-left: -1px;
    content: '';
    border-left: 2px dashed #eaeff4;
}

.incom-steps .step .step-element:last-child .step-number::before {
    bottom: 1rem;
}

/* section features */
.list-events .card a {
    color: inherit;
}

.list-events .card a:hover {
    color: #212121;
}

#hero-cta .mask {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}

/* Stepper */
ol.step {
    counter-reset: stepper;
}

ol.step li::before {
    counter-increment: stepper;
}

ol.step div.step-number span::after {
    content: counter(stepper);
}

/* product pricing list */
.shop-options {
    counter-reset: shop-options;
}

.option-number::before {
    content: counter(shop-options);
    counter-increment: shop-options;
}

/* aanbod in vakgebied productPage */
.list-events-product-page .card a {
    color: inherit;
}

.list-events-product-page .card a:hover {
    color: #212121;
}

.list-events-product-page .list-event-item:nth-child(3n) {
    display: none;
}

.ef-jumbotron .bg-image {
    background-position: top;
}

/* styling protected content card */
#form-protected-content label {
    display: none;
}

/* styling vakgebied / industry card */
.ef-industry-card .card-footer {
    border-top: 0;
}

/* Custom Utility classes */
.h-min-35 {
    height: 35rem;
}

.h-min-75vh {
    height: 75vh;
    min-height: 28em;
    max-height: 32em;
}

/* Main layout */

nav {
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    margin-left: 3rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.carousel-control-prev {
    left: -50px;
}

.carousel-control-next {
    right: -50px;
}

.sidenav.sidenav-primary {
    width: 85% !important;
}

.sidenav-menu .sidenav-link {
    display: block;
    height: auto;
    overflow: visible;
    white-space: normal;
}

.round-icon-small {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 2rem;
}

.round-icon-small i {
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 1.2rem;
}

.btn .rotate-icon {
    transition-property: transform;
    transform: rotate(180deg);
}

.btn.collapsed .rotate-icon {
    transform: none;
}

#autocomplete-form {
    background-color: rgba(255, 255, 255, 0.5);
}

#autocomplete-results .dropdown-item {
    white-space: normal;

    /* For search dropdown on mobile. */
}

.is-hidden {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
}

.smartbar.sticky-top {
    z-index: 1034;
}

.modal {
    z-index: 1250;
}

/* Responsive components */
@media (max-width: 450px) {
    #hero-cta {
        height: 950px !important;
    }
}

@media (min-width: 550px) and (max-width: 750px) {
    #hero-cta {
        height: 1100px !important;
    }
}

@media (max-width: 740px) {
    .h1,
    h1 {
        font-size: 1.6rem;
    }

    .shadow-left {
        box-shadow: none;
    }
}

@media (max-width: 767px) {
   #navbar-global a {
       margin-bottom: 0.5rem;
       border-right: 0 !important;
   }
}

@media (min-width: 800px) and (max-width: 990px) {
    #hero-cta {
        height: 600px !important;
    }
}

@media (max-width: 990px) {
    .navbar-collapse {
        padding: 1rem;
        background: #fff;
    }

    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #757575 !important;
    }

    .navbar-light .navbar-nav .dropdown-header .nav-link,
    .navbar-light .navbar-nav .dropdown-header .nav-link:focus,
    .navbar-light .navbar-nav .dropdown-header .nav-link:hover {
        color: #fff !important;
    }

    .navbar-light .navbar-nav .dropdown-item.active,
    .navbar-light .navbar-nav .dropdown-item:active,
    .navbar-light .navbar-nav .dropdown-item:focus,
    .navbar-light .navbar-nav .dropdown-item:hover {
        background: transparent;
    }

    .navbar-nav .dropdown-menu {
        background-color: #fff;
    }

    nav {
        margin-left: 0;
    }

    #navbar-global a {
        border: 0;
    }

    #navbar-global a .round-icon-small {
        margin-right: 0.5rem;
    }

    nav .dropdown-item {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    nav .dropdown-item a {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .h-min-75vh {
        min-height: 20em;
    }

    .pre-main .mask img {
        width: auto !important;
        max-width: inherit !important;
        min-height: 42em;
        transform: translateX(-50%);
    }
}

@media (min-width: 992px) and (max-width: 1216px) {
    nav {
        margin-left: 0;
    }

    .navbar-nav.list-unstyled {
        padding-left: 1.5rem !important;
    }

    nav .navbar-nav .nav-item {
        white-space: nowrap;
    }

    .smartbar-buttons {
        width: 215px;
    }

    .smartbar-buttons .tablink {
        display: block;
        width: 100%;
    }

    .smartbar-buttons .tablink .btn {
        width: 100%;
    }

    .smartbar-buttons .tablink:first-child {
        margin-bottom: 0.5rem;
    }

    ul.smartbar {
        flex-wrap: wrap;
        display: flex;
    }

    ul.smartbar li {
        width: 50%;
        flex: 0 0 auto;
        margin-right: 0 !important;
    }
}

/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        position: absolute;
        top: 50%;
        right: -10px;
        display: block;
        content: '';
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 10px solid #fff;
        opacity: 0;
        transform: translateY(-50%);
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 0.5rem;
    }
}

@media screen and (min-width: 1024px) {
    .container {
        max-width: 980px;
    }
}

@media screen and (min-width: 1216px) {
    .container {
        max-width: 1152px;
    }
}

@media screen and (min-width: 1408px) {
    .container {
        max-width: 1344px;
    }
}

/* Primary overwrite */
.sidenav-link:active,
.sidenav-link:focus,
.sidenav-link:hover {
    color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    outline: none;
}

.form-outline.form-white .form-control:focus ~ .form-label {
    color: #fff;
}

.form-outline.form-white .form-control:focus ~ .form-notch .form-notch-trailing,
.form-outline.form-white .form-control:focus ~ .form-notch .form-notch-middle,
.form-outline.form-white .form-control:focus ~ .form-notch .form-notch-leading {
    border-color: #fff !important;
}

/* pages */
#page-incompany .incompany-contact a {
    color: #fff;
    text-decoration: underline;
}

.product-usp li::before {
    margin-right: 10px;
    font-family: 'Font Awesome 6 Free'; /* Zorg dat je Font Awesome 6 juist laadt */
    font-weight: 900;
    content: '\f105';
}


.product-usp a {
    color: #fff;
    text-decoration: underline;
}

/* contact-badge plugin */
.contact-badge { background-color: rgba(255, 255, 255, 0.2); }

/* safari fix */
button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: none;
}

#scrollToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    display: none;
}
/* congres menu styling */
body.congres,
.congres .shadow-left {
	background: url();
}
.congres header .navbar-brand img {
	width: 150px;
}
.congres #main-content-now .navbar-brand img {
	width: 350px;
}
.congres .bg-light {
	background-color: transparent!important;
}
.congres header {
	background: none;
}
.congres nav {
	margin-left: 0px;
    background: transparent;
}
.congres .navbar.navbar-scroll {
	padding-top: 10px;
	padding-bottom: 15px;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.congres .navbar.navbar-scroll.navbar-scrolled {
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: white;
}
.congres #navbar-global a.nav-link {
	border-right: 0px;
    color: #2b2b2b;
}
.congres #navbar-global a.nav-link:hover {
	border-right: 0px;
    color:rgb(15, 15, 15);
}
.congres #navbar-global a span {
	opacity: 0.75;
}
.congres #navbar-global a:hover span {
	opacity: 1;
}  
.congres #navbar-global a.nav-link {
	line-height: inherit;
}

.overlay-logo img {
	max-height: 200px;
}

body.page-product-tryout {background:#fff;}
.page-product-tryout .header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Donkere overlay, pas de waarde aan voor meer/minder dekking */
    z-index: 1;
}

.page-product-tryout .header .container {
    position: relative;
    z-index: 2;
}

@media (max-width: 990px) {
    .congres header,
    .congres .navbar {
        background: white!important;
    }

    .congres .navbar.navbar-scroll {
        background-color: white;
        color:rgba(0, 0, 0, 0.7);
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .congres .navbar.navbar-scroll {
        background-color: white;
        color:rgba(0, 0, 0, 0.7);
    }
    .congres .navbar-scroll .fa-bars,.congres .navbar-scroll .nav-link {
	    color:rgba(0, 0, 0, 0.7);
    }
}

.video-bg-wrapper {
  position: relative;
  height: 40vh;
  margin-bottom:25px;
}

.video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

video {
  width: 100%;
  height: 100%;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(30, 33, 36, 0.72) 0%, rgba(30, 33, 36, 0) 96.94%);
  border-radius: 10px;
}

.video-content {
  padding:25px;
  text-align: left;
  color: #fff;
  max-width: 448px;
}

.video-title {
  font-size: 2em;
  font-weight: bold;
}

.video-description {
  font-size: 1em;
  margin-bottom: 1em;
}

.video-link,.video-link a:hover {
  font-size: .8em;
  color: #fff;
  text-decoration: underline;
}

.video-wrapper .video-overlay, .video-wrapper .mask {
	pointer-events: none;
}

.page-landingpage .mask {
	min-height: 750px;
	position: relative;
	background: rgba(0,0,0,0.5);
}

#cookieConsentModal .form-check-input:checked[type="checkbox"]::after,
#cookieConsentModal .form-check-input:checked {background-color: #139c49!important};

.incompany-stats img {
	max-width: 150px!important;
}

    #concept-event.header {
        background-color: #007bff;
        color: white;
        padding: 10%;
        text-align: center;
        min-height: 20vh;
    }
    #concept-event .header h1 {
        font-size: 3rem;
        font-weight: bold;
    }
    #concept-event .header p {
        font-size: 1.2rem;
    }
    #concept-event .cta-button {
        background-color: #ffc107;
        color: black;
        padding: 15px 30px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
    }
    #concept-event.section {
        padding: 50px 0;
    }
    #concept-event.section.bg-light {
        background-color: #f8f9fa;
    }
    #concept-event.usp-list {
        list-style: none;
        padding: 0;
    }
    #concept-event.usp-list li {
        margin: 10px 0;
        font-size: 1.1rem;
    }
    #concept-event.contact-info {
        font-size: 1.1rem;
    }