:root {
color-scheme: only light;
}
.site-logo img, header img {
filter: none !important;
} body p,
body li,
{
font-size: 17px !important;
} .opleiding-title {
hyphens: auto;
-webkit-hyphens: auto;
} .txt-wht{
color: #ffffff;
}
.txt-wht a{
color: #ffffff;
} .cta-main span {
font-weight: 600 !important;
} .cta-animated {
display: inline-flex;
align-items: center;
justify-content: center;
width: 280px;
height: 54px;
border-radius: 15px;
background: linear-gradient(-45deg, #0d2d50, #061d38, #fa9116, #f5a623);
background-size: 600% 600%;
animation: cta-gradient 8s linear infinite;
color: white !important;
font-family: Poppins, sans-serif;
font-weight: 600;
font-size: 15px;
text-decoration: none !important;
cursor: pointer;
}
@keyframes cta-gradient {
0%   { background-position: 0% 50%; }
50%  { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} .bg-round-left .upb_row_bg {
border-radius: 150px 0 0 0 !important;
overflow: hidden !important;
}
.contact-location {
border-radius: 150px 0 0 0 !important;
overflow: hidden !important;
} .bg-round-right .upb_row_bg {
border-radius: 0 150px 0 0 !important;
overflow: hidden !important;
background-color: #ffffff !important;
}
.bg-round-right .upb_row_bg::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 150px;
height: 150px;
background-size: cover;
z-index: 1;
} .opleiding-card {
border-radius: 16px;
border: 2px solid #cdd2d7;
overflow: hidden;
position: relative;
transition: border-color 0.3s ease;
cursor: pointer;
}
.opleiding-card:hover {
border-color: #fa9116;
}
.opleiding-card img {
transition: transform 0.6s ease;
}
.opleiding-card:hover img {
transform: scale(1.08);
}	
.opleiding-card::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, #061d38 30%, transparent 100%);
border-radius: 0 0 16px 16px;
pointer-events: none;
z-index: 1;
}
.opleiding-card .card-title {
position: absolute;
bottom: 40px;
left: 20px;
right: 50px;
color: white;
font-weight: 600;
font-size: 18px;
z-index: 3;
}
.opleiding-card .card-arrow {
position: absolute;
bottom: 40px;
right: 40px;
width: 32px;
height: 32px;
border: 2px solid rgba(255,255,255,0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
z-index: 4;
font-size: 14px;
top: auto;
transition: border-color 0.3s ease, color 0.3s ease;
}
.opleiding-card:hover .card-arrow {
border-color: #fa9116;
}
.opleiding-card .wpb_raw_code,
.opleiding-card .wpb_raw_code .wpb_wrapper {
position: static !important;
}
.opleiding-card.vc_column_container {
margin-left: 20px !important;
margin-right: 20px !important;
width: calc(33.33% - 40px) !important;
aspect-ratio: 1 / 1 !important;
}
.opleiding-card.vc_column_container:first-child {
margin-left: 0 !important;
}
.opleiding-card.vc_column_container:last-child {
margin-right: 0 !important;
}
@media (max-width: 768px) {
.opleiding-card.vc_column_container {
width: calc(100% - 40px) !important;
margin-left: 20px !important;
margin-right: 20px !important;
margin-bottom: 20px !important;
}
.opleiding-card .card-title {
font-size: 13px !important;
}
} .usp-card {
border-radius: 16px;
border: 2px solid #cdd2d7;
overflow: hidden;
position: relative;
width: 340px;
height: 340px;
} .usp-card:hover {
border-color: #cdd2d7;
} .usp-card::after {
content: '';
position: absolute;
inset: 0;
background: rgba(6, 29, 56, 0.55);
z-index: 1;
pointer-events: none;
} .usp-card .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-child {
position: absolute;
inset: 0;
z-index: 0;
margin: 0;
}
.usp-card .vc_column-inner > .wpb_wrapper > .wpb_single_image:first-child img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .usp-card .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-child(3) {
position: absolute;
top: 32px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
margin: 0;
}
.usp-card .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-child(3) img {
width: 56px;
height: 56px;
object-fit: contain;
} .usp-card .card-title {
position: absolute;
top: 50%;
left: 20px;
right: 20px;
transform: translateY(-60%);
color: white;
font-weight: 700;
font-size: 28px;
text-align: center;
z-index: 3;
line-height: 1.2;
} .usp-card .wpb_text_column {
position: absolute;
bottom: 40px;
left: 20px;
right: 20px;
color: white;
font-size: 15px;
text-align: center;
z-index: 3;
}
.usp-card .wpb_text_column p {
margin: 0;
color: white;
} .usp-card .vc_empty_space {
display: none;
}
.usp-card .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-child(3) {
left: 0;
right: 0;
transform: none;
text-align: center;
}
.usp-card.vc_column_container {
margin-left: 20px !important;
margin-right: 20px !important;
width: calc(33.33% - 40px) !important;
}
.usp-card.vc_column_container:first-child {
margin-left: 0 !important;
}
.usp-card.vc_column_container:last-child {
margin-right: 0 !important;
}
@media (max-width: 768px) {
.usp-card.vc_column_container {
width: calc(100% - 40px) !important;
margin-left: 20 !important;
margin-right: 20 !important;
margin-bottom: 20px !important;
}
} .waarom-card {
border-radius: 25px;
border: 1px solid #fa9116;
background: white;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
padding: 24px;
position: relative;
}
.waarom-card.vc_column_container {
margin-left: 20px !important;
margin-right: 20px !important;
width: calc(25% - 40px) !important;
}
.waarom-card.vc_column_container:first-child {
margin-left: 0 !important;
}
.waarom-card.vc_column_container:last-child {
margin-right: 0 !important;
}
@media (max-width: 768px) {
.waarom-card.vc_column_container {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}
} .testimonial-card.vc_column_container {
border-radius: 25px !important;
border: 1px solid #fa9116 !important;
background: white !important;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
padding: 50px !important;
position: relative !important;
margin-left: 20px !important;
margin-right: 20px !important;
margin-bottom: 50px;
width: calc(100% - 40px) !important;
}
.testimonial-card.vc_column_container:first-child {
margin-left: 0 !important;
}
.testimonial-card.vc_column_container:last-child {
margin-right: 0 !important;
}
.vc_row.vc_inner .testimonial-card.vc_column_container {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
@media (max-width: 768px) {
.testimonial-card.vc_column_container,
.vc_row.vc_inner .testimonial-card.vc_column_container {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}
} .review-stars {
display: flex;
align-items: center;
gap: 8px;
}
.stars {
display: flex;
gap: 2px;
}
.star {
font-size: 30px;
color: #fa9116;
line-height: 1;
}
.review-score {
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
color: #fa9116;
} .contact-card {
border-radius: 25px;
border: 1px solid #fa9116;
background: white;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
padding: 24px;
position: relative;
}
.contact-card.vc_column_container {
margin-left: 20px !important;
margin-right: 20px !important;
width: calc(33.33% - 40px) !important;
}
.contact-card.vc_column_container:first-child {
margin-left: 0 !important;
}
.contact-card.vc_column_container:last-child {
margin-right: 0 !important;
}
@media (max-width: 768px) {
.contact-card.vc_column_container {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}
}  .blue-img .wpb_single_image .vc_single_image-wrapper {
position: relative;
display: block;
border-radius: 16px;
overflow: hidden;
}
.blue-img .wpb_single_image .vc_single_image-wrapper::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(6, 29, 56, 0.0) 40%,
rgba(6, 29, 56, 0.6) 100%
);
border-radius: 16px;
} .contact-foto.vc_column_container {
padding: 0 !important;
overflow: hidden !important;
min-height: 400px !important;
}
.contact-foto .wpb_single_image {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.contact-foto .wpb_single_image,
.contact-foto .wpb_wrapper,
.contact-foto figure,
.contact-foto .vc_single_image-wrapper {
width: 100% !important;
height: 100% !important;
}
.contact-foto .vc_single_image-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
border-radius: 0 !important;
} .leadgen-logo {
position: fixed;
top: 60px;
left: 60px;
z-index: 999;
}
.leadgen-logo img {
width: 180px;
height: auto;
}
@media (max-width: 768px) {
.leadgen-logo {
position: relative;
display: block;
top: auto;
margin-bottom: 16px;
}
} .full-height {
min-height: 100vh !important;
height: 100vh !important;
}
@media (max-width: 768px) {
.full-height {
height: auto !important;
min-height: unset !important;
}
} #menu-footer-menu-informatie #menu-item-748 a.menu-link::after {
content: " ↗";
font-size: 0.85em;
color: #fff;
} .wpforms-form button[type=submit] {
font-size: 14px !important;
padding-left: 32px !important;
padding-right: 32px !important;
} @media (max-width: 768px) {
.stats-grid {
gap: 8px !important;
}
.stats-grid > div {
padding: 16px 8px !important;
}
.stats-grid > div > div:first-child {
font-size: 22px !important;
}
.stats-grid > div > div:last-child {
font-size: 11px !important;
}
} @media (min-width: 769px) and (max-width: 900px) {
.leadgen-spc {
height: 0px !important;
}
}
@media (min-width: 901px) and (max-width: 1100px) {
.leadgen-spc {
height: 80px !important;
}
}
@media (min-width: 1101px) and (max-width: 1400px) {
.leadgen-spc {
height: 100px !important;
}
}
@media (min-width: 1401px) and (max-width: 1700px) {
.leadgen-spc {
height: 150px !important;
}
}
@media (min-width: 1701px) {
.leadgen-spc {
height: 200px !important;
}
} .vc_tta-color-black .vc_tta-panel-heading {
background-color: #061d38 !important;
border-color: #061d38 !important;
}
.vc_tta-color-black .vc_tta-panel-heading:hover {
background-color: #061d38 !important;
}
.vc_tta-color-black .vc_tta-panel-title a {
color: #ffffff !important;
} .wr-rounded img {
border-radius: 35px !important;
}