.primary-background, .primary-after-background::after, .primary-before-background::before, .primary-svg-background svg, .send-button, .create-button:hover, .admin-headline .active-box, .submit-form-button::before, .submit-form-button::after {
    background-color: var(--primary) !important;
}

.primary-color {
    color: var(--primary);
}

.primary-border, .primary-border-hover:hover, .create-button, .primary-border-hover:hover {
    border-color: var(--primary);
}

.primary-background-light {
    background-color: var(--primary) !important;
}

.primary-fill2, .primary-fill svg {
    fill: var(--primary);
}

.secondary-background, .cta-button, .title-line, .update-button, .icon-badge, .job-alert-box .buttons button:first-child, .tooltip, .colleagues .container .left-side .join-button, .arrow, .arrow:hover, .job-alert-box .buttons button:first-child:hover, .colleagues .container .left-side .join-button:hover, .colleagues .container .right-side .swiper-buttons .next-button svg, .tooltip:after {
    background-color: var(--secondary);
}

.secondary-color, .marker, .video-title, .footer-component h5, .footer-component p:hover, .footer-component a:hover, .job-alert-box span, #navigation .container .links .nav-active, #navigation .container .links a:hover, #sectors .sectors-grid .single-sector:hover .watch-sector, .admin-layout-body .admin-layout .admin-navigation .block-content .nav-active, .colleagues .container .right-side .colleagues-stories .single-story b, .apply-journey-2 .container .swiper-headline b, .extra-info .container .info-block .right-side .information .contacts .single-contact:hover, .social-media-generated-container .instagram-image .small-headline, .social-media-generated-container #afbeelding1 .image-backdrop, .nav-active-mobile, #navigation .container .links a:hover span {
    color: var(--secondary);
}

.secondary-border, #sub-banner, .single-vac-item::before, #contact .container:first-child .left-side .full-steps .step-guideline-div .border, #contact .container:first-child .left-side .full-steps .steps-div .single-step h4::before {
    border-color: var(--secondary) !important;
}

.secondary-stroke, .section-pattern path, .secondary-svg-super-fill circle {
    stroke: var(--secondary) !important;
}

.secondary-svg-super-fill path, .mobile-info .contacts svg, #sectors .sectors-grid .single-sector:hover .watch-sector svg, .table-box .content-table .open-td svg:hover, #sectors .sectors-grid .single-sector:hover .watch-sector svg *, .extra-info .container .info-block .right-side .information .contacts .single-contact:hover path {
    fill: var(--secondary) !important;
}

.tooltip:hover::before, .tooltip:hover::after {
    border-color: var(--secondary) transparent transparent transparent;
}