:root {
    --color-white: #fff;
    --color-black: #000;

    --color-secondary: #0167a2;
    --color-secondary-50: #f0f9ff;
    --color-secondary-100: #e0f2fe;
    --color-secondary-200: #b9e5fe;
    --color-secondary-300: #7bd2fe;
    --color-secondary-400: #36bcfa;
    --color-secondary-500: #0ba3ec;
    --color-secondary-600: #0083c9;
    --color-secondary-700: #0167a2;
    --color-secondary-800: #055787;
    --color-secondary-900: #0b496f;
    --color-secondary-950: #072e4a;

    --color-primary: #108341;
    --color-primary-50: #effef5;
    --color-primary-100: #dbfde9;
    --color-primary-200: #b8fad2;
    --color-primary-300: #81f4b1;
    --color-primary-400: #43e586;
    --color-primary-500: #1bcc65;
    --color-primary-600: #10a950;
    --color-primary-700: #108341;
    --color-primary-800: #126938;
    --color-primary-900: #115630;
    --color-primary-950: #033018;


    --box-shadow: 0 0 10px rgb(0 0 0 / .15);

    --body-background: var(--color-white);
    --body-color: var(--color-slate-800);

    /* Header styling */
    --header-padding: 12px 0;
    --header-margin: 0;
    --header-border-width: 0;
    --header-border-style: solid;
    --header-border-color: var(--color-white);
    --header-background: var(--color-white);
    --header-box-shadow: none;
    --header-container-padding: 0 1rem;
    --header-container-margin: 0 auto;
    --header-container-border-width: 0;
    --header-container-border-style: solid;
    --header-container-border-color: transparent;
    --header-mobile-navigation-background: var(--color-white);
    --header-mobile-navigation-padding: 20px 0;
    --header-nav-link-color: var(--color-black);
    --header-nav-link-font-family: var(--font-secondary);
    --header-nav-link-font-size: 16px;
    --header-nav-link-font-weight: 400;
    --header-nav-link-hover-color: var(--color-primary-500);
    --header-nav-link-current-color: var(--color-primary-700);
    --header-nav-link-font-current-weight: 700;
    --header-nav-link-text-decoration: none;
    --header-nav-link-hover-text-decoration: none;

    --link-color: var(--color-sky-600);
    --link-hover-color: var(--color-sky-800);
    --link-text-decoration: none;
    --link-hover-text-decoration: underline;

    --button-border-radius: 0;
    --button-border: 1px solid var(--color-secondary-300);
    --button-font-family: var(--font-secondary);
    --button-font-weight: 400;

    --button-link-color: var(--color-sky-600);
    --button-link-hover-color: var(--color-sky-800);
    --button-link-border-color: transparent;
    --button-link-border-hover-color: transparent;

    --button-primary-border-color: var(--color-primary);
    --button-primary-border-hover-color: var(--color-primary-700);
    --button-primary-background: var(--color-primary);
    --button-primary-hover-background: var(--color-primary-700);
    --button-primary-color: var(--color-white);
    --button-primary-hover-color: var(--color-white);

    --button-secondary-border-color: var(--color-secondary-600);
    --button-secondary-border-hover-color: var(--color-primary);
    --button-secondary-background: var(--color-secondary-50);
    --button-secondary-hover-background: var(--color-primary);
    --button-secondary-color: var(--color-secondary-800);
    --button-secondary-hover-color: var(--color-white);

    --button-tertiary-border-color: var(--color-primary-100);
    --button-tertiary-background: var(--color-primary-50);
    --button-tertiary-color: var(--color-primary);
    --button-tertiary-border-hover-color: var(--color-black);
    --button-tertiary-hover-background: var(--color-black);
    --button-tertiary-hover-color: var(--color-white);

    --button-disabled-border-color: #ddd;
    --button-disabled-background: #ddd;
    --button-disabled-color: #b9b9b9;

    /* Footer styling */
    --footer-background: var(--color-primary-50);
    --footer-color: var(--color-slate-600);
    --footer-padding: 0;
    --footer-margin: 0;
    --footer-border-width: 0;
    --footer-border-style: solid;
    --footer-border-color: transparent;
    --footer-container-margin: 0 auto;
    --footer-container-padding: 70px 1rem 80px;
    --footer-container-border-width: 0;
    --footer-container-border-style: solid;
    --footer-container-border-color: translate;
    --footer-logo-margin: 0;
    --footer-link-color: var(--color-primary);
    --footer-link-hover-color: var(--color-primary-700);
    --footer-link-text-decoration: none;
    --footer-link-hover-text-decoration: underline;
    --footer-title-color: var(--color-black);
    --footer-title-font-family: var(--font-secondary);
    --footer-title-font-size: 22px;
    --footer-title-font-weight: 700;
    --footer-title-margin: 0 0 20px;
    --footer-icon-color: var(--color-primary-600);
    --footer-icon-font-size: 20px;
    --footer-navigation-background: var(--color-primary-950);
    --footer-navigation-color: var(--color-white);
    --footer-navigation-padding: 20px 0;
    --footer-navigation-margin: 0;
    --footer-navigation-border-width: 0 0 10px 0;
    --footer-navigation-border-style: solid;
    --footer-navigation-border-color: var(--color-primary);
    --footer-navigation-gap: 75px;
    --footer-navigation-container-margin: 0 auto;
    --footer-navigation-container-padding: 0 1rem;
    --footer-navigation-container-border-width: 0;
    --footer-navigation-container-border-style: solid;
    --footer-navigation-container-border-color: transparent;
    --footer-navigation-link-color: var(--color-white);
    --footer-navigation-link-text-decoration: none;
    --footer-navigation-link-hover-color: var(--color-white);
    --footer-navigation-link-hover-text-decoration: underline;

    --social-media-bar-gap: 10px;
    --social-media-bar-margin: 60px 0 0;
    --social-media-link-border-radius: 45px;
    --social-media-link-background: var(--color-primary-200);
    --social-media-link-color: var(--color-primary);
    --social-media-link-hover-background: var(--color-primary);
    --social-media-link-hover-color: var(--color-white);

    /* Branding Styling */
    --advieskeuze-logo-text-color: var(--color-gray-400);
    --advieskeuze-logo-normal-display: block;
    --advieskeuze-logo-diap-display: none;
    --advieskeuze-footer-margin: 1.5rem 0 0;
    --advieskeuze-footer-logo-text-color: var(--color-primary-100);
    --advieskeuze-footer-logo-normal-display: none;
    --advieskeuze-footer-logo-diap-display: block;

    /* Default Section styling */
    --section-title-font-family: var(--font-secondary);
    --section-title-font-size: 26px;
    --section-title-font-size-lg: 32px;
    --section-title-font-weight: 700;
    --section-title-color: var(--color-primary-950);
    --section-title-margin: 0 0 20px;
    --section-sub-title-font-size: 20px;
    --section-sub-title-font-size-lg: 26px;

    /* Homepage styles */
    --home-banner-background: var(--color-primary-800);
    --home-banner-overlay-background: #05578760;
    --home-banner-title-font-family: var(--font-secondary);
    --home-banner-title-color: var(--color-white);
    --home-banner-title-font-size: 36px;
    --home-banner-title-font-size-lg: 58px;
    --home-banner-title-font-weight: 600;
    --home-banner-title-line-height: 1.05;
    --home-banner-text-decoration: none;
    --home-banner-text-color: var(--color-black);

    --home-services-background: var(--color-white);
    --home-services-margin: 0;
    --home-services-padding: 0 0 50px;
    --home-services-border-width: 0;
    --home-services-border-style: solid;
    --home-services-border-color: transparent;
    --home-services-container-margin: -40px auto 0;
    --home-services-container-padding: 0 1rem;
    --home-services-container-border-width: 0;
    --home-services-container-border-style: solid;
    --home-services-container-border-color: transparent;
    --home-services-buttons-margin: 64px 0 0;
    --home-services-buttons-padding: 0;

    --service-summary-padding: 25px 30px 30px;
    --service-summary-margin: 0;
    --service-summary-color: var(--color-slate-600);
    --service-summary-background: var(--color-white);
    --service-summary-border-radius: 30px 0;
    --service-summary-border-width: 0;
    --service-summary-border-style: solid;
    --service-summary-border-color: transparent;
    --service-summary-box-shadow: var(--box-shadow), 15px 15px 0 var(--color-slate-300);
    --service-summary-text-align: center;
    --service-summary-icon-fill-color: var(--color-primary-700);
    --service-summary-title-color: var(--color-black);
    --service-summary-title-font-size: 24px;
    --service-summary-title-font-weight: 700;
    --service-summary-title-font-family: var(--font-secondary);

    --home-content-background: var(--color-white);
    --home-content-margin: 0;
    --home-content-padding: 60px 0;
    --home-content-border-width: 0;
    --home-content-border-style: solid;
    --home-content-border-color: transparent;
    --home-content-container-margin: 0 auto;
    --home-content-container-padding: 0 1rem;
    --home-content-container-border-width: 0;
    --home-content-container-border-style: solid;
    --home-content-container-border-color: transparent;
    --home-content-content-font-size: 17px;
    --home-content-content-text-color: var(--color-slate-600);

    --home-reviews-background: var(--color-white);
    --home-reviews-margin: 0;
    --home-reviews-padding: 60px 0;
    --home-reviews-border-width: 0;
    --home-reviews-border-style: solid;
    --home-reviews-border-color: transparent;
    --home-reviews-container-margin: 0 auto;
    --home-reviews-container-padding: 0 1rem;
    --home-reviews-container-border-width:0;
    --home-reviews-container-border-style: solid;
    --home-reviews-container-border-color: transparent;
    --home-reviews-text-decoration: none;

    --review-summary-padding: 40px 30px 80px;
    --review-summary-margin: 15px;
    --review-summary-color: var(--color-slate-600);
    --review-summary-background: var(--color-white);
    --review-summary-border-radius: 0 30px;
    --review-summary-border-width: 0;
    --review-summary-border-style: solid;
    --review-summary-border-color: transparent;
    --review-summary-box-shadow: var(--box-shadow), -15px 15px 0 var(--color-slate-300);
    --review-summary-text-align: left;
    --review-summary-title-font-family: var(--font-secondary);
    --review-summary-title-color: var(--color-black);
    --review-summary-title-font-size: 24px;
    --review-summary-title-font-weight: 700;
    --review-summary-title-margin: 0;
    --review-summary-scope-font-size: 16px;
    --review-summary-scope-font-weight: 700;
    --review-summary-scope-color: var(--color-primary-600);
    --review-summary-scope-margin: 0 0 20px;
    --review-summary-date-font-size: 14px;
    --review-summary-date-font-weight: 600;
    --review-summary-date-color: var(--color-slate-300);
    --review-summary-date-margin: 12px 0;
    --review-summary-star-on-color: var(--color-amber-300);
    --review-summary-star-off-color: var(--color-slate-500);

    /* Swiper settings */
    --swiper-theme-color: var(--color-primary);
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-inactive-color: var(--color-slate-300);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-navigation-sides-offset: 0;

    --gallery-button-border-radius: 50%;
    --gallery-button-background: var(--color-primary);
    --gallery-button-color: var(--color-white);
    --gallery-button-font-size: 22px;
    --gallery-button-hover-background: var(--color-black);
    --gallery-button-hover-color: var(--color-white);
    --gallery-button-disabled-background: var(--color-white);
    --gallery-button-disabled-color: var(--color-slate-300);

    --home-news-background: var(--color-highlight);
    --home-news-margin: 60px 0 0;
    --home-news-padding: 0;
    --home-news-border-width: 0;
    --home-news-border-style: solid;
    --home-news-border-color: transparent;
    --home-news-container-margin: 0 auto;
    --home-news-container-padding: 170px 1rem 110px;
    --home-news-container-border-width: 0;
    --home-news-container-border-style: solid;
    --home-news-container-border-color: transparent;
    --home-news-overlay-background: transparent;
    --home-news-buttons-margin: 24px 0 0;
    --home-news-buttons-padding: 0;

    --home-providers-background: var(--color-white);
    --home-providers-margin: 0;
    --home-providers-padding: 60px 0;
    --home-providers-border-width: 0;
    --home-providers-border-style: solid;
    --home-providers-border-color: transparent;
    --home-providers-container-margin: 0 auto;
    --home-providers-container-padding: 0 1rem;
    --home-providers-container-border-width: 0;
    --home-providers-container-border-style: solid;
    --home-providers-container-border-color: transparent;

    /* Subpage Generic styles */
    --page-breadcrumb-background: var(--color-primary);
    --page-breadcrumb-margin: 0;
    --page-breadcrumb-padding: 80px 0 25px;
    --page-breadcrumb-border-width: 0;
    --page-breadcrumb-border-style: solid;
    --page-breadcrumb-border-color: transparent;
    --page-breadcrumb-container-margin: 0 auto;
    --page-breadcrumb-container-padding: 0 1rem;
    --page-breadcrumb-container-border-width: 0;
    --page-breadcrumb-container-border-style: solid;
    --page-breadcrumb-container-border-color: transparent;
    --page-breadcrumb-overlay-background: #005BA460;

    --breadcrumb-list-item-text-font-size: 16px;
    --breadcrumb-list-item-font-weight: 700;
    --breadcrumb-list-item-font-family: var(--font-secondary);
    --breadcrumb-list-item-text-color: var(--color-white);
    --breadcrumb-list-item-text-hover-color: var(--color-primary-300);
    --breadcrumb-list-item-icon-color: var(--color-primary-400);

    /* About page styles */
    --about-content-background: var(--color-white);
    --about-content-margin: 0;
    --about-content-padding: 60px 0;
    --about-content-border-width: 0;
    --about-content-border-style: solid;
    --about-content-border-color: transparent;
    --about-content-container-margin: 0 auto;
    --about-content-container-padding: 0 1rem;
    --about-content-container-border-width: 0;
    --about-content-container-border-style: solid;
    --about-content-container-border-color: transparent;
    --about-content-content-font-size: 17px;
    --about-content-content-text-color: var(--color-slate-600);

    --about-employees-background: var(--color-white);
    --about-employees-margin: 0 0 60px;
    --about-employees-padding: 60px 0;
    --about-employees-border-width: 0;
    --about-employees-border-style: solid;
    --about-employees-border-color: transparent;
    --about-employees-container-margin: 0 auto;
    --about-employees-container-padding: 0 1rem;
    --about-employees-container-border-width: 0;
    --about-employees-container-border-style: solid;
    --about-employees-container-border-color: var(--color-secondary-100);

    /* Employee Summary */
    --employee-summary-padding: 0;
    --employee-summary-margin: 0;
    --employee-summary-color: var(--color-slate-600);
    --employee-summary-background: var(--color-white);
    --employee-summary-border-radius: 0 30px;
    --employee-summary-border-width: 0;
    --employee-summary-border-style: solid;
    --employee-summary-border-color: transparent;
    --employee-summary-box-shadow: var(--box-shadow), 15px 15px 0 var(--color-slate-300);
    --employee-summary-text-align: left;
    --employee-summary-container-padding: 30px;
    --employee-summary-container-margin: 0;
    --employee-summary-title-font-size: 20px;
    --employee-summary-title-font-weight: 700;
    --employee-summary-title-font-family: var(--font-secondary);
    --employee-summary-title-color: var(--color-black);
    --employee-summary-title-margin: 0;
    --employee-summary-job-title-font-size: 16px;
    --employee-summary-job-title-font-weight: 700;
    --employee-summary-job-title-color: var(--color-primary);
    --employee-summary-job-title-margin: 0 0 12px;
    --employee-summary-contact-details-padding: 0;
    --employee-summary-contact-details-margin: 20px 0;
    --employee-summary-link-color: var(--color-sky-600);
    --employee-summary-link-font-size: 16px;
    --employee-summary-link-font-weight: 400;
    --employee-summary-link-text-decoration: none;
    --employee-summary-link-hover-color: var(--color-primary-800);
    --employee-summary-link-hover-text-decoration: none;
    --employee-summary-contact-link-color: var(--color-slate-600);
    --employee-summary-contact-link-hover-color: var(--color-primary);

    /* Employee Page */
    --employee-content-background: var(--color-white);
    --employee-content-margin: 0;
    --employee-content-padding: 60px 0 120px;
    --employee-content-border-width: 0;
    --employee-content-border-style: solid;
    --employee-content-border-color: transparent;
    --employee-content-container-margin: 0 auto;
    --employee-content-container-padding: 0 1rem;
    --employee-content-container-border-width: 0;
    --employee-content-container-border-style: solid;
    --employee-content-container-border-color: transparent;
    --employee-content-font-size: 17px;
    --employee-content-text-color: var(--color-slate-600);
    --employee-content-buttons-margin: 40px 0 0;
    --employee-content-buttons-padding: 0;

    --employee-specializations-padding: 60px 0 0;
    --employee-specializations-margin: 0;
    --employee-specializations-check-icon-font-size: 16px;
    --employee-specializations-check-icon-color: var(--color-primary-500);
    --employee-specialization-registry-logo-border: none;
    --employee-specialization-registry-logo-background: var(--color-white);
    --employee-specialization-registry-logo-border-radius: 0;
    --employee-specialization-registry-text-font-size: 16px;
    --employee-specialization-registry-text-font-weight: 400;

    --employee-card-max-width: 340px;
    --employee-card-border-radius: 30px 0;
    --employee-card-box-shadow: var(--box-shadow), -15px 15px 0 var(--color-slate-200);
    --employee-card-padding: 0;
    --employee-card-margin: 0 0 0 auto;
    --employee-card-background: var(--color-white);
    --employee-card-border-width: 0;
    --employee-card-border-style: solid;
    --employee-card-border-color: transparent;
    --employee-card-body-padding: 30px;
    --employee-card-body-margin: 0;
    --employee-card-job-title-font-size: 20px;
    --employee-card-job-title-font-weight: 700;
    --employee-card-job-title-color: var(--color-black);
    --employee-card-active-since-font-size: 16px;
    --employee-card-active-since-font-weight: 600;
    --employee-card-active-since-color: var(--color-primary);
    --employee-card-contact-details-padding: 0;
    --employee-card-contact-details-margin: 20px 0;
    --employee-card-contact-link-color: var(--color-slate-600);
    --employee-card-contact-link-hover-color: var(--color-primary);
    --employee-card-social-padding: 0;
    --employee-card-social-margin: 20px 0 40px;

    /* Services page styles */
    --services-content-background: var(--color-white);
    --services-content-margin: 0;
    --services-content-padding: 60px 0 40px;
    --services-content-border-width: 0;
    --services-content-border-style: solid;
    --services-content-border-color: transparent;
    --services-content-container-margin: 0 auto;
    --services-content-container-padding: 0 1rem;
    --services-content-container-border-width: 0;
    --services-content-container-border-style: solid;
    --services-content-container-border-color: transparent;
    --services-content-font-size: 17px;
    --services-content-text-color: var(--color-slate-600);

    --services-overview-background: var(--color-white);
    --services-overview-margin: 0;
    --services-overview-padding: 60px 0;
    --services-overview-border-width: 0;
    --services-overview-border-style: solid;
    --services-overview-border-color: transparent;
    --services-overview-container-margin: 0 auto;
    --services-overview-container-padding: 0 1rem;
    --services-overview-container-border-width: 0;
    --services-overview-container-border-style: solid;
    --services-overview-container-border-color: transparent;

    /* Services -> Service Subpage styles */
    --service-content-background: var(--color-white);
    --service-content-margin: 0;
    --service-content-padding: 60px 0;
    --service-content-border-width: 0;
    --service-content-border-style: solid;
    --service-content-border-color: transparent;
    --service-content-container-margin: 0 auto;
    --service-content-container-padding: 0 1rem;
    --service-content-container-border-width: 0;
    --service-content-container-border-style: solid;
    --service-content-container-border-color: transparent;
    --service-content-content-color: var(--color-slate-600);
    --service-content-content-font-size: 16px;
    --service-content-buttons-margin: 40px 0 0;
    --service-content-buttons-padding: 0;

    /* News Page styles */
    --news-content-background: none;
    --news-content-margin: 0;
    --news-content-padding: 60px 0;
    --news-content-border-width: 0;
    --news-content-border-style: solid;
    --news-content-border-color: transparent;
    --news-content-container-margin: 0 auto;
    --news-content-container-padding: 0 1rem;
    --news-content-container-border-width: 0;
    --news-content-container-border-style: solid;
    --news-content-container-border-color: transparent;
    --news-content-content-color: var(--color-quaternary);
    --news-content-content-font-size: 18px;

    --news-overview-background: var(--color-white);
    --news-overview-margin: 0;
    --news-overview-padding: 60px 0;
    --news-overview-border-width: 0;
    --news-overview-border-style: solid;
    --news-overview-border-color: transparent;
    --news-overview-container-margin: 0 auto;
    --news-overview-container-padding: 0 1rem;
    --news-overview-container-border-width: 0;
    --news-overview-container-border-style: solid;
    --news-overview-container-border-color: transparent;

    --newspost-summary-padding: 25px 30px 40px;
    --newspost-summary-margin: 0;
    --newspost-summary-color: var(--color-slate-600);
    --newspost-summary-background: var(--color-white);
    --newspost-summary-border-radius: 30px 0;
    --newspost-summary-border-width: 0;
    --newspost-summary-border-style: solid;
    --newspost-summary-border-color: transparent;
    --newspost-summary-box-shadow: var(--box-shadow), 15px 15px 0 var(--color-slate-300);
    --newspost-summary-text-align: left;
    --newspost-summary-title-font-size: 20px;
    --newspost-summary-title-font-weight: 700;
    --newspost-summary-title-font-family: var(--font-secondary);
    --newspost-summary-title-color: var(--color-black);
    --newspost-summary-title-hover-color: var(--color-primary-700);
    --newspost-summary-title-margin: 0;
    --newspost-summary-title-text-decoration: none;
    --newspost-summary-title-hover-text-decoration: none;
    --newspost-summary-date-font-size: 14px;
    --newspost-summary-date-font-weight: 600;
    --newspost-summary-date-color: var(--color-slate-300);
    --newspost-summary-date-margin: 5px 0 12px;
    --newspost-summary-link-margin: 1rem 0 0;
    --newspost-summary-link-color: var(--color-white);
    --newspost-summary-link-font-size: 16px;
    --newspost-summary-link-font-weight: 400;
    --newspost-summary-link-text-decoration: none;
    --newspost-summary-link-hover-color: var(--color-white);
    --newspost-summary-link-hover-text-decoration: none;
    --newspost-summary-type-padding: 5px 10px;
    --newspost-summary-type-margin: 0 0 .5rem;
    --newspost-summary-type-font-size: 15px;
    --newspost-summary-type-font-weight: 600;
    --newspost-summary-type-background: var(--color-primary-200);
    --newspost-summary-type-color: var(--color-black);
    --newspost-summary-type-border-radius: 0;

    /* News -> Newspost Subpage styles */
    --newspost-background: var(--color-white);
    --newspost-margin: 0;
    --newspost-padding: 60px 0 100px;
    --newspost-border-width: 0;
    --newspost-border-style: solid;
    --newspost-border-color: transparent;
    --newspost-container-margin: 0 auto;
    --newspost-container-padding: 0 1rem;
    --newspost-container-border-width: 0;
    --newspost-container-border-style: solid;
    --newspost-container-border-color: transparent;
    --newspost-content-color: var(--color-slate-600);
    --newspost-content-font-size: 16px;
    --newspost-buttons-margin: 60px 0 0;
    --newspost-buttons-padding: 0;
    --newspost-date-font-size: 16px;
    --newspost-date-font-weight: 600;
    --newspost-date-color: var(--color-primary-600);
    --newspost-date-margin: 0 0 12px;
    --newspost-type-padding: 5px 10px;
    --newspost-type-margin: 0 0 .5rem;
    --newspost-type-font-size: 16px;
    --newspost-type-font-weight: 700;
    --newspost-type-background: var(--color-primary-200);
    --newspost-type-color: var(--color-black);
    --newspost-type-border-radius: 0;

    /* Contact Page styles */
    --contact-details-background: var(--color-white);
    --contact-details-margin: 0;
    --contact-details-padding: 50px 0 80px;
    --contact-details-border-width: 0;
    --contact-details-border-style: solid;
    --contact-details-border-color: transparent;
    --contact-details-container-margin: 0 auto;
    --contact-details-container-padding: 0 1rem;
    --contact-details-container-border-width: 0;
    --contact-details-container-border-style: solid;
    --contact-details-container-border-color: transparent;

    --contact-card-gap: 20px;
    --contact-card-padding: 35px 30px 40px;
    --contact-card-margin: 0;
    --contact-card-border-radius: 30px 0;
    --contact-card-border-width: 0;
    --contact-card-border-style: solid;
    --contact-card-border-color: transparent;
    --contact-card-background: var(--color-white);
    --contact-card-shadow: var(--box-shadow), -15px 15px 0 var(--color-slate-200);
    --contact-card-color: var(--color-slate-600);
    --contact-card-icon-font-size: 42px;
    --contact-card-icon-color: var(--color-primary);
    --contact-card-icon-margin: 0;
    --contact-card-icon-padding: 0;
    --contact-card-title-font-family: var(--font-secondary);
    --contact-card-title-line-height: 1.3rem;
    --contact-card-title-font-size: 24px;
    --contact-card-title-font-weight: 700;
    --contact-card-title-margin: 0;
    --contact-card-title-padding: 0;
    --contact-card-title-color: var(--color-black);
    --contact-card-body-text-align: center;
    --contact-card-link-color: var(--color-primary);
    --contact-card-link-hover-color: var(--color-primary-700);
    --contact-card-link-decoration: none;
    --contact-card-link-hover-decoration: underline;

    --contact-form-background: var(--color-highlight);
    --contact-form-banner-background: var(--color-primary);
    --contact-form-banner-overlay-background: #05578760;
    --contact-form-margin: 0 0 60px;
    --contact-form-padding: 0;
    --contact-form-border-width: 2px 0;
    --contact-form-border-style: solid;
    --contact-form-border-color: var(--color-highlight-200);
    --contact-form-container-margin: 0 auto;
    --contact-form-container-padding: 60px 1rem 100px;
    --contact-form-container-border-width: 0;
    --contact-form-container-border-style: solid;
    --contact-form-container-border-color: transparent;

    /* Error page styles */
    --error-page-background: var(--color-white);
    --error-page-margin: 0;
    --error-page-padding: 60px 0;
    --error-page-border-width: 0;
    --error-page-border-style: solid;
    --error-page-border-color: transparent;
    --error-page-container-margin: 0 auto;
    --error-page-container-padding: 0 1rem;
    --error-page-container-border-width: 0;
    --error-page-container-border-style: solid;
    --error-page-container-border-color: transparent;
    --error-page-title-color: var(--color-primary);
    --error-page-title-font-weight: 400;
    --error-page-title-font-family: var(--font-secondary);
    --error-page-title-font-size: 36px;
    --error-page-title-margin: 0 0 5px;
    --error-page-title-highlight-color: var(--color-secondary);
    --error-page-title-highlight-font-weight: 700;
    --error-page-sub-title-color: var(--color-black);
    --error-page-sub-title-font-weight: 400;
    --error-page-sub-title-font-family: var(--font-primary);
    --error-page-sub-title-font-size: 18px;
    --error-page-sub-title-margin: 0 0 46px;

    /* Components: Pagination */
    --pagination-margin: 60px 0 15px;
    --pagination-padding: 0;
    --pagination-container-margin: 0;
    --pagination-container-padding: 0 1rem;
    --pagination-item-background: var(--color-primary-200);
    --pagination-item-color: var(--color-black);
    --pagination-item-font-size: 18px;
    --pagination-item-font-weight: 700;
    --pagination-item-border: 0;
    --pagination-item-border-radius: 10px 0;
    --pagination-item-hover-border: none;
    --pagination-item-hover-background: var(--color-primary);
    --pagination-item-hover-color: var(--color-white);
    --pagination-item-current-border: none;
    --pagination-item-current-background: var(--color-black);
    --pagination-item-current-color: var(--color-white);
    --pagination-item-disabled-border: none;
    --pagination-item-disabled-background: var(--color-white);
    --pagination-item-disabled-color: var(--color-slate-300);
    --pagination-item-padding: 8px;
    --pagination-item-width: 44px;
    --pagination-item-height: 44px;
    --pagination-ellipsis-color: #000;
    --pagination-ellipsis-font-weight: 400;
    --pagination-count-color: var(--color-black);
    --pagination-count-font-size: 16px;
    --pagination-count-font-weight: 700;
    --pagination-count-highlight-color: var(--color-primary);
    --pagination-count-highlight-font-size: 16px;
    --pagination-count-highlight-font-weight: 700;

    /* Components: Widgets */
    --widget-padding: 35px 30px 40px;
    --widget-margin: 0;
    --widget-border-radius: 0 30px;
    --widget-home-contact-background: var(--color-primary-900);
    --widget-home-contact-color: var(--color-white);
    --widget-home-buttons-background: var(--color-primary-50);
    --widget-home-buttons-color: var(--color-slate-800);
    --widget-about-contact-background: var(--color-primary-900);
    --widget-about-contact-color: var(--color-white);
    --widget-about-buttons-background: var(--color-primary-50);
    --widget-about-buttons-color: var(--color-slate-800);
    --widget-review-score-background: var(--color-primary);
    --widget-review-score-color: var(--color-white);
    --widget-review-score-title-color: var(--color-white);
    --widget-review-score-score-color: var(--color-primary-200);
    --widget-review-score-font-size: 14px;
    --widget-review-score-title-font-size: 15px;
    --widget-review-score-score-font-size: 34px;
    --widget-review-score-score-font-size-lg: 72px;
    --widget-review-score-star-on-color: var(--color-yellow-400);
    --widget-review-score-star-off-color: var(--color-primary-600);
    --widget-service-background: var(--color-primary-600);
    --widget-service-color: var(--color-white);
    --widget-service-text-align: left;
    --widget-service-font-size: 17px;
    --widget-service-title-color: var(--color-white);
    --widget-service-title-margin: 0 0 10px;
    --widget-contact-background: var(--color-primary-800);
    --widget-contact-color: var(--color-white);
    --widget-contact-text-align: center;
    --widget-contact-font-size: 17px;
    --widget-contact-title-color: var(--color-primary-300);
    --widget-contact-title-margin: 0 0 10px;
    --widget-downloads-background: var(--color-primary-50);
    --widget-downloads-color: var(--color-quaternary);
    --widget-downloads-text-align: left;
    --widget-downloads-font-size: 17px;
    --widget-downloads-title-color: var(--color-black);
    --widget-downloads-title-margin: 0 0 10px;
    --widget-title-font-size: 22px;
    --widget-title-font-weight: 700;
    --widget-title-font-family: var(--font-secondary);
    --widget-title-color: var(--color-primary);

    /* Components: Forms */
    --form-label-font-weight: 700;
    --form-label-font-family: var(--font-secondary, sans-serif);
    --form-label-font-size: 16px;
    --form-label-color: var(--color-primary-600);
    --form-label-required-font-weight: 700;
    --form-label-required-color: var(--color-red-500);
    --form-input-border-radius: 6px;
    --form-input-font-size: 16px;
    --form-input-font-weight: 400;
    --form-input-font-family: var(--font-primary, sans-serif);
    --form-input-background: var(--color-white);
    --form-input-border: 1px solid var(--color-tertiary);
    --form-input-box-shadow: none;
    --form-input-focus-border: 1px solid var(--color-primary);
    --form-input-focus-box-shadow: 0 0 0 4px #005BA415;
    --form-input-placeholder-color: var(--color-highlight);
    --form-error-font-size: 14px;
    --form-error-font-weight: 400;
    --form-input-error-color: var(--color-red-400);
    --form-legal-links-margin: 1rem 0 0;
}

/* Wysiwyg Editor output styles */
.editor-content h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-family: var(--font-primary), sans-serif;
}
.editor-content h2, h3 {
    font-weight: 700;
    font-family: var(--font-primary), sans-serif;
    color: var(--color-primary);
    font-size: 26px;
}
.editor-content h4, h5 {
    font-weight: 700;
    font-family: var(--font-primary), sans-serif;
    color: var(--color-primary);
    font-size: 22px;
}
.editor-content h6 {
    font-weight: 700;
    font-family: var(--font-primary), sans-serif;
    color: var(--color-secondary-800);
    font-size: 20px;
}

.editor-content a {
    color: var(--color-primary);
    text-decoration: none;
}
.editor-content a:hover {
    color: var(--color-primary-700);
    text-decoration: underline;
}

.editor-content li::marker {
    color: var(--color-primary-700);
}

/* Custom Styles & Overrides */
.home-banner,
.page-breadcrumbs {
    max-width: 1750px;
    border-radius: 0 0 40px 40px;
    margin: 0 auto;
}
.home-banner > img,
.page-breadcrumbs > img,
.home-banner__overlay,
.page-breadcrumbs__overlay {
    border-radius: 0 0 40px 40px;
}

.footer {
    max-width: 1750px;
    margin: 0 auto;
    width: 100%;
    border-radius: 40px 40px 0 0;
}

@media screen and (min-width: 1820px) {
    .footer__navigation-bar {
        margin: 0 -20px;
        border-radius: 20px 20px 0 0;
    }
}

.button.button--primary,
.button.button--secondary,
.service-summary .link,
.newspost-summary__link,
.employee-summary__link {
    display: inline-flex;
    padding: 10px 20px;
    border-radius: 4px;
    font-family: var(--font-secondary), sans-serif;
    font-weight: 700;
    background: var(--color-primary);
    color: var(--color-white);
    box-shadow: 5px 5px 0 var(--color-primary-200);
    transition: all .2s ease-in-out;
    border: 0;
}
.button.button--primary:hover,
.button.button--secondary:hover,
.service-summary .link:hover,
.newspost-summary__link:hover,
.employee-summary__link:hover {
    color: var(--color-white);
    background: var(--color-primary-900);
    box-shadow: 5px 15px 0 var(--color-primary-50);
    border: 0;
}

.button.button--primary {
    padding: 15px 30px;
    color: var(--color-white);
    background: var(--color-black);
    box-shadow: 5px 5px 0 var(--color-slate-200);
}
.button.button--primary:hover {
    color: var(--color-white);
    background: var(--color-slate-500);
    box-shadow: 5px 15px 0 var(--color-slate-50);
}

.service-summary__icon,
.contact-card__icon-container {
    min-height: 46px;
    min-width: 46px;
    padding: 10px;
    border-radius: 50%;
    background: var(--color-primary-100);
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .service-summary__icon,
    .contact-card__icon-container {
        min-height: 120px;
        min-width: 120px;
        height: 120px;
        width: 120px;
    }
}

.service-summary__title {
    margin-bottom: 15px;
}
.service-summary .link {
    margin: 10px auto 0;
}

.main {
    overflow: hidden;
}

.home-services__container::before,
.home-news::before,
.contact-details__container::before {
    background-color: var(--color-primary-50);
    opacity: 0.8;
    background-image: radial-gradient(var(--color-primary-700) 0.5px, var(--color-primary-50) 0.5px);
    background-size: 10px 10px;
}

.home-services__container {
    position: relative;
}
.home-services__container::before,
.contact-details__container::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 80px;
    left: -30px;
    right: -30px;
    height: 300px;
    content: '';
}
.home-services__container > .grid,
.contact-details__container > .grid {
    position: relative;
    z-index: 2;
}

.home-reviews {
    max-width: 1596px;
    margin: 0 auto;
    background-color: var(--color-primary-100);
    opacity: 0.8;
    background-image: radial-gradient(var(--color-white) 1px, var(--color-primary-100) 1px);
    background-size: 10px 10px;
}
.about-employees,
.services-overview,
.news-overview {
    max-width: 1596px;
    margin: 0 auto 60px;
    background-color: var(--color-primary-50);
    opacity: 0.8;
    background-image: radial-gradient(var(--color-primary-700) 0.5px, var(--color-primary-50) 0.5px);
    background-size: 10px 10px;
}

.home-news::before {
    display: block;
    position: absolute;
    top: 110px;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: 1;
    max-width: 1596px;
    margin: 0 auto;
}
.home-news__image {
    z-index: 2;
}
.home-news__image > img {
    border-radius: 40px 0 0 0;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.home-news__container {
    z-index: 3;
}
.home-services__container .gap-5,
.home-news .gap-4,
.services-overview .gap-5,
.news-overview .gap-6 {
    gap: 40px;
}
.home-news .button.button--primary {
    margin-top: 40px;
}

.newspost-summary__link {
    margin: 20px auto 0 0;
}

.employee-summary__link {
    margin-top: 30px;
}
.employee-summary img {
    border-radius: 0 30px;
}
.employee-card img {
    border-radius: 30px 0;
}

.widget--review-score {
    width: 220px;
    box-shadow: var(--box-shadow), -15px 15px 0 var(--color-primary-600);
}

.contact-form__image,
.contact-form__image > img,
.contact-form__overlay {
    border-radius: 40px 0 0 40px;
}
.contact-card__icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.contact-details__container {
    position: relative;
}

.widget.widget--home-contact a[href^="tel:"],
.widget.widget--about-contact a[href^="tel:"] {
    color: var(--color-primary-400);
}
.widget.widget--home-contact a[href^="tel:"]:hover,
.widget.widget--about-contact a[href^="tel:"]:hover {
    color: var(--color-primary-200);
}