/* Gegenereerd door 'php artisan assets:bundel' - niet met de hand bewerken.
   Bronnen aanpassen? Bewerk de losse bestanden en draai het command opnieuw. */
/* === assets/css/fonts.css === */
@font-face {
font-family: 'Caveat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/webfonts/caveat-600-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Caveat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/webfonts/caveat-600-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-400-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-600-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-600-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-700-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-800-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-800-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-900-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/webfonts/exo-900-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* === assets/css/theme.slim.css === */
:root, [data-bs-theme="light"] { --bs-blue: #528ff0; --bs-indigo: #6354ff; --bs-purple: #7d42c1; --bs-pink: #d419ae; --bs-red: #ef5350; --bs-orange: #ff6500; --bs-yellow: #feaf2c; --bs-green: #61D066; --bs-teal: #49dab5; --bs-cyan: #5bd6ec; --bs-black: #080713; --bs-gray: #434064; --bs-gray-dark: #23213F; --bs-gray-100: #FAFAFE; --bs-gray-300: #E0DFEA; --bs-gray-400: #C5C4D5; --bs-gray-500: #B5B4C3; --bs-gray-600: #434064; --bs-gray-700: #2B284A; --bs-gray-800: #23213F; --bs-gray-900: #16142F; --bs-primary: #6354ff; --bs-secondary: #2B284A; --bs-success: #61D066; --bs-info: #5bd6ec; --bs-warning: #feaf2c; --bs-danger: #ef5350; --bs-light: #FAFAFE; --bs-white: #fff; --bs-gray-200: #EDECF5; --bs-dark: #080713; --bs-primary-rgb: 99,84,255; --bs-secondary-rgb: 43,40,74; --bs-success-rgb: 97,208,102; --bs-info-rgb: 91,214,236; --bs-warning-rgb: 254,175,44; --bs-danger-rgb: 239,83,80; --bs-light-rgb: 250,250,254; --bs-gray-200-rgb: 237,236,245; --bs-dark-rgb: 8,7,19; --bs-primary-text-emphasis: #282266; --bs-secondary-text-emphasis: #11101e; --bs-success-text-emphasis: #275329; --bs-info-text-emphasis: #24565e; --bs-warning-text-emphasis: #664612; --bs-danger-text-emphasis: #602120; --bs-light-text-emphasis: #2B284A; --bs-dark-text-emphasis: #2B284A; --bs-primary-bg-subtle: #efeeff; --bs-secondary-bg-subtle: #eaeaed; --bs-success-bg-subtle: #effaf0; --bs-info-bg-subtle: #effbfd; --bs-warning-bg-subtle: #fff7ea; --bs-danger-bg-subtle: #fdeeee; --bs-light-bg-subtle: #fdfdff; --bs-dark-bg-subtle: #C5C4D5; --bs-primary-border-subtle: #c1bbff; --bs-secondary-border-subtle: #aaa9b7; --bs-success-border-subtle: #c0ecc2; --bs-info-border-subtle: #bdeff7; --bs-warning-border-subtle: #ffdfab; --bs-danger-border-subtle: #f9bab9; --bs-light-border-subtle: #EDECF5; --bs-dark-border-subtle: #B5B4C3; --bs-white-rgb: 255,255,255; --bs-black-rgb: 8,7,19; --bs-font-sans-serif: "Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.6; --bs-body-color: #16142F; --bs-body-color-rgb: 22,20,47; --bs-body-bg: #fff; --bs-body-bg-rgb: 255,255,255; --bs-emphasis-color: #080713; --bs-emphasis-color-rgb: 8,7,19; --bs-secondary-color: rgba(22, 20, 47, 0.75); --bs-secondary-color-rgb: 22,20,47; --bs-secondary-bg: #EDECF5; --bs-secondary-bg-rgb: 237,236,245; --bs-tertiary-color: rgba(22, 20, 47, 0.5); --bs-tertiary-color-rgb: 22,20,47; --bs-tertiary-bg: #FAFAFE; --bs-tertiary-bg-rgb: 250,250,254; --bs-heading-color: inherit; --bs-link-color: #2B284A; --bs-link-color-rgb: 43,40,74; --bs-link-decoration: none; --bs-link-hover-color: #6354ff; --bs-link-hover-color-rgb: 99,84,255; --bs-code-color: #d419ae; --bs-highlight-color: #16142F; --bs-highlight-bg: papayawhip; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #E0DFEA; --bs-border-color-translucent: #c5c4d5; --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.05); --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.075); --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(99, 84, 255, 0.25); --bs-form-valid-color: #61D066; --bs-form-valid-border-color: #61D066; --bs-form-invalid-color: #ef5350; --bs-form-invalid-border-color: #ef5350; }*, ::after, ::before { box-sizing: border-box; }body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(8, 7, 19, 0); }.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.2; color: var(--bs-heading-color); }.h1, h1 { font-size: calc(1.375rem + 1.5vw); }@media (min-width: 1200px){.h1, h1 { font-size: 2.5rem; }}.h2, h2 { font-size: calc(1.325rem + 0.9vw); }@media (min-width: 1200px){.h2, h2 { font-size: 2rem; }}.h3, h3 { font-size: calc(1.3rem + 0.6vw); }@media (min-width: 1200px){.h3, h3 { font-size: 1.75rem; }}.h4, h4 { font-size: calc(1.275rem + 0.3vw); }@media (min-width: 1200px){.h4, h4 { font-size: 1.5rem; }}.h5, h5 { font-size: 1.25rem; }p { margin-top: 0px; margin-bottom: 1rem; }ol, ul { padding-left: 2rem; }dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }b, strong { font-weight: 700; }a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: none; }a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }figure { margin: 0px 0px 1rem; }img, svg { vertical-align: middle; }label { display: inline-block; }button { border-radius: 0px; }button:focus:not(:focus-visible) { outline: 0px; }button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }button, select { text-transform: none; }[role="button"] { cursor: pointer; }[type="button"], [type="reset"], [type="submit"], button { appearance: button; }[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }textarea { resize: vertical; }::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }::-webkit-inner-spin-button { height: auto; }::-webkit-search-decoration { appearance: none; }::-webkit-color-swatch-wrapper { padding: 0px; }::file-selector-button { font: inherit; appearance: button; }iframe { border: 0px; }[hidden] { display: none !important; }.img-fluid { max-width: 100%; height: auto; }.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }@media (min-width: 576px){.container, .container-sm { max-width: 540px; }}@media (min-width: 768px){.container, .container-md, .container-sm { max-width: 720px; }}@media (min-width: 992px){.container, .container-lg, .container-md, .container-sm { max-width: 960px; }}@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }}@media (min-width: 1400px){.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }}:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }.col { flex: 1 0 0px; }.col-auto { flex: 0 0 auto; width: auto; }.col-6 { flex: 0 0 auto; width: 50%; }.col-12 { flex: 0 0 auto; width: 100%; }.g-4, .gx-4 { --bs-gutter-x: 1.5rem; }.g-4, .gy-4 { --bs-gutter-y: 1.5rem; }.g-5, .gx-5 { --bs-gutter-x: 2rem; }.g-5, .gy-5 { --bs-gutter-y: 2rem; }@media (min-width: 576px){.col-sm-6 { flex: 0 0 auto; width: 50%; }}@media (min-width: 768px){.col-md-4 { flex: 0 0 auto; width: 33.3333%; }.col-md-5 { flex: 0 0 auto; width: 41.6667%; }.col-md-6 { flex: 0 0 auto; width: 50%; }.col-md-7 { flex: 0 0 auto; width: 58.3333%; }.col-md-8 { flex: 0 0 auto; width: 66.6667%; }}@media (min-width: 992px){.col-lg-2 { flex: 0 0 auto; width: 16.6667%; }.col-lg-3 { flex: 0 0 auto; width: 25%; }.col-lg-4 { flex: 0 0 auto; width: 33.3333%; }.col-lg-5 { flex: 0 0 auto; width: 41.6667%; }.col-lg-6 { flex: 0 0 auto; width: 50%; }.col-lg-7 { flex: 0 0 auto; width: 58.3333%; }}.form-control { display: block; width: 100%; padding: 0.525rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--bs-body-color); appearance: none; background-color: var(--bs-form-control-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color-translucent); border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }@media (prefers-reduced-motion: reduce){.form-control { transition: none; }}.form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; }.form-control:focus { color: var(--bs-body-color); background-color: var(--bs-form-control-bg); border-color: rgb(177, 170, 255); outline: 0px; box-shadow: rgba(99, 84, 255, 0.25) 0px 0px 0px 0.25rem; }.form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.6em; margin: 0px; }.form-control::-webkit-datetime-edit { display: block; padding: 0px; }.form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; }.form-control:disabled { background-color: var(--bs-form-control-disabled-bg); opacity: 1; }.form-control::file-selector-button { padding: 0.525rem 1rem; margin: -0.525rem -1rem; margin-inline-end: 1rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }@media (prefers-reduced-motion: reduce){.form-control::file-selector-button { transition: none; }}.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); }textarea.form-control { min-height: calc(1.6em + 1.05rem + calc(var(--bs-border-width) * 2)); }.form-control-color:not(:disabled):not([readonly]) { cursor: pointer; }[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); }.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; }.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }.form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.5rem; z-index: -1; height: 1.875em; content: ""; background-color: var(--bs-form-control-bg); border-radius: 0.375rem; }.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: rgb(67, 64, 100); }.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1 * var(--bs-border-width)); border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); }.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; }.form-control.is-valid, .was-validated .form-control:valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.6em + 1.05rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2361D066' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.4em + 0.2625rem) center; background-size: calc(0.8em + 0.525rem) calc(0.8em + 0.525rem); }.form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.6em + 1.05rem); background-position: right calc(0.4em + 0.2625rem) top calc(0.4em + 0.2625rem); }.form-select.is-valid, .was-validated .form-select:valid { border-color: var(--bs-form-valid-border-color); }.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2361D066' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 5.5rem; background-position: right 1rem center, right 3rem center; background-size: 16px 12px, calc(0.8em + 0.525rem) calc(0.8em + 0.525rem); }.form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }.form-control-color.is-valid, .was-validated .form-control-color:valid { width: calc(1.6em + 4.05rem); }.form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color); }.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color); }.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-form-valid-color); }.form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; }.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid { z-index: 3; }.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); }.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; }.form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.6em + 1.05rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ef5350'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef5350' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.4em + 0.2625rem) center; background-size: calc(0.8em + 0.525rem) calc(0.8em + 0.525rem); }.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.6em + 1.05rem); background-position: right calc(0.4em + 0.2625rem) top calc(0.4em + 0.2625rem); }.form-select.is-invalid, .was-validated .form-select:invalid { border-color: var(--bs-form-invalid-border-color); }.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ef5350'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef5350' stroke='none'/%3e%3c/svg%3e"); padding-right: 5.5rem; background-position: right 1rem center, right 3rem center; background-size: 16px 12px, calc(0.8em + 0.525rem) calc(0.8em + 0.525rem); }.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }.form-control-color.is-invalid, .was-validated .form-control-color:invalid { width: calc(1.6em + 4.05rem); }.form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color); }.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color); }.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-form-invalid-color); }.form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; }.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid { z-index: 4; }.btn { --bs-btn-padding-x: 1rem; --bs-btn-padding-y: 0.525rem; --bs-btn-font-family: var(--bs-font-sans-serif); --bs-btn-font-size: 1rem; --bs-btn-font-weight: 500; --bs-btn-line-height: 1.6; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.375rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(8, 7, 19, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }@media (prefers-reduced-motion: reduce){.btn { transition: none; }}.btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); }.btn.disabled, .btn:disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); }.fade { transition: opacity 0.15s linear; }@media (prefers-reduced-motion: reduce){.fade { transition: none; }}.fade:not(.show) { opacity: 0; }.collapse:not(.show) { display: none; }.collapsing { height: 0px; overflow: hidden; transition: height 0.35s; }@media (prefers-reduced-motion: reduce){.collapsing { transition: none; }}.collapsing.collapse-horizontal { width: 0px; height: auto; transition: width 0.35s; }@media (prefers-reduced-motion: reduce){.collapsing.collapse-horizontal { transition: none; }}.dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); }.dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; }.dropdown-menu.show { display: block; }.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; }.nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }.nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); background: 0px 0px; border: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }@media (prefers-reduced-motion: reduce){.nav-link { transition: none; }}.nav-link:focus, .nav-link:hover { color: var(--bs-nav-link-hover-color); }.nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; }.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); }.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); }.nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; }.tab-content > .tab-pane { display: none; }.tab-content > .active { display: block; }.navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2822, 20, 47, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: 0.375rem; --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }.navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); white-space: nowrap; }.navbar-brand:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); }.navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); }.navbar-collapse { flex-grow: 1; flex-basis: 100%; align-items: center; }.navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); }@media (prefers-reduced-motion: reduce){.navbar-toggler { transition: none; }}.navbar-toggler:hover { text-decoration: none; }.navbar-toggler:focus { text-decoration: none; outline: 0px; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center center; background-size: 100%; }@media (min-width: 576px){.navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; }.navbar-expand-sm .navbar-toggler { display: none; }}@media (min-width: 768px){.navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; }.navbar-expand-md .navbar-toggler { display: none; }}@media (min-width: 992px){.navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; }.navbar-expand-lg .navbar-nav { flex-direction: row; }.navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }.navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }.navbar-expand-lg .navbar-toggler { display: none; }}@media (min-width: 1200px){.navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; }.navbar-expand-xl .navbar-toggler { display: none; }}@media (min-width: 1400px){.navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; }.navbar-expand-xxl .navbar-toggler { display: none; }}.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }.navbar-expand .navbar-toggler { display: none; }[data-bs-theme="dark"] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }.card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); }.card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); }.accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2316142F' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23282266' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(99, 84, 255, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); }.accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0px; border-radius: 0px; overflow-anchor: none; transition: var(--bs-accordion-transition); }@media (prefers-reduced-motion: reduce){.accordion-button { transition: none; }}.accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }.accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); }.accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); }@media (prefers-reduced-motion: reduce){.accordion-button::after { transition: none; }}.accordion-button:hover { z-index: 2; }.accordion-button:focus { z-index: 3; outline: 0px; box-shadow: var(--bs-accordion-btn-focus-box-shadow); }.accordion-header { margin-bottom: 0px; }.accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); }.accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); }.accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); }.accordion-item:not(:first-of-type) { border-top: 0px; }.accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); }.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); }.accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); }.accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); }.accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0px; }.breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); }.active > .page-link, .page-link.active { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); }.disabled > .page-link, .page-link.disabled { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); }@keyframes progress-bar-stripes {
0% { background-position-x: var(--bs-progress-height); }
}.list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); }.list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); }.list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); }.list-group-item-action:not(.active):focus, .list-group-item-action:not(.active):hover { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); }.list-group-item-action:not(.active):active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); }.list-group-horizontal > .list-group-item.active { margin-top: 0px; }.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }@media (min-width: 576px){.list-group-horizontal-sm > .list-group-item.active { margin-top: 0px; }.list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }}@media (min-width: 768px){.list-group-horizontal-md > .list-group-item.active { margin-top: 0px; }.list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }}@media (min-width: 992px){.list-group-horizontal-lg > .list-group-item.active { margin-top: 0px; }.list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }}@media (min-width: 1200px){.list-group-horizontal-xl > .list-group-item.active { margin-top: 0px; }.list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }}@media (min-width: 1400px){.list-group-horizontal-xxl > .list-group-item.active { margin-top: 0px; }.list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }}.btn-close { --bs-btn-close-color: #080713; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23080713'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(99, 84, 255, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; filter: var(--bs-btn-close-filter); border: 0px; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); }.btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); }.btn-close:focus { outline: 0px; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); }.btn-close.disabled, .btn-close:disabled { pointer-events: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); }.toast.showing { opacity: 0; }.toast:not(.show) { display: none; }.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.6; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }.modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; }.modal.fade .modal-dialog { transform: translate(0px, -50px); transition: transform 0.3s ease-out; }@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog { transition: none; }}.modal.show .modal-dialog { transform: none; }.modal.modal-static .modal-dialog { transform: scale(1.02); }.modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); }.modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }.modal-dialog-scrollable .modal-body { overflow-y: auto; }.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); }.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0px; }.modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #080713; --bs-backdrop-opacity: 0.5; position: fixed; top: 0px; left: 0px; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); }.modal-backdrop.fade { opacity: 0; }.modal-backdrop.show { opacity: var(--bs-backdrop-opacity); }.modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); }.modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); margin-top: calc(-.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y)); margin-left: auto; }.modal-title { margin-bottom: 0px; line-height: var(--bs-modal-title-line-height); }.modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); }.modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); }.modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5); }@media (min-width: 576px){.modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); }.modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; }.modal-sm { --bs-modal-width: 300px; }}@media (min-width: 992px){.modal-lg, .modal-xl { --bs-modal-width: 800px; }}@media (min-width: 1200px){.modal-xl { --bs-modal-width: 1140px; }}.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0px; }.modal-fullscreen .modal-body { overflow-y: auto; }@media (max-width: 575.98px){.modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-sm-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0px; }.modal-fullscreen-sm-down .modal-body { overflow-y: auto; }}@media (max-width: 767.98px){.modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-md-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0px; }.modal-fullscreen-md-down .modal-body { overflow-y: auto; }}@media (max-width: 991.98px){.modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-lg-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0px; }.modal-fullscreen-lg-down .modal-body { overflow-y: auto; }}@media (max-width: 1199.98px){.modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-xl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0px; }.modal-fullscreen-xl-down .modal-body { overflow-y: auto; }}@media (max-width: 1399.98px){.modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0px; }.modal-fullscreen-xxl-down .modal-body { overflow-y: auto; }}.tooltip.show { opacity: var(--bs-tooltip-opacity); }.carousel.pointer-event { touch-action: pan-y; }.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; }.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); }.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); }.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; }.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0.6s; }@media (prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none; }}.carousel-indicators .active { opacity: 1; }:root, [data-bs-theme="light"] { --bs-carousel-indicator-active-bg: #fff; --bs-carousel-caption-color: #fff; }@keyframes spinner-border {
100% { transform: rotate(360deg); }
}@keyframes spinner-grow {
0% { transform: scale(0); }
50% { opacity: 1; transform: none; }
}@media (max-width: 575.98px){.offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none; }.offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible; }}@media (max-width: 767.98px){.offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none; }.offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible; }}@media (max-width: 991.98px){.offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none; }.offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible; }}@media (max-width: 1199.98px){.offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none; }.offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible; }}@media (max-width: 1399.98px){.offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none; }.offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible; }}.offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; }.offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible; }.offcanvas-backdrop.fade { opacity: 0; }.offcanvas-backdrop.show { opacity: 0.5; }@keyframes placeholder-glow {
50% { opacity: 0.2; }
}@keyframes placeholder-wave {
100% { mask-position: -200% 0px; }
}.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important; }.visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !important; }.d-flex { display: flex !important; }.border-0 { border: 0px !important; }.w-100 { width: 100% !important; }.h-100 { height: 100% !important; }.flex-wrap { flex-wrap: wrap !important; }.justify-content-end { justify-content: flex-end !important; }.justify-content-center { justify-content: center !important; }.align-items-start { align-items: flex-start !important; }.align-items-center { align-items: center !important; }.mt-2 { margin-top: 0.5rem !important; }.mt-3 { margin-top: 1rem !important; }.mt-4 { margin-top: 1.5rem !important; }.mt-5 { margin-top: 2rem !important; }.me-1 { margin-right: 0.25rem !important; }.mb-0 { margin-bottom: 0px !important; }.mb-1 { margin-bottom: 0.25rem !important; }.mb-4 { margin-bottom: 1.5rem !important; }.pt-0 { padding-top: 0px !important; }.pt-2 { padding-top: 0.5rem !important; }.pb-0 { padding-bottom: 0px !important; }.gap-2 { gap: 0.5rem !important; }.gap-3 { gap: 1rem !important; }.text-center { text-align: center !important; }.text-decoration-none { text-decoration: none !important; }@media (min-width: 992px){.align-items-lg-center { align-items: center !important; }.order-lg-first { order: -1 !important; }.order-lg-last { order: 6 !important; }.mb-lg-0 { margin-bottom: 0px !important; }.text-lg-end { text-align: right !important; }}:root { --bs-font-serif: "Source Serif 4",serif; --bs-border-radius-block: 3.25rem; --bs-border-radius-blob: 30% 70% 70% 30%/30% 30% 70% 70%; --bs-border-style-dotted: dotted; --bs-border-style-dashed: dashed; }body { letter-spacing: 0px; -webkit-font-smoothing: antialiased; margin: 0px; }body:not(.loaded) { overflow-x: hidden; }@media (prefers-reduced-motion: reduce){html { scroll-behavior: auto; }}body, html { min-height: 100%; }* { outline: 0px !important; }:focus { outline: 0px !important; }a { transition: 0.2s ease-in-out; }.h1, .h2, h1, h2 { letter-spacing: -0.022rem; }.h3, .h4, .h5, .h6, h3, h4, h5, h6 { letter-spacing: -0.011rem; font-weight: 500; }b, strong { font-weight: 600; }@keyframes textGradientAnimation {
0% { background-position: 50% 30%; }
25% { background-position: 100% 10%; }
50% { background-position: 100% 90%; }
75% { background-position: 60% 90%; }
100% { background-position: 50% 30%; }
}@keyframes transform-x {
0% { opacity: 0; transform: translateX(100%); animation-timing-function: ease; }
100% { opacity: 1; transform: none; }
}@keyframes scaleIn {
0% { transform: scaleX(0); transform-origin: left center; }
100% { transform: scaleX(1); transform-origin: left center; }
}@keyframes scaleOut {
0% { transform: scaleX(1); transform-origin: right center; }
100% { transform: scaleX(0); transform-origin: right center; }
}@keyframes fadeDown {
0% { transform: translateY(-20px); opacity: 0; }
100% { transform: none; opacity: 1; }
}@keyframes underline-both {
100% { transform: translate3d(101%, 0px, 0px); }
}@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}@keyframes connectLine {
0% { transform-origin: 0px 0px; transform: scaleY(0); }
50% { transform-origin: 0px 0px; transform: scaleY(1); }
51% { transform-origin: 0px 100%; transform: scaleY(1); }
100% { transform-origin: 0px 100%; transform: scaleY(0); }
}@keyframes pulse {
0% { transform: scale(1); opacity: 0; }
50% { transform: scale(1); opacity: 1; }
100% { transform: scale(1.5); opacity: 0; }
}@keyframes slide-bg-2 {
33.3% { transform-origin: left top; transform: scale(0.05, 1); }
66.6% { transform-origin: left center; transform: scale(1, 1); }
66.7% { transform-origin: right center; transform: scale(1, 1); }
100% { transform-origin: right center; transform: scale(0, 1); }
}@keyframes show-img-1 {
0%, 66.6% { visibility: hidden; }
100%, 66.7% { visibility: visible; }
}@keyframes bounce {
0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
50% { transform: translateY(0px); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}@keyframes ripple {
0% { transform: scale(1); opacity: 1; }
100% { transform: scale(1.5); opacity: 0; }
}.accordion-button { font-weight: 500; }.accordion { --bs-accordion-color: var(--bs-body-color); }.accordion.accordion-custom .accordion-button:not(.collapsed), .accordion.accordion-custom .accordion-collapse { background-color: var(--bs-tertiary-bg); color: var(--bs-body-color); }.accordion.accordion-custom .accordion-button:not(.collapsed) { box-shadow: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }.accordion.accordion-custom .accordion-button:not(.collapsed)::after { background-image: none; transform: rotate(0deg); color: rgb(99, 84, 255); }.showMore-link { display: inline-block; }.showMore-link[aria-expanded="false"]::after { content: "show more..."; }.showMore-link[aria-expanded="true"]::after { content: "show less..."; }.collapse .search-collapse { background-color: rgb(255, 255, 255); }.collapse-link { position: relative; display: inline-block; }.collapse-link::before { content: "+"; width: 0.5rem; font-weight: 700; text-align: center; display: inline-block; }.collapse-link[aria-expanded="true"]::before { content: "-"; }.collapse-group .nav-link[data-bs-toggle="collapse"], .collapse-group [data-bs-toggle="collapse"] { position: relative; display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; }.collapse-group .nav-link[data-bs-toggle="collapse"]::after, .collapse-group [data-bs-toggle="collapse"]::after { border: 0px; margin-top: 0px; content: ""; position: absolute; top: 50%; right: 0.5rem; width: 0.75rem; height: 0.75rem; transform: translateY(-50%) rotate(180deg); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-style: normal; box-sizing: content-box; font-size: 0.875rem; transition: 0.2s; will-change: transform; font-family: bootstrap-icons !important; font-weight: 400 !important; }.collapse-group .nav-link[data-bs-toggle="collapse"][aria-expanded="true"], .collapse-group [data-bs-toggle="collapse"][aria-expanded="true"] { color: var(--bs-link-hover-color); }.collapse-group .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after, .collapse-group [data-bs-toggle="collapse"][aria-expanded="true"]::after { transform: translateY(-50%) rotate(0deg); }.collapse-group .nav.nav-level-2.flex-column { padding-left: 0.5rem; }.collapse-group .nav.nav-level-3.flex-column { padding-left: 1rem; }.collapse-group .nav.nav-level-2.flex-column > .nav-link, .collapse-group .nav.nav-level-3.flex-column > .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }.bg-dark .collapse-group .nav-link[data-bs-toggle="collapse"][aria-expanded="true"], .bg-dark .collapse-group [data-bs-toggle="collapse"][aria-expanded="true"], .text-light .collapse-group .nav-link[data-bs-toggle="collapse"][aria-expanded="true"], .text-light .collapse-group [data-bs-toggle="collapse"][aria-expanded="true"], .text-white .collapse-group .nav-link[data-bs-toggle="collapse"][aria-expanded="true"], .text-white .collapse-group [data-bs-toggle="collapse"][aria-expanded="true"] { color: rgba(255, 255, 255, 0.65); }.btn { text-transform: capitalize; letter-spacing: -0.011rem; font-weight: 500; --bs-btn-focus-box-shadow: 0 6px 30px -3px rgba(var(--bs-btn-focus-shadow-rgb), .325); }.btn:hover { box-shadow: var(--bs-btn-focus-box-shadow); }.btn-rise[class*="btn-outline-"].active, .btn-rise[class*="btn-outline-"]:active, .btn-rise[class*="btn-outline-"]:focus, .btn-rise[class*="btn-outline-"]:hover, .btn-rise[class^="btn-outline-"].active, .btn-rise[class^="btn-outline-"]:active, .btn-rise[class^="btn-outline-"]:focus, .btn-rise[class^="btn-outline-"]:hover { background-color: transparent !important; }.btn-rise.active:not(:disabled):not(.disabled) .btn-rise-bg, .btn-rise.focus:not(:disabled):not(.disabled) .btn-rise-bg, .btn-rise:focus:not(:disabled):not(.disabled) .btn-rise-bg, .btn-rise:hover:not(:disabled):not(.disabled) .btn-rise-bg { transform: translate(-50%, 0px); border-radius: 0px; }.modal-header .btn-close { padding: 0px; right: 0px; top: 0px; margin: 0px; }.btn-close { width: 32px; height: 32px; background-image: none; opacity: 1; }.text-light .nav .nav-link.active, .text-white .nav .nav-link.active { color: var(--bs-nav-link-active-color); }.nav.nav-filter .nav-link.active { text-decoration: line-through; }.nav.nav-pills.nav-pills-white .nav-link.active { background-color: rgb(99, 84, 255); color: rgb(255, 255, 255); }.nav-tabs .nav-link.active { background-color: transparent; }.nav-link.active { color: var(--bs-link-hover-color); }.navbar .navbar-nav .nav-link { text-transform: capitalize; font-weight: 500; font-size: 1rem; font-family: var(--bs-font-sans-serif); letter-spacing: -0.011rem; }.navbar:not(.position-fixed):not(.position-absolute):not(.fixed-top) { position: relative; }.navbar-dark .navbar-no-collapse-items .nav-link.active, .navbar-dark .navbar-no-collapse-items .nav-link.show, .navbar-link-white .navbar-no-collapse-items .nav-link.active, .navbar-link-white .navbar-no-collapse-items .nav-link.show { color: rgb(255, 255, 255); }.is-sticky .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link.active, .is-sticky .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link.show, .scroll-up .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link.active, .scroll-up .navbar-light.navbar-link-white .navbar-no-collapse-items .nav-link.show { color: rgba(var(--bs-emphasis-color-rgb),1); }.navbar-brand { width: 5rem; display: block; padding: 0px; position: relative; }header.header-transparent.sticky-fixed.is-fixed .navbar-light .navbar-toggler .navbar-toggler-icon > i { color: rgba(var(--bs-emphasis-color-rgb),.65); }@media (min-width: 992px){header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link.active { color: rgb(255, 255, 255); }.navbar-expand-lg .navbar-brand { width: 7.5rem; }.navbar-expand-lg.navbar { padding-top: 0px; padding-bottom: 0px; }.navbar-expand-lg .nav-item > .nav-link, .navbar-expand-lg .navbar-no-collapse-items .nav-item { height: 4.75rem; display: flex; align-items: center; justify-content: center; }.navbar-expand-lg .nav-item:not(:first-child) { margin-left: 0.65rem; }}.navbar-dark .navbar-toggler, .navbar-link-white .navbar-toggler { color: rgb(255, 255, 255); }.navbar-toggler { padding: 0px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: transparent; }.navbar-toggler:focus { outline: 0px; box-shadow: none; }.navbar-toggler .navbar-toggler-icon { background-image: none; width: 24px; height: 24px; position: relative; display: inline-block; transition: 0.5s; vertical-align: middle; font-size: 0px; cursor: pointer; }.navbar-toggler .navbar-toggler-icon > i { width: 100%; height: 2px; display: block; position: absolute; top: 50%; margin-top: -1px; background-color: currentcolor; transition: background-color 0.3s; }.navbar-toggler .navbar-toggler-icon > i::after, .navbar-toggler .navbar-toggler-icon > i::before { content: ""; width: 100%; height: 2px; position: absolute; display: block; left: 0px; background-color: currentcolor; }.navbar-toggler .navbar-toggler-icon > i::before { top: 8px; transition: top 0.3s 0.3s, transform 0.3s, background-color 0.3s; }.navbar-toggler .navbar-toggler-icon > i::after { bottom: 8px; transition: bottom 0.3s 0.3s, transform 0.3s, background-color 0.3s; }.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > i { background-color: transparent; transition: background-color 0.2s; }.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > i::before { top: 0px; transform: rotate(45deg); transition: top 0.2s, transform 0.3s 0.2s, background-color 0.2s; }.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > i::after { bottom: 0px; transition: bottom 0.2s, transform 0.2s 0.2s, background-color 0.2s; transform: rotate(-45deg); }.navbar-dark .navbar-toggler .navbar-toggler-icon i::before, .navbar-dark .navbar-toggler .navbar-toggler-icon > i, .navbar-dark .navbar-toggler .navbar-toggler-icon > i::after { background-color: rgb(255, 255, 255); }.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > i { background-color: transparent; }@media (max-width: 991.98px){.navbar-expand-lg.navbar .navbar-collapse { max-height: 80vh; overflow-y: auto; margin-top: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }.navbar-expand-lg.navbar .navbar-collapse > .navbar-nav { padding: 1rem; }.navbar-expand-lg.navbar.navbar-light .navbar-collapse { background-color: var(--bs-body-bg); box-shadow: 0 .5rem 1rem rgba(var(--bs-body-color-rgb),.05); }.navbar-expand-lg.navbar.navbar-dark .navbar-collapse { background-color: rgb(8, 7, 19); }}@media (min-width: 576px){.navbar-expand-sm.navbar-search-w-icons .navbar-collapse { flex-grow: 0; flex-basis: 0px; }.navbar-expand-sm.navbar-search-w-icons .collapse-search { --navbar-search-width: 440px; min-width: var(--navbar-search-width); }}@media (max-width: 575.98px){.navbar-expand-sm .collapse-search { width: 100%; flex-basis: 100%; }}@media (min-width: 768px){.navbar-expand-md.navbar-search-w-icons .navbar-collapse { flex-grow: 0; flex-basis: 0px; }.navbar-expand-md.navbar-search-w-icons .collapse-search { --navbar-search-width: 440px; min-width: var(--navbar-search-width); }}@media (max-width: 767.98px){.navbar-expand-md .collapse-search { width: 100%; flex-basis: 100%; }}@media (min-width: 992px){.navbar-expand-lg.navbar-search-w-icons .navbar-collapse { flex-grow: 0; flex-basis: 0px; }.navbar-expand-lg.navbar-search-w-icons .collapse-search { --navbar-search-width: 440px; min-width: var(--navbar-search-width); }}@media (max-width: 991.98px){.navbar-expand-lg .collapse-search { width: 100%; flex-basis: 100%; }}@media (min-width: 1200px){.navbar-expand-xl.navbar-search-w-icons .navbar-collapse { flex-grow: 0; flex-basis: 0px; }.navbar-expand-xl.navbar-search-w-icons .collapse-search { --navbar-search-width: 440px; min-width: var(--navbar-search-width); }}@media (max-width: 1199.98px){.navbar-expand-xl .collapse-search { width: 100%; flex-basis: 100%; }}@media (min-width: 1400px){.navbar-expand-xxl.navbar-search-w-icons .navbar-collapse { flex-grow: 0; flex-basis: 0px; }.navbar-expand-xxl.navbar-search-w-icons .collapse-search { --navbar-search-width: 440px; min-width: var(--navbar-search-width); }}@media (max-width: 1399.98px){.navbar-expand-xxl .collapse-search { width: 100%; flex-basis: 100%; }}.navbar-expand.navbar-search-w-icons .navbar-collapse { flex-grow: 0; flex-basis: 0px; }.navbar-expand.navbar-search-w-icons .collapse-search { --navbar-search-width: 440px; min-width: var(--navbar-search-width); }.navbar-expand .collapse-search { width: 100%; flex-basis: 100%; }.form-control.show { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }@media (min-width: 992px){.dropdown-menu.dropdown-menu-input.show { display: block; }}.carousel-item.active .carousel-layers li, .swiper-slide-active .carousel-layers li { transform: translateZ(0px) scale(1); opacity: 1; transition-duration: 0.8s; transition-delay: 0.3s; }.carousel-item.active .carousel-layers li:nth-child(2), .swiper-slide-active .carousel-layers li:nth-child(2) { transition-delay: 0.6s; }.carousel-item.active .carousel-layers li:nth-child(3), .swiper-slide-active .carousel-layers li:nth-child(3) { transition-delay: 0.8s; }.carousel-item.active .carousel-layers li:nth-child(4), .swiper-slide-active .carousel-layers li:nth-child(4) { transition-delay: 1s; }body.loaded .spinner-loader { opacity: 0; visibility: hidden; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s; user-select: none; pointer-events: none; }.form-control.is-valid:focus, .was-validated .form-control:valid:focus { box-shadow: rgba(97, 208, 102, 0.25) 0px 0.25rem 0px; }.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { box-shadow: rgba(239, 83, 80, 0.25) 0px 0.25rem 0px; }.link-decoration:not(:hover):not(.active) { text-decoration: underline; }.btn > *, .link-hover-underline > *, .link-underline > *, .nav-link > * { pointer-events: none; }.toTop.show { background-color: var(--bs-tertiary-bg); color: var(--bs-body-color); pointer-events: all; }.toTop.show > i { visibility: visible; opacity: 1; transform: none; }.toTop.show svg { stroke: var(--bs-body-color); }.offcanvas.offcanvas-fullscreen.show ul > li { overflow: unset !important; }.fullscreen-inner .js-hover-img .js-hover-img-item .js-hover-img-link:not(:hover):not(.active) { mix-blend-mode: screen; }.offcanvas.show:not(.offcanvas-navbar) { transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }.offcanvas.show:not(.offcanvas-navbar) ul > li { overflow: hidden; transition: opacity 0.45s, transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); opacity: 1; transform: translateZ(0px); }.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(1) { transition-delay: 0.25s; }.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(2) { transition-delay: 0.5s; }.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(3) { transition-delay: 0.75s; }.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(4) { transition-delay: 1s; }.offcanvas.show:not(.offcanvas-navbar) ul > li:nth-child(5) { transition-delay: 1.25s; }@media (min-width: 992px){body.page-collapsed .page-sidebar:not(:hover) { width: 72px; }body.page-collapsed .page-sidebar:not(:hover) .sidebar-dropdown.collapse.show { height: 0px; overflow: hidden; transition: height 0.3s; }body.page-collapsed .page-sidebar:not(:hover) .nav-link-text, body.page-collapsed .page-sidebar:not(:hover) .navbar-brand-text { opacity: 0; }body.page-collapsed .page-sidebar:not(:hover) .sidebar-toggler { display: none; }body.page-collapsed .page-sidebar:not(:hover) .page-sidebar-title span { opacity: 0; }body.page-collapsed .page-sidebar:not(:hover) .page-sidebar-title i { opacity: 1; transform: translateX(0px) translateY(-50%); }}.navbar .navbar-nav .dropdown-toggle:not(.active)::after, .navbar .navbar-nav .dropdown-toggle:not(.active)::before { opacity: 0.75; }.choices__list--dropdown .choices__item--selectable.is-highlighted.active, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted.active { background-color: rgb(99, 84, 255); color: rgb(255, 255, 255); }.choices.is-open:not(.is-flipped) .form-control-sm.form-control + .choices__list.dropdown-menu { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }.choices.is-open:not(.is-flipped) .form-control-lg.form-control + .choices__list.dropdown-menu { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }.choices.is-open:not(.is-flipped) .form-control + .choices__list.dropdown-menu { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] { border-color: var(--bs-border-color-translucent); }.choices[data-type*="select-one"].is-open::after { transform: translateY(-50%) rotate(180deg); margin: 0px; }.bs-stepper .active .bs-stepper-circle { background-color: rgb(99, 84, 255); color: rgb(239, 238, 255); }.bs-stepper .active .step-trigger > span:not(.bs-stepper-circle) { color: rgb(99, 84, 255); }.bs-stepper .step-trigger.disabled, .bs-stepper .step-trigger:disabled { opacity: 1; }
.alert { --bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius) }
.alert-danger { --bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis) }
.mb-2 { margin-bottom:.5rem!important }
.px-3 { padding-right:1rem!important;padding-left:1rem!important }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important }
/* === assets/fonts/bootstrap-icons/bootstrap-icons.slim.css === */
@font-face{font-display:block;font-family:bootstrap-icons;src:url("/assets/fonts/bootstrap-icons/fonts/bootstrap-icons.slim.woff2") format("woff2")}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-activity::before{content:"\f66b"}.bi-arrow-repeat::before{content:"\f130"}.bi-chat-square-text::before{content:"\f264"}.bi-check2-circle::before{content:"\f270"}.bi-check2-square::before{content:"\f271"}.bi-clipboard-check::before{content:"\f28b"}.bi-collection::before{content:"\f2cc"}.bi-emoji-smile::before{content:"\f327"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-file-earmark-code::before{content:"\f362"}.bi-files::before{content:"\f3c2"}.bi-gear::before{content:"\f3e5"}.bi-graph-up::before{content:"\f3f2"}.bi-graph-up-arrow::before{content:"\f673"}.bi-heart::before{content:"\f417"}.bi-lightning-charge::before{content:"\f46d"}.bi-linkedin::before{content:"\f472"}.bi-lock::before{content:"\f47b"}.bi-lock-fill::before{content:"\f47a"}.bi-people::before{content:"\f4d0"}.bi-puzzle::before{content:"\f503"}.bi-search::before{content:"\f52a"}.bi-shield-check::before{content:"\f52f"}.bi-shield-lock::before{content:"\f538"}.bi-signpost-2::before{content:"\f546"}.bi-sliders::before{content:"\f56b"}.bi-soundwave::before{content:"\f57c"}.bi-speedometer2::before{content:"\f580"}.bi-stopwatch::before{content:"\f597"}
/* === assets/css/brightflow.css === */
:root {
--bs-primary: #00a1c6;
--bs-primary-rgb: 0, 161, 198;
--bs-secondary: #1d2b37;
--bs-secondary-rgb: 29, 43, 55;
--bs-warning: #ffb600;
--bs-warning-rgb: 255, 182, 0;
--bf-success: #00c688;
--bf-success-rgb: 0, 198, 136;
--bf-danger: #c62500;
--bf-danger-rgb: 198, 37, 0;
--bs-success: var(--bf-success);
--bs-success-rgb: var(--bf-success-rgb);
--bs-danger: var(--bf-danger);
--bs-danger-rgb: var(--bf-danger-rgb);
--bs-info: #00cbf9;
--bs-info-rgb: 0, 203, 249;
--bs-body-color: rgb(116, 132, 148);
--bs-body-bg: #ffffff;
--bs-body-font-family: var(--bf-font-body);
--bs-font-sans-serif: Verdana, Geneva, sans-serif;
--bs-body-font-size: 15px;
--bs-body-font-weight: 300;
--bs-body-line-height: 1.74;
--bs-link-color: #00a1c6;
--bs-link-hover-color: #008fb0;
--bs-dark: #1d2b37;
--bs-dark-rgb: 29, 43, 55;
--bf-primary: #00a1c6;
--bf-primary-hover: #008fb0;
--bf-primary-active: #007a98;
--bf-accent: #ffb600;
--bf-accent-hover: #e6a400;
--bf-accent-active: #cc9200;
--bf-tooltip-bg: #00cbf9;
--bf-line-light: #00cbf9;
--bf-line-mid: #00b6df;
--bf-dark: #1d2b37;
--bf-text: #333333;
--bf-muted: rgb(116, 132, 148);
--bf-subtle: #7a7a7a;
--bf-surface: #f9fbff;
--bf-surface-2: #fafafa;
--bf-border: #d9d9d9;
--bf-border-2: #e9e9e9;
--bf-border-input: #c3cdd8;
--bf-radius-sm: 10px;
--bf-radius-md: 14px;
--bf-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
--bf-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.12);
--bf-shadow-lg: 0 16px 50px rgba(0, 0, 0, 0.14);
--bf-container-max: 1170px;
--bf-transition: 180ms cubic-bezier(0.2, 0, 0, 1);
--bf-topbar-height: 45px;
--bf-navbar-height: 100px;
--bf-font-display: "Exo", Verdana, Arial, sans-serif;
--bf-font-body: Verdana, Geneva, sans-serif;
--bf-section-title-size: clamp(24px, 4vw, 26px);
--bf-card-title-size: 24px;
}
html { overflow-x: hidden; scrollbar-gutter: stable; }
.container {
max-width: 1170px !important;
}
body {
font-family: var(--bf-font-body) !important;
color: var(--bf-text) !important;
background-color: #ffffff !important;
font-size: 15px !important;
font-weight: 300 !important;
line-height: 1.74 !important;
letter-spacing: 0.05px !important;
padding-top: calc(var(--bf-topbar-height) + var(--bf-navbar-height));
}
.btn, .nav-link, .dropdown-item, .form-control, .form-select,
input, button, select, textarea, p, li, td, th, span, div, a, label {
font-family: var(--bf-font-body);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: var(--bf-font-display);
font-weight: 900;
color: var(--bf-primary);
text-transform: uppercase;
letter-spacing: 0.1px;
}
h2, .h2 { font-size: 20px; line-height: 28px; letter-spacing: 0.1px; }
h3, .h3 { font-size: 18px; line-height: 25.2px; letter-spacing: 0.1px; }
a { color: var(--bf-primary); transition: color var(--bf-transition); }
a:hover { color: var(--bf-accent); }
a strong, a b { font-weight: inherit; }
.btn-primary {
--bs-btn-bg: var(--bf-primary);
--bs-btn-border-color: var(--bf-primary);
--bs-btn-hover-bg: var(--bf-primary-hover);
--bs-btn-hover-border-color: var(--bf-primary-hover);
--bs-btn-active-bg: var(--bf-primary-active);
--bs-btn-active-border-color: var(--bf-primary-active);
--bs-btn-focus-shadow-rgb: 0, 161, 198;
color: #fff;
}
.btn-outline-primary {
--bs-btn-color: var(--bf-primary);
--bs-btn-border-color: var(--bf-line-mid);
--bs-btn-hover-bg: var(--bf-primary);
--bs-btn-hover-border-color: var(--bf-primary);
--bs-btn-hover-color: #fff;
--bs-btn-active-bg: var(--bf-primary-active);
}
.btn {
text-transform: none;
}
.btn-outline-accent {
color: var(--bf-accent);
border: 1px solid var(--bf-accent);
background: transparent;
border-radius: 8px;
font-family: var(--bf-font-display);
font-weight: 400;
font-size: 15px;
line-height: 22px;
padding: 12px 34px;
display: inline-block;
text-decoration: none;
}
.btn-outline-accent:hover {
background: var(--bf-accent);
color: #fff;
}
.bf-btn-accent {
display: inline-block;
background: var(--bf-accent);
color: #fff;
font-family: var(--bf-font-display);
font-weight: 400;
font-size: 15px;
padding: 12px 30px;
border: none;
border-radius: 8px;
text-decoration: none;
text-transform: none !important;
transition: all var(--bf-transition);
}
.bf-btn-accent:hover {
background: var(--bf-accent-hover);
color: #fff;
}
.bf-btn-sm {
font-family: var(--bf-font-body);
font-size: 13px;
font-weight: 400;
line-height: 1.6;
padding: 4px 14px;
}
.bf-card-link {
display: inline-block;
color: #333;
font-size: 15px;
font-family: var(--bf-font-display);
font-weight: 700;
text-decoration: none;
margin-top: 12px;
padding: 8px 16px;
border: 1px solid #333;
border-radius: 8px;
background: #fff;
transition: all var(--bf-transition);
text-transform: none;
}
.bf-card-link:hover {
background: #333;
border-color: #333;
color: #fff;
}
.bf-voorbeeldproject-row {
display: flex;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 16px 8px;
border: 1px solid rgba(100, 120, 144, 0.22);
border-radius: 10px;
box-shadow: 0 8px 24px rgba(31, 37, 44, 0.06);
background: rgba(255, 255, 255, 0.72);
}
.bf-vb-col-img {
flex: 0 0 18%;
max-width: 18%;
padding-right: 15px;
padding-left: 15px;
min-height: 130px;
display: flex;
align-items: center;
justify-content: center;
}
.bf-vb-col-img img {
width: 168px;
max-width: 100%;
height: 110px;
object-fit: contain;
display: block;
margin: 0 auto;
}
.bf-vb-col-text {
flex: 0 0 62%;
max-width: 62%;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 576px) {
.bf-voorbeeldproject-row {
flex-direction: column;
padding: 20px 16px;
text-align: left;
gap: 16px;
}
.bf-vb-col-img,
.bf-vb-col-text,
.bf-vb-col-btn {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
text-align: left;
}
.bf-vb-col-img img {
width: 100px;
height: 65px;
}
}
@media (min-width: 576.02px) and (max-width: 991.98px) {
.bf-vb-col-text { flex: 0 0 82%; max-width: 82%; }
.bf-vb-col-btn {
flex: 0 0 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-top: 12px;
text-align: right;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.row > [class*="col-lg-"][style*="max-width"] {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
.bf-bekijk-nu {
display: inline-block;
color: #333;
font-size: 15px;
font-weight: 700;
padding: 10px 40px;
border: 1px solid #333;
border-radius: 8px;
background: transparent;
text-decoration: none;
transition: all var(--bf-transition);
text-transform: none;
}
.bf-bekijk-nu:hover {
background: #333;
color: #fff;
}
.bf-topbar {
background: #ccf2fc;
color: #333;
padding: 8px 0;
font-size: 14px;
font-family: var(--bf-font-display);
font-weight: 400;
line-height: 1.2;
text-align: right;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999999;
overflow: hidden;
}
.bf-topbar span {
color: #333;
}
.bf-topbar a.bf-btn-accent {
margin-left: 16px;
margin-right: 46px;
}
[id] {
scroll-margin-top: 150px;
}
@media (max-width: 991.98px) {
[id] {
scroll-margin-top: 110px;
}
}
.bf-navbar {
background: #fff;
position: fixed;
left: 0;
right: 0;
top: var(--bf-topbar-height);
z-index: 1040;
padding: 0 !important;
height: 100px !important;
min-height: 100px !important;
display: flex !important;
align-items: center !important;
transition: box-shadow 0.3s;
}
.bf-navbar .navbar {
padding: 0 !important;
height: 100px;
}
.bf-navbar-scrolled {
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.bf-navbar-bg-overlay {
position: absolute;
inset: 0;
background: #ffffff;
opacity: 0;
transition: opacity 0.35s ease;
z-index: 0;
pointer-events: none;
}
.bf-navbar-scrolled .bf-navbar-bg-overlay {
opacity: 1;
}
.bf-navbar > .container,
.bf-navbar > nav {
position: relative;
z-index: 1;
}
.bf-navbar .navbar-brand {
margin: 0 !important;
padding: 0 !important;
margin-right: 40px !important;
}
.bf-navbar .navbar-brand img {
height: 59px !important;
width: auto !important;
display: block !important;
}
header.bf-navbar .navbar .navbar-nav .nav-item .nav-link {
font-family: var(--bf-font-display) !important;
font-weight: 900 !important;
font-size: 20px !important;
text-transform: uppercase !important;
color: var(--bf-text) !important;
padding: 0 !important;
letter-spacing: 0.25px !important;
line-height: 100px !important;
transition: color var(--bf-transition) !important;
}
header.bf-navbar .navbar .navbar-nav .nav-item {
margin: 0 17px !important;
}
header.bf-navbar .navbar .navbar-nav .nav-item .nav-link:hover,
header.bf-navbar .navbar .navbar-nav .nav-item .nav-link.active {
color: var(--bf-primary) !important;
}
.bf-navbar .dropdown-menu {
border: 1px solid var(--bf-border-2);
border-radius: 8px;
box-shadow: var(--bf-shadow-md);
padding: 8px 0;
}
.bf-navbar .dropdown-item {
font-family: var(--bf-font-display) !important;
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
padding: 8px 16px;
}
.bf-navbar .dropdown-item:hover {
color: var(--bf-primary);
background: rgba(0, 161, 198, 0.05);
}
.bf-navbar .navbar-toggler {
border: none;
padding: 8px;
}
.bf-navbar .navbar-toggler:focus {
box-shadow: none;
}
@media (max-width: 991.98px) {
.bf-navbar .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23333333' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
}
.bf-hero {
position: relative;
padding: 0 0 30px;
overflow: visible;
background: #fff;
min-height: 406px;
}
.bf-hero-bg {
position: absolute;
top: -107px;
left: 50%;
transform: translateX(-50%);
width: 1170px;
max-width: 100%;
height: 560px;
pointer-events: none;
z-index: 0;
overflow: visible;
}
.bf-layer {
position: absolute;
}
.bf-layer-circle-large {
width: 531px;
height: 531px;
left: 208px;
top: -118px;
opacity: 1;
animation: bf-rotate-slight 9s ease-in-out infinite alternate;
}
.bf-layer-circle-mid {
width: 356px;
height: 356px;
left: 11px;
top: 60px;
opacity: 1;
transform-origin: center center;
animation: bf-pulse 2s ease-out infinite;
}
.bf-layer-dashed {
width: 410px;
height: 410px;
left: 702px;
top: 30px;
opacity: 1;
animation: bf-rotate-dashed 9s linear infinite;
}
.bf-layer-lines {
width: 315px;
height: 315px;
left: 576px;
top: 250px;
opacity: 1;
animation: bf-rotate-lines 9s ease-in-out infinite alternate;
}
.bf-hero-illustration-wrap { display: none; }
.bf-hero-heading {
font-size: 36px;
font-weight: 900;
line-height: 42px;
color: var(--bf-primary);
max-width: 783px;
margin-bottom: 0;
padding-top: 87px;
position: relative;
z-index: 2;
}
.bf-hero-heading .bf-h1-break { display: none; }
@media (min-width: 1200px) {
.bf-hero-heading .bf-h1-break { display: inline; }
}
.bf-hero-icons {
position: absolute;
top: -107px;
left: 50%;
transform: translateX(-50%);
width: 1170px;
max-width: 100%;
height: 560px;
z-index: 3;
pointer-events: none;
}
.bf-toptaak {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
pointer-events: all;
transition: transform 0.3s ease;
border-radius: 50%;
}
.bf-toptaak:hover {
transform: scale(1.15);
}
.bf-toptaak img {
width: 100%;
height: 100%;
object-fit: contain;
}
.bf-toptaak-koppelingen {
left: 292px;
top: 339px;
width: 38px;
height: 38px;
}
.bf-toptaak-maatwerk {
left: 558px;
top: 372px;
width: 38px;
height: 38px;
}
.bf-toptaak-koppelingen,
.bf-toptaak-maatwerk {
box-sizing: content-box;
padding: 3px;
margin: -3px;
}
.bf-toptaak-optimalisatie {
left: 864px;
top: 186px;
width: 89px;
height: 91px;
}
@keyframes bf-rotate-slight {
from { transform: rotate(0deg); }
to { transform: rotate(-11deg); }
}
@keyframes bf-pulse {
0% { transform: scale(0.9); opacity: 0.75; }
100% { transform: scale(1.15); opacity: 0; }
}
@keyframes bf-rotate-dashed {
from { transform: rotate(0deg); }
to { transform: rotate(119deg); }
}
@keyframes bf-rotate-lines {
from { transform: rotate(0deg); }
to { transform: rotate(40deg); }
}
.bf-hero-intro {
font-size: 15px;
color: var(--bf-text);
line-height: 1.74;
max-width: none;
text-transform: none;
position: relative;
z-index: 2;
margin-top: 16px;
margin-bottom: 0;
}
@media (min-width: 1200px) {
.bf-hero-intro { margin-top: 225px; }
}
.bf-term {
border-bottom: 1px dotted var(--bf-primary);
cursor: help;
position: relative;
text-decoration: none;
color: inherit;
}
.bf-tooltip {
position: absolute;
z-index: 15001;
background: var(--bf-tooltip-bg);
color: #fff;
padding: 5px 9px;
border-radius: 5px;
font-size: 14px;
font-family: var(--bf-font-body);
line-height: 1.5;
max-width: 280px;
white-space: normal;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
border: 1px solid var(--bf-tooltip-bg);
pointer-events: none;
opacity: 0;
transition: opacity 0.2s;
}
.bf-tooltip-visible {
opacity: 1;
}
.bf-section {
padding: 30px 0;
}
.bf-section-compact-bottom {
margin-bottom: -15px;
}
.bf-section h2 {
font-size: var(--bf-section-title-size);
line-height: 1.15;
margin-bottom: 20px;
}
.bf-section p {
margin-bottom: 25px;
}
.bf-section-title {
font-size: var(--bf-section-title-size);
line-height: 1.15;
color: var(--bf-primary);
margin-bottom: 20px;
}
.bf-cta-title { font-size: var(--bf-section-title-size); line-height: 1.15; color: var(--bf-text); }
.bf-feature-title { font-size: 18px; color: var(--bf-text); margin-bottom: 12px; }
.bf-statement {
font-family: var(--bf-font-display);
font-weight: 900;
font-size: 20px;
line-height: 1.3;
color: var(--bf-primary);
text-transform: none;
letter-spacing: 0.1px;
margin-top: 34px;
margin-bottom: 14px;
}
.bf-section-dark .bf-statement { color: var(--bf-primary-light); }
.bf-section-text {
color: var(--bf-text);
font-size: 15px;
line-height: 1.74;
text-transform: none;
max-width: 100%;
width: 100%;
margin-bottom: 25px;
}
.bf-diensten-section {
background: transparent;
}
.bf-service-card {
background: #fff;
border: 1px solid #e8eef4;
border-radius: 16px;
padding: 28px 24px 24px;
text-align: left;
transition: border-color .3s, box-shadow .3s, transform .3s;
height: 100%;
display: flex;
flex-direction: column;
}
.bf-service-card .btn,
.bf-service-card .bf-card-link {
margin-top: auto;
align-self: flex-start;
}
.bf-diensten-section .col-md-4 > a {
display: flex;
height: 100%;
}
.bf-service-card:hover {
border-color: var(--bf-primary, #00b6df);
box-shadow: 0 8px 28px rgba(0,63,95,.09);
transform: translateY(-3px);
}
.bf-service-card .icon-wrap {
width: 56px;
height: 56px;
margin: 0 0 20px;
}
.bf-service-card .icon-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
}
.bf-service-card h3 {
font-size: 18px;
margin-bottom: 8px;
color: var(--bf-text);
}
.bf-service-card p {
font-size: 15px;
color: var(--bf-text);
line-height: 1.7;
text-transform: none;
}
.bf-service-card-left {
text-align: left;
}
.bf-diensten-stack {
display: grid;
gap: 14px;
}
.bf-diensten-stack > a {
display: flex;
}
.bf-diensten-stack .bf-service-card .icon-wrap {
width: 38px;
height: 38px;
margin-bottom: 16px;
}
.bf-diensten-intro {
margin-bottom: 24px;
}
.bf-diensten-stack > a:first-child .bf-service-card {
background: transparent;
}
@media (min-width: 992px) {
.bf-diensten-layout {
display: grid;
grid-template-columns: 420px 1fr;
justify-content: start;
gap: 48px;
align-items: start;
}
.bf-diensten-intro {
position: sticky;
top: 170px;
margin-bottom: 0;
}
.bf-diensten-stack {
gap: 14px;
}
.bf-diensten-stack .bf-service-card {
padding: 24px 36px 36px;
}
}
.btn-outline-accent.magnetic {
transition: transform var(--bf-transition);
}
.magnetic {
will-change: transform;
}
.bf-product-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 32px;
}
@media (max-width: 991px) {
.bf-product-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
.bf-product-grid { grid-template-columns: 1fr; }
}
.bf-product-card {
background: #fff;
border: 1px solid #e8eef4;
border-radius: 16px;
padding: 28px 24px 24px;
display: flex;
flex-direction: column;
transition: border-color .3s, box-shadow .3s, transform .3s;
animation: bfReveal .6s ease both;
}
.bf-product-card:hover {
border-color: var(--bf-primary, #00b6df);
box-shadow: 0 8px 28px rgba(0,63,95,.09);
transform: translateY(-3px);
}
.bf-product-card:nth-child(1) { animation-delay: .05s; }
.bf-product-card:nth-child(2) { animation-delay: .15s; }
.bf-product-card:nth-child(3) { animation-delay: .25s; }
.bf-product-card:nth-child(4) { animation-delay: .35s; }
.bf-product-card:nth-child(5) { animation-delay: .45s; }
.bf-product-card:nth-child(6) { animation-delay: .55s; }
.bf-product-card-logo {
height: 50px;
display: flex;
align-items: center;
margin-bottom: 16px;
}
.bf-product-card-logo svg,
.bf-product-card-logo img {
max-height: 36px;
width: auto;
max-width: 200px;
}
.bf-product-card-tagline {
font-family: var(--bf-font-display);
font-weight: 700;
color: var(--bf-primary, #00b6df);
font-size: 12px;
text-transform: uppercase;
letter-spacing: .1em;
margin-bottom: 8px;
}
.bf-product-card-body {
color: #4a5a6a;
font-size: 14px;
line-height: 1.55;
flex-grow: 1;
margin-bottom: 20px;
}
.bf-product-card-link,
.bf-diensten-stack .bf-card-readmore {
font-family: var(--bf-font-display);
font-weight: 700;
font-size: 15px;
color: var(--bf-text);
text-decoration: none;
display: inline-block;
align-self: flex-start;
padding: 8px 16px;
border: 1px solid var(--bf-text);
border-radius: 8px;
background: #fff;
transition: all var(--bf-transition);
}
.bf-product-card-link:hover,
.bf-diensten-stack .bf-card-readmore:hover {
background: var(--bf-text);
color: #fff;
}
.bf-diensten-stack .bf-card-readmore { margin-top: 14px; }
.bf-product-connectors {
border-top: 1px dashed #cfd8e3;
margin-top: 16px;
padding-top: 14px;
}
.bf-product-connectors-label {
font-family: var(--bf-font-display);
font-weight: 700;
color: #8899aa;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .12em;
margin-bottom: 8px;
}
.bf-product-connector {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
padding: 6px 8px;
border-radius: 8px;
transition: background .2s;
}
.bf-product-connector:hover { background: #f2f7fb; }
.bf-product-connector img { height: 26px; width: auto; }
.bf-product-connector-name {
color: #222e3a;
font-weight: 600;
font-size: 13px;
}
@keyframes bfReveal {
from { opacity: 0; transform: translateY(24px); }
to   { opacity: 1; transform: translateY(0); }
}
.bf-quickscan {
position: relative;
background: var(--bf-dark, #1d2b37);
color: #fff;
padding: 64px 0;
overflow: hidden;
}
.bf-quickscan::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background-image: url('/assets/img/bg-quickscan.png');
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
pointer-events: none;
}
.bf-quickscan > .container {
position: relative;
z-index: 1;
}
.bf-quickscan h2 { color: #fff; font-size: var(--bf-section-title-size); line-height: 1.15; letter-spacing: 0.1px; margin-bottom: 20px; }
.bf-quickscan h3 { color: #fff; }
.bf-quickscan p { color: rgba(255, 255, 255, 0.85); text-transform: none; font-size: 15px; line-height: 26.1px; margin-bottom: 25px; }
.bf-quickscan-interest {
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.bf-quickscan .bf-quickscan-interest {
font-size: 13px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--bf-accent, #ffb600);
margin-top: 0;
margin-bottom: 12px;
}
.bf-quickscan .bf-qs-subline {
font-family: var(--bf-font-body);
font-size: 13px;
font-weight: 300;
color: rgba(255, 255, 255, 0.6) !important;
line-height: 22.62px;
text-transform: none !important;
text-align: left !important;
margin-top: 12px !important;
margin-bottom: 0 !important;
}
.bf-qs-delivers-col {
display: flex;
align-items: flex-start;
}
.bf-qs-delivers {
padding-left: 40px;
width: 100%;
padding-top: 40px;
}
.bf-quickscan .bf-qs-delivers-label {
font-family: var(--bf-font-display);
font-size: 17px;
font-weight: 700;
color: #ffffff;
margin-bottom: 16px;
}
.bf-qs-delivers-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 13px;
}
.bf-qs-delivers-list li {
display: flex;
align-items: flex-start;
gap: 11px;
font-size: 15px;
color: rgba(255,255,255,0.88);
line-height: 22px;
text-transform: none;
}
.bf-qs-delivers-list li::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 1px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2300a1c6' fill-rule='evenodd' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.bf-quickscan .bf-btn-accent {
display: inline-block;
width: 188.5px;
white-space: nowrap;
font-weight: 400;
padding: 12px 34px;
border-radius: 8px;
}
html.bf-reveal-ready .bf-reveal.bf-reveal-in {
will-change: auto;
}
@media (max-width: 991px) {
.bf-quickscan { padding: 36px 0; }
.bf-qs-delivers-col { margin-top: 28px; }
.bf-qs-delivers { padding-left: 0; border-left: none; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 24px; }
}
.project-card {
display: block;
text-decoration: none;
color: inherit;
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 12px rgba(0,0,0,.07);
transition: transform .25s ease, box-shadow .25s ease;
height: 100%;
}
.project-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 28px rgba(0,0,0,.12);
color: inherit;
text-decoration: none;
}
.project-card-img {
position: relative;
overflow: hidden;
aspect-ratio: 298 / 166;
background: #fff;
padding: 14px 22px;
}
.project-card-img img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
transition: transform .35s ease;
}
.project-card:hover .project-card-img img {
transform: scale(1.04);
}
.project-card-img .bf-card-anim {
width: 100%;
height: 100%;
border: 0;
display: block;
background: transparent;
pointer-events: none;
transition: transform .35s ease;
}
.project-card:hover .project-card-img .bf-card-anim {
transform: scale(1.04);
}
.project-card-body {
padding: 20px 24px 24px;
display: flex;
flex-direction: column;
}
.project-card-title {
order: 2;
font-family: var(--bf-font-display);
font-weight: 900;
font-size: 18px;
line-height: 1.4;
margin: 0 0 8px;
color: var(--bf-text);
}
.project-card-terms {
order: 1;
font-family: var(--bf-font-display);
font-size: 12px;
color: var(--bf-accent);
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
margin-bottom: 8px;
}
.project-card-desc {
padding: 14px 24px 20px;
margin: 0;
font-size: .92rem;
line-height: 1.45;
color: #555;
}
.projectsSwiper .swiper-wrapper { align-items: stretch; }
.projectsSwiper .swiper-slide { height: auto; }
.projectsSwiper .swiper-slide .project-card { height: 100%; }
.bf-news-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
border: 1px solid #e8eef4;
height: 100%;
display: flex;
flex-direction: column;
transition: border-color var(--bf-transition);
position: relative;
text-decoration: none;
color: inherit;
}
.bf-news-card:focus,
.bf-news-card:active,
.bf-news-card:visited {
color: inherit;
text-decoration: none;
}
.bf-news-card .card-img-wrap {
height: 170px;
overflow: hidden;
background-color: #f9fbff;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 8px 28px;
}
.bf-news-card .card-img-wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
border-radius: 8px;
}
.bf-blog-hero-img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 8px;
}
.bf-news-card .card-img-wrap .bf-card-anim {
height: 100%;
width: auto;
max-width: 100%;
border: 0;
border-radius: 8px;
background: transparent;
pointer-events: none;
}
.bf-news-card .card-body {
padding: 16px 28px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
.bf-news-card .card-body .bf-card-link {
margin-top: auto;
align-self: flex-start;
font-size: 15px;
font-weight: 700;
color: var(--bf-text);
border: 1px solid var(--bf-text);
background: #fff;
padding: 8px 16px;
text-decoration: none;
display: inline-block;
transition: all var(--bf-transition);
}
.bf-news-card .card-body .bf-card-link:hover {
background: var(--bf-text);
color: #fff;
}
.bf-news-card .card-body .bf-card-eyebrow {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--bf-font-body);
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--bf-accent, #ffb600);
margin: 0 0 4px;
}
.bf-news-card .card-body .bf-card-eyebrow + h3,
.bf-news-card .card-body .bf-card-eyebrow + h4 {
padding-top: 0;
}
.bf-news-card h3,
.bf-news-card h4 {
font-size: 18px;
font-family: var(--bf-font-display);
font-weight: 900;
color: var(--bf-text);
margin: 0;
padding: 20px 0 12px;
line-height: 1.4;
text-transform: uppercase;
}
.bf-news-card p {
font-size: 15px;
font-family: var(--bf-font-body);
font-weight: 300;
color: var(--bf-text);
line-height: 24px;
text-transform: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.newsSwiper .swiper-wrapper {
align-items: stretch;
}
.newsSwiper .swiper-slide {
height: auto;
}
.newsSwiper .swiper-slide .bf-news-card {
height: 100%;
}
.bf-news-card:hover {
border-color: var(--bf-primary);
cursor: pointer;
}
#bf-blog-cards .bf-news-card .card-body--head,
.newsSwiper .bf-news-card .card-body--head {
flex: 0 0 auto;
padding: 20px 28px 10px;
display: flex;
flex-direction: column;
}
#bf-blog-cards .bf-news-card .card-body--head .bf-card-eyebrow,
.newsSwiper .bf-news-card .card-body--head .bf-card-eyebrow { order: 1; }
#bf-blog-cards .bf-news-card .card-body--head h3,
#bf-blog-cards .bf-news-card .card-body--head h4,
.newsSwiper .bf-news-card .card-body--head h3,
.newsSwiper .bf-news-card .card-body--head h4 {
order: 2;
padding: 0;
margin: 0 0 6px;
min-height: 2.8em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#bf-blog-cards .bf-news-card .card-body--head .bf-card-eyebrow,
.newsSwiper .bf-news-card .card-body--head .bf-card-eyebrow {
margin: 0 0 4px;
}
#bf-related-articles .bf-news-card .card-body--head {
flex: 0 0 auto;
padding: 20px 28px 10px;
display: flex;
flex-direction: column;
}
#bf-related-articles .bf-news-card .card-body--head .bf-card-eyebrow { order: 1; margin: 0 0 4px; }
#bf-related-articles .bf-news-card .card-body--head h3,
#bf-related-articles .bf-news-card .card-body--head h4 {
order: 2;
padding: 0;
margin: 0 0 6px;
min-height: 2.8em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.newsSwiper {
position: relative;
}
.news-slider-nav {
display: flex;
justify-content: space-between;
align-items: center;
flex: 0 0 100%;
width: 100%;
position: relative;
}
.news-slider-nav::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 1px;
background: var(--bf-primary);
z-index: 0;
}
.news-slider-nav button {
position: relative;
z-index: 1;
width: 40px;
height: 40px;
flex: 0 0 40px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid var(--bf-primary);
background: #fff;
color: var(--bf-primary);
font-size: 16px;
line-height: 1;
cursor: pointer;
transition: background-color var(--bf-transition), border-color var(--bf-transition), color var(--bf-transition);
}
.news-slider-nav button:hover,
.news-slider-nav button:focus-visible {
background: var(--bf-primary);
border-color: var(--bf-primary);
color: #fff;
outline: none;
}
.bf-faq {
background: var(--bf-surface);
}
.bf-faq .accordion-item {
border: 1px solid var(--bf-border-2);
border-radius: var(--bf-radius-sm) !important;
margin-bottom: 12px;
overflow: hidden;
}
.bf-faq .accordion-button {
font-family: var(--bf-font-body);
font-weight: 400;
font-size: 15px;
color: var(--bf-dark);
background: #fff;
box-shadow: none;
padding: 16px 20px;
gap: 16px;
text-transform: none;
}
.bf-faq .accordion-button:not(.collapsed) {
background: rgba(0, 161, 198, 0.05);
color: var(--bf-primary);
}
.bf-faq .accordion-button:hover {
color: var(--bf-primary);
}
.bf-faq .accordion-item:has(.accordion-button:not(.collapsed)) {
border-color: var(--bf-primary);
}
.bf-faq .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300a1c6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.bf-faq .accordion-body {
font-size: 14px;
color: var(--bf-text);
padding: 0 20px 20px;
text-transform: none;
}
.bf-faq .accordion-body ul {
padding-left: 20px;
margin: 8px 0;
}
.bf-faq .accordion-body li {
margin-bottom: 4px;
font-size: 14px;
}
.bf-faq #faqAccordion > .bf-faq-cat {
font-family: var(--bf-font-display);
font-weight: 600;
font-size: 17px;
line-height: 1.3;
color: #333333;
text-transform: none;
letter-spacing: normal;
margin: 1.5rem 0 0.6rem;
}
.bf-faq #faqAccordion > .bf-faq-cat:first-child {
margin-top: 0;
}
.bf-faq-cta {
max-width: 730px;
margin: 32px 0 0;
background: #fff;
border: 1px solid var(--bf-border-2);
border-left: 4px solid var(--bf-accent);
border-radius: var(--bf-radius-sm);
padding: 28px 28px 30px;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 36px;
}
.bf-faq-cta-title,
.bf-faq-cta-text { grid-column: 1; }
.bf-faq-cta > .bf-faq-cta-text { margin-bottom: 0; }
.bf-faq-cta > a {
grid-column: 2;
grid-row: 1 / span 2;
white-space: nowrap;
margin: 0;
padding: 12px 30px;
border-width: 2px;
line-height: 24px;
}
.bf-faq-cta > a:hover {
background: var(--bf-accent);
color: #fff;
}
@media (max-width: 767.98px) {
.bf-faq-cta {
grid-template-columns: 1fr;
}
.bf-faq-cta > a {
grid-column: 1;
grid-row: auto;
justify-self: start;
margin-top: 18px;
white-space: normal;
}
}
.bf-faq-cta-title {
font-family: var(--bf-font-display);
font-weight: 700;
font-size: 18px;
color: var(--bf-text);
text-transform: none;
margin: 0 0 8px;
}
.bf-faq-cta > :last-child { margin-bottom: 0; }
.bf-faq-cta-text {
font-size: 15px;
color: var(--bf-text);
text-transform: none;
margin: 0 0 18px;
}
.bf-faq-cta-wide {
max-width: none;
}
.bf-cta-section {
background: transparent;
padding: 30px 0;
}
.bf-cta-section h2 { color: var(--bf-text); }
.bf-cta-section p { text-transform: none; }
.bf-cta-section .row { --bs-gutter-x: 1.5rem; }
.bf-cta-section .row > div:first-child { flex: 0 0 auto; width: auto; max-width: none; text-align: left; }
.bf-cta-circle-wrap {
position: relative;
width: 109px;
aspect-ratio: 1 / 1;
margin: 0;
}
.bf-cta-circle-ring {
width: 100%;
height: 100%;
animation: ctaSpin 9s ease-in-out infinite;
}
.bf-cta-circle-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40%;
height: 40%;
object-fit: contain;
}
.bf-cta-icon-1 { animation: ctaScale1 9s ease infinite; }
.bf-cta-icon-2 { animation: ctaScale2 9s ease infinite; }
.bf-cta-icon-3 { animation: ctaScale3 9s ease infinite; }
@keyframes ctaSpin {
0%, 30%   { transform: rotate(0deg); }
33%, 63%  { transform: rotate(120deg); }
66%, 96%  { transform: rotate(240deg); }
100%      { transform: rotate(360deg); }
}
@keyframes ctaScale1 {
0%   { transform: translate(-50%, -50%) scale(0); opacity: 0; }
5%   { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
28%  { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
33%  { transform: translate(-50%, -50%) scale(0); opacity: 0; }
100% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
}
@keyframes ctaScale2 {
0%, 30%  { transform: translate(-50%, -50%) scale(0); opacity: 0; }
38%  { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
61%  { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
66%  { transform: translate(-50%, -50%) scale(0); opacity: 0; }
100% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
}
@keyframes ctaScale3 {
0%, 63%  { transform: translate(-50%, -50%) scale(0); opacity: 0; }
71%  { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
94%  { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
100% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
}
.bf-contact-section {
background: var(--bf-dark);
color: #fff;
}
.bf-contact-section .bf-section-title { color: var(--bf-primary); font-size: var(--bf-section-title-size); }
.bf-form-heading {
font-family: var(--bf-font-body);
font-size: 18px;
font-weight: 700;
color: #1d2b37 !important;
margin-bottom: 12px;
text-transform: none;
}
.bf-required { color: var(--bf-accent); }
.bf-btn-submit {
background: var(--bf-accent);
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 40px;
text-transform: none;
font-family: var(--bf-font-display);
font-size: 15px;
font-weight: 400;
cursor: pointer;
position: relative;
}
.bf-btn-submit:hover {
background: var(--bf-accent-hover);
color: #fff;
}
.bf-form-subtext {
font-size: 13px;
color: #6b7785;
text-transform: none;
}
.bf-contact-form .form-control,
.bf-contact-form .form-select {
border: 1px solid var(--bf-border-input);
border-radius: 8px;
padding: 12px 20px;
font-size: 15px;
background: #ffffff;
color: #1d2b37;
height: 52px;
transition: border-color var(--bf-transition), box-shadow var(--bf-transition);
}
.bf-contact-form .form-control::placeholder {
color: #9aa7b5;
}
.bf-contact-form textarea.form-control {
height: auto;
resize: none;
}
.bf-contact-form .form-control:focus,
.bf-contact-form .form-select:focus {
border-color: var(--bf-primary);
box-shadow: 0 0 0 3px rgba(0, 161, 198, 0.15);
background: #ffffff;
color: #1d2b37;
}
.bf-contact-form .form-check-label {
color: rgba(255,255,255,0.85);
font-size: 14px;
}
.bf-contact-form .form-check-input {
width: 15px;
height: 15px;
background-color: #f8f8f8;
border: none;
border-radius: 2.25px;
margin-top: 5px;
margin-right: 8px;
}
.bf-contact-form .form-check-input:checked {
background-color: #f8f8f8;
border-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2300a1c6' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.bf-contact-form .field-error {
color: var(--bf-danger);
font-size: 13px;
margin-top: 4px;
display: none;
}
.bf-contact-form .is-invalid + .field-error,
.bf-contact-form .is-invalid ~ .field-error {
display: block;
}
.bf-chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 24px;
}
.bf-chips:last-of-type { margin-bottom: 0; }
.bf-chip-input {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
pointer-events: none;
}
.bf-chip {
display: inline-block;
font-size: 14px;
line-height: 1;
padding: 11px 16px;
border-radius: 999px;
border: 1px solid var(--bf-border-input);
background: #ffffff;
color: #1d2b37;
cursor: pointer;
user-select: none;
text-transform: none;
margin: 0;
position: relative;
transition: border-color var(--bf-transition), background var(--bf-transition), color var(--bf-transition), padding var(--bf-transition);
}
.bf-chip:hover { border-color: var(--bf-primary); }
.bf-chip-input:checked + .bf-chip {
border-color: var(--bf-primary);
padding-left: 40px;
}
.bf-chip-input:checked + .bf-chip::before {
content: "";
position: absolute;
left: 13px;
top: 50%;
width: 18px;
height: 18px;
transform: translateY(-50%);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffb600' fill-rule='evenodd' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.bf-chip-input:focus-visible + .bf-chip {
box-shadow: 0 0 0 3px rgba(0, 161, 198, 0.25);
}
#contactformulier h2 {
font-size: clamp(30px, 4vw, 42px);
line-height: 1.15;
}
.bf-ticker {
background: #fff;
color: #748494;
overflow: hidden;
padding: 0 24px;
white-space: nowrap;
position: relative;
height: 40px;
display: flex;
align-items: center;
}
.bf-ticker-inner {
display: inline-flex;
animation: ticker-scroll 65s linear infinite;
}
.bf-ticker:hover .bf-ticker-inner {
animation-play-state: paused;
}
.bf-ticker-item {
padding: 0 32px;
font-size: 14px;
display: inline-flex;
align-items: center;
gap: 12px;
text-transform: none;
}
.bf-ticker-item::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--bf-primary);
flex-shrink: 0;
}
.bf-ticker-label {
color: var(--bf-primary);
font-weight: 700;
}
@keyframes ticker-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.bf-footer {
background: var(--bf-dark);
color: #748494;
padding: 48px 0 0;
}
.bf-footer h2,
.bf-footer h5 {
color: var(--bf-primary);
font-size: 16px;
font-family: var(--bf-font-display);
font-weight: 900;
margin-bottom: 16px;
}
.bf-footer a {
color: #748494;
text-decoration: none;
font-size: 14px;
font-weight: 400;
transition: color var(--bf-transition);
}
.bf-footer a:hover { color: #fff; }
.bf-footer ul { list-style: none; padding: 0; margin: 0; }
.bf-footer ul li { margin-bottom: 8px; font-size: 14px; }
.bf-footer .footer-brand img { width: 195px; height: auto; margin-bottom: 12px; }
.bf-footer .footer-tagline {
color: var(--bf-line-light);
font-size: 12px;
margin: 0;
padding: 0;
font-family: var(--bf-font-body);
font-weight: 300;
line-height: 1.4;
}
.bf-subfooter {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 16px 0;
margin-top: 32px;
font-size: 13px;
}
.bf-subfooter a { font-size: 13px; }
.bf-sticky-widget {
position: fixed;
right: 0;
top: 57%;
bottom: auto;
transform: translateY(-50%);
z-index: 1040;
display: flex;
flex-direction: column;
gap: 0;
border: 1px solid var(--bf-accent);
border-right: none;
border-radius: 10px 0 0 10px;
padding: 0;
background: transparent;
}
@keyframes bf-sticky-pulse {
0% { transform: scale(1); }
25% { transform: scale(0.92); }
50% { transform: scale(1.15); }
75% { transform: scale(1.15); }
100% { transform: scale(1); }
}
.bf-sticky-icon {
display: flex;
align-items: center;
justify-content: center;
width: 53px;
height: 53px;
background: #fff;
color: var(--bf-accent);
text-decoration: none;
transition: all var(--bf-transition);
font-size: 20px;
border: none;
}
.bf-sticky-icon:hover {
color: var(--bf-accent) !important;
background: #fff !important;
}
.bf-sticky-icon i,
.bf-sticky-icon img,
.bf-sticky-icon svg {
animation: bf-sticky-pulse 3s ease-in-out infinite;
}
.bf-sticky-item { position: relative; }
.bf-sticky-item:first-child .bf-sticky-icon { border-radius: 10px 0 0 0; }
.bf-sticky-widget > :last-child .bf-sticky-icon { border-radius: 0 0 0 10px; }
.bf-sticky-label {
position: absolute;
right: 53px;
top: 50%;
transform: translateY(-50%) translateX(10px);
background: #fff;
color: var(--bf-accent);
font-family: var(--bf-font-display);
font-weight: 700;
font-size: 14px;
white-space: nowrap;
padding: 8px 16px;
border: 1px solid var(--bf-accent);
border-right: none;
border-radius: 8px 0 0 8px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
pointer-events: none;
text-decoration: none;
}
a.bf-sticky-label:hover {
color: var(--bf-accent);
text-decoration: none;
}
.bf-sticky-item:hover > .bf-sticky-label {
opacity: 1;
visibility: visible;
transform: translateY(-50%) translateX(0);
pointer-events: auto;
}
.bf-sticky-panel {
position: absolute;
right: 54px;
top: -1px;
width: 320px;
background: #fff;
border: none;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0,0,0,0.12);
padding: 24px;
opacity: 0;
visibility: hidden;
transform: translateX(20px);
transition: all 0.3s ease;
pointer-events: none;
}
.bf-sticky-item:hover > .bf-sticky-panel,
.bf-sticky-widget .bf-sticky-panel.active {
opacity: 1 !important;
visibility: visible !important;
transform: translateX(0) !important;
pointer-events: auto !important;
}
.bf-sticky-panel.bf-sticky-dismissed {
display: none !important;
}
.bf-sticky-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.bf-sticky-panel-title {
font-family: var(--bf-font-display);
font-weight: 700;
font-size: 18px;
color: var(--bf-primary);
}
.bf-sticky-panel-close {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
font-size: 24px;
color: #999;
cursor: pointer;
padding: 8px;
margin: -8px;
line-height: 1;
}
.bf-sticky-panel .form-control {
margin-bottom: 16px;
border-radius: 8px;
border: 1px solid #ddd;
padding: 12px 16px;
font-size: 14px;
color: #333;
}
.bf-sticky-panel .form-control:focus,
.bf-sticky-panel .form-control:focus-visible {
border-color: #ddd !important;
box-shadow: none !important;
outline: none !important;
}
.bf-sticky-panel .form-control::placeholder {
color: #999 !important;
opacity: 1 !important;
}
@media (hover: none) {
.bf-sticky-panel .form-control,
.bf-contact-form .form-control,
.bf-contact-form .form-select {
font-size: 16px;
}
}
.bf-sticky-panel .bf-btn-accent {
background: var(--bf-accent);
color: #fff;
border: none;
border-radius: 8px;
padding: 12px;
font-size: 16px;
font-weight: 600;
}
.bf-back-to-top {
position: fixed;
bottom: 24px;
right: 24px;
width: 50px;
height: 50px;
background: none;
border: none;
border-radius: 50%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s, transform 0.2s, filter 0.3s;
z-index: 1050;
}
.bf-back-to-top img { width: 100%; height: 100%; object-fit: contain; }
.bf-back-to-top.on-dark {
filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 14px rgba(255, 255, 255, 0.4));
}
.bf-back-to-top.visible { opacity: 1; visibility: visible; }
.bf-back-to-top:hover { transform: scale(1.1); }
.bf-breadcrumb { font-size: 13px; color: var(--bf-subtle); }
.bf-breadcrumb a { color: var(--bf-subtle); text-decoration: none; }
.bf-breadcrumb a:hover { color: var(--bf-primary); }
.bf-detail-header {
background: var(--bf-dark);
background-image: url('/assets/img/toptaken.svg');
background-position: 50% -20px;
background-repeat: no-repeat;
background-size: cover;
padding: 56px 0 64px;
color: #fff;
}
.bf-detail-header .bf-breadcrumb { color: #cacaca; margin-top: 30px; font-size: 15px; }
.bf-detail-header .bf-breadcrumb a { color: #fff; font-weight: 600; font-size: 15px; }
.bf-detail-header .bf-breadcrumb a:hover { color: #fff; }
.bf-detail-header h1 {
font-size: 24px;
color: #fff;
margin: 0;
}
.bf-section-surface {
background: #f9fbff !important;
}
.bf-section-dark {
background: var(--bf-dark, #1d2b37);
background-image: url('/assets/img/bg-quickscan.png');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.bf-section-dark h2 { color: #fff; }
.bf-section-dark p,
.bf-section-dark li { color: rgba(255,255,255,0.85); }
.bf-section-dark a { color: var(--bf-primary); }
.bf-section-dark .bf-check-list li::before { color: var(--bf-primary); }
.bf-section-dark .bf-numbered-list { color: rgba(255,255,255,0.85); }
.bf-section-dark .bf-service-card { color: var(--bf-text); }
.bf-section-dark .bf-service-card h3 { color: var(--bf-text); }
.bf-section-dark .bf-service-card p { color: var(--bf-muted); }
.bf-section-dark .bf-service-card li { color: var(--bf-muted); }
.bf-numbered-list {
list-style: none;
padding-left: 0;
margin-left: 18px;
}
.bf-numbered-list li {
margin-bottom: 0;
line-height: 26.1px;
font-size: 15px;
}
.bf-numbered-list li::before {
content: "▪";
color: var(--bf-primary, #00a1c6);
display: inline-block;
width: 17px;
margin-left: -17px;
font-size: 17px;
line-height: 29.58px;
}
.bf-bullet-list {
list-style: none;
padding-left: 0;
margin-top: 0;
}
.bf-bullet-list li {
margin-bottom: 2px;
line-height: 1.7;
padding-left: 18px;
position: relative;
}
.bf-bullet-list li:last-child {
margin-bottom: 0;
}
.bf-bullet-list li::before {
content: "▪";
position: absolute;
left: 0;
color: var(--bf-primary);
font-size: 12px;
line-height: 1.9;
}
.bf-section p:has(+ ul),
.bf-section p:has(+ ol) {
margin-bottom: 0;
}
.bf-section p + ul,
.bf-section p + ol {
margin-top: 0;
padding-top: 0;
}
.bf-check-list {
list-style: none;
padding-left: 0;
}
.bf-check-list li {
position: relative;
padding-left: 28px;
margin-bottom: 14px;
line-height: 1.7;
}
.bf-check-list li::before {
content: '▪';
position: absolute;
left: 0;
top: 0;
color: var(--bf-primary);
font-size: 18px;
font-weight: 700;
}
.bf-quote-img {
max-width: 570px;
width: 100%;
height: auto;
}
.bf-quote-tekst {
position: relative;
max-width: 760px;
margin: 58px auto 0;
padding: 26px 34px;
background: #fff;
border: 1px solid #cfe9f2;
border-radius: 0;
text-align: center;
}
.bf-quote-tekst::before {
content: "\201C";
position: absolute;
bottom: calc(100% - 3px);
left: 50%;
transform: translateX(-50%);
font-family: Caveat, cursive;
font-weight: 600;
font-size: 52px;
line-height: 0;
color: var(--bf-primary);
}
.bf-quote-tekst p {
margin: 0;
font-family: Caveat, cursive;
font-weight: 600;
font-size: clamp(15px, 1.7vw, 22px);
line-height: 1.4;
text-transform: uppercase;
color: var(--bf-dark);
}
.swiper-button-next, .swiper-button-prev { color: var(--bf-primary) !important; }
.swiper-pagination-bullet-active { background: var(--bf-primary) !important; }
@media (max-width: 1024px) {
.bf-hero { min-height: 300px; }
.bf-hero-heading { font-size: 28px; line-height: 34px; padding-top: 60px; }
.bf-section { padding: 24px 0; }
.bf-section-compact-bottom { margin-bottom: -12px; }
}
@media (max-width: 767.98px) {
.bf-detail-header {
padding: 24px 0 36px;
background-position: 50% 0;
}
.bf-detail-header h1 {
font-size: 22px;
line-height: 30.8px;
letter-spacing: -0.1px;
}
.bf-hero {
min-height: 0;
overflow: visible;
position: relative;
padding-top: 1px;
}
.bf-hero-heading {
font-size: 22px;
line-height: 30.8px;
letter-spacing: 0.1px;
padding-top: 0;
margin: 0;
max-width: none;
position: relative;
z-index: 2;
}
.bf-hero-bg,
.bf-hero-icons {
display: none !important;
}
.bf-hero-illustration-wrap {
display: block;
margin: 16px auto 0;
padding: 0 var(--bs-gutter-x, 0.75rem);
}
.bf-hero-illustration {
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
.bf-hero-intro {
margin-top: 16px;
margin-bottom: 0;
max-width: none;
}
.bf-sticky-icon {
width: 38px;
height: 38px;
font-size: 16px;
}
.bf-sticky-icon img,
.bf-sticky-icon svg {
width: 16px !important;
height: 16px !important;
}
.bf-animation-wrapper {
overflow-x: auto !important;
overflow-y: visible !important;
-webkit-overflow-scrolling: touch;
-webkit-mask-image: linear-gradient(to right, #000 88%, transparent 100%);
mask-image: linear-gradient(to right, #000 88%, transparent 100%);
}
.bf-animation-wrapper .bf-animation-iframe {
min-width: 600px;
width: 600px;
}
#ontwikkelproces .bf-animation-wrapper {
overflow-x: visible !important;
-webkit-mask-image: none !important;
mask-image: none !important;
}
#ontwikkelproces .bf-animation-iframe {
min-width: 0 !important;
width: 100% !important;
}
.bf-hero-icon { width: 35px; height: 35px; }
.bf-section { padding: 20px 0; }
.bf-section-compact-bottom { margin-bottom: -10px; }
.bf-topbar { font-size: 12px; }
.bf-topbar .bf-btn-accent { display: block; margin: 8px auto 0; }
.bf-ticker-inner { animation-duration: 28s; }
.bf-footer .row > [class*="col-"] { margin-bottom: 24px; }
.bf-subfooter { text-align: center; }
.bf-subfooter .d-flex { flex-direction: column; gap: 8px; }
.bf-diensten-section .row > .col-md-4,
#voorbeeldprojecten .row > .col-md-4 {
width: 100%;
max-width: 100%;
}
.navbar-toggler {
min-width: 44px;
min-height: 44px;
}
.bf-back-to-top {
width: 44px;
height: 44px;
}
.row > [class*="col-lg-"][style*="max-width"] {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
.bf-wegwijzer {
display: flex;
gap: 14px;
align-items: flex-start;
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid #dde5ec;
}
.bf-wegwijzer-arrow {
flex: 0 0 auto;
color: var(--bf-primary, #00a3c4);
font-weight: 700;
font-size: 18px;
line-height: 1.65;
}
.bf-wegwijzer p { margin: 0; }
.bf-wegwijzer a {
color: var(--bf-primary, #00a3c4);
font-weight: 600;
text-decoration: none;
}
.bf-wegwijzer a:hover { text-decoration: underline; }
.bf-animation-wrapper {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto 0 0;
overflow: hidden;
background: transparent;
}
.bf-animation-iframe {
display: block;
width: 100%;
aspect-ratio: 960 / 580;
border: none;
}
@media (max-width: 991.98px) {
.bf-section .container > .row:has(iframe[src*="quickscan-animatie"]) + p {
margin-top: 28px;
}
}
@media (max-width: 767.98px) {
iframe[src*="baseflow-animatie"],
iframe[src*="portflow-animatie"] {
max-width: 100% !important;
margin-left: 0 !important;
}
}
@media (min-width: 768px) {
iframe[src*="baseflow-animatie"],
iframe[src*="portflow-animatie"] {
margin-left: -7px;
}
}
@media (max-width: 767.98px) {
.bf-animation-wrapper:has(iframe[src*="connectflow-werking"]) {
overflow-x: visible !important;
-webkit-mask-image: none !important;
mask-image: none !important;
}
.bf-animation-wrapper:has(iframe[src*="connectflow-werking"]) .bf-animation-iframe {
min-width: 0 !important;
width: 100% !important;
}
}
@media (max-width: 575.98px) {
.bf-moniflow-embed {
aspect-ratio: 24 / 25 !important;
}
}
iframe {
color-scheme: light;
}
.bf-form-column-label {
font-family: var(--bf-font-display);
font-size: 14px;
font-weight: 700;
color: var(--bf-primary) !important;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
p, li, .accordion-body, .card-body p, .bf-section-text,
.bf-service-card p, .bf-news-card p,
.bf-footer .tagline, .bf-subfooter,
.bf-topbar, .bf-ticker-item, .bf-term, .bf-hero-intro,
.bf-form-heading, .bf-form-subtext, .form-check-label,
.bf-card-link, label, .form-label {
text-transform: none;
}
#project-filter {
text-align: center;
margin-bottom: 40px;
}
#project-filter .inner {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
#project-filter .cbp-filter-item {
display: inline-block;
cursor: pointer;
font-family: var(--bf-font-display);
font-weight: 900;
font-size: 18px;
text-transform: uppercase;
line-height: 28px;
color: var(--bf-dark);
padding: 6px 16px;
transition: color 0.2s;
}
#project-filter .cbp-filter-item:hover,
#project-filter .cbp-filter-item.active {
color: var(--bf-primary);
}
#project-filter .cbp-filter-item > span {
position: relative;
}
#project-filter .cbp-filter-item > span:after {
content: '';
display: block;
position: absolute;
bottom: -4px;
left: 0;
right: 0;
height: 2px;
background-color: var(--bf-accent);
opacity: 0;
transition: opacity 0.2s;
}
#project-filter .cbp-filter-item.active > span:after {
opacity: 0;
}
#project-filter .cbp-filter-item.active {
color: var(--bf-primary);
font-weight: 900;
}
.project-box .project-image {
position: relative;
}
.project-box .project-image > .inner {
position: relative;
overflow: hidden;
}
.project-box .project-image > .inner img {
width: 100%;
height: auto;
display: block;
}
.project-box .project-image > .inner:after {
content: '';
width: 100%;
height: 100%;
background-color: var(--bf-accent);
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
transform: scale(0.95);
transition: transform ease 0.35s, opacity ease 0.35s;
}
.project-box .project-image:hover > .inner:after {
transform: scale(1);
opacity: 0.9;
}
.project-box .project-text .title {
opacity: 0;
font-size: 16px;
padding: 0 0 12px;
margin: 0 0 0 30px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
color: #fff;
z-index: 2;
transition-duration: 0.35s;
transition-property: opacity, padding, margin;
}
.project-box:hover .project-text .title {
margin-left: 0;
opacity: 1;
}
.project-box .project-text .title a {
color: #fff !important;
text-decoration: none;
}
a.project-box.style-2 {
display: block;
text-decoration: none;
}
.project-box.style-2 .project-image > .title {
font-family: var(--bf-font-display);
font-size: 18px;
font-weight: 900;
line-height: 1.4;
letter-spacing: 0.1px;
margin: 13px 0 6px 16px;
color: var(--bf-text);
text-transform: uppercase;
transition: color ease 0.3s;
}
.project-box.style-2 .project-image > .terms {
font-family: var(--bf-font-body);
font-size: .8rem;
font-weight: 500;
color: var(--bf-subtle);
text-transform: uppercase;
letter-spacing: 0.04em;
margin: 0 0 13px 16px;
}
.project-box .project-image > .inner:after {
display: none !important;
}
.project-box .project-image .project-text {
display: none !important;
}
.project-box .project-image > .inner {
aspect-ratio: 5 / 2;
}
.project-box .project-image > .inner img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bf-project-meta .label {
color: #00a1c6;
font-weight: 700;
}
.bf-project-meta p {
margin-bottom: 5px;
}
.bf-project-meta .value {
font-weight: 700;
}
.grecaptcha-badge {
visibility: hidden !important;
}
.bf-recaptcha-notice {
font-size: 11px;
color: #748494;
margin-top: 8px;
margin-bottom: 0;
}
.bf-recaptcha-notice a,
.bf-recaptcha-notice a:hover {
color: var(--bf-primary);
text-decoration: underline;
text-underline-offset: 3px;
}
.bf-recaptcha-notice + .bf-recaptcha-notice { margin-top: 12px; }
@media (min-width: 992px) {
main > section > .container {
padding-right: 60px;
}
.bf-navbar .collapse.navbar-collapse,
.bf-navbar .navbar-collapse.collapse,
header.bf-navbar .navbar-collapse,
#mainNav .navbar-collapse,
#navbarNav.collapse {
display: flex !important;
flex-basis: auto !important;
visibility: visible !important;
height: auto !important;
}
.bf-navbar .navbar-toggler,
#mainNav .navbar-toggler {
display: none !important;
}
.bf-navbar .navbar-nav {
flex-direction: row;
align-items: center;
}
.bf-footer .row {
justify-content: space-between !important;
}
.bf-footer .row > .col-lg-3:first-child {
flex: 0 0 calc(25% - 6px) !important;
max-width: calc(25% - 6px) !important;
}
.bf-footer .row > .col-lg-2,
.bf-footer .row > .col-lg-3:last-child {
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
}
.bf-navbar .navbar-brand {
flex: 0 0 25% !important;
max-width: 25% !important;
width: 25% !important;
margin-right: 0 !important;
}
.bf-navbar .navbar-collapse {
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: 71% !important;
max-width: 71% !important;
width: 71% !important;
justify-content: flex-start !important;
}
.bf-navbar .navbar-nav {
width: 100% !important;
justify-content: space-between !important;
}
header.bf-navbar .navbar .navbar-nav .nav-item {
margin-left: 0 !important;
margin-right: 0 !important;
}
.bf-navbar .nav-link:focus,
.bf-navbar .nav-link:focus-visible,
.bf-navbar .dropdown-toggle:focus,
.bf-navbar .dropdown-toggle:focus-visible {
outline: none !important;
box-shadow: none !important;
}
.bf-navbar .dropdown-menu .dropdown-item {
font-weight: 800 !important;
text-transform: uppercase !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
color: #333 !important;
}
.bf-navbar .dropdown-menu .dropdown-item:hover {
color: var(--bf-primary, #00a1c6) !important;
}
.bf-vb-col-btn {
flex: 0 0 20%;
max-width: 20%;
padding-right: 24px;
padding-left: 15px;
text-align: right;
}
}
@media (min-width: 992px) and (max-width: 1119.98px) {
.bf-vb-col-text { flex: 0 0 56%; max-width: 56%; }
.bf-vb-col-btn  { flex: 0 0 26%; max-width: 26%; }
}
.bf-hero-bg,
.bf-hero-icons {
transform-origin: 50% 50%;
}
@media (max-width: 1199.98px) and (min-width: 768px) {
.bf-hero {
overflow-x: clip;
overflow-y: visible;
position: relative;
padding-top: 1px;
}
.bf-hero-bg,
.bf-hero-icons {
display: none !important;
}
.bf-hero-stack {
display: grid;
grid-template-columns: 1fr;
}
.bf-hero-stack > .container {
grid-area: 1 / 1;
min-width: 0;
align-self: start;
}
.bf-hero-stack > .bf-hero-illustration-wrap { z-index: 0; }
.bf-hero-stack > .container:not(.bf-hero-illustration-wrap) { z-index: 2; }
.bf-hero-illustration-wrap {
display: block;
margin: 0;
padding: 0 var(--bs-gutter-x, 0.75rem);
}
.bf-hero-illustration {
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
.bf-hero-illustration-wrap a { pointer-events: auto; }
.bf-hero-heading {
margin-left: calc(5vw - 12px);
font-size: 28px !important;
line-height: 34px !important;
padding-top: 20px;
margin-top: 0 !important;
margin-bottom: 0;
pointer-events: none;
text-shadow: 0 0 6px rgba(255, 255, 255, 0.95), 0 0 14px rgba(255, 255, 255, 0.85);
}
}
@media (max-width: 1199.98px) and (min-width: 1100px) {
:root { --bf-hero-scale: 0.92; }
.bf-hero-bg, .bf-hero-icons { top: -143px; }
.bf-toptaak-optimalisatie { left: 78.3vw; width: 82px; height: 84px; }
.bf-hero-heading { font-size: 30px !important; line-height: 38px !important; }
.bf-hero-heading {
max-width: 60vw;
margin-top: 60px;
}
}
@media (max-width: 1099.98px) and (min-width: 1000px) {
:root { --bf-hero-scale: 0.82; }
.bf-hero-bg, .bf-hero-icons { top: -157px; }
.bf-toptaak-optimalisatie { left: 81.7vw; width: 85px; height: 87px; }
}
@media (max-width: 999.98px) and (min-width: 992px) {
:root { --bf-hero-scale: 0.72; }
.bf-hero-bg, .bf-hero-icons { top: -195px; }
.bf-toptaak-optimalisatie { left: 86.1vw; width: 93px; height: 95px; }
}
@media (max-width: 991.98px) and (min-width: 950px) {
:root { --bf-hero-scale: 0.72; }
.bf-hero-bg, .bf-hero-icons { top: -145px; }
.bf-toptaak-optimalisatie { left: 86.1vw; width: 93px; height: 95px; }
.bf-hero-heading { font-size: 32px !important; line-height: 40px !important; }
.bf-hero-heading {
max-width: 67.7vw;
margin-top: 56px;
}
}
@media (max-width: 949.98px) and (min-width: 900px) {
:root { --bf-hero-scale: 0.72; }
.bf-hero-bg, .bf-hero-icons { top: -156px; }
.bf-toptaak-optimalisatie { left: 86.1vw; width: 85px; height: 86px; }
.bf-hero-heading { font-size: 28px !important; line-height: 36px !important; }
.bf-hero-heading {
max-width: 67.7vw;
margin-top: 46px;
}
}
@media (max-width: 899.98px) and (min-width: 820px) {
:root { --bf-hero-scale: 0.6; }
.bf-hero-bg, .bf-hero-icons { top: -171px; }
.bf-toptaak-optimalisatie { left: 93.3vw; width: 92px; height: 95px; }
.bf-hero-heading { font-size: 26px !important; line-height: 33px !important; }
.bf-hero-heading {
max-width: 67.7vw;
margin-top: 42px;
}
}
@media (max-width: 819.98px) and (min-width: 768px) {
:root { --bf-hero-scale: 0.6; }
.bf-hero-bg, .bf-hero-icons { top: -114px; }
.bf-toptaak-optimalisatie { left: 93.3vw; width: 87px; height: 88px; }
.bf-hero-heading { font-size: 32px !important; line-height: 41px !important; }
.bf-hero-heading {
max-width: 86.2vw;
margin-top: 18px;
}
}
@media (max-width: 767.98px) and (min-width: 600px) {
:root { --bf-hero-scale: 0.5; }
.bf-hero-bg, .bf-hero-icons { top: -147px; }
.bf-toptaak-optimalisatie { left: 102vw; width: 80px; height: 84px; }
.bf-hero-heading { font-size: 26px !important; line-height: 32px !important; }
.bf-hero-heading {
max-width: 86.2vw;
margin-top: 14px;
}
}
@media (max-width: 599.98px) and (min-width: 480px) {
:root { --bf-hero-scale: 0.5; }
.bf-hero-bg, .bf-hero-icons { top: -164px; }
.bf-toptaak-optimalisatie { left: 102vw; width: 64px; height: 66px; }
.bf-hero-heading { font-size: 20px !important; line-height: 26px !important; }
.bf-hero-heading {
max-width: 86.2vw;
margin-top: 12px;
}
}
@media (max-width: 479.98px) {
:root { --bf-hero-scale: 0.32; }
.bf-toptaak-optimalisatie { left: 131.25vw; width: 78px; height: 81px; }
}
@media (max-width: 1099.98px) and (min-width: 992px) {
.bf-hero-heading {
max-width: 60vw;
margin-top: 53px;
}
}
.bf-nav-overlay  { display: none; }
.bf-drawer-brand { display: none; }
.bf-drawer-close { display: none; }
@media (max-width: 991.98px) {
.bf-diensten-section .row > .col-md-4,
#voorbeeldprojecten .row > .col-md-4 {
flex: 0 0 auto;
width: 50%;
max-width: 50%;
}
}
@media (max-width: 767.98px) {
.bf-diensten-section .row > .col-md-4,
#voorbeeldprojecten .row > .col-md-4,
.bf-diensten-section .row > [class*="col-md-"],
#voorbeeldprojecten .row > [class*="col-md-"] {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.bf-diensten-section .container {
padding-left: 19.5px;
padding-right: 19.5px;
}
}
@media (max-width: 991.98px) {
.bf-navbar .navbar-collapse {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: min(85vw, 320px);
height: 100vh !important;
max-width: 100%;
background: #1d2b37;
z-index: 10000;
display: block !important;
transform: translateX(-100%);
transition: transform 0.3s ease-out;
padding: 32px 24px 24px;
overflow-y: auto;
margin: 0 !important;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}
.bf-navbar .navbar-collapse.show,
.bf-navbar .navbar-collapse.collapsing {
transform: translateX(0);
}
html.bf-resizing .bf-navbar .navbar-collapse {
transition: none !important;
}
.bf-drawer-brand {
display: block;
margin: 4px 0 24px;
text-align: left;
}
.bf-drawer-brand img {
width: 140px;
height: auto;
display: block;
}
.navbar-collapse.show ~ .bf-drawer-close,
.navbar-collapse.collapsing ~ .bf-drawer-close {
display: block;
position: fixed;
top: 16px;
right: 16px;
width: 36px;
height: 36px;
padding: 0;
background: transparent;
border: none;
color: #fff;
font-size: 32px;
line-height: 1;
cursor: pointer;
z-index: 10001;
}
.bf-drawer-close:hover,
.bf-drawer-close:focus {
color: var(--bf-primary, #00a1c6);
outline: none;
}
.navbar-toggler[aria-expanded="true"] {
display: none;
}
.bf-navbar .navbar-collapse .navbar-nav {
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
width: 100%;
gap: 0;
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none;
}
header.bf-navbar .navbar .navbar-nav .nav-item {
margin: 0 !important;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
header.bf-navbar .navbar .navbar-nav .nav-item:last-child {
border-bottom: none;
}
header.bf-navbar .navbar .navbar-nav .nav-item .nav-link {
padding: 16px 0 16px 11px !important;
line-height: 1.3 !important;
color: #fff !important;
width: 100%;
}
header.bf-navbar .navbar .navbar-nav .nav-item .nav-link:hover,
header.bf-navbar .navbar .navbar-nav .nav-item .nav-link:focus,
header.bf-navbar .navbar .navbar-nav .nav-item .nav-link.active {
color: var(--bf-primary, #00a1c6) !important;
}
.bf-nav-overlay {
display: block;
position: fixed;
inset: 0;
background: rgba(29, 43, 55, 0.6);
z-index: 9999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s, visibility 0.3s;
cursor: pointer;
border: 0;
margin: 0;
padding: 0;
}
.bf-navbar:has(.navbar-collapse.show) .bf-nav-overlay,
.bf-navbar:has(.navbar-collapse.collapsing) .bf-nav-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.bf-topbar {
display: none;
}
body { padding-top: var(--bf-navbar-height) !important; }
.bf-navbar { top: 0 !important; }
.bf-faq .row > .col-lg-6 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
.bf-blog-filter {
display: flex;
align-items: center;
gap: 14px;
margin: 28px 0 30px;
padding: 8px 10px;
border: 1px solid rgba(0, 161, 198, .14);
border-radius: 16px;
background: #f0f9fc;
}
.bf-blog-filter .bf-filter-row {
display: flex;
flex: 1 1 auto;
min-width: 0;
align-items: center;
flex-wrap: wrap;
gap: 6px 4px;
margin: 0;
padding: 0;
}
.bf-blog-filter .bf-chip {
flex: 0 0 auto;
min-height: 34px;
margin: 0;
padding: 7px 14px;
font-family: var(--bf-font-body);
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: var(--bf-subtle);
white-space: nowrap;
cursor: pointer;
border: 1px solid transparent;
border-radius: 999px;
background: transparent;
transition:
color var(--bf-transition),
border-color var(--bf-transition),
background var(--bf-transition),
box-shadow var(--bf-transition);
}
.bf-blog-filter .bf-chip:hover {
color: var(--bf-text);
background: rgba(255, 255, 255, .7);
}
.bf-blog-filter .bf-chip:focus-visible {
outline: 0;
box-shadow: 0 0 0 3px rgba(0, 161, 198, .28);
}
.bf-blog-filter .bf-chip.is-active,
.bf-blog-filter .bf-chip[aria-pressed="true"] {
color: #006e87;
font-weight: 600;
border-color: rgba(0, 161, 198, .3);
background: #ffffff;
box-shadow: 0 1px 4px rgba(0, 80, 100, .12);
}
.bf-blog-filter .bf-filter-meta {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 12px;
margin: 0;
padding: 2px 6px 2px 14px;
border-left: 1px solid rgba(0, 80, 100, .1);
font-family: var(--bf-font-body);
font-size: 13px;
color: var(--bf-subtle);
white-space: nowrap;
}
.bf-blog-filter .bf-filter-count strong {
color: var(--bf-text);
font-weight: 700;
}
.bf-blog-filter .bf-filter-reset {
font-family: var(--bf-font-body);
font-size: 13px;
color: var(--bf-primary);
cursor: pointer;
border: 0;
background: none;
padding: 0;
}
.bf-blog-filter .bf-filter-reset:hover { text-decoration: underline; }
.bf-blog-filter .bf-filter-reset:focus-visible {
outline: 2px solid rgba(0, 161, 198, .4);
outline-offset: 3px;
}
.bf-blog-filter + .bf-product-grid { margin-top: 0; }
@media (max-width: 767px) {
.bf-blog-filter {
align-items: stretch;
flex-direction: column;
gap: 8px;
margin-top: 24px;
padding: 8px;
border-radius: 14px;
}
.bf-blog-filter .bf-filter-row {
width: 100%;
}
.bf-blog-filter .bf-chip {
min-height: 36px;
}
.bf-blog-filter .bf-filter-meta {
justify-content: space-between;
margin: 0;
padding: 7px 4px 1px;
border-top: 1px solid rgba(0, 80, 100, .1);
border-left: 0;
}
}
.bf-blog-empty {
text-align: center;
margin-top: 24px;
padding: 36px 20px;
color: #748494;
border: 1px dashed #d7e0e7;
border-radius: 14px;
background: #f9fbfc;
}
.bf-blog-empty p { margin-bottom: 16px; }
.bf-blog-card[hidden],
.bf-product-card[hidden] { display: none !important; }
.bf-voordeel-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bf-voordeel-card { background: #fff; border: 1px solid #e8eef4; border-radius: 16px; padding: 28px 24px 24px; }
.bf-voordeel-card .bf-voordeel-kop { color: var(--bf-text); font-weight: 600; font-size: 15.5px; line-height: 1.3; margin: 0 0 18px; text-transform: none; }
.bf-voordeel-lijst { list-style: none; margin: 0; padding: 0; }
.bf-voordeel-lijst li { position: relative; padding-left: 18px; font-size: 14px; line-height: 1.55; margin: 0 0 12px; text-transform: none; }
.bf-voordeel-lijst li:last-child { margin-bottom: 0; }
.bf-voordeel-lijst li::before { content: "\2022"; color: var(--bf-primary); position: absolute; left: 0; top: -1px; font-size: 15px; }
.bf-voordeel-titel { color: var(--bf-primary); font-weight: 500; }
@media (max-width: 768px) { .bf-voordeel-cards { grid-template-columns: 1fr; gap: 16px; } }
.bf-cta-subline {
font-family: var(--bf-font-body);
font-size: 13px;
font-weight: 300;
color: #6b7785 !important;
line-height: 22.62px;
text-transform: none !important;
margin-top: 8px !important;
}
:root { --bf-primary-light: #00cbf9; }
body .bf-voordeel-card,
body .bf-news-card,
body .bf-product-card,
body .bf-team-card,
body .bf-feature-block,
body .project-card,
body .bf-service-card:not(.bf-diensten-stack *) {
border: 1px solid rgba(16, 26, 34, .10);
border-radius: 16px;
background: #fff;
}
body .bf-voordeel-card:hover,
body .bf-news-card:hover,
body .bf-product-card:hover,
body .bf-team-card:hover,
body .bf-feature-block:hover,
body .project-card:hover,
body .bf-service-card:not(.bf-diensten-stack *):hover {
transform: translateY(-6px) !important;
box-shadow: 0 14px 40px rgba(8, 25, 36, .08);
border-color: var(--bf-primary);
}
body .bf-section:not(.bf-diensten-section) h2 {
font-size: clamp(20px, 2.5vw, 26px);
line-height: 1.12;
letter-spacing: -0.02em;
}
body .bf-section .bf-term {
border-bottom: 1px dotted var(--bf-primary);
text-decoration: none;
}
body .bf-section p a,
body .bf-section li a,
body .bf-cta-section p a,
body .bf-cta-section li a {
color: var(--bf-primary);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
body .bf-section .bf-bullet-list,
body .bf-section .bf-voordeel-lijst,
body .bf-section .bf-numbered-list,
body .bf-section .bf-check-list {
list-style: none;
margin-left: 0;
padding-left: 0;
}
body .bf-section .bf-bullet-list li,
body .bf-section .bf-voordeel-lijst li,
body .bf-section .bf-numbered-list li,
body .bf-section .bf-check-list li {
position: relative;
padding-left: 26px;
margin-bottom: 4px;
line-height: 1.74;
}
body .bf-section .bf-bullet-list li::before,
body .bf-section .bf-voordeel-lijst li::before,
body .bf-section .bf-numbered-list li::before,
body .bf-section .bf-check-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.6em;
width: 9px;
height: 9px;
margin-left: 0;
border-radius: 2px;
background: var(--bf-primary);
}
body .bf-cta-subline {
display: inline-flex;
align-items: center;
gap: 8px;
}
body .bf-cta-subline::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--bf-primary);
}
body .bf-cta-stack {
display: flex;
flex-direction: column;
align-items: center;
width: fit-content;
}
body .bf-section-dark .bf-term { border-bottom-color: var(--bf-primary-light); }
body .bf-section-dark p a, body .bf-section-dark li a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
body .bf-section-dark .bf-service-card .bf-term { border-bottom-color: var(--bf-primary); }
body .bf-section-dark .bf-service-card p a,
body .bf-section-dark .bf-service-card li a { color: var(--bf-primary); }
.ww-pin-wrap{position:relative;}
.ww-pin{position:static;}
.ww-layout{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:start;width:100%;}
.ww-anchor-text{display:grid;}
.ww-anchor-text > p{grid-area:1 / 1;margin:0;max-width:48ch;transition:opacity .6s ease, transform .6s ease;}
.anchor-a{opacity:1;transform:none;}
.anchor-a.hide{opacity:0;transform:translateY(-12px);pointer-events:none;}
.anchor-b{opacity:0;transform:translateY(12px);pointer-events:none;}
.anchor-b.show{opacity:1;transform:none;pointer-events:auto;}
.ww-stage{display:grid;}
.ww-stage > *{grid-area:1 / 1;}
.ww-cards{display:grid;gap:14px;align-content:start;pointer-events:none;}
.ww-card{background:#fff;border:1px solid rgba(16,26,34,.10);border-radius:16px;padding:24px 26px 26px;opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
.ww-card.in{opacity:1;transform:none;pointer-events:auto;}
.ww-card:not(.in){pointer-events:none;}
.ww-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(8,25,36,.08);border-color:var(--bf-primary);transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;}
.ww-card h3{color:var(--bf-text);font-family:var(--bf-font-display);font-weight:900;font-size:18px;line-height:1.1;letter-spacing:-.01em;margin:0 0 8px;}
.ww-card p{font-size:15px;line-height:1.55;margin:0;}
.ww-method{padding:18px 0 0;}
.ww-method-inner{max-width:760px;margin:0 auto;opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease;}
.ww-method-inner.in{opacity:1;transform:none;}
@media (max-width:991.98px){
.ww-layout{grid-template-columns:1fr;gap:26px;}
.ww-card{padding:20px 22px 22px;}
}
@media (prefers-reduced-motion:reduce){
.ww-card,.ww-anchor-text > p,.ww-method-inner{transform:none;}
}
.ww-anim{max-height:0; opacity:0; overflow:hidden; margin:0 auto; max-width:760px;
transition:max-height .6s ease, opacity .55s ease, margin-top .6s ease;}
.ww-anim.in{max-height:400px; opacity:1; margin-top:18px;}
@media (prefers-reduced-motion:reduce){ .ww-anim{transition:none;} }
::selection { background: var(--bf-primary); color: #fff; }
::-moz-selection { background: var(--bf-primary); color: #fff; }
iframe {
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
outline: 2px solid var(--bf-primary);
outline-offset: 2px;
border-radius: 2px;
}
.bf-skip-link {
position: absolute;
left: 8px;
top: -56px;
z-index: 10000000;
padding: 8px 16px;
background: var(--bf-primary);
color: #fff;
font-family: var(--bf-font-display);
font-weight: 700;
font-size: 14px;
text-decoration: none;
border-radius: 6px;
transition: top .2s ease;
}
.bf-skip-link:focus { top: 8px; }
.bf-skip-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .bf-skip-link { transition: none; } }
#bf-blog-cards > .bf-blog-featured { flex: 0 0 100%; max-width: 100%; }
.bf-featured-card {
position: relative;
display: flex;
flex-direction: row;
align-items: stretch;
min-height: 280px;
height: 100%;
background: #fff;
border: 1px solid rgba(16, 26, 34, 0.10);
border-radius: 16px;
overflow: hidden;
text-decoration: none;
transition: border-color .3s, box-shadow .3s, transform .3s;
}
.bf-featured-card:hover {
border-color: var(--bf-primary, #00a1c6);
box-shadow: 0 12px 34px rgba(0, 63, 95, 0.10);
transform: translateY(-4px);
}
.bf-featured-card::before,
.bf-featured-card::after {
content: "";
position: absolute;
top: 50%;
border-radius: 50%;
transform: translateY(-50%);
pointer-events: none;
z-index: 0;
}
.bf-featured-card::before {
left: -95px; width: 350px; height: 350px;
border: 1px dashed rgba(16, 26, 34, 0.07);
}
.bf-featured-card::after {
left: -35px; width: 230px; height: 230px;
border: 1px solid rgba(16, 26, 34, 0.05);
}
.bf-featured-content {
position: relative;
z-index: 1;
flex: 1 1 54%;
min-width: 0;
display: flex;
flex-direction: column;
padding: 32px 36px;
}
.bf-featured-media {
position: relative;
z-index: 1;
flex: 0 0 46%;
align-self: stretch;
background: #f9fbff;
padding: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.bf-featured-media img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
display: block;
border-radius: 8px;
}
.bf-featured-eyebrow {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--bf-font-body);
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--bf-accent, #ffb600);
margin-bottom: 14px;
}
.bf-featured-title {
font-family: var(--bf-font-display);
font-weight: 900;
color: var(--bf-dark, #1d2b37);
font-size: clamp(22px, 2.3vw, 30px);
line-height: 1.15;
margin: 0 0 14px;
text-transform: none;
}
.bf-featured-teaser {
color: var(--bf-text, #333333);
font-size: 15px;
line-height: 1.6;
margin: 0 0 22px;
text-transform: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bf-featured-card .bf-featured-teaser {
margin-bottom: 14px;
flex-shrink: 0;
}
.bf-featured-link {
margin-top: auto;
align-self: flex-start;
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--bf-font-display);
font-weight: 700;
font-size: 14px;
color: var(--bf-primary, #00a1c6);
}
.bf-featured-link::after {
content: "\2192";
transition: transform .2s;
}
.bf-featured-card:hover .bf-featured-link::after { transform: translateX(3px); }
@media (min-width: 768px) {
.bf-featured-card { height: 300px; }
}
@media (max-width: 767.98px) {
.bf-featured-card { flex-direction: column; }
.bf-featured-content { flex-basis: auto; padding: 26px 24px; }
.bf-featured-media { flex-basis: auto; width: 100%; height: 200px; }
.bf-featured-card::before, .bf-featured-card::after { display: none; }
}
.bf-proces-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 34px; }
.bf-proces-steps + p,
.bf-proces-steps-4 + p { margin-top: 30px; }
.bf-proces-step {
position: relative; background: #fff; border: 1px solid rgba(16,26,34,.10);
border-radius: 18px; padding: 34px 26px 26px;
transition: transform .22s, box-shadow .22s, border-color .22s;
}
.bf-proces-step:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(16,26,34,.10); border-color: var(--bf-primary); }
.bf-proces-step .bf-proces-num {
position: absolute; top: -22px; left: 26px; width: 48px; height: 48px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-weight: 900; font-size: 20px; color: #fff;
background: linear-gradient(135deg, var(--bf-primary-light), var(--bf-primary));
box-shadow: 0 8px 20px rgba(0,161,198,.38);
}
.bf-proces-step h3 { color: var(--bf-dark); font-weight: 900; font-size: 17px; margin: 14px 0 8px; line-height: 1.25; }
.bf-proces-step p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--bf-text); }
.bf-proces-step p a { color: var(--bf-primary); text-decoration: underline; text-underline-offset: 2px; }
.bf-proces-step.bf-proces-finish { background: linear-gradient(160deg, #12212e, var(--bf-dark)); border-color: transparent; }
.bf-proces-step.bf-proces-finish .bf-proces-num { background: linear-gradient(135deg, #ffcf4d, var(--bf-accent)); box-shadow: 0 8px 20px rgba(255,182,0,.4); color: var(--bf-dark); }
.bf-proces-step.bf-proces-finish h3 { color: #fff; }
.bf-proces-step.bf-proces-finish p { color: #c7d2dc; }
@media (max-width: 820px) { .bf-proces-steps { grid-template-columns: 1fr; } }
.bf-proces-steps-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 34px; }
@media (max-width: 1000px) { .bf-proces-steps-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .bf-proces-steps-4 { grid-template-columns: 1fr; } }
@media (max-width: 991.98px) {
.row.g-5 { --bs-gutter-x: 1.5rem; }
}
@media (max-width: 991.98px) {
.bf-sticky-panel { max-width: calc(100vw - 68px); }
}
.bf-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 30px;
}
.bf-stat {
background: #fff;
border: 1px solid rgba(16,26,34,.10);
border-radius: 18px;
padding: 28px 24px;
text-align: center;
box-shadow: 0 14px 40px rgba(16,26,34,.05);
}
.bf-stat-num {
display: block;
font-family: 'Exo', sans-serif;
font-weight: 900;
font-size: clamp(34px, 5vw, 46px);
line-height: 1;
color: var(--bf-primary);
letter-spacing: -0.5px;
}
.bf-stat-label {
display: block;
margin-top: 12px;
font-size: 14.5px;
line-height: 1.45;
color: var(--bf-text);
}
@media (max-width: 560px) {
.bf-stats { grid-template-columns: 1fr; gap: 16px; }
}
.bf-stat-highlight {
display: flex;
align-items: center;
gap: 34px;
background: var(--bf-surface);
border: 1px solid rgba(16,26,34,.10);
border-radius: 18px;
padding: 32px 36px;
margin-top: 8px;
box-shadow: 0 18px 50px rgba(16,26,34,.06);
}
.bf-stat-highlight-figure { flex: 0 0 auto; min-width: 200px; text-align: center; }
.bf-stat-highlight-num {
display: block;
font-family: 'Exo', sans-serif;
font-weight: 900;
font-size: clamp(42px, 6vw, 60px);
line-height: 1;
color: var(--bf-primary);
letter-spacing: -1px;
}
.bf-stat-highlight-unit {
display: block;
margin-top: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--bf-muted);
}
.bf-stat-highlight-body { margin: 0; color: var(--bf-text); }
@media (max-width: 700px) {
.bf-stat-highlight { flex-direction: column; align-items: flex-start; gap: 20px; padding: 28px 24px; }
.bf-stat-highlight-figure { min-width: 0; text-align: left; }
}
.bf-inline-cta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 28px;
margin-top: 26px;
padding: 22px 28px;
border-radius: 16px;
background: var(--bf-surface);
border: 1px solid rgba(16,26,34,.10);
}
.bf-inline-cta p { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.4; color: var(--bf-dark); }
.bf-inline-cta .bf-btn-accent { flex: 0 0 auto; white-space: nowrap; color: #fff; }
.bf-section-dark .bf-inline-cta { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }
.bf-section-dark .bf-inline-cta p { color: #fff; }
@media (max-width: 575px) {
.bf-inline-cta { padding: 20px 22px; }
.bf-inline-cta .bf-btn-accent { width: 100%; text-align: center; }
}
.bf-wijspijl { display: inline-flex; align-items: center; margin-left: 8px; vertical-align: middle; color: var(--bf-primary); }
.bf-wijspijl .bf-arrow-down { display: none; }
.bf-wijspijl .bf-arrow-right { animation: bfNudgeX 1.5s ease-in-out infinite; }
@media (max-width: 991.98px) {
.bf-wijspijl .bf-arrow-right { display: none; }
.bf-wijspijl .bf-arrow-down { display: inline-block; animation: bfNudgeY 1.5s ease-in-out infinite; }
}
@keyframes bfNudgeX { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
@keyframes bfNudgeY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
@media (prefers-reduced-motion: reduce) {
.bf-wijspijl .bf-arrow-right,
.bf-wijspijl .bf-arrow-down { animation: none; }
}
p.bf-ww-wijs { margin-bottom: 0; }
.ww-anchor-text + p.bf-ww-wijs { margin-top: 22px; }
.bf-project-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 32px; }
.bf-project-meta p { margin-bottom: 0; }
@media (max-width: 767.98px) {
.bf-project-meta { grid-template-columns: 1fr; gap: 4px; }
}
.bf-schets { margin: 28px 0 0; max-width: 860px; }
.bf-schets img { width: 100%; height: auto; display: block; border-radius: 16px; }
[class*="col-"] > .bf-schets { margin: 0; max-width: 100%; }
.project-card {
display: flex;
flex-direction: column;
}
.project-card .bf-card-link {
align-self: flex-start;
margin: auto 24px 20px;
padding: 8px 16px;
font-size: 15px;
font-weight: 700;
color: var(--bf-text);
border: 1px solid var(--bf-text);
border-radius: 8px;
background: #fff;
text-decoration: none;
display: inline-block;
transition: all var(--bf-transition);
}
.project-card .bf-card-link:hover {
background: var(--bf-text);
color: #fff;
}
.bf-koppel-lijst {
margin: 0;
columns: 2;
column-gap: 34px;
}
.bf-koppel-lijst > div {
break-inside: avoid;
margin-bottom: 13px;
}
.bf-koppel-lijst dt {
font-family: var(--bf-font-display);
font-weight: 700;
color: var(--bf-text);
margin-bottom: 2px;
}
.bf-koppel-lijst dd {
margin: 0;
color: var(--bf-text);
}
.bf-koppel-lijst dd .sep {
color: var(--bf-primary);
}
@media (max-width: 767.98px) {
.bf-koppel-lijst { columns: 1; }
}
.bf-modal-head {
border-bottom: 1px solid rgba(16, 26, 34, .10);
padding: 18px 40px 0;
align-items: flex-start;
gap: 20px;
}
.bf-modal-head .btn-close {
flex: 0 0 auto;
margin: 6px 0 0 auto;
}
.bf-modal-tabs {
flex-wrap: wrap;
margin-bottom: -1px;
}
.bf-modal-tabs .nav-item + .nav-item { margin-left: 26px; }
.bf-modal-tabs .nav-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 2px 13px;
border: 0;
border-bottom: 3px solid transparent;
background: none;
font-family: 'Exo', sans-serif;
font-weight: 700;
font-size: 15px;
color: var(--bf-muted);
transition: color .18s ease, border-color .18s ease;
}
.bf-modal-tabs .nav-link:hover { color: var(--bf-text); }
.bf-modal-tabs .nav-link.active {
color: var(--bf-text);
border-bottom-color: var(--bf-primary);
}
.bf-tab-count {
padding: 3px 8px;
border-radius: 20px;
background: rgba(0, 161, 198, .12);
color: var(--bf-primary);
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.bf-modal-tabs .nav-link.active .bf-tab-count {
background: var(--bf-primary);
color: #fff;
}
@media (max-width: 575.98px) {
.bf-modal-head { padding: 14px 22px 12px; gap: 8px; flex-wrap: nowrap; }
}
@media (max-width: 991.98px) {
.bf-modal-tabs {
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
margin-bottom: 0;
gap: 4px;
}
.bf-modal-tabs .nav-item { width: 100%; }
.bf-modal-tabs .nav-item + .nav-item { margin-left: 0; }
.bf-modal-tabs .nav-link {
width: 100%;
justify-content: space-between;
padding: 9px 12px;
border-bottom: 0;
border-radius: 8px;
font-size: 14px;
}
.bf-modal-tabs .nav-link.active { background: rgba(0, 161, 198, .09); }
}
.modal .btn-close {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231d2b37'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
background-position: center;
background-repeat: no-repeat;
background-size: 14px auto;
filter: none;
opacity: .5;
transition: opacity .18s ease;
}
.modal .btn-close:hover { opacity: 1; }
.bf-btn-busy {
position: relative;
pointer-events: none;
cursor: progress;
}
.bf-btn-busy > * {
opacity: 0.35;
}
.bf-btn-busy::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
margin: -9px 0 0 -9px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
opacity: 1;
animation: bf-btn-spin 0.6s linear infinite;
}
@keyframes bf-btn-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.bf-btn-busy::after {
animation-duration: 2s;
}
}
body.bf-verzenden,
body.bf-verzenden * {
cursor: progress !important;
}
/* === assets/css/bf-reveal.css === */
:root {
--bf-reveal-distance: 40px;
--bf-reveal-duration: 0.7s;
--bf-reveal-stagger: 160ms;
--bf-reveal-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
html.bf-reveal-ready [data-animate],
html.bf-reveal-ready [data-animate-stagger] > * {
opacity: 0;
transform: translateY(var(--bf-reveal-distance));
transition:
opacity var(--bf-reveal-duration) var(--bf-reveal-ease),
transform var(--bf-reveal-duration) var(--bf-reveal-ease);
transition-delay: calc(var(--bf-reveal-i, 0) * var(--bf-reveal-stagger));
will-change: opacity, transform;
}
html.bf-reveal-ready [data-animate][data-animate-type="fadeIn"] {
transform: none;
}
html.bf-reveal-ready [data-animate][data-animate-type="left"] {
transform: translateX(calc(var(--bf-reveal-distance) * -1));
}
html.bf-reveal-ready [data-animate][data-animate-type="right"] {
transform: translateX(var(--bf-reveal-distance));
}
html.bf-reveal-ready [data-animate].bf-reveal-in,
html.bf-reveal-ready [data-animate-stagger] > .bf-reveal-in {
opacity: 1;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
html.bf-reveal-ready [data-animate],
html.bf-reveal-ready [data-animate-stagger] > * {
opacity: 1;
transform: none;
transition: none;
}
}
/* === assets/css/bf-inline.css === */
.bf-s-primair{color:var(--bf-primary) !important;}
.bf-s-grijs{color:#748494 !important;}
.bf-s-mb-0{margin-bottom:0 !important;}
.bf-s-fontsize-027e42{font-size: 48px !important;color: var(--bf-primary) !important;display: block !important;margin-bottom: 16px !important;}
.bf-s-wit{color:#fff !important;}
.bf-s-marginbottom-7daea5{margin-bottom:5px !important;}
.bf-s-aspectratio-167876{aspect-ratio: 80 / 43 !important;}
.bf-s-aspectratio-ae9b41{aspect-ratio: 1638 / 1096 !important;}
.bf-s-display-6b4349{display:block !important;width:100% !important;aspect-ratio:80/43 !important;border:none !important;background:transparent !important;}
.bf-s-marginbottom-e4ad4a{margin-bottom:8px !important;}
.bf-s-fontweight-797125{font-weight:700 !important;color:var(--bf-text) !important;margin-bottom:6px !important;}
.bf-s-marginbottom-ef0b7a{margin-bottom:0 !important;}
.bf-s-color-40ec7d{color:var(--bf-primary) !important;}
.bf-s-margintop-3343fd{margin-top:24px !important;}
.bf-s-position-28beb3{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:none !important;background:transparent !important;}
.bf-s-position-e9b703{position:absolute !important;left:0 !important;bottom:0 !important;width:100% !important;padding-bottom:calc(50% + 44px) !important;}
.bf-s-aspectratio-65e93c{aspect-ratio: 15 / 8 !important;}
.bf-s-aspectratio-6278e3{aspect-ratio: 1638 / 1096 !important;max-width: 560px !important;background: transparent !important;}
.bf-s-aspectratio-b356cc{aspect-ratio: 80 / 43 !important;background: transparent !important;}
.bf-s-borderradius-a764a2{border-radius:4px !important;}
.bf-s-color-279749{color:#16384D !important;}
.bf-s-display-74f95b{display: block !important;width: 100% !important;max-width: 100% !important;aspect-ratio: 80/43 !important;border: none !important;background: transparent !important;}
.bf-s-display-8ea735{display:block !important;width:100% !important;aspect-ratio:15/8 !important;border:none !important;background:transparent !important;}
.bf-s-fontsize-35868d{font-size: 18px !important;}
.bf-s-fontweight-8e5409{font-weight:700 !important;color:var(--bf-primary-light) !important;margin-bottom:6px !important;}
.bf-s-lineheight-715551{line-height:1.5 !important;}
.bf-s-marginbottom-79a1c5{margin-bottom:16px !important;}
.bf-s-marginbottom-49f14f{margin-bottom:20px !important;}
.bf-s-margintop-291b7b{margin-top:0 !important;}
.bf-s-margintop-ccc6fd{margin-top:28px !important;margin-bottom:0 !important;}
.bf-s-maxwidth-700587{max-width:188px !important;}
.bf-s-paddingtop-af98dd{padding-top:6px !important;}
.bf-s-padding-d15987{padding:0 0 30px !important;background:#f9fbff !important;}
.bf-s-padding-48f430{padding:10px 24px !important;font-size:15px !important;}
.bf-s-padding-f67ea5{padding:30px 0 15px !important;background:#f9fbff !important;}
.bf-s-padding-3620ed{padding:30px 40px 40px !important;}
.bf-s-padding-16b163{padding:4px 0 !important;}
.bf-s-padding-4c74e6{padding:4px 12px 4px 0 !important;color:#7C93A5 !important;white-space:nowrap !important;vertical-align:top !important;}
.bf-s-padding-c41d44{padding:60px 0 80px !important;}
.bf-s-position-03f084{position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important;}
.bf-s-position-743071{position:relative !important;width:100% !important;overflow:hidden !important;padding-bottom:calc(41.2% + 44px) !important;}
.bf-s-width-be49f7{width:100% !important;height:auto !important;display:block !important;}
.bf-s-width-da95ad{width:100% !important;max-width:380px !important;}
.bf-s-width-125941{width:100% !important;max-width:560px !important;aspect-ratio:16/10 !important;border:none !important;display:block !important;margin:0 auto !important;}
.bf-s-width-677983{width:240px !important;}
.bf-s-aspectratio-a63282{aspect-ratio: 15 / 8 !important;background: transparent !important;}
.bf-s-aspectratio-350b03{aspect-ratio: 1638 / 1096 !important;max-width: 560px !important;}
.bf-s-aspectratio-605ad5{aspect-ratio: 2 / 1 !important;background: transparent !important;}
.bf-s-aspectratio-9a36dd{aspect-ratio: 600 / 300 !important;}
.bf-s-aspectratio-bdb9a1{aspect-ratio: 600 / 323 !important;background: transparent !important;}
.bf-s-aspectratio-ef1f2c{aspect-ratio: 960 / 600 !important;}
.bf-s-backgroundco-923733{background-color:#f9fbff !important;}
.bf-s-backgroundco-859d89{background-color:#f9fbff !important;}
.bf-s-color-c61358{color: var(--bf-muted) !important;}
.bf-s-color-97deeb{color:#fff !important;text-decoration:underline !important;}
.bf-s-display-cd967c{display: block !important;width: 100% !important;aspect-ratio: 2/1 !important;border: none !important;background: transparent !important;}
.bf-s-display-52b75b{display: block !important;width: 100% !important;aspect-ratio: 600/323 !important;border: none !important;background: transparent !important;}
.bf-s-display-64c0af{display: block !important;width: 100% !important;aspect-ratio: 960/580 !important;border: none !important;}
.bf-s-display-afd498{display: block !important;width: 100% !important;height: 100% !important;border: none !important;background: #f9fbff !important;}
.bf-s-display-2bc874{display:block !important;width:100% !important;aspect-ratio:2/1 !important;border:none !important;background:transparent !important;}
.bf-s-display-f4398b{display:block !important;width:100% !important;aspect-ratio:600/323 !important;border:none !important;background:transparent !important;}
.bf-s-display-6b99de{display:none !important;}
.bf-s-flex-2b25ef{flex: 0 0 41.2% !important;max-width: 41.2% !important;}
.bf-s-flex-6e21f1{flex: 0 0 58.8% !important;max-width: 58.8% !important;}
.bf-s-fontsize-6646d4{font-size:0.9rem !important;}
.bf-s-fontsize-b30f15{font-size:15px !important;line-height:1.5 !important;}
.bf-s-height-c67698{height: 128px !important;}
.bf-s-marginbottom-022165{margin-bottom:0 !important;margin-top:24px !important;}
.bf-s-margintop-dc7ae7{margin-top: -10.8px !important;}
.bf-s-margin-ec7098{margin:0 !important;font-size:20px !important;color:#16384D !important;}
.bf-s-margin-5c93d6{margin:0 !important;padding:24px !important;background:#f4f6f8 !important;font-family:Segoe UI,Helvetica,Arial,sans-serif !important;color:#16384D !important;}
.bf-s-margin-dbde3a{margin:20px 0 6px !important;color:#7C93A5 !important;font-size:15px !important;}
.bf-s-maxwidth-2f3e7b{max-width: 930px !important;}
.bf-s-maxwidth-76a03a{max-width:210px !important;}
.bf-s-maxwidth-be1f49{max-width:433px !important;}
.bf-s-maxwidth-edabe3{max-width:600px !important;width:100% !important;height:auto !important;display:block !important;margin:0 auto !important;}
.bf-s-maxwidth-852f48{max-width:640px !important;margin:0 auto !important;background:#ffffff !important;border-radius:8px !important;}
.bf-s-maxwidth-bcaa18{max-width:700px !important;}
.bf-s-paddingbotto-b8fb4b{padding-bottom: 10px !important;}
.bf-s-paddingbotto-a95fa2{padding-bottom:10px !important;}
.bf-s-paddingbotto-5d83f5{padding-bottom:15px !important;}
.bf-s-paddingbotto-160202{padding-bottom:calc(41.2% + 44px) !important;}
.bf-s-paddingtop-4260eb{padding-top:0 !important;}
.bf-s-paddingtop-93fed3{padding-top:0 !important;}
.bf-s-padding-330682{padding:0 0 30px !important;background:#fff !important;}
.bf-s-padding-d66d54{padding:0 0 30px !important;background:#ffffff !important;}
.bf-s-padding-91db52{padding:0 28px 24px !important;color:#7C93A5 !important;font-size:12px !important;line-height:1.5 !important;}
.bf-s-padding-881768{padding:14px 16px !important;background:#f4f6f8 !important;border-radius:6px !important;font-size:15px !important;line-height:1.6 !important;white-space:pre-line !important;}
.bf-s-padding-f4db44{padding:24px 28px !important;}
.bf-s-padding-5d1fc6{padding:24px 28px !important;border-bottom:3px solid #46AECE !important;}
.bf-s-padding-6db9bf{padding:30px 0 15px !important;background:#fff !important;}
.bf-s-padding-144100{padding:30px 0 15px !important;background:#ffffff !important;}
.bf-s-position-8a16c9{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important;background:transparent !important;}
.bf-s-position-ab7f51{position:absolute !important;left:0 !important;bottom:0 !important;width:100% !important;padding-bottom:53.75% !important;}
.bf-s-position-bee06b{position:relative !important;width:100% !important;overflow:hidden !important;padding-bottom:46% !important;}
.bf-s-textalign-26cef2{text-align: left !important;}
.bf-s-whitespace-a9efa5{white-space:nowrap !important;}
.bf-s-width-5299c1{width:100% !important;aspect-ratio:600/300 !important;border:none !important;display:block !important;}
.bf-s-width-cb654f{width:100% !important;max-width:100% !important;flex:1 1 100% !important;}
.bf-s-width-2b08d9{width:465px !important;max-width:100% !important;aspect-ratio:1/1 !important;border:none !important;display:block !important;background:transparent !important;}