/* BGA VARIABLES ----------------------------------------- */
/* OVERRIDE BOOTSTRAP VARIABLES ---------------------------------------- */
/* IMPORT BOOTSTRAP SASS ------------------------------------------ */
/*! Bootstrap v5.1.3 (https://getbootstrap.com/) Copyright 2011-2021 The Bootstrap Authors Copyright 2011-2021 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 51, 51, 51; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: "Open Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --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-root-font-size: 16px; --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #333333; --bs-body-text-align: left; --bs-body-bg: #fff; }

*, *::before, *::after { box-sizing: border-box; }

:root { font-size: var(--bs-root-font-size); }

@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }

body { margin: 0; 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); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; }

hr:not([size]) { height: 1px; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 24px; font-weight: 600; line-height: 1.5; color: #2E3E5A; }

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

h2, .h2 { font-size: 2.125rem; }

h3, .h3 { font-size: 1.375rem; }

h4, .h4 { font-size: 1.1875rem; }

h5, .h5 { font-size: 1rem; }

h6, .h6 { font-size: 1rem; }

p { margin-top: 0; margin-bottom: 24px; }

abbr[title], abbr[data-bs-original-title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul { padding-left: 2rem; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small, .small { font-size: 0.875em; }

mark, .mark { padding: 0.2em; background-color: #fcf8e3; }

sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #2157AA; text-decoration: underline; }

a:hover { color: #1a4688; }

a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }

pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; }

pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; }

pre code { font-size: inherit; color: inherit; word-break: normal; }

code { font-size: 0.875em; color: #d63384; word-wrap: break-word; }

a > code { color: inherit; }

kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; }

kbd kbd { padding: 0; font-size: 1em; font-weight: 700; }

figure { margin: 0 0 1rem; }

img, svg { vertical-align: middle; }

table { caption-side: bottom; border-collapse: collapse; }

caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; }

th { text-align: inherit; text-align: -webkit-match-parent; }

thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; }

label { display: inline-block; }

button { border-radius: 0; }

button:focus:not(:focus-visible) { outline: 0; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, select { text-transform: none; }

[role="button"] { cursor: pointer; }

select { word-wrap: normal; }

select:disabled { opacity: 1; }

[list]::-webkit-calendar-picker-indicator { display: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }

::-moz-focus-inner { padding: 0; border-style: none; }

textarea { resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; }

legend + * { clear: left; }

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; }

::-webkit-inner-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: textfield; }

/* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */
::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-color-swatch-wrapper { padding: 0; }

::file-selector-button { font: inherit; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

iframe { border: 0; }

summary { display: list-item; cursor: pointer; }

progress { vertical-align: baseline; }

[hidden] { display: none !important; }

.lead { font-size: 1.25rem; font-weight: 300; }

.display-1 { font-size: 5rem; font-weight: 300; line-height: 1.5; }

.display-2 { font-size: 4.5rem; font-weight: 300; line-height: 1.5; }

.display-3 { font-size: 4rem; font-weight: 300; line-height: 1.5; }

.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.5; }

.display-5 { font-size: 3rem; font-weight: 300; line-height: 1.5; }

.display-6 { font-size: 2.5rem; font-weight: 300; line-height: 1.5; }

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; }

.list-inline-item { display: inline-block; }

.list-inline-item:not(:last-child) { margin-right: 0.5rem; }

.initialism { font-size: 0.875em; text-transform: uppercase; }

.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }

.blockquote > :last-child { margin-bottom: 0; }

.blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; }

.blockquote-footer::before { content: "\2014\00A0"; }

.img-fluid { max-width: 100%; height: auto; }

.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; }

.figure { display: inline-block; }

.figure-img { margin-bottom: 0.5rem; line-height: 1; }

.figure-caption { font-size: 0.875em; color: #6c757d; }

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 32px); padding-left: var(--bs-gutter-x, 32px); margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container-sm, .container { max-width: 540px; } }

@media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } }

@media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } }

@media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } }

@media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } }

.row { --bs-gutter-x: 32px; --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 0%; }

.row-cols-auto > * { flex: 0 0 auto; width: auto; }

.row-cols-1 > * { flex: 0 0 auto; width: 100%; }

.row-cols-2 > * { flex: 0 0 auto; width: 50%; }

.row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; }

.row-cols-4 > * { flex: 0 0 auto; width: 25%; }

.row-cols-5 > * { flex: 0 0 auto; width: 20%; }

.row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; }

.col-auto { flex: 0 0 auto; width: auto; }

.col-1 { flex: 0 0 auto; width: 8.33333333%; }

.col-2 { flex: 0 0 auto; width: 16.66666667%; }

.col-3 { flex: 0 0 auto; width: 25%; }

.col-4 { flex: 0 0 auto; width: 33.33333333%; }

.col-5 { flex: 0 0 auto; width: 41.66666667%; }

.col-6 { flex: 0 0 auto; width: 50%; }

.col-7 { flex: 0 0 auto; width: 58.33333333%; }

.col-8 { flex: 0 0 auto; width: 66.66666667%; }

.col-9 { flex: 0 0 auto; width: 75%; }

.col-10 { flex: 0 0 auto; width: 83.33333333%; }

.col-11 { flex: 0 0 auto; width: 91.66666667%; }

.col-12 { flex: 0 0 auto; width: 100%; }

.offset-1 { margin-left: 8.33333333%; }

.offset-2 { margin-left: 16.66666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.33333333%; }

.offset-5 { margin-left: 41.66666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.33333333%; }

.offset-8 { margin-left: 66.66666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.33333333%; }

.offset-11 { margin-left: 91.66666667%; }

.g-0, .gx-0 { --bs-gutter-x: 0; }

.g-0, .gy-0 { --bs-gutter-y: 0; }

.g-1, .gx-1 { --bs-gutter-x: 0.25rem; }

.g-1, .gy-1 { --bs-gutter-y: 0.25rem; }

.g-2, .gx-2 { --bs-gutter-x: 0.5rem; }

.g-2, .gy-2 { --bs-gutter-y: 0.5rem; }

.g-3, .gx-3 { --bs-gutter-x: 1rem; }

.g-3, .gy-3 { --bs-gutter-y: 1rem; }

.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; }

.g-6, .gx-6 { --bs-gutter-x: 3rem; }

.g-6, .gy-6 { --bs-gutter-y: 3rem; }

.g-7, .gx-7 { --bs-gutter-x: 3.5rem; }

.g-7, .gy-7 { --bs-gutter-y: 3.5rem; }

.g-8, .gx-8 { --bs-gutter-x: 4rem; }

.g-8, .gy-8 { --bs-gutter-y: 4rem; }

.g-9, .gx-9 { --bs-gutter-x: 5rem; }

.g-9, .gy-9 { --bs-gutter-y: 5rem; }

@media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 2rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 2rem; } .g-sm-6, .gx-sm-6 { --bs-gutter-x: 3rem; } .g-sm-6, .gy-sm-6 { --bs-gutter-y: 3rem; } .g-sm-7, .gx-sm-7 { --bs-gutter-x: 3.5rem; } .g-sm-7, .gy-sm-7 { --bs-gutter-y: 3.5rem; } .g-sm-8, .gx-sm-8 { --bs-gutter-x: 4rem; } .g-sm-8, .gy-sm-8 { --bs-gutter-y: 4rem; } .g-sm-9, .gx-sm-9 { --bs-gutter-x: 5rem; } .g-sm-9, .gy-sm-9 { --bs-gutter-y: 5rem; } }

@media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 2rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 2rem; } .g-md-6, .gx-md-6 { --bs-gutter-x: 3rem; } .g-md-6, .gy-md-6 { --bs-gutter-y: 3rem; } .g-md-7, .gx-md-7 { --bs-gutter-x: 3.5rem; } .g-md-7, .gy-md-7 { --bs-gutter-y: 3.5rem; } .g-md-8, .gx-md-8 { --bs-gutter-x: 4rem; } .g-md-8, .gy-md-8 { --bs-gutter-y: 4rem; } .g-md-9, .gx-md-9 { --bs-gutter-x: 5rem; } .g-md-9, .gy-md-9 { --bs-gutter-y: 5rem; } }

@media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 2rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 2rem; } .g-lg-6, .gx-lg-6 { --bs-gutter-x: 3rem; } .g-lg-6, .gy-lg-6 { --bs-gutter-y: 3rem; } .g-lg-7, .gx-lg-7 { --bs-gutter-x: 3.5rem; } .g-lg-7, .gy-lg-7 { --bs-gutter-y: 3.5rem; } .g-lg-8, .gx-lg-8 { --bs-gutter-x: 4rem; } .g-lg-8, .gy-lg-8 { --bs-gutter-y: 4rem; } .g-lg-9, .gx-lg-9 { --bs-gutter-x: 5rem; } .g-lg-9, .gy-lg-9 { --bs-gutter-y: 5rem; } }

@media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 2rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 2rem; } .g-xl-6, .gx-xl-6 { --bs-gutter-x: 3rem; } .g-xl-6, .gy-xl-6 { --bs-gutter-y: 3rem; } .g-xl-7, .gx-xl-7 { --bs-gutter-x: 3.5rem; } .g-xl-7, .gy-xl-7 { --bs-gutter-y: 3.5rem; } .g-xl-8, .gx-xl-8 { --bs-gutter-x: 4rem; } .g-xl-8, .gy-xl-8 { --bs-gutter-y: 4rem; } .g-xl-9, .gx-xl-9 { --bs-gutter-x: 5rem; } .g-xl-9, .gy-xl-9 { --bs-gutter-y: 5rem; } }

@media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 2rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 2rem; } .g-xxl-6, .gx-xxl-6 { --bs-gutter-x: 3rem; } .g-xxl-6, .gy-xxl-6 { --bs-gutter-y: 3rem; } .g-xxl-7, .gx-xxl-7 { --bs-gutter-x: 3.5rem; } .g-xxl-7, .gy-xxl-7 { --bs-gutter-y: 3.5rem; } .g-xxl-8, .gx-xxl-8 { --bs-gutter-x: 4rem; } .g-xxl-8, .gy-xxl-8 { --bs-gutter-y: 4rem; } .g-xxl-9, .gx-xxl-9 { --bs-gutter-x: 5rem; } .g-xxl-9, .gy-xxl-9 { --bs-gutter-y: 5rem; } }

.table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #333333; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #333333; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #333333; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #333333; vertical-align: top; border-color: #dee2e6; }

.table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); }

.table > tbody { vertical-align: inherit; }

.table > thead { vertical-align: bottom; }

.table > :not(:first-child) { border-top: 2px solid currentColor; }

.caption-top { caption-side: top; }

.table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; }

.table-bordered > :not(caption) > * { border-width: 1px 0; }

.table-bordered > :not(caption) > * > * { border-width: 0 1px; }

.table-borderless > :not(caption) > * > * { border-bottom-width: 0; }

.table-borderless > :not(:first-child) { border-top-width: 0; }

.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); }

.table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); }

.table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); }

.table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; }

.table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; }

.table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; }

.table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; }

.table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; }

.table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; }

.table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; }

.table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; }

.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } }

@media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } }

@media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } }

@media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } }

@media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } }

.form-label { margin-bottom: 0.5rem; }

.col-form-label { padding-top: calc(0.75rem + 3px); padding-bottom: calc(0.75rem + 3px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }

.col-form-label-lg { padding-top: calc(0.5rem + 3px); padding-bottom: calc(0.5rem + 3px); font-size: 1rem; }

.col-form-label-sm { padding-top: calc(0.25rem + 3px); padding-bottom: calc(0.25rem + 3px); font-size: 1rem; }

.form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; }

.form-control { display: block; width: 100%; padding: 0.75rem 32px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #333333; background-color: #fff; background-clip: padding-box; border: 3px solid #ced4da; appearance: none; border-radius: 0.25rem; 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"] { overflow: hidden; }

.form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; }

.form-control:focus { color: #333333; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 2px #0d6efd; }

.form-control::-webkit-date-and-time-value { height: 1.5em; }

.form-control::placeholder { color: #6c757d; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }

.form-control::file-selector-button { padding: 0.75rem 32px; margin: -0.75rem -32px; margin-inline-end: 32px; color: #333333; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 3px; border-radius: 0; 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: #dde0e3; }

.form-control::-webkit-file-upload-button { padding: 0.75rem 32px; margin: -0.75rem -32px; margin-inline-end: 32px; color: #333333; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 3px; border-radius: 0; 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::-webkit-file-upload-button { transition: none; } }

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; }

.form-control-plaintext { display: block; width: 100%; padding: 0.75rem 0; margin-bottom: 0; line-height: 1.5; color: #333333; background-color: transparent; border: solid transparent; border-width: 3px 0; }

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; }

.form-control-sm { min-height: calc(1.5em + 0.5rem + 6px); padding: 0.25rem 0.5rem; font-size: 1rem; border-radius: 0.2rem; }

.form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; }

.form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; }

.form-control-lg { min-height: calc(1.5em + 1rem + 6px); padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.3rem; }

.form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; }

.form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; }

textarea.form-control { min-height: calc(1.5em + 1.5rem + 6px); }

textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 6px); }

textarea.form-control-lg { min-height: calc(1.5em + 1rem + 6px); }

.form-control-color { width: 3rem; height: auto; padding: 0.75rem; }

.form-control-color:not(:disabled):not([readonly]) { cursor: pointer; }

.form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; }

.form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; }

.form-select { display: block; width: 100%; padding: 0.75rem 96px 0.75rem 32px; -moz-padding-start: 29px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #333333; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 32px center; background-size: 16px 12px; border: 3px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .form-select { transition: none; } }

.form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 2px #0d6efd; }

.form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 32px; background-image: none; }

.form-select:disabled { background-color: #e9ecef; }

.form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #333333; }

.form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 1rem; border-radius: 0.2rem; }

.form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1rem; border-radius: 0.3rem; }

.form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; }

.form-check .form-check-input { float: left; margin-left: -1.5em; }

.form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); appearance: none; color-adjust: exact; }

.form-check-input[type="checkbox"] { border-radius: 0.25em; }

.form-check-input[type="radio"] { border-radius: 50%; }

.form-check-input:active { filter: brightness(90%); }

.form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 2px #0d6efd; }

.form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; }

.form-check-input[type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }

.form-check-input[type="radio"]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }

.form-check-input[type="checkbox"]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }

.form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; }

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; }

.form-switch { padding-left: 2.5em; }

.form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } }

.form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); }

.form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.form-check-inline { display: inline-block; margin-right: 1rem; }

.btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; }

.form-range { width: 100%; height: calc(1rem + 4px); padding: 0; background-color: transparent; appearance: none; }

.form-range:focus { outline: 0; }

.form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #0d6efd; }

.form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #0d6efd; }

.form-range::-moz-focus-outer { border: 0; }

.form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } }

.form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; }

.form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }

.form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } }

.form-range::-moz-range-thumb:active { background-color: #b6d4fe; }

.form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }

.form-range:disabled { pointer-events: none; }

.form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; }

.form-range:disabled::-moz-range-thumb { background-color: #adb5bd; }

.form-floating { position: relative; }

.form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 6px); line-height: 1.25; }

.form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 32px; pointer-events: none; border: 3px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } }

.form-floating > .form-control { padding: 1rem 32px; }

.form-floating > .form-control::placeholder { color: transparent; }

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; }

.form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; }

.form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; }

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }

.input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }

.input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; }

.input-group .btn { position: relative; z-index: 2; }

.input-group .btn:focus { z-index: 3; }

.input-group-text { display: flex; align-items: center; padding: 0.75rem 32px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #333333; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 3px solid #ced4da; border-radius: 0.25rem; }

.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.3rem; }

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 1rem; border-radius: 0.2rem; }

.input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 128px; }

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -3px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; }

.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 1rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; }

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 1.5rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.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.375em + 0.375rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }

.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 2px #198754; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.5rem); background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem); }

.was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; }

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:valid:not([multiple]), .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid[size="1"]:not([multiple]) { padding-right: 176px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.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-position: right 32px center, center right 96px; background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }

.was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 2px #198754; }

.was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; }

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; }

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 2px #198754; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #198754; }

.form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; }

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; }

.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; }

.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; }

.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 1rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 1.5rem); 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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.375rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 2px #dc3545; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.5rem); background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem); }

.was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; }

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:invalid:not([multiple]), .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid[size="1"]:not([multiple]) { padding-right: 176px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), 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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 32px center, center right 96px; background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 2px #dc3545; }

.was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; }

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; }

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 2px #dc3545; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; }

.form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; }

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; }

.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; }

.btn { display: inline-block; font-weight: 600; line-height: 1.5; color: #333333; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 3px solid transparent; padding: 0.75rem 32px; font-size: 1rem; border-radius: 50px; 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: #333333; }

.btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 2px #0d6efd; }

.btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; }

.btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; }

.btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; }

.btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 2px rgba(49, 132, 253, 0.5); }

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; }

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(49, 132, 253, 0.5); }

.btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; }

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

.btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; }

.btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 2px rgba(130, 138, 145, 0.5); }

.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e; }

.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(130, 138, 145, 0.5); }

.btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-success { color: #fff; background-color: #198754; border-color: #198754; }

.btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; }

.btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 2px rgba(60, 153, 110, 0.5); }

.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; }

.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(60, 153, 110, 0.5); }

.btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; }

.btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; }

.btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; }

.btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 2px rgba(11, 172, 204, 0.5); }

.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; }

.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(11, 172, 204, 0.5); }

.btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; }

.btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; }

.btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; }

.btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 2px rgba(217, 164, 6, 0.5); }

.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; }

.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(217, 164, 6, 0.5); }

.btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; }

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; }

.btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 2px rgba(225, 83, 97, 0.5); }

.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; }

.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(225, 83, 97, 0.5); }

.btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; }

.btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 2px rgba(211, 212, 213, 0.5); }

.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; }

.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(211, 212, 213, 0.5); }

.btn-light:disabled, .btn-light.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-dark { color: #fff; background-color: #212529; border-color: #212529; }

.btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; }

.btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 2px rgba(66, 70, 73, 0.5); }

.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; }

.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(66, 70, 73, 0.5); }

.btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: #212529; border-color: #212529; }

.btn-outline-primary { color: #0d6efd; border-color: #0d6efd; }

.btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; }

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.5); }

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #0d6efd; border-color: #0d6efd; }

.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.5); }

.btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #0d6efd; background-color: transparent; }

.btn-outline-secondary { color: #6c757d; border-color: #6c757d; }

.btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.5); }

.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.5); }

.btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #6c757d; background-color: transparent; }

.btn-outline-success { color: #198754; border-color: #198754; }

.btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; }

.btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.5); }

.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; }

.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.5); }

.btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent; }

.btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; }

.btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; }

.btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 2px rgba(13, 202, 240, 0.5); }

.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; }

.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 2px rgba(13, 202, 240, 0.5); }

.btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; }

.btn-outline-warning { color: #ffc107; border-color: #ffc107; }

.btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; }

.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.5); }

.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; }

.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.5); }

.btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent; }

.btn-outline-danger { color: #dc3545; border-color: #dc3545; }

.btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.5); }

.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.5); }

.btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; }

.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5); }

.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5); }

.btn-outline-light:disabled, .btn-outline-light.disabled { color: #f8f9fa; background-color: transparent; }

.btn-outline-dark { color: #212529; border-color: #212529; }

.btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529; }

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 2px rgba(33, 37, 41, 0.5); }

.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #212529; border-color: #212529; }

.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 2px rgba(33, 37, 41, 0.5); }

.btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #212529; background-color: transparent; }

.btn-link { font-weight: 400; color: #333333; text-decoration: underline; }

.btn-link:hover { color: #1a4688; }

.btn-link:disabled, .btn-link.disabled { color: #6c757d; }

.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 1rem; border-radius: 0.2rem; }

.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: 0; overflow: hidden; transition: height 0.35s ease; }

@media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } }

.collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; }

@media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } }

.dropup, .dropend, .dropdown, .dropstart { position: relative; }

.dropdown-toggle { white-space: nowrap; }

.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after { margin-left: 0; }

.dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #333333; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }

.dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; }

.dropdown-menu-start { --bs-position: start; }

.dropdown-menu-start[data-bs-popper] { right: auto; left: 0; }

.dropdown-menu-end { --bs-position: end; }

.dropdown-menu-end[data-bs-popper] { right: 0; left: auto; }

@media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } }

@media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } }

@media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } }

@media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } }

@media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } }

.dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after { margin-left: 0; }

.dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; }

.dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; }

.dropend .dropdown-toggle:empty::after { margin-left: 0; }

.dropend .dropdown-toggle::after { vertical-align: 0; }

.dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; }

.dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }

.dropstart .dropdown-toggle::after { display: none; }

.dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }

.dropstart .dropdown-toggle:empty::after { margin-left: 0; }

.dropstart .dropdown-toggle::before { vertical-align: 0; }

.dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); }

.dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: #e9ecef; }

.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; }

.dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; }

.dropdown-menu.show { display: block; }

.dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; color: #6c757d; white-space: nowrap; }

.dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; }

.dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); }

.dropdown-menu-dark .dropdown-item { color: #dee2e6; }

.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); }

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd; }

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; }

.dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); }

.dropdown-menu-dark .dropdown-item-text { color: #dee2e6; }

.dropdown-menu-dark .dropdown-header { color: #adb5bd; }

.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }

.btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; }

.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; }

.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.btn-toolbar .input-group { width: auto; }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -3px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.dropdown-toggle-split { padding-right: 24px; padding-left: 24px; }

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; }

.dropstart .dropdown-toggle-split::before { margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }

.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; }

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -3px; }

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; }

.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: block; padding: 0.375rem 1rem; color: #2157AA; text-decoration: none; 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:hover, .nav-link:focus { color: #1a4688; }

.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; }

.nav-tabs { border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-link { margin-bottom: -1px; background: none; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate; }

.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0d6efd; }

.nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; }

.nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; }

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; }

.navbar-brand { padding-top: 0.375rem; padding-bottom: 0.375rem; margin-right: 1rem; font-size: 1rem; text-decoration: none; white-space: nowrap; }

.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.navbar-nav .dropdown-menu { position: static; }

.navbar-text { padding-top: 0.375rem; padding-bottom: 0.375rem; }

.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }

.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 50px; transition: box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } }

.navbar-toggler:hover { text-decoration: none; }

.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 2px; }

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; }

.navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; }

@media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-sm .offcanvas-top, .navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } }

@media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas-header { display: none; } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-md .offcanvas-top, .navbar-expand-md .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } }

@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 .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-lg .offcanvas-top, .navbar-expand-lg .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } }

@media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xl .offcanvas-top, .navbar-expand-xl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } }

@media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xxl .offcanvas-top, .navbar-expand-xxl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } }

.navbar-expand { flex-wrap: nowrap; justify-content: flex-start; }

.navbar-expand .navbar-nav { flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }

.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }

.navbar-expand .navbar-nav-scroll { overflow: visible; }

.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }

.navbar-expand .navbar-toggler { display: none; }

.navbar-expand .offcanvas-header { display: none; }

.navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; }

.navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; }

.navbar-expand .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; }

.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .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='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); }

.navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand { color: #fff; }

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }

.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .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='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"); }

.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); }

.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }

.card { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100%; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #96B7DF; border-radius: 0px; }

.card > hr { margin-right: 0; margin-left: 0; }

.card > .list-group { border-top: inherit; border-bottom: inherit; }

.card > .list-group:first-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; }

.card-body { flex: 1 1 auto; padding: 1.5rem 1.5rem; }

.card-title { margin-bottom: 0.5rem; }

.card-subtitle { margin-top: -0.25rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link + .card-link { margin-left: 1.5rem; }

.card-header { padding: 0.75rem 1.5rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid #96B7DF; }

.card-header:first-child { border-radius: 0 0 0 0; }

.card-footer { padding: 0.75rem 1.5rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid #96B7DF; }

.card-footer:last-child { border-radius: 0 0 0 0; }

.card-header-tabs { margin-right: -0.75rem; margin-bottom: -0.75rem; margin-left: -0.75rem; border-bottom: 0; }

.card-header-pills { margin-right: -0.75rem; margin-left: -0.75rem; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: 0; }

.card-img, .card-img-top, .card-img-bottom { width: 100%; }

.card-img, .card-img-top { border-top-left-radius: 0; border-top-right-radius: 0; }

.card-img, .card-img-bottom { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.card-group > .card { margin-bottom: 16px; }

@media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } }

.accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #333333; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; 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; }

@media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } }

.accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); }

.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%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"); transform: rotate(-180deg); }

.accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%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"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } }

.accordion-button:hover { z-index: 2; }

.accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 2px #0d6efd; }

.accordion-header { margin-bottom: 0; }

.accordion-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }

.accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.accordion-item:not(:first-of-type) { border-top: 0; }

.accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }

.accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.accordion-body { padding: 1rem 1.25rem; }

.accordion-flush .accordion-collapse { border-width: 0; }

.accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; }

.accordion-flush .accordion-item:first-child { border-top: 0; }

.accordion-flush .accordion-item:last-child { border-bottom: 0; }

.accordion-flush .accordion-item .accordion-button { border-radius: 0; }

.breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; }

.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }

.breadcrumb-item + .breadcrumb-item::before { float: left; content: var(--bs-breadcrumb-divider, "/") ; }
/* 
.breadcrumb-item.active { color: #6c757d; } */

.pagination { display: flex; padding-left: 0; list-style: none; }

.page-link { position: relative; display: block; color: #2157AA; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; 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) { .page-link { transition: none; } }

.page-link:hover { z-index: 2; color: #1a4688; background-color: #e9ecef; border-color: #dee2e6; }

.page-link:focus { z-index: 3; color: #1a4688; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 2px #0d6efd; }

.page-item:not(:first-child) .page-link { margin-left: -1px; }

.page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; }

.page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; }

.page-link { padding: 0.375rem 0.75rem; }

.page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1rem; }

.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 1rem; }

.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }

.badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; }

.badge:empty { display: none; }

.btn .badge { position: relative; top: -1px; }

.alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }

.alert-heading { color: inherit; }

.alert-link { font-weight: 700; }

.alert-dismissible { padding-right: 3rem; }

.alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; }

.alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; }

.alert-primary .alert-link { color: #06357a; }

.alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; }

.alert-secondary .alert-link { color: #34383c; }

.alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }

.alert-success .alert-link { color: #0c4128; }

.alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; }

.alert-info .alert-link { color: #04414d; }

.alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; }

.alert-warning .alert-link { color: #523e02; }

.alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; }

.alert-danger .alert-link { color: #6a1a21; }

.alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; }

.alert-light .alert-link { color: #4f5050; }

.alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; }

.alert-dark .alert-link { color: #101214; }

@keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } }

.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; }

.progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width 0.6s ease; }

@media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }

.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }

.progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; }

@media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } }

.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; }

.list-group-numbered { list-style-type: none; counter-reset: section; }

.list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; }

.list-group-item-action { width: 100%; color: #495057; text-align: inherit; }

.list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; }

.list-group-item-action:active { color: #333333; background-color: #e9ecef; }

.list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }

.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }

.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }

.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; }

.list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd; }

.list-group-item + .list-group-item { border-top-width: 0; }

.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; }

.list-group-horizontal { flex-direction: row; }

.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }

.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; }

.list-group-horizontal > .list-group-item.active { margin-top: 0; }

.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; }

.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }

@media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

@media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

@media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

@media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

@media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

.list-group-flush { border-radius: 0; }

.list-group-flush > .list-group-item { border-width: 0 0 1px; }

.list-group-flush > .list-group-item:last-child { border-bottom-width: 0; }

.list-group-item-primary { color: #084298; background-color: #cfe2ff; }

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; }

.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; }

.list-group-item-secondary { color: #41464b; background-color: #e2e3e5; }

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; }

.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; }

.list-group-item-success { color: #0f5132; background-color: #d1e7dd; }

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; }

.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; }

.list-group-item-info { color: #055160; background-color: #cff4fc; }

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; }

.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; }

.list-group-item-warning { color: #664d03; background-color: #fff3cd; }

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; }

.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; }

.list-group-item-danger { color: #842029; background-color: #f8d7da; }

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; }

.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; }

.list-group-item-light { color: #636464; background-color: #fefefe; }

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; }

.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; }

.list-group-item-dark { color: #141619; background-color: #d3d3d4; }

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; }

.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; }

.btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; }

.btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; }

.btn-close:focus { outline: 0; box-shadow: 0 0 0 2px #0d6efd; opacity: 1; }

.btn-close:disabled, .btn-close.disabled { pointer-events: none; user-select: none; opacity: 0.25; }

.btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); }

.toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0.2rem 0.2rem 0.3rem 0 rgba(51, 51, 51, 0.2); border-radius: 0.25rem; }

.toast.showing { opacity: 0; }

.toast:not(.show) { display: none; }

.toast-container { width: max-content; max-width: 100%; pointer-events: none; }

.toast-container > :not(:last-child) { margin-bottom: 32px; }

.toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; }

.toast-body { padding: 0.75rem; word-wrap: break-word; }

.modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }

@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% - 1rem); }

.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% - 1rem); }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }

.modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); }

.modal-footer > * { margin: 0.25rem; }

@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }

@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }

.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; }

.modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; }

.modal-fullscreen .modal-header { border-radius: 0; }

.modal-fullscreen .modal-body { overflow-y: auto; }

.modal-fullscreen .modal-footer { border-radius: 0; }

@media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } }

@media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } }

@media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } }

@media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } }

@media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } }

.tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 1rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] { padding: 0.4rem 0; }

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: 0; }

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] { padding: 0 0.4rem; }

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] { padding: 0.4rem 0; }

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: 0; }

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] { padding: 0 0.4rem; }

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }

.popover { position: absolute; top: 0; left: 0 /* rtl:ignore */; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 1rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }

.popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; }

.popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { bottom: calc(-0.5rem - 1px); }

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); }

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; }

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); }

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { top: calc(-0.5rem - 1px); }

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); }

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; }

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; }

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); }

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }

.popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; color: #2E3E5A; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }

.popover-header:empty { display: none; }

.popover-body { padding: 1rem 1rem; color: #333333; }

.carousel { position: relative; }

.carousel.pointer-event { touch-action: pan-y; }

.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-inner::after { display: block; clear: both; content: ""; }

.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } }

.carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; }

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); }

/* rtl:end:ignore */
.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; }

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; }

.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; }

@media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } }

.carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; }

@media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } }

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }

.carousel-control-prev { left: 0; }

.carousel-control-next { right: 0; }

.carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; }

/* rtl:options: { "autoRename": true, "stringMap":[ { "name"    : "prev-next", "search"  : "prev", "replace" : "next" } ] } */
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; }

.carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; }

@media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } }

.carousel-indicators .active { opacity: 1; }

.carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; }

.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); }

.carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; }

.carousel-dark .carousel-caption { color: #000; }

@keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } }

.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; }

.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }

@keyframes spinner-grow { 0% { transform: scale(0); }
  50% { opacity: 1;
    transform: none; } }

.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; }

.spinner-grow-sm { width: 1rem; height: 1rem; }

@media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } }

.offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } }

.offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }

.offcanvas-backdrop.fade { opacity: 0; }

.offcanvas-backdrop.show { opacity: 0.5; }

.offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; }

.offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; }

.offcanvas-title { margin-bottom: 0; line-height: 1.5; }

.offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; }

.offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); }

.offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%); }

.offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); }

.offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); }

.offcanvas.show { transform: none; }

.placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: 0.5; }

.placeholder.btn::before { display: inline-block; content: ""; }

.placeholder-xs { min-height: .6em; }

.placeholder-sm { min-height: .8em; }

.placeholder-lg { min-height: 1.2em; }

.placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; }

@keyframes placeholder-glow { 50% { opacity: 0.2; } }

.placeholder-wave { mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; }

@keyframes placeholder-wave { 100% { mask-position: -200% 0%; } }

.clearfix::after { display: block; clear: both; content: ""; }

.link-primary { color: #0d6efd; }

.link-primary:hover, .link-primary:focus { color: #0a58ca; }

.link-secondary { color: #6c757d; }

.link-secondary:hover, .link-secondary:focus { color: #565e64; }

.link-success { color: #198754; }

.link-success:hover, .link-success:focus { color: #146c43; }

.link-info { color: #0dcaf0; }

.link-info:hover, .link-info:focus { color: #3dd5f3; }

.link-warning { color: #ffc107; }

.link-warning:hover, .link-warning:focus { color: #ffcd39; }

.link-danger { color: #dc3545; }

.link-danger:hover, .link-danger:focus { color: #b02a37; }

.link-light { color: #f8f9fa; }

.link-light:hover, .link-light:focus { color: #f9fafb; }

.link-dark { color: #212529; }

.link-dark:hover, .link-dark:focus { color: #1a1e21; }

.ratio { position: relative; width: 100%; }

.ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; }

.ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ratio-1x1 { --bs-aspect-ratio: 100%; }

.ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }

.ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

.sticky-top { position: sticky; top: 0; z-index: 1020; }

@media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } }

@media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } }

@media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } }

@media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } }

@media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } }

.hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; }

.vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: 0.25; }

.align-baseline { vertical-align: baseline !important; }

.align-top { vertical-align: top !important; }

.align-middle { vertical-align: middle !important; }

.align-bottom { vertical-align: bottom !important; }

.align-text-bottom { vertical-align: text-bottom !important; }

.align-text-top { vertical-align: text-top !important; }

.float-start { float: left !important; }

.float-end { float: right !important; }

.float-none { float: none !important; }

.opacity-0 { opacity: 0 !important; }

.opacity-25 { opacity: 0.25 !important; }

.opacity-50 { opacity: 0.5 !important; }

.opacity-75 { opacity: 0.75 !important; }

.opacity-100 { opacity: 1 !important; }

.overflow-auto { overflow: auto !important; }

.overflow-hidden { overflow: hidden !important; }

.overflow-visible { overflow: visible !important; }

.overflow-scroll { overflow: scroll !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-grid { display: grid !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: flex !important; }

.d-inline-flex { display: inline-flex !important; }

.d-none { display: none !important; }

.shadow { box-shadow: 0.2rem 0.2rem 0.3rem 0 rgba(51, 51, 51, 0.2) !important; }

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none { box-shadow: none !important; }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

.top-0 { top: 0 !important; }

.top-50 { top: 50% !important; }

.top-100 { top: 100% !important; }

.bottom-0 { bottom: 0 !important; }

.bottom-50 { bottom: 50% !important; }

.bottom-100 { bottom: 100% !important; }

.start-0 { left: 0 !important; }

.start-50 { left: 50% !important; }

.start-100 { left: 100% !important; }

.end-0 { right: 0 !important; }

.end-50 { right: 50% !important; }

.end-100 { right: 100% !important; }

.translate-middle { transform: translate(-50%, -50%) !important; }

.translate-middle-x { transform: translateX(-50%) !important; }

.translate-middle-y { transform: translateY(-50%) !important; }

.border { border: 1px solid #dee2e6 !important; }

.border-0 { border: 0 !important; }

.border-top { border-top: 1px solid #dee2e6 !important; }

.border-top-0 { border-top: 0 !important; }

.border-end { border-right: 1px solid #dee2e6 !important; }

.border-end-0 { border-right: 0 !important; }

.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-start { border-left: 1px solid #dee2e6 !important; }

.border-start-0 { border-left: 0 !important; }

.border-primary { border-color: #0d6efd !important; }

.border-secondary { border-color: #6c757d !important; }

.border-success { border-color: #198754 !important; }

.border-info { border-color: #0dcaf0 !important; }

.border-warning { border-color: #ffc107 !important; }

.border-danger { border-color: #dc3545 !important; }

.border-light { border-color: #f8f9fa !important; }

.border-dark { border-color: #212529 !important; }

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

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

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

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

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

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

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

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

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.mw-100 { max-width: 100% !important; }

.vw-100 { width: 100vw !important; }

.min-vw-100 { min-width: 100vw !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mh-100 { max-height: 100% !important; }

.vh-100 { height: 100vh !important; }

.min-vh-100 { min-height: 100vh !important; }

.flex-fill { flex: 1 1 auto !important; }

.flex-row { flex-direction: row !important; }

.flex-column { flex-direction: column !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-shrink-1 { flex-shrink: 1 !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.gap-0 { gap: 0 !important; }

.gap-1 { gap: 0.25rem !important; }

.gap-2 { gap: 0.5rem !important; }

.gap-3 { gap: 1rem !important; }

.gap-4 { gap: 1.5rem !important; }

.gap-5 { gap: 2rem !important; }

.gap-6 { gap: 3rem !important; }

.gap-7 { gap: 3.5rem !important; }

.gap-8 { gap: 4rem !important; }

.gap-9 { gap: 5rem !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

.justify-content-between { justify-content: space-between !important; }

.justify-content-around { justify-content: space-around !important; }

.justify-content-evenly { justify-content: space-evenly !important; }

.align-items-start { align-items: flex-start !important; }

.align-items-end { align-items: flex-end !important; }

.align-items-center { align-items: center !important; }

.align-items-baseline { align-items: baseline !important; }

.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }

.align-content-end { align-content: flex-end !important; }

.align-content-center { align-content: center !important; }

.align-content-between { align-content: space-between !important; }

.align-content-around { align-content: space-around !important; }

.align-content-stretch { align-content: stretch !important; }

.align-self-auto { align-self: auto !important; }

.align-self-start { align-self: flex-start !important; }

.align-self-end { align-self: flex-end !important; }

.align-self-center { align-self: center !important; }

.align-self-baseline { align-self: baseline !important; }

.align-self-stretch { align-self: stretch !important; }

.order-first { order: -1 !important; }

.order-0 { order: 0 !important; }

.order-1 { order: 1 !important; }

.order-2 { order: 2 !important; }

.order-3 { order: 3 !important; }

.order-4 { order: 4 !important; }

.order-5 { order: 5 !important; }

.order-last { order: 6 !important; }

.m-0 { margin: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.m-5 { margin: 2rem !important; }

.m-6 { margin: 3rem !important; }

.m-7 { margin: 3.5rem !important; }

.m-8 { margin: 4rem !important; }

.m-9 { margin: 5rem !important; }

.m-auto { margin: auto !important; }

.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }

.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }

.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }

.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }

.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }

.mx-5 { margin-right: 2rem !important; margin-left: 2rem !important; }

.mx-6 { margin-right: 3rem !important; margin-left: 3rem !important; }

.mx-7 { margin-right: 3.5rem !important; margin-left: 3.5rem !important; }

.mx-8 { margin-right: 4rem !important; margin-left: 4rem !important; }

.mx-9 { margin-right: 5rem !important; margin-left: 5rem !important; }

.mx-auto { margin-right: auto !important; margin-left: auto !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }

.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

.my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

.my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.my-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }

.my-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }

.my-9 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

.mt-0 { margin-top: 0 !important; }

.mt-1 { margin-top: 0.25rem !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; }

.mt-6 { margin-top: 3rem !important; }

.mt-7 { margin-top: 3.5rem !important; }

.mt-8 { margin-top: 4rem !important; }

.mt-9 { margin-top: 5rem !important; }

.mt-auto { margin-top: auto !important; }

.me-0 { margin-right: 0 !important; }

.me-1 { margin-right: 0.25rem !important; }

.me-2 { margin-right: 0.5rem !important; }

.me-3 { margin-right: 1rem !important; }

.me-4 { margin-right: 1.5rem !important; }

.me-5 { margin-right: 2rem !important; }

.me-6 { margin-right: 3rem !important; }

.me-7 { margin-right: 3.5rem !important; }

.me-8 { margin-right: 4rem !important; }

.me-9 { margin-right: 5rem !important; }

.me-auto { margin-right: auto !important; }

.mb-0 { margin-bottom: 0 !important; }

.mb-1 { margin-bottom: 0.25rem !important; }

.mb-2 { margin-bottom: 0.5rem !important; }

.mb-3 { margin-bottom: 1rem !important; }

.mb-4 { margin-bottom: 1.5rem !important; }

.mb-5 { margin-bottom: 2rem !important; }

.mb-6 { margin-bottom: 3rem !important; }

.mb-7 { margin-bottom: 3.5rem !important; }

.mb-8 { margin-bottom: 4rem !important; }

.mb-9 { margin-bottom: 5rem !important; }

.mb-auto { margin-bottom: auto !important; }

.ms-0 { margin-left: 0 !important; }

.ms-1 { margin-left: 0.25rem !important; }

.ms-2 { margin-left: 0.5rem !important; }

.ms-3 { margin-left: 1rem !important; }

.ms-4 { margin-left: 1.5rem !important; }

.ms-5 { margin-left: 2rem !important; }

.ms-6 { margin-left: 3rem !important; }

.ms-7 { margin-left: 3.5rem !important; }

.ms-8 { margin-left: 4rem !important; }

.ms-9 { margin-left: 5rem !important; }

.ms-auto { margin-left: auto !important; }

.p-0 { padding: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.p-5 { padding: 2rem !important; }

.p-6 { padding: 3rem !important; }

.p-7 { padding: 3.5rem !important; }

.p-8 { padding: 4rem !important; }

.p-9 { padding: 5rem !important; }

.px-0 { padding-right: 0 !important; padding-left: 0 !important; }

.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }

.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }

.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }

.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }

.px-5 { padding-right: 2rem !important; padding-left: 2rem !important; }

.px-6 { padding-right: 3rem !important; padding-left: 3rem !important; }

.px-7 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; }

.px-8 { padding-right: 4rem !important; padding-left: 4rem !important; }

.px-9 { padding-right: 5rem !important; padding-left: 5rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }

.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

.py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

.py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.py-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }

.py-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

.py-9 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.pt-0 { padding-top: 0 !important; }

.pt-1 { padding-top: 0.25rem !important; }

.pt-2 { padding-top: 0.5rem !important; }

.pt-3 { padding-top: 1rem !important; }

.pt-4 { padding-top: 1.5rem !important; }

.pt-5 { padding-top: 2rem !important; }

.pt-6 { padding-top: 3rem !important; }

.pt-7 { padding-top: 3.5rem !important; }

.pt-8 { padding-top: 4rem !important; }

.pt-9 { padding-top: 5rem !important; }

.pe-0 { padding-right: 0 !important; }

.pe-1 { padding-right: 0.25rem !important; }

.pe-2 { padding-right: 0.5rem !important; }

.pe-3 { padding-right: 1rem !important; }

.pe-4 { padding-right: 1.5rem !important; }

.pe-5 { padding-right: 2rem !important; }

.pe-6 { padding-right: 3rem !important; }

.pe-7 { padding-right: 3.5rem !important; }

.pe-8 { padding-right: 4rem !important; }

.pe-9 { padding-right: 5rem !important; }

.pb-0 { padding-bottom: 0 !important; }

.pb-1 { padding-bottom: 0.25rem !important; }

.pb-2 { padding-bottom: 0.5rem !important; }

.pb-3 { padding-bottom: 1rem !important; }

.pb-4 { padding-bottom: 1.5rem !important; }

.pb-5 { padding-bottom: 2rem !important; }

.pb-6 { padding-bottom: 3rem !important; }

.pb-7 { padding-bottom: 3.5rem !important; }

.pb-8 { padding-bottom: 4rem !important; }

.pb-9 { padding-bottom: 5rem !important; }

.ps-0 { padding-left: 0 !important; }

.ps-1 { padding-left: 0.25rem !important; }

.ps-2 { padding-left: 0.5rem !important; }

.ps-3 { padding-left: 1rem !important; }

.ps-4 { padding-left: 1.5rem !important; }

.ps-5 { padding-left: 2rem !important; }

.ps-6 { padding-left: 3rem !important; }

.ps-7 { padding-left: 3.5rem !important; }

.ps-8 { padding-left: 4rem !important; }

.ps-9 { padding-left: 5rem !important; }

.font-monospace { font-family: var(--bs-font-monospace) !important; }

.fs-1 { font-size: 2.75rem !important; }

.fs-2 { font-size: 2.125rem !important; }

.fs-3 { font-size: 1.375rem !important; }

.fs-4 { font-size: 1.1875rem !important; }

.fs-5 { font-size: 1rem !important; }

.fs-6 { font-size: 1rem !important; }

.fst-italic { font-style: italic !important; }

.fst-normal { font-style: normal !important; }

.fw-light { font-weight: 300 !important; }

.fw-lighter { font-weight: lighter !important; }

.fw-normal { font-weight: 400 !important; }

.fw-bold { font-weight: 700 !important; }

.fw-bolder { font-weight: bolder !important; }

.lh-1 { line-height: 1 !important; }

.lh-sm { line-height: 1.5 !important; }

.lh-base { line-height: 1.5 !important; }

.lh-lg { line-height: 1.5 !important; }

.text-start { text-align: left !important; }

.text-end { text-align: right !important; }

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

.text-decoration-none { text-decoration: none !important; }

.text-decoration-underline { text-decoration: underline !important; }

.text-decoration-line-through { text-decoration: line-through !important; }

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

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

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

.text-wrap { white-space: normal !important; }

.text-nowrap { white-space: nowrap !important; }

/* rtl:begin:remove */
.text-break { word-wrap: break-word !important; word-break: break-word !important; }

/* rtl:end:remove */
.text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; }

.text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; }

.text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; }

.text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; }

.text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; }

.text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; }

.text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; }

.text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; }

.text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; }

.text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; }

.text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; }

.text-muted { --bs-text-opacity: 1; color: #6c757d !important; }

.text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; }

.text-reset { --bs-text-opacity: 1; color: inherit !important; }

.text-opacity-25 { --bs-text-opacity: 0.25; }

.text-opacity-50 { --bs-text-opacity: 0.5; }

.text-opacity-75 { --bs-text-opacity: 0.75; }

.text-opacity-100 { --bs-text-opacity: 1; }

.bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; }

.bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; }

.bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; }

.bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; }

.bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; }

.bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }

.bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }

.bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }

.bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; }

.bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; }

.bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; }

.bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; }

.bg-opacity-10 { --bs-bg-opacity: 0.1; }

.bg-opacity-25 { --bs-bg-opacity: 0.25; }

.bg-opacity-50 { --bs-bg-opacity: 0.5; }

.bg-opacity-75 { --bs-bg-opacity: 0.75; }

.bg-opacity-100 { --bs-bg-opacity: 1; }

.bg-gradient { background-image: var(--bs-gradient) !important; }

.user-select-all { user-select: all !important; }

.user-select-auto { user-select: auto !important; }

.user-select-none { user-select: none !important; }

.pe-none { pointer-events: none !important; }

.pe-auto { pointer-events: auto !important; }

.rounded { border-radius: 0.25rem !important; }

.rounded-0 { border-radius: 0 !important; }

.rounded-1 { border-radius: 0.2rem !important; }

.rounded-2 { border-radius: 0.25rem !important; }

.rounded-3 { border-radius: 0.3rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-pill { border-radius: 50rem !important; }

.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }

.rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

@media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 2rem !important; } .gap-sm-6 { gap: 3rem !important; } .gap-sm-7 { gap: 3.5rem !important; } .gap-sm-8 { gap: 4rem !important; } .gap-sm-9 { gap: 5rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .m-sm-6 { margin: 3rem !important; } .m-sm-7 { margin: 3.5rem !important; } .m-sm-8 { margin: 4rem !important; } .m-sm-9 { margin: 5rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 2rem !important; margin-left: 2rem !important; } .mx-sm-6 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-7 { margin-right: 3.5rem !important; margin-left: 3.5rem !important; } .mx-sm-8 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-sm-9 { margin-right: 5rem !important; margin-left: 5rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-sm-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; } .my-sm-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-sm-9 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 2rem !important; } .mt-sm-6 { margin-top: 3rem !important; } .mt-sm-7 { margin-top: 3.5rem !important; } .mt-sm-8 { margin-top: 4rem !important; } .mt-sm-9 { margin-top: 5rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 2rem !important; } .me-sm-6 { margin-right: 3rem !important; } .me-sm-7 { margin-right: 3.5rem !important; } .me-sm-8 { margin-right: 4rem !important; } .me-sm-9 { margin-right: 5rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 2rem !important; } .mb-sm-6 { margin-bottom: 3rem !important; } .mb-sm-7 { margin-bottom: 3.5rem !important; } .mb-sm-8 { margin-bottom: 4rem !important; } .mb-sm-9 { margin-bottom: 5rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 2rem !important; } .ms-sm-6 { margin-left: 3rem !important; } .ms-sm-7 { margin-left: 3.5rem !important; } .ms-sm-8 { margin-left: 4rem !important; } .ms-sm-9 { margin-left: 5rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .p-sm-6 { padding: 3rem !important; } .p-sm-7 { padding: 3.5rem !important; } .p-sm-8 { padding: 4rem !important; } .p-sm-9 { padding: 5rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 2rem !important; padding-left: 2rem !important; } .px-sm-6 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-sm-7 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; } .px-sm-8 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-sm-9 { padding-right: 5rem !important; padding-left: 5rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-sm-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-sm-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .py-sm-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-sm-9 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 2rem !important; } .pt-sm-6 { padding-top: 3rem !important; } .pt-sm-7 { padding-top: 3.5rem !important; } .pt-sm-8 { padding-top: 4rem !important; } .pt-sm-9 { padding-top: 5rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 2rem !important; } .pe-sm-6 { padding-right: 3rem !important; } .pe-sm-7 { padding-right: 3.5rem !important; } .pe-sm-8 { padding-right: 4rem !important; } .pe-sm-9 { padding-right: 5rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 2rem !important; } .pb-sm-6 { padding-bottom: 3rem !important; } .pb-sm-7 { padding-bottom: 3.5rem !important; } .pb-sm-8 { padding-bottom: 4rem !important; } .pb-sm-9 { padding-bottom: 5rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 2rem !important; } .ps-sm-6 { padding-left: 3rem !important; } .ps-sm-7 { padding-left: 3.5rem !important; } .ps-sm-8 { padding-left: 4rem !important; } .ps-sm-9 { padding-left: 5rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 2rem !important; } .gap-md-6 { gap: 3rem !important; } .gap-md-7 { gap: 3.5rem !important; } .gap-md-8 { gap: 4rem !important; } .gap-md-9 { gap: 5rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .m-md-6 { margin: 3rem !important; } .m-md-7 { margin: 3.5rem !important; } .m-md-8 { margin: 4rem !important; } .m-md-9 { margin: 5rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 2rem !important; margin-left: 2rem !important; } .mx-md-6 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-7 { margin-right: 3.5rem !important; margin-left: 3.5rem !important; } .mx-md-8 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-md-9 { margin-right: 5rem !important; margin-left: 5rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-md-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; } .my-md-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-md-9 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 2rem !important; } .mt-md-6 { margin-top: 3rem !important; } .mt-md-7 { margin-top: 3.5rem !important; } .mt-md-8 { margin-top: 4rem !important; } .mt-md-9 { margin-top: 5rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 2rem !important; } .me-md-6 { margin-right: 3rem !important; } .me-md-7 { margin-right: 3.5rem !important; } .me-md-8 { margin-right: 4rem !important; } .me-md-9 { margin-right: 5rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 2rem !important; } .mb-md-6 { margin-bottom: 3rem !important; } .mb-md-7 { margin-bottom: 3.5rem !important; } .mb-md-8 { margin-bottom: 4rem !important; } .mb-md-9 { margin-bottom: 5rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 2rem !important; } .ms-md-6 { margin-left: 3rem !important; } .ms-md-7 { margin-left: 3.5rem !important; } .ms-md-8 { margin-left: 4rem !important; } .ms-md-9 { margin-left: 5rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .p-md-6 { padding: 3rem !important; } .p-md-7 { padding: 3.5rem !important; } .p-md-8 { padding: 4rem !important; } .p-md-9 { padding: 5rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 2rem !important; padding-left: 2rem !important; } .px-md-6 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-md-7 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; } .px-md-8 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-md-9 { padding-right: 5rem !important; padding-left: 5rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-md-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-md-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .py-md-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-md-9 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 2rem !important; } .pt-md-6 { padding-top: 3rem !important; } .pt-md-7 { padding-top: 3.5rem !important; } .pt-md-8 { padding-top: 4rem !important; } .pt-md-9 { padding-top: 5rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 2rem !important; } .pe-md-6 { padding-right: 3rem !important; } .pe-md-7 { padding-right: 3.5rem !important; } .pe-md-8 { padding-right: 4rem !important; } .pe-md-9 { padding-right: 5rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 2rem !important; } .pb-md-6 { padding-bottom: 3rem !important; } .pb-md-7 { padding-bottom: 3.5rem !important; } .pb-md-8 { padding-bottom: 4rem !important; } .pb-md-9 { padding-bottom: 5rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 2rem !important; } .ps-md-6 { padding-left: 3rem !important; } .ps-md-7 { padding-left: 3.5rem !important; } .ps-md-8 { padding-left: 4rem !important; } .ps-md-9 { padding-left: 5rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } }

@media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 2rem !important; } .gap-lg-6 { gap: 3rem !important; } .gap-lg-7 { gap: 3.5rem !important; } .gap-lg-8 { gap: 4rem !important; } .gap-lg-9 { gap: 5rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .m-lg-6 { margin: 3rem !important; } .m-lg-7 { margin: 3.5rem !important; } .m-lg-8 { margin: 4rem !important; } .m-lg-9 { margin: 5rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 2rem !important; margin-left: 2rem !important; } .mx-lg-6 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-7 { margin-right: 3.5rem !important; margin-left: 3.5rem !important; } .mx-lg-8 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-lg-9 { margin-right: 5rem !important; margin-left: 5rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-lg-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; } .my-lg-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-lg-9 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 2rem !important; } .mt-lg-6 { margin-top: 3rem !important; } .mt-lg-7 { margin-top: 3.5rem !important; } .mt-lg-8 { margin-top: 4rem !important; } .mt-lg-9 { margin-top: 5rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 2rem !important; } .me-lg-6 { margin-right: 3rem !important; } .me-lg-7 { margin-right: 3.5rem !important; } .me-lg-8 { margin-right: 4rem !important; } .me-lg-9 { margin-right: 5rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 2rem !important; } .mb-lg-6 { margin-bottom: 3rem !important; } .mb-lg-7 { margin-bottom: 3.5rem !important; } .mb-lg-8 { margin-bottom: 4rem !important; } .mb-lg-9 { margin-bottom: 5rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 2rem !important; } .ms-lg-6 { margin-left: 3rem !important; } .ms-lg-7 { margin-left: 3.5rem !important; } .ms-lg-8 { margin-left: 4rem !important; } .ms-lg-9 { margin-left: 5rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .p-lg-6 { padding: 3rem !important; } .p-lg-7 { padding: 3.5rem !important; } .p-lg-8 { padding: 4rem !important; } .p-lg-9 { padding: 5rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 2rem !important; padding-left: 2rem !important; } .px-lg-6 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-lg-7 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; } .px-lg-8 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-lg-9 { padding-right: 5rem !important; padding-left: 5rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-lg-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-lg-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .py-lg-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-lg-9 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 2rem !important; } .pt-lg-6 { padding-top: 3rem !important; } .pt-lg-7 { padding-top: 3.5rem !important; } .pt-lg-8 { padding-top: 4rem !important; } .pt-lg-9 { padding-top: 5rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 2rem !important; } .pe-lg-6 { padding-right: 3rem !important; } .pe-lg-7 { padding-right: 3.5rem !important; } .pe-lg-8 { padding-right: 4rem !important; } .pe-lg-9 { padding-right: 5rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 2rem !important; } .pb-lg-6 { padding-bottom: 3rem !important; } .pb-lg-7 { padding-bottom: 3.5rem !important; } .pb-lg-8 { padding-bottom: 4rem !important; } .pb-lg-9 { padding-bottom: 5rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 2rem !important; } .ps-lg-6 { padding-left: 3rem !important; } .ps-lg-7 { padding-left: 3.5rem !important; } .ps-lg-8 { padding-left: 4rem !important; } .ps-lg-9 { padding-left: 5rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } }

@media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 2rem !important; } .gap-xl-6 { gap: 3rem !important; } .gap-xl-7 { gap: 3.5rem !important; } .gap-xl-8 { gap: 4rem !important; } .gap-xl-9 { gap: 5rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .m-xl-6 { margin: 3rem !important; } .m-xl-7 { margin: 3.5rem !important; } .m-xl-8 { margin: 4rem !important; } .m-xl-9 { margin: 5rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 2rem !important; margin-left: 2rem !important; } .mx-xl-6 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-7 { margin-right: 3.5rem !important; margin-left: 3.5rem !important; } .mx-xl-8 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-xl-9 { margin-right: 5rem !important; margin-left: 5rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-xl-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; } .my-xl-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-xl-9 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 2rem !important; } .mt-xl-6 { margin-top: 3rem !important; } .mt-xl-7 { margin-top: 3.5rem !important; } .mt-xl-8 { margin-top: 4rem !important; } .mt-xl-9 { margin-top: 5rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 2rem !important; } .me-xl-6 { margin-right: 3rem !important; } .me-xl-7 { margin-right: 3.5rem !important; } .me-xl-8 { margin-right: 4rem !important; } .me-xl-9 { margin-right: 5rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 2rem !important; } .mb-xl-6 { margin-bottom: 3rem !important; } .mb-xl-7 { margin-bottom: 3.5rem !important; } .mb-xl-8 { margin-bottom: 4rem !important; } .mb-xl-9 { margin-bottom: 5rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 2rem !important; } .ms-xl-6 { margin-left: 3rem !important; } .ms-xl-7 { margin-left: 3.5rem !important; } .ms-xl-8 { margin-left: 4rem !important; } .ms-xl-9 { margin-left: 5rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .p-xl-6 { padding: 3rem !important; } .p-xl-7 { padding: 3.5rem !important; } .p-xl-8 { padding: 4rem !important; } .p-xl-9 { padding: 5rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 2rem !important; padding-left: 2rem !important; } .px-xl-6 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-xl-7 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; } .px-xl-8 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-xl-9 { padding-right: 5rem !important; padding-left: 5rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-xl-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-xl-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .py-xl-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-xl-9 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 2rem !important; } .pt-xl-6 { padding-top: 3rem !important; } .pt-xl-7 { padding-top: 3.5rem !important; } .pt-xl-8 { padding-top: 4rem !important; } .pt-xl-9 { padding-top: 5rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 2rem !important; } .pe-xl-6 { padding-right: 3rem !important; } .pe-xl-7 { padding-right: 3.5rem !important; } .pe-xl-8 { padding-right: 4rem !important; } .pe-xl-9 { padding-right: 5rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 2rem !important; } .pb-xl-6 { padding-bottom: 3rem !important; } .pb-xl-7 { padding-bottom: 3.5rem !important; } .pb-xl-8 { padding-bottom: 4rem !important; } .pb-xl-9 { padding-bottom: 5rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 2rem !important; } .ps-xl-6 { padding-left: 3rem !important; } .ps-xl-7 { padding-left: 3.5rem !important; } .ps-xl-8 { padding-left: 4rem !important; } .ps-xl-9 { padding-left: 5rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } }

@media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 2rem !important; } .gap-xxl-6 { gap: 3rem !important; } .gap-xxl-7 { gap: 3.5rem !important; } .gap-xxl-8 { gap: 4rem !important; } .gap-xxl-9 { gap: 5rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 2rem !important; } .m-xxl-6 { margin: 3rem !important; } .m-xxl-7 { margin: 3.5rem !important; } .m-xxl-8 { margin: 4rem !important; } .m-xxl-9 { margin: 5rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 2rem !important; margin-left: 2rem !important; } .mx-xxl-6 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-7 { margin-right: 3.5rem !important; margin-left: 3.5rem !important; } .mx-xxl-8 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-xxl-9 { margin-right: 5rem !important; margin-left: 5rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-xxl-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; } .my-xxl-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-xxl-9 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 2rem !important; } .mt-xxl-6 { margin-top: 3rem !important; } .mt-xxl-7 { margin-top: 3.5rem !important; } .mt-xxl-8 { margin-top: 4rem !important; } .mt-xxl-9 { margin-top: 5rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 2rem !important; } .me-xxl-6 { margin-right: 3rem !important; } .me-xxl-7 { margin-right: 3.5rem !important; } .me-xxl-8 { margin-right: 4rem !important; } .me-xxl-9 { margin-right: 5rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 2rem !important; } .mb-xxl-6 { margin-bottom: 3rem !important; } .mb-xxl-7 { margin-bottom: 3.5rem !important; } .mb-xxl-8 { margin-bottom: 4rem !important; } .mb-xxl-9 { margin-bottom: 5rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 2rem !important; } .ms-xxl-6 { margin-left: 3rem !important; } .ms-xxl-7 { margin-left: 3.5rem !important; } .ms-xxl-8 { margin-left: 4rem !important; } .ms-xxl-9 { margin-left: 5rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 2rem !important; } .p-xxl-6 { padding: 3rem !important; } .p-xxl-7 { padding: 3.5rem !important; } .p-xxl-8 { padding: 4rem !important; } .p-xxl-9 { padding: 5rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 2rem !important; padding-left: 2rem !important; } .px-xxl-6 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-xxl-7 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; } .px-xxl-8 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-xxl-9 { padding-right: 5rem !important; padding-left: 5rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-xxl-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-xxl-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .py-xxl-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-xxl-9 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 2rem !important; } .pt-xxl-6 { padding-top: 3rem !important; } .pt-xxl-7 { padding-top: 3.5rem !important; } .pt-xxl-8 { padding-top: 4rem !important; } .pt-xxl-9 { padding-top: 5rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 2rem !important; } .pe-xxl-6 { padding-right: 3rem !important; } .pe-xxl-7 { padding-right: 3.5rem !important; } .pe-xxl-8 { padding-right: 4rem !important; } .pe-xxl-9 { padding-right: 5rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 2rem !important; } .pb-xxl-6 { padding-bottom: 3rem !important; } .pb-xxl-7 { padding-bottom: 3.5rem !important; } .pb-xxl-8 { padding-bottom: 4rem !important; } .pb-xxl-9 { padding-bottom: 5rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 2rem !important; } .ps-xxl-6 { padding-left: 3rem !important; } .ps-xxl-7 { padding-left: 3.5rem !important; } .ps-xxl-8 { padding-left: 4rem !important; } .ps-xxl-9 { padding-left: 5rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } }

@media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } }

/* BGA MIXINS ------------------------------------------ */
/* BGA Style Guide Page Structure */
.container { width: 100%; max-width: 1320px; }

body.extra-wide .container { max-width: 1400px; }

.remove-element-padding > *:last-child { padding-bottom: 0; margin-bottom: 0; }

.remove-element-padding > *:last-child > li:last-child { padding-bottom: 0; margin-bottom: 0; }

.remove-element-padding > *:first-child { padding-top: 0; margin-top: 0; }

.remove-top-spaces > *:first-child { padding-top: 0; margin-top: 0; }

.row-col-24 { column-gap: 24px; row-gap: 24px; }

.label { font-weight: 600; }

.radio-flex-group { row-gap: 8px; column-gap: 8px; }

ol.style-guide { margin: 0 0 0 0; padding: 0 0 08px 48px; }

.responsive-img { width: 100%; max-width: 100%; height: auto; }

.bga-component { text-decoration: none; color: #333333; height: 100%; }

.bga-component .tile-title { color: #2157AA; font-size: 1.375rem; font-weight: 600; text-decoration: none; background: none; }

.bga-component p { font-weight: 400; }

.bga-component:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.bga-component:focus .tile-title, .bga-component:hover .tile-title { text-decoration: underline; }

.bga-component img { width: 100%; max-width: 100%; height: auto; }

.help-text { font-size: .875rem; }

table.table { margin-bottom: 32px; }

.site-name { display: flex; }

.site-name a { font-weight: 600; font-size: 1.8rem; color: #2E3E5A; border-left: 1px #2E3E5A solid; display: inline-flex; align-items: center; text-decoration: none; line-height: 1.2; }

.site-name svg { height: 50px; width: auto; }

#header-strap a:hover { background: transparent; }

.navbar { padding: 0 16px; font-weight: 600; margin-left: -8px; }

.navbar .nav-item { margin: 0; padding: 0; text-indent: 0; }

.navbar .nav-item::before { content: none; }

.navbar .nav-item .nav-link { font-weight: 600; border-radius: 4px; }

.navbar .nav-item .nav-link:focus { background: #C8D9EE; }

.navbar .nav-item .nav-link:hover { background: #C8D9EE; }

.navbar .nav-item .nav-link.inactive { opacity: .5; cursor: default; }

#page-header { background: linear-gradient(0deg, #b8cde7 0%, #9cb6db 100%); }

#page-header .header-content { background: #C8D9EE; padding: 32px 32px 48px 32px; }

#page-header .use-tags { display: flex; }

#page-header .use-tags p { font-size: 0.88rem; }

#page-header .use-tags li { font-weight: 600; display: inline-block; list-style-type: none; text-indent: 0; font-size: 0.88rem; }

#page-header .use-tags li::before { content: none; }

#page-header .use-tags li.true { border: solid 2px #299F28; border-radius: 50px; background: #D4EDD4 url(../assets/icon-tick-green.svg) no-repeat; background-position: left 8px center; }

#page-header .use-tags li.false { border: solid 2px #C9201D; border-radius: 50px; background: #FCE9E9 url(../assets/icon-cross-red.svg) no-repeat; background-position: left 10px center; background-size: 16px 16px; }

#page-header.teal { background: linear-gradient(180deg, #9ed2d3 0%, #bfe2e2 100%); }

#page-header.teal .header-content { background: #CFEBEB; }

#page-header.yellow { background: linear-gradient(180deg, #fadd82 0%, #fdebb3 100%); }

#page-header.yellow .header-content { background: #FFF3CD; }

.tiles-wrapper.inactive { opacity: .4; }

.bga-animation.loading-animation.tiles-loading { display: none; position: fixed; width: 40px; height: 40px; left: calc(50% + 120px); padding: 0%; top: 40%; }

.bga-animation.loading-animation.tiles-loading.show { display: block; }

.nav-image-tile { border: 1px solid #96B7DF; border-left: 8px solid #2E6CB9; background: #fff url(../assets/arrow-circle-right-blue.png) no-repeat; background-position: left 32px bottom 24px; background-size: 32px 32px; }

.nav-image-tile a { display: block; }

.nav-image-tile .tile-description:empty { display: none; }

.nav-image-tile .filter-tags { display: flex; flex-wrap: wrap; justify-content: flex-start; column-gap: 8px; row-gap: 8px; }

.nav-image-tile .filter-tags:empty { display: none; }

.nav-image-tile .filter-tag { background: #E2DDF8; border-radius: 4px; white-space: nowrap; font-size: .75rem; font-weight: 600; display: block; }

.nav-image-tile .filter-tag:empty { display: none; }

.nav-image-tile:hover { background-color: #E3ECF6; }

.nav-image-tile:hover .filter-tag { border: #7468B4 solid 2px; padding: 2px 6px !important; }

.component_number { font-size: 2.125rem; }

.component_number span { font-weight: 600; }

.nav-tile-filters .filter-item { display: flex; }

.nav-tile-filters .filter-item input { height: 28px; width: 28px; border: solid 1px #333333; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

.nav-tile-filters .filter-item input:checked { border: solid 2px #333333; background: url(../assets/icon-tick-black.svg) no-repeat; background-position: center center; }

.nav-tile-filters .filter-item label { font-size: .88rem; }

.nav-tile-search { background: #E4E6EA; }

.nav-tile-search label { font-weight: 600; font-size: 1.1875rem; }

.nav-tile-search .input-wrapper { display: flex; }

.nav-tile-search input { width: calc(100% - 52px); height: 52px; padding: 1px 8px; }

.nav-tile-search input:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; }

.nav-tile-search button { background: url(../assets/icon-search-white.svg) no-repeat #2E6CB9; background-position: center center; height: 52px; width: 52px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: none; outline: none; box-shadow: none; text-indent: -9999px; }

.nav-tile-search button:focus-visible { background: url(../assets/icon-search-white.svg) no-repeat #2157AA; background-position: center center; border: 2px solid #2E6CB9; outline: none; }

.nav-tile-search button:hover { background: url(../assets/icon-search-white.svg) no-repeat #2157AA; background-position: center center; }

.reset-filters button { border: none; background: none; text-decoration: underline; color: #333333; padding: 0; }

.reset-filters button:hover { background: transparent; color: #333333; }

.nav-tile-wrapper { display: block; }

.nav-tile-wrapper.filters_on { display: none; }

.nav-tile-wrapper.filters_on.show { display: block; }

.nav-tile-wrapper.searched_on { display: none; }

.nav-tile-wrapper.searched_on.show { display: block; }

.nav-tile-wrapper.coming-soon { position: relative; }

.nav-tile-wrapper.coming-soon:after { content: "Coming soon"; position: absolute; top: 0; right: 16px; width: 40%; height: 100%; margin-right: 32px; background: rgba(46, 62, 90, 0.9); font-size: 1.375rem; font-weight: 600; padding: 80px 24px; margin: 0; color: #ffffff; display: flex; }

.no-results { display: none; }

.no-results.show { display: block; }

.no-results h2, .no-results .h2 { font-weight: 400; }

.no-results span { font-weight: 600; }

.breakpoints { background: #E3ECF6; border: 1px solid #96B7DF; display: flex; align-items: center; }

.breakpoints .larger-screens { display: flex; align-items: center; }

.breakpoints .smaller-screens { display: none; }

.breakpoints p { font-size: 1rem; font-weight: 600; line-height: 1; }

.breakpoints .show { display: block; }

.breakpoints .hide { display: none; visibility: hidden; }

.breakpoints .btn-outline-primary { background: #ffffff; border: solid 3px #113869; color: #2157AA; display: flex !important; justify-items: center; align-items: center; box-shadow: none !important; outline: none !important; }

.breakpoints .btn-outline-primary:focus, .breakpoints .btn-outline-primary:focus-visible { background: #C8D9EE; border: solid 3px #2157AA !important; box-shadow: none; outline: none; }

.breakpoints .btn-outline-primary:hover { color: #ffffff; background: #2E6CB9; border: solid 3px #113869 !important; }

.breakpoints .btn-check:checked + .btn-outline-primary, .breakpoints .btn-check:active + .btn-outline-primary, .breakpoints .btn-outline-primary:active, .breakpoints .btn-outline-primary.active, .breakpoints .btn-outline-primary.dropdown-toggle.show { background: #113869 !important; border-color: #113869; }

.typography.breakpoints { display: flex; align-items: center; }

.typography.breakpoints .element-name { width: 40%; }

.typography.breakpoints .breakpoint-wrapper { width: 60%; margin-left: 32px; display: flex; align-items: center; }

.component-example { border: 1px solid #96B7DF; }

.component-example.bp-below350 .component-wrapper { max-width: 350px; }

.component-example.bp-350 .component-wrapper, .component-example.bp-below576 .component-wrapper { max-width: 500px; }

.component-example.bp-576 .component-wrapper, .component-example.bp-below768 .component-wrapper { max-width: 680px; }

.component-example.bp-768 .component-wrapper, .component-example.bp-below992 .component-wrapper { max-width: 800px; }

.component-example.bp-992 .component-wrapper, .component-example.bp-below1200 .component-wrapper { max-width: 1000px; }

.component-example.bkg-dark { background: #2E6CB9; }

.component-example.bkg-dark h2, .component-example.bkg-dark .h2, .component-example.bkg-dark h3, .component-example.bkg-dark .h3, .component-example.bkg-dark h4, .component-example.bkg-dark .h4, .component-example.bkg-dark h5, .component-example.bkg-dark .h5, .component-example.bkg-dark p, .component-example.bkg-dark hr { color: #ffffff; }

.component-example.bkg-dark hr { height: 2px; }

.bkg-grey { background: rgba(51, 51, 51, 0.3); }

.bkg-blue-grey { background: #E4E6EA; }

.approved-icons .icon-name { font-size: 1.125rem; }

.approved-icons .copy-icon-example { background: none; border: 2px solid #2157AA; border-radius: 4px; width: 100%; }

.approved-icons .copy-icon-example .svg-icon-container { height: 80px; }

.approved-icons .copy-icon-example .svg-icon-container img { max-height: 48px; max-width: 48px; }

.approved-icons .copy-icon-example .button-text { background: #2157AA; color: #ffffff; }

.approved-icons .copy-icon-example .button-text span { font-weight: 400; }

.approved-icons .copy-icon-example.copied .button-text { background: #299F28; }

.approved-icons .copy-icon-example.copied .button-text .svg.success { display: block; }

.approved-icons.dark-bkg .svg-icon-container { background: #788295; }

.guide-colour-examples { flex-wrap: wrap; column-gap: 24px; row-gap: 24px; }

.design-specs-link { border: 1px solid #96B7DF; background: #E3ECF6; }

.layouts { background: #E3ECF6; border: 1px solid #96B7DF; display: flex; align-items: center; }

.layouts .form-select { width: auto; font-weight: 600; }

.layouts .form-select option.false { display: none; }

.layout-example, .layout-example-static { border: 1px solid #96B7DF; border-top: none; display: none; }

.layout-example .layouts-wrapper, .layout-example-static .layouts-wrapper { display: flex; align-items: flex-start; }

.layout-example .layout-image, .layout-example-static .layout-image { width: 60%; }

.layout-example .layout-image img, .layout-example-static .layout-image img { width: 100%; max-width: 100%; height: auto; }

.layout-example .layout-rules, .layout-example-static .layout-rules { width: 40%; }

.layout-example.full-border, .layout-example-static.full-border { border-top: 1px solid #96B7DF; }

.layout-example.show, .layout-example-static.show { display: block; }

.layout-example .accordion-toggle, .layout-example-static .accordion-toggle { border: none; background: #ffffff; text-decoration: underline; float: right; font-weight: 600; box-shadow: none; border-radius: none; }

.layout-example .accordion-item, .layout-example-static .accordion-item { border: none; border-bottom: solid 1px #96B7DF; }

.layout-example .accordion-item:last-of-type, .layout-example-static .accordion-item:last-of-type { border-bottom: none; }

.layout-example .accordion-item:last-of-type .accordion-button, .layout-example-static .accordion-item:last-of-type .accordion-button { border-radius: 0; }

.layout-example .accordion-item:first-of-type .accordion-button, .layout-example-static .accordion-item:first-of-type .accordion-button { border-radius: 0; }

.layout-example .accordion-button, .layout-example-static .accordion-button { background: #ffffff; font-weight: 600; color: #333333; padding: 16px 0; }

.layout-example .accordion-button:not(.collapsed), .layout-example-static .accordion-button:not(.collapsed) { background: #ffffff; box-shadow: none; }

.layout-example .accordion-button:not(.collapsed)::after, .layout-example-static .accordion-button:not(.collapsed)::after { transform: scaleY(-1); }

.layout-example .accordion-button::after, .layout-example-static .accordion-button::after { background-image: url(../Chevron-down-black.svg); }

.layout-example .accordion-button:focus, .layout-example-static .accordion-button:focus { box-shadow: none; }

.layout-example .accordion-body, .layout-example-static .accordion-body { display: flex; padding: 16px 0; }

#footer { background: #2157AA; color: #fff; }

#footer h2, #footer .h2 { color: #fff; font-size: 1.375rem; }

#footer a { color: #fff; font-weight: 600; }

#indigenous-footer { background: #113869; box-shadow: 0 50vh 0 50vh #113869; color: #fff; }

.content-wrapper { padding: 0 32px; }

.coloured-bkg-wrapper { background: #C8D9EE; margin: 32px -9999px; padding: 32px 9999px; }

.coloured-section { background: #C8D9EE; }

.illustration-example .image-wrapper { border: solid 1px #96B7DF; }

.illustration-example .image-wrapper img { width: 100%; max-width: 100%; }

.illustration-example.action-tile .image-wrapper { background: #C8D9EE; padding: 24px; }

.illustration-example.action-tile .image-wrapper img { height: 180px; max-width: 100%; width: auto; background: #ffffff; border-radius: 100px; }

.illustration-example .button-wrapper { width: 100%; border: solid 1px #96B7DF; text-align: left; }

.illustration-example button.copied { background: #D4EDD4; color: #068905; border-color: #068905; }

.illustration-example button.copied:hover { background: #D4EDD4; color: #068905; border-color: #068905; }

@media (max-width: 991px) { #nav.design-system-nav { margin-bottom: 16px !important; } #nav.design-system-nav .navbar { padding: 0 0 0 16px; } #nav.design-system-nav .navbar .container { margin-top: -15px; } #nav.design-system-nav .navbar .nav-item { background: #C8D9EE; border-bottom: solid 1px #fff; } #nav.design-system-nav .navbar .nav-item .nav-link { padding: 12px 16px; } #nav.design-system-nav .navbar .nav-item .nav-link:focus { background: #C8D9EE; } #nav.design-system-nav .navbar .nav-item .nav-link:hover { background: #C8D9EE; } #nav.design-system-nav .navbar-toggler { background: #C8D9EE url(../assets/icon-close.svg) no-repeat; background-position: center center; height: 48px; width: 56px; min-width: auto; border-radius: 6px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; position: absolute; right: 0; top: -64px; outline-style: none !important; box-shadow: none !important; } #nav.design-system-nav .navbar-toggler[aria-expanded="false"] { background: #2E6CB9 url(../assets/icon-menu.svg) no-repeat; background-position: center center; border-radius: 6px; } }

@media (max-width: 768px) { .breakpoints .larger-screens { display: none; } .breakpoints .smaller-screens { display: block; } .typography.breakpoints { flex-wrap: wrap; } .typography.breakpoints .element-name { width: 100%; } .typography.breakpoints .breakpoint-wrapper { margin: 0; padding-top: 8px; width: 100%; } .typography.breakpoints .smaller-screens { display: none; } .component-example.bp-mobile { padding-right: 24px !important; } }

@media (max-width: 576px) { .container { padding-left: 24px; padding-right: 24px; } .content-wrapper { padding: 0; } .site-name a { font-size: 1.1875rem; line-height: 1.5; } .site-name svg { width: 100px; } .navbar .container { padding-left: 8px; padding-right: 8px; } .navbar-toggler { right: 8px; top: -64px; } #page-header { background: #C8D9EE; } #page-header .use-tags p { display: none; } #page-header .row:first-of-type { padding-top: 0 !important; } #page-header .header-content { padding-left: 0; padding-right: 0; } #page-header.teal { background: #CFEBEB; } #page-header.yellow { background: #FFF3CD; } .typography.breakpoints .breakpoint-wrapper { display: none; } .typography.breakpoints .smaller-screens { display: block; } }

.section-tabs { display: flex; }

.section-tabs .tab { border: solid #2E6CB9 1px; border-bottom: none; border-top-left-radius: 6px; border-top-right-radius: 6px; background: #ffffff; cursor: pointer; }

.section-tabs .tab p { font-size: 1rem; font-weight: 600; color: #2E3E5A; opacity: .7; }

.section-tabs .tab.selected { background: #2E6CB9; }

.section-tabs .tab.selected p { opacity: 1; color: #ffffff; }

.tab-sections-wrapper { border-top: solid 5px #2E6CB9; }

.tab-sections-wrapper.bga-border { border: solid 1px #96B7DF; }

.tab-sections-wrapper .tab-section { display: none; }

.tab-sections-wrapper .tab-section.selected { display: block; }

.tabs-select { width: 100%; background: #2E6CB9; }

.tabs-select .form-select { width: auto; }

.anatomy-btns { display: flex; flex-wrap: wrap; }

.anatomy-btns button { background: #ffffff; border: solid 2px #2157AA; border-radius: 50px; font-size: 0.9375rem; cursor: pointer; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); padding: 8px 16px 8px 16px; display: block; margin: 0 16px 16px 0; }

.anatomy-btns button:last-of-type { margin: 0 0 16px 0; }

.anatomy-btns button:focus-visible { background: #113869; border: solid 2px #113869; color: #ffffff; outline: none; border-radius: 50px; }

.anatomy-btns button:hover { background: #2157AA; border: solid 2px #2157AA; color: #ffffff; }

.anatomy-btns button.selected { background: #2157AA url(../assets/icon-tick-white.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; border: solid 2px #2157AA; color: #ffffff; padding: 8px 16px 8px 38px; }

.anatomy-btns button.selected:focus-visible { background: #113869 url(../assets/icon-tick-white.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; }

.anatomy-btns button.selected:hover { background: #2157AA url(../assets/icon-tick-white.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; }

.illustration-example-wrapper { border: solid 1px #96B7DF; position: relative; height: 100%; }

.illustration-example-wrapper img { width: 100%; max-width: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 4000; }

.illustration-example-wrapper img:first-of-type { position: relative; z-index: 5000; opacity: .15; }

.illustration-example-wrapper img.selected { transition: opacity 1s; opacity: 1; }

@media (max-width: 450px) { .col-xs { flex: 1 0 0%; width: 100%; } }

h1, .h1 { font-weight: 700; }

h2, .h2 { padding-top: 24px; }

h3, .h3 { padding-top: 16px; }

h4, .h4, h5, .h5 { padding-top: 8px; }

.h1-font-size { font-size: 2.75rem; font-weight: 600; }

.h2-font-size { font-size: 2.125rem; font-weight: 600; }

.h3-font-size { font-size: 1.375rem; font-weight: 600; }

.h4-font-size { font-size: 1.1875rem; font-weight: 600; }

.h5-font-size, h5, .h5 { font-size: 1rem; font-weight: 600; line-height: 1.75; }

.heading-color { color: #2E3E5A; }

ul { margin: 0; padding: 0 0 8px 48px; }

/* ul li { margin-bottom: 16px; list-style-type: none; line-height: 1.75; text-indent: -22px; vertical-align: text-bottom; }  replaced with below to remove text-indent*/

ul li { margin-bottom: 16px; list-style-type: none; line-height: 1.75; vertical-align: text-bottom; } 

/* ul li::before { content: url(../Bullet-ellipse.svg); padding: 0 16px 0 0; vertical-align: text-bottom; }  Causing issues for Bootstrap Table*/

ul li.tick::before { content: url(../assets/icon-tick-blue-black.svg); padding: 0 8px 0 0; vertical-align: middle; }

ul ul { padding: 0 0 0 48px; }

/* ul ul li::before { content: url(Bullet-dash.svg); padding: 0 14px 0 0; } */

ul ul ul { padding: 0 0 0 48px; }

ul ul ul li::before { content: url(../assets/Bullet-ellipse-pale.svg); padding: 0 16px 0 0; }

ul.no-bullets { padding-left: 0; }

ul.no-bullets li { text-indent: 0; }

ul.no-bullets li::before { display: none; }

ol { margin: 0; padding: 0 0 08px 48px; }

ol li { margin-bottom: 16px; line-height: 1.75; vertical-align: text-bottom; }

ol li::marker { font-weight: 600; color: #2E3E5A; }

ol ol { padding: 0 0 0 48px; }

ol ol li::marker { font-weight: 600; color: #788295; }

ol ol ol { padding: 0 0 0 48px; }

ol ol ol li::marker { font-weight: 400; }

p { line-height: 1.75; }

p.mini { font-size: .875rem; line-height: 1.75; }

p.label-search-cards { font-size: .75rem; font-weight: 600; line-height: 1.125rem; }

p.external-pathway-link { font-size: .875rem; line-height: 1.125rem; font-weight: 600; }

p.header-intro { font-size: 1.125rem; line-height: 1.77785; }

p.updated { font-size: .75rem; font-style: italic; line-height: 1.125rem; }

a, button { font-weight: 600; color: #2157AA; }

a.mini, button.mini { font-size: .875rem; line-height: 1.75; }

a svg, button svg { fill: #2157AA; }

a:focus-visible, button:focus-visible { outline: none; border: 2px solid #2E6CB9; border-radius: 4px; color: #113869; background: rgba(46, 108, 185, 0.15); }

a:focus-visible svg, button:focus-visible svg { fill: #113869; }

a:hover, a:active, button:hover, button:active { color: #113869; background: rgba(46, 108, 185, 0.15); }

a:hover svg, a:active svg, button:hover svg, button:active svg { fill: #113869; }

a.external { padding-right: 16px; background: url(../assets/icon-external-blue.svg) no-repeat; background-position: right 0 bottom 2px; background-size: 12px; }

a.external:hover, a.external:active { color: #113869; background: rgba(46, 108, 185, 0.15) url(../assets/icon-external-blue.svg) no-repeat; background-position: right 0 bottom 2px; background-size: 12px; }

strong { font-weight: 600; }

.component-example.foundation-example .foundation-wrapper { display: flex; }

.component-example.foundation-example .foundation-rules { width: 40%; }

.component-example.foundation-example .foundation-rules ul { margin: 0; padding: 0; }

.component-example.foundation-example .foundation-rules li { margin: 0; padding: 0 0 4px 0; list-style-type: none; text-indent: 0; }

.component-example.foundation-example .foundation-rules li::before { content: none; }

.component-example.foundation-example .foundation-rules li:empty { display: none; }

.component-example.foundation-example .foundation-rules.mobile { display: none; }

.component-example.foundation-example .example { width: 60%; }

.component-example.foundation-example .example img { width: 100%; max-width: 100%; height: auto; }

.component-example.foundation-example.bp-below576.foundation-example { padding-right: 0; }

.component-example.foundation-example.bp-below576.foundation-example .foundation-rules { display: none; }

.component-example.foundation-example.bp-below576.foundation-example .foundation-rules.mobile { display: block; }

.component-example.foundation-example.bp-below576 .example h1, .component-example.foundation-example.bp-below576 .example .h1 { font-size: 2rem; font-weight: 700; }

.component-example.foundation-example.bp-below576 .example h2, .component-example.foundation-example.bp-below576 .example .h2 { font-size: 1.75rem; }

.component-example.foundation-example.bp-below576 .example p.header-intro { line-height: 1.75; font-size: 1rem; }

.component-example.foundation-example.bp-below576 .example ul { padding: 0 0 8px 32px; }

.component-example.foundation-example.bp-below576 .example ul li { text-indent: -12px; }

.component-example.foundation-example.bp-below576 .example ul li::before { padding: 0 10px 0 0; }

.component-example.foundation-example.bp-below576 .example ul ul { padding: 0 0 0 32px; }

.component-example.foundation-example.bp-below576 .example ul ul li::before { padding: 0 8px 0 0; }

.component-example.foundation-example.bp-below576 .example ul ul ul { padding: 0 0 0 32px; }

.component-example.foundation-example.bp-below576 .example ul ul ul li::before { padding: 0 10px 0 0; }

.component-example.foundation-example.bp-below576 .example ol { padding: 0 0 8px 32px; }

.component-example.foundation-example.bp-below576 .example ol ol { padding: 0 0 0 32px; }

.component-example.foundation-example.bp-below576 .example ol ol ol { padding: 0 0 0 32px; }

@media (max-width: 576px) { h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 1.75rem; } p.header-intro { line-height: 1.75; font-size: 1rem; } ul { padding: 0 0 8px 32px; } ul li { text-indent: -12px; } ul li::before { padding: 0 10px 0 0; } ul ul { padding: 0 0 0 32px; } ul ul li::before { padding: 0 8px 0 0; } ul ul ul { padding: 0 0 0 32px; } ul ul ul li::before { padding: 0 10px 0 0; } ol { padding: 0 0 8px 32px; } ol ol { padding: 0 0 0 32px; } ol ol ol { padding: 0 0 0 32px; } .component-example.foundation-example .foundation-rules { display: none !important; } .component-example.foundation-example .example { width: 100%; margin-left: 0 !important; } }

.colour-wrapper.full-border { border: solid 1px #96B7DF; }

.colour-example .colour { display: block; height: 50px; width: 100%; background: #2157AA; border: solid 1px #ABB1BD; border-left: none; border-right: none; }

.colour-example.large .colour { height: 70px; }

.colour-example.highlight .hex { padding-bottom: 0px !important; }

.colour-example .hex:empty, .colour-example .colour-use:empty { display: none; }

.colour-example.hexnone .colour { background: #ffffff; }

.colour-example.hexnone .colour { border: none; }

.colour-example.hex2157AA .colour { background: #2157AA; }

.colour-example.hex2E6CB9 .colour { background: #2E6CB9; }

.colour-example.hex96B7DF .colour { background: #96B7DF; }

.colour-example.hexC8D9EE .colour { background: #C8D9EE; }

.colour-example.hexE3ECF6 .colour { background: #E3ECF6; }

.colour-example.hex113869 .colour { background: #113869; }

.colour-example.hex708DAF .colour { background: #708DAF; }

.colour-example.hex96B7DF .colour { background: #96B7DF; }

.colour-example.hexB3CBE8 .colour { background: #B3CBE8; }

.colour-example.hexC8D9EE .colour { background: #C8D9EE; }

.colour-example.hex489595 .colour { background: #489595; }

.colour-example.hex5AB3B3 .colour { background: #5AB3B3; }

.colour-example.hex8BCACA .colour { background: #8BCACA; }

.colour-example.hexCFEBEB .colour { background: #CFEBEB; }

.colour-example.hex629D62 .colour { background: #629D62; }

.colour-example.hex85CB85 .colour { background: #85CB85; }

.colour-example.hexA0D1A0 .colour { background: #A0D1A0; }

.colour-example.hexD4EDD4 .colour { background: #D4EDD4; }

.colour-example.hexEDC95A .colour { background: #EDC95A; }

.colour-example.hexFFD964 .colour { background: #FFD964; }

.colour-example.hexFFE491 .colour { background: #FFE491; }

.colour-example.hexFFF3CD .colour { background: #FFF3CD; }

.colour-example.hexCC7A29 .colour { background: #CC7A29; }

.colour-example.hexE88A2D .colour { background: #E88A2D; }

.colour-example.hexF1B981 .colour { background: #F1B981; }

.colour-example.hexFDE6D0 .colour { background: #FDE6D0; }

.colour-example.hex7468B4 .colour { background: #7468B4; }

.colour-example.hex9183D8 .colour { background: #9183D8; }

.colour-example.hexB1A8E3 .colour { background: #B1A8E3; }

.colour-example.hexE2DDF8 .colour { background: #E2DDF8; }

.colour-example.hex333333 .colour { background: #333333; }

.colour-example.hexFFFFFF .colour { background: #ffffff; }

.colour-example.hex933AA8 .colour { background: #933AA8; }

.colour-example.hexFFCF3B .colour { background: #FFCF3B; }

.colour-example.hex2E3E5A .colour { background: #2E3E5A; }

.colour-example.hex5A667D .colour { background: #5A667D; }

.colour-example.hex788295 .colour { background: #788295; }

.colour-example.hexABB1BD .colour { background: #ABB1BD; }

.colour-example.hexE4E6EA .colour { background: #E4E6EA; }

.colour-example.hexEFF0F2 .colour { background: #EFF0F2; }

.colour-example.hex105C5C .colour { background: #105C5C; }

.colour-example.hex218080 .colour { background: #218080; }

.colour-example.hexBFE2E2 .colour { background: #BFE2E2; }

.colour-example.hexE6F3F3 .colour { background: #E6F3F3; }

.colour-example.hexC9201D .colour { background: #C9201D; }

.colour-example.hexF5B5B5 .colour { background: #F5B5B5; }

.colour-example.hexFCE9E9 .colour { background: #FCE9E9; }

.colour-example.hex068905 .colour { background: #068905; }

.colour-example.hex299F28 .colour { background: #299F28; }

.colour-example.hexA0D1A0 .colour { background: #A0D1A0; }

.colour-example.hexD4EDD4 .colour { background: #D4EDD4; }

.colour-example.hexB28B67 .colour { background: #B28B67; }

.colour-example.hexEFC6A1 .colour { background: #EFC6A1; }

@media (max-width: 576px) { .colour-example.hexnone { display: none; } }

.logo-wrapper { border: #96B7DF 1px solid; }

.logo-wrapper .mobile { display: none; }

.logo-wrapper.reversed { background: #2E6CB9; }

.component-example.bp-below768 .logo-wrapper .mobile { display: block; font-weight: 700; font-size: 1.25rem; color: #2157AA; margin: 0; padding: 0; }

.component-example.bp-below768 .logo-wrapper svg { display: none; }

.component-example.bp-below768 .logo-wrapper.reversed { background: #2E6CB9; }

.component-example.bp-below768 .logo-wrapper.reversed .mobile { color: #ffffff; }

@media (max-width: 768px) { .logo-wrapper .mobile { display: block; font-weight: 700; font-size: 1.25rem; color: #2157AA; margin: 0; padding: 0; } .logo-wrapper svg { display: none; } .logo-wrapper.reversed { background: #2E6CB9; } .logo-wrapper.reversed .mobile { color: #ffffff; } }

.element-state-wrapper { border-top: solid 1px #96B7DF; }

.bga-primary-btn, .bga-secondary-btn { min-width: 120px; }

.bga-btn, .bga-btn-state { display: inline-flex; align-items: center; border: solid 3px #EDC95A; border-radius: 100px; background: #FFD964; color: #333333; font-weight: 600; font-size: 1rem; line-height: 1.5; padding: 8px 32px; min-height: 56px; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); justify-content: center; text-decoration: none !important; }

.bga-btn svg, .bga-btn-state svg { margin-left: 8px; margin-bottom: 0; fill: #333333; flex-shrink: 0; }

.bga-btn.bga-secondary-btn, .bga-btn-state.bga-secondary-btn { background: #ffffff; border-color: #2E6CB9; color: #333333; }

.bga-btn.bga-secondary-btn.bkg-dark, .bga-btn-state.bga-secondary-btn.bkg-dark { border-color: #96B7DF; color: #333333; }

.bga-btn:focus { border-color: #2E6CB9; border-width: 3px; border-radius: 50px; background: #FFCF3B; color: #333333; outline: none; }

.bga-btn.bga-secondary-btn:focus { border-color: #2157AA; background: #2157AA; color: #ffffff; }

.bga-btn.bga-secondary-btn:focus svg, .bga-btn.bga-secondary-btn:focus svg path { fill: #ffffff; }

.bga-btn.bkg-dark:focus { background: #ffffff; border-color: #FFCF3B; }

.bga-btn.bkg-dark.bga-secondary-btn:focus { color: #ffffff; background: #2157AA; border-color: #ffffff; }

.bga-btn:hover { border-color: #FFCF3B; background: #FFCF3B; color: #333333; }

.bga-btn.bga-secondary-btn:hover { border-color: #2E6CB9; background: #2E6CB9; color: #ffffff; }

.bga-btn.bga-secondary-btn:hover svg, .bga-btn.bga-secondary-btn:hover svg path { fill: #ffffff; }

.bga-btn.bkg-dark:hover { color: #333333; }

.bga-btn.bkg-dark.bga-secondary-btn:hover { border-color: #ffffff; color: #ffffff; background: #2157AA; }

.bga-btn:active { border-color: #EDC95A; background: #EDC95A; }

.bga-btn.bga-secondary-btn:active { border-color: #113869; background: #113869; color: #ffffff; }

.bga-btn.bga-secondary-btn:active svg, .bga-btn.bga-secondary-btn:active svg path { fill: #ffffff; }

.bga-btn.bkg-dark:active { border-color: #EDC95A; background: #EDC95A; }

.bga-btn.bkg-dark.bga-secondary-btn:active { border-color: #ffffff; background: #113869; color: #ffffff; }

.bga-btn.disabled { opacity: .65; cursor: default; }

.bga-btn.in-progress { display: inline-flex; align-items: center; justify-content: center; max-width: 400px; transition: max-width 5s ease; }

.bga-btn.in-progress .in-progress-animation { display: none; }

.bga-btn.in-progress.active { max-width: 448px; background-color: #FFF3CD; border: none; color: #333333; box-shadow: none; cursor: default; }

.bga-btn.in-progress.active .in-progress-animation { display: block; }

.bga-btn.in-progress.active .in-progress-animation path { fill: #FFF3CD; }

.bga-btn.in-progress.active .in-progress-animation.recolour { animation: fa-spin 2s linear infinite; }

.bga-btn.in-progress.active .in-progress-animation.recolour path { fill: #333333; }

.bga-btn.in-progress.active.bga-secondary-btn { background-color: #E3ECF6; color: #333333; }

.bga-btn.in-progress.active.bga-secondary-btn .in-progress-animation path { fill: #E3ECF6; }

.bga-btn.in-progress.active.bga-secondary-btn .in-progress-animation.recolour { animation: fa-spin 2s linear infinite; }

.bga-btn.in-progress.active.bga-secondary-btn .in-progress-animation.recolour path { fill: #333333; }

.bga-btn.in-progress.active svg { display: none; }

.bga-btn-state.default.bkg-dark { color: #333333; }

.bga-btn-state.focus { border-color: #2E6CB9; background: #FFCF3B; outline: none; }

.bga-btn-state.focus.bga-secondary-btn { border-color: #2157AA; background: #2157AA; color: #ffffff; }

.bga-btn-state.focus.bga-secondary-btn svg, .bga-btn-state.focus.bga-secondary-btn svg path { fill: #ffffff; }

.bga-btn-state.focus.bkg-dark { background: #ffffff; border-color: #FFCF3B; color: #333333; }

.bga-btn-state.focus.bkg-dark.bga-secondary-btn { color: #ffffff; background: #2157AA; border-color: #ffffff; }

.bga-btn-state.hover { border-color: #FFCF3B; background: #FFCF3B; }

.bga-btn-state.hover.bga-secondary-btn { border-color: #2E6CB9; background: #2E6CB9; color: #ffffff; }

.bga-btn-state.hover.bga-secondary-btn svg, .bga-btn-state.hover.bga-secondary-btn svg path { fill: #ffffff; }

.bga-btn-state.hover.bkg-dark { color: #333333; }

.bga-btn-state.hover.bkg-dark.bga-secondary-btn { border-color: #ffffff; color: #ffffff; background: #2157AA; }

.bga-btn-state.active { border-color: #EDC95A; background: #EDC95A; }

.bga-btn-state.active.bga-secondary-btn { border-color: #113869; background: #113869; color: #ffffff; }

.bga-btn-state.active.bga-secondary-btn svg, .bga-btn-state.active.bga-secondary-btn svg path { fill: #ffffff; }

.bga-btn-state.active.bkg-dark { color: #333333; }

.bga-btn-state.active.bkg-dark.bga-secondary-btn { border-color: #ffffff; background: #113869; color: #ffffff; }

.bga-btn-state.disabled { opacity: .65; }

.bga-btn-state.disabled.bkg-dark { color: #333333; }

.bga-btn-state.in-progress { background-color: #FFF3CD; border-color: #FFF3CD; box-shadow: none; }

.bga-btn-state.in-progress .in-progress-animation { animation: fa-spin 2s linear infinite; }

.bga-btn-state.in-progress.bga-secondary-btn { background-color: #E3ECF6; border-color: #E3ECF6; }

.bga-link, .bga-link-state { color: #2157AA; font-weight: 600; text-decoration: underline; font-size: 1rem; line-height: 1.75; display: inline-block; }

.bga-link.bga-tertiary-link, .bga-link-state.bga-tertiary-link { font-size: 1.125rem; line-height: 2rem; background: url(../assets/icon-tertiary-arrow.svg) no-repeat; background-position: left 0 top 0; padding-left: 40px; text-decoration: none; }

.bga-link.bga-tertiary-link.plus-icon, .bga-link-state.bga-tertiary-link.plus-icon { background: url(../assets/plus-circle-right-blue.svg) no-repeat; background-position: left 0 top 0; }

.bga-link:focus { border: 2px solid #2E6CB9; background: rgba(46, 108, 185, 0.15); border-radius: 4px; outline: none; color: #113869; /* &.bkg-dark { color: $bga-blue-links; border: solid 2px $bga-blue-background-extralight; &.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-hover-darkbg.svg) no-repeat; background-position: left 0 top 0; border: solid 2px $bga-white; color: $bga-white; &.plus-icon { background: url(../assets/plus-circle-right-white.svg) no-repeat; background-position: left 0 top 0; } } } */ }

.bga-link.bga-tertiary-link:focus { background: url(../assets/icon-tertiary-arrow-hover.svg) no-repeat; background-position: left 0 top 0; color: #113869; }

.bga-link.bga-tertiary-link.plus-icon:focus { background: url(../assets/plus-circle-right-drkblue.svg) no-repeat; background-position: left 0 top 0; }

.bga-link:hover { background: rgba(46, 108, 185, 0.15); color: #113869; /* &.bkg-dark { color: $bga-blue-footer; &.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-hover-darkbg.svg) no-repeat; background-position: left 0 top 0; color: $bga-white; &.plus-icon { background: url(../assets/plus-circle-right-white.svg) no-repeat; background-position: left 0 top 0; } } } */ }

.bga-link.bga-tertiary-link:hover { background: url(../assets/icon-tertiary-arrow-hover.svg) no-repeat; background-position: left 0 top 0; color: #113869; }

.bga-link.bga-tertiary-link.plus-icon:hover { background: url(../assets/plus-circle-darkestblue.svg) no-repeat; background-position: left 0 top 0; }

.bga-link:active { background: rgba(46, 108, 185, 0.15); color: #113869; border: none; /* &.bkg-dark { color: $bga-blue-footer; &.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-active-dark-bg.svg) no-repeat; background-position: left 0 top 0; color: $bga-white; &.plus-icon { background: url(../assets/plus-circle-reverse_drkbkg.svg) no-repeat; background-position: left 0 top 0; } } } */ }

.bga-link.bga-tertiary-link:active { background: url(../assets/icon-tertiary-arrow-active.svg) no-repeat; background-position: left 0 top 0; }

.bga-link.bga-tertiary-link.plus-icon:active { background: url(../assets/plus-circle-reverse.svg) no-repeat; background-position: left 0 top 0; }

.bga-link-state.focus { border: 2px solid #2E6CB9; background: rgba(46, 108, 185, 0.15); border-radius: 4px; outline: none; color: #113869; /* &.bkg-dark { color: $bga-blue-footer; border: solid 2px $bga-blue-background-extralight; &.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-hover-darkbg.svg) no-repeat; background-position: left 0 top 0; border: solid 2px $bga-white; color: $bga-white; } } */ }

.bga-link-state.focus.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-hover.svg) no-repeat; background-position: left 0 top 0; color: #113869; }

.bga-link-state.hover { background: rgba(46, 108, 185, 0.15); color: #113869; /* &.bkg-dark { color: $bga-blue-links; &.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-hover-darkbg.svg) no-repeat; background-position: left 0 top 0; color: $bga-white; } } */ }

.bga-link-state.hover.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-hover.svg) no-repeat; background-position: left 0 top 0; color: #113869; }

.bga-link-state.active { background: rgba(46, 108, 185, 0.15); color: #113869; /* &.bkg-dark { color: $bga-blue-links; &.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-active-dark-bg.svg) no-repeat; background-position: left 0 top 0; color: $bga-white; border: none; } } */ }

.bga-link-state.active.bga-tertiary-link { background: url(../assets/icon-tertiary-arrow-active.svg) no-repeat; background-position: left 0 top 0; }

.bga-link-state.disabled { opacity: .65; }

.button-group { display: flex; column-gap: 24px; row-gap: 24px; align-items: center; }

.btn-primary { background: #FFD964; border: solid 3px #EDC95A; color: #333333; }

.btn-primary:focus, .btn-primary:focus-visible { background: #FFCF3B; border-color: #2E6CB9; box-shadow: none; color: #333333; border-radius: 50px; border-width: 3px; }

.btn-primary:hover { background: #FFCF3B; border-color: #FFCF3B; box-shadow: none; color: #333333; }

.btn-primary:active { background: #EDC95A; border-color: #EDC95A; box-shadow: none; color: #333333; }

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }

.component-example.bp-below576 .bga-primary-btn, .component-example.bp-below576 .bga-secondary-btn { min-width: 80px; }

.component-example.bp-below576 .bga-btn, .component-example.bp-below576 button, .component-example.bp-below576 .bga-btn-state { font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; }

.component-example.bp-below576 .bga-link.bga-tertiary-link, .component-example.bp-below576 .bga-link-state.bga-tertiary-link { font-size: .875rem; line-height: 1.125rem; min-height: 32px; display: flex; align-items: center; }

@media (max-width: 576px) { .bga-primary-btn, .bga-secondary-btn { min-width: 80px; } .bga-btn, button, .bga-btn-state { font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; } .bga-link.bga-tertiary-link, .bga-link-state.bga-tertiary-link { font-size: .875rem; line-height: 1.125rem; min-height: 32px; display: flex; align-items: center; } }

@media (max-width: 350px) { .button-example { width: 100%; } }

label { font-weight: 600; }

.contextual-help { font-size: 0.875rem; }

input.form-control { border: #2E3E5A solid 1px; border-radius: 0; padding: 12px 16px; background: #ffffff; font-size: 1rem; line-height: 1.75; min-height: 56px; background: #ffffff; } /* SK removed: background: #ffffff !important; */

input.form-control:focus { box-shadow: none; border: 2px solid #2E6CB9; border-radius: 4px; background-color: #ffffff !important; }

input:-internal-autofill-selected { background-color: #ffffff !important; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { background-color: #ffffff !important; }

.textbox-units { display: flex; }

.textbox-units p { border: #2E3E5A solid 1px; padding: 12px 16px; display: inline-block; background: #E4E6EA; }

.textbox-units input { text-align: right; }

.textbox-button .combo-button { display: inline-flex; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 12px 24px 12px 16px; box-shadow: none; }

.textbox-button .combo-button svg { margin: 0 8px 0 0; width: 16px; }

.bga-text-input { width: 100%; border: #2E3E5A solid 1px; border-radius: 0; padding: 12px 16px; background: #ffffff; min-height: 56px; }

.bga-text-input.text-input-example { min-height: 56px; }

.bga-text-input.dropdown-example { min-height: 56px; }

.bga-text-input.text-area-example { min-height: 200px; }

.bga-text-input.focus { box-shadow: none; border: 2px solid #2E6CB9; border-radius: 4px; background-color: #ffffff !important; }

.bga-text-input.error { border: 3px solid #C9201D; border-radius: 4px; background-color: #ffffff !important; }

.bga-text-input.error.focus { border-color: #2E6CB9; }

.bga-text-input.disabled { opacity: .65; background: #E4E6EA; }

.error-feedback { color: #C9201D; display: none; }

.form-element-wrapper { box-shadow: none; display: flex; }

.form-element-wrapper.no-flex { display: block; }

.form-element-wrapper.checkboxes-wrapper { margin-left: -8px; padding-left: 8px; }

.form-element-wrapper.error { box-shadow: 0 0 0 8px #F5B5B5; background: #F5B5B5; }

.form-element-wrapper.error input, .form-element-wrapper.error .form-select { border: 3px solid #C9201D; border-radius: 4px; background-color: #ffffff !important; }

.form-element-wrapper.error input:focus, .form-element-wrapper.error .form-select:focus { border-color: #2E6CB9; background-color: #ffffff !important; }

.form-element-wrapper.error textarea { border: solid 3px #C9201D; border-radius: 4px; }

.form-element-wrapper.error + .error-feedback { display: block; }

textarea { width: 100% !important; min-height: 200px; height: 200px; border: #2E3E5A solid 1px !important; border-radius: 0 !important; padding: 12px 16px; background: #ffffff; font-size: 1rem; background: #ffffff !important; }

textarea:focus { box-shadow: none; border: 2px solid #2E6CB9; border-radius: 4px; }

.textarea-char-count.excess-count { color: #C9201D; }

.form-example .hwt-container { display: inline-block; position: relative; overflow: hidden !important; -webkit-text-size-adjust: none !important; width: 100%; min-height: 200px; height: 200px; padding: 0px !important; background: #ffffff; }

.form-example .hwt-backdrop { position: absolute !important; top: 0px !important; right: 0px !important; bottom: 0 !important; left: 0 !important; width: 100%; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; min-height: 200px; height: 200px; }

.form-example .hwt-highlights { width: auto !important; height: auto !important; border-color: transparent !important; white-space: pre-wrap !important; word-wrap: break-word !important; color: transparent !important; overflow: hidden !important; }

.form-example .hwt-input { display: block !important; position: relative !important; margin: 0; padding: 0; border-radius: 0; font: inherit; overflow-x: hidden !important; overflow-y: auto !important; }

.form-example .hwt-content { background: none !important; padding: 12px 16px !important; font-size: 1rem; font-weight: 400; letter-spacing: 0; }

.form-example .hwt-content mark, .form-example .hwt-content .mark { padding: 0px !important; background-color: #F5B5B5; color: #F5B5B5; }

.form-example .hwt-content mark.hide-mark, .form-example .hwt-content .hide-mark.mark { display: none !important; }

.checkboxes, .bga-checkbox { position: relative; padding: 0; display: flex; flex-wrap: nowrap; margin: 0 0 4px -8px; }

.checkboxes label, .checkboxes .label, .bga-checkbox label, .bga-checkbox .label { font-weight: 400; background: transparent; width: 100%; padding: 8px; display: inline-flex; align-items: center; }

.checkboxes label::before, .checkboxes .label::before, .bga-checkbox label::before, .bga-checkbox .label::before { content: ""; display: inline-flex; height: 28px; width: 28px; margin-right: 8px; border-radius: 0; border: solid 1px #2E3E5A; background: #ffffff; cursor: pointer; flex-shrink: 0; }

.checkboxes [type=checkbox], .checkboxes .input, .bga-checkbox [type=checkbox], .bga-checkbox .input { height: 0; width: 0; opacity: 0; }

.checkboxes [type=checkbox]:focus-visible + label, .checkboxes .input:focus-visible + label, .bga-checkbox [type=checkbox]:focus-visible + label, .bga-checkbox .input:focus-visible + label { border: none; border-radius: 4px; box-shadow: #2E6CB9 0px 0px 0px 2px; }

.checkboxes [type=checkbox]:checked + label, .checkboxes .input:checked + label, .bga-checkbox [type=checkbox]:checked + label, .bga-checkbox .input:checked + label { color: #2157AA; font-weight: 600; }

.checkboxes [type=checkbox]:checked + label::before, .checkboxes .input:checked + label::before, .bga-checkbox [type=checkbox]:checked + label::before, .bga-checkbox .input:checked + label::before { border: solid 3px #2157AA; background: #ffffff url(../assets/icon-tick-blue.svg) no-repeat center center; }

.bga-checkbox { margin: 0; }

.bga-checkbox.error .input + .label { border: none; box-shadow: #C9201D 0px 0px 0px 3px; border-radius: 4px; }

.bga-checkbox.focus .input + .label { color: #2157AA; font-weight: 600; }

.bga-checkbox.focus .input + .label::before { border: solid 3px #2157AA; background: #ffffff url(../assets/icon-tick-blue.svg) no-repeat center center; }

.bga-checkbox.keyboard .input + .label { border: none; box-shadow: #2E6CB9 0px 0px 0px 2px; border-radius: 4px; }

.bga-checkbox.disabled { opacity: .65; }

.bga-checkbox.disabled .input { background: #E4E6EA; }

.form-element-wrapper.error .checkboxes [type=checkbox] { border: solid 1px #2E3E5A; border-radius: 0; }

.form-element-wrapper.error .checkboxes [type=checkbox]:focus, .form-element-wrapper.error .checkboxes [type=checkbox]:focus-visible { border: solid 1px #2E3E5A; outline: none; }

.form-element-wrapper.error .checkboxes [type=checkbox]:focus + label, .form-element-wrapper.error .checkboxes [type=checkbox]:focus-visible + label { box-shadow: #2E6CB9 0px 0px 0px 2px; border-radius: 4px; }

.form-element-wrapper.error .checkboxes label { box-shadow: #C9201D 0px 0px 0px 3px; border-radius: 4px; }

.form-element-wrapper.error + .error-feedback { display: block; }

.select-bubbles { width: 100%; max-width: 900px; display: flex; flex-wrap: wrap; margin: 0 auto 16px auto; row-gap: 16px; column-gap: 16px; }

.select-bubbles .multi-select { background: #ffffff url(../assets/icon-plus-blue.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #2157AA; border-radius: 50px; font-size: 0.9375rem; cursor: pointer; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); padding: 8px 16px 8px 38px; display: block; }

.select-bubbles .multi-select:focus-visible { background: #218080 url(../assets/icon-plus-white.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #218080; color: #ffffff; outline: none; }

.select-bubbles .multi-select:hover { background: #8BCACA url(../assets/icon-plus-black.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #8BCACA; color: #333333; }

.select-bubbles .multi-select.selected { background: #CFEBEB url(../assets/icon-tick-black.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; border: solid 2px #8BCACA; color: #333333; }

.select-bubbles .multi-select.selected:focus-visible { background: #218080 url(../assets/icon-tick-white.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; border: solid 2px #218080; color: #ffffff; outline: none; }

.select-bubbles .multi-select.selected:hover { background: #8BCACA url(../assets/icon-tick-black.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; border: solid 2px #8BCACA; color: #333333; }

.select-bubbles.error .multi-select { border: solid 2px #C9201D; }

.select-bubbles.error .multi-select:focus-visible { border: solid 2px #218080; }

.select-bubbles.error .multi-select:hover { border: solid 2px #8BCACA; }

.bga-multi-select { background: #ffffff url(../assets/icon-plus-blue.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #2157AA; border-radius: 50px; font-size: 0.9375rem; cursor: default; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); padding: 8px 16px 8px 38px; display: inline-block; }

.bga-multi-select.focus { background: #218080 url(../assets/icon-plus-white.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #218080; color: #ffffff; outline: none; }

.bga-multi-select.hover { background: #8BCACA url(../assets/icon-plus-black.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #8BCACA; color: #333333; }

.bga-multi-select.selected { background: #CFEBEB url(../assets/icon-tick-black.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; border: solid 2px #8BCACA; color: #333333; }

.bga-multi-select.disabled { background: #ffffff url(../assets/icon-plus-blueblack.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #788295; color: #333333; outline: none; opacity: .65; }

.radio-button { position: relative; display: block; }

.radio-button label { font-weight: 400; padding: 8px; border: solid 1px #2E3E5A; background: #fff; width: 100%; display: inline-flex; line-height: 1.75; }

.radio-button label::before { content: ""; height: 24px; width: 24px; border-radius: 100px; border: solid 2px #788295; background: #ffffff; margin-right: 8px; flex-shrink: 0; }

.radio-button [type="radio"] { height: 0; width: 0; opacity: 0; position: absolute; }

.radio-button [type="radio"]:focus { border: #2157AA solid 2px; outline: none !important; box-shadow: none; }

.radio-button [type="radio"]:focus + label { border: solid 1px #2E3E5A; }

.radio-button [type="radio"]:focus-visible + label { border: none; box-shadow: #2E6CB9 0px 0px 0px 2px; border-radius: 4px; }

.radio-button [type="radio"]:checked + label { color: #2157AA; font-weight: 600; }

.radio-button [type="radio"]:checked + label::before { background: #ffffff url(../assets/radio-inside-circle.svg) no-repeat center center; border: solid 2px #2157AA !important; outline: none !important; }

.radio-button.alternate { margin-left: -8px; }

.radio-button.alternate label { border: none; }

.radio-button.alternate [type="radio"]:focus + label { border: none; }

.form-element-wrapper.error.radio { padding: 0px 0px 0px 8px; margin: 0px 0 0 -8px; }

.form-element-wrapper.error .radio-button label { border: none; box-shadow: #C9201D 0px 0px 0px 3px; border-radius: 4px; }

.form-element-wrapper.error .radio-button input:focus-visible + label { box-shadow: #2E6CB9 0px 0px 0px 2px; border-radius: 4px; }

.bga-radio .label { font-weight: 400; display: flex; font-weight: 400; padding: 8px; border: solid 1px #2E3E5A; background: #ffffff; width: 100%; display: inline-flex; }

.bga-radio .label::before { content: ""; margin-right: 8px; height: 24px; width: 24px; border-radius: 100px; border: solid 2px #788295; background: #ffffff; margin-right: 8px; flex-shrink: 0; }

.bga-radio .input { height: 0; width: 0; opacity: 0; position: absolute; }

.bga-radio.focus .label { border: solid 1px #2E3E5A; color: #2157AA; font-weight: 600; }

.bga-radio.focus .label::before { border: #2157AA solid 2px; outline: none !important; box-shadow: none; background: #ffffff url(../assets/radio-inside-circle.svg) no-repeat center center; }

.bga-radio.error .label { border: 3px solid #C9201D; border-radius: 4px; }

.bga-radio.keyboard .input + .label { border: 2px solid #2E6CB9; border-radius: 4px; color: #2157AA; font-weight: 600; }

.bga-radio.keyboard .input + .label::before { border: #2157AA solid 2px; background: #ffffff url(../assets/radio-inside-circle.svg) no-repeat center center; }

.bga-radio.disabled { opacity: .65; }

.bga-radio.alternate .label { border: none; }

.bga-radio.alternate.error .label { border: 3px solid #C9201D; }

.bga-radio.alternate.keyboard .label { border: 2px solid #2E6CB9; }

.form-select { border: #2E3E5A solid 1px; background: #ffffff url(../Chevron-down-black.svg) no-repeat; background-position: right 16px center; border-radius: 0; padding: 12px 48px 12px 16px; min-height: 56px; }

.form-select:focus { box-shadow: none; border: 2px solid #2E6CB9; border-radius: 4px; background-color: #ffffff !important; }

.form-select.error { border: 3px solid #C9201D; border-radius: 4px; background-color: #ffffff !important; }

.form-select.error.focus { border-color: #2E6CB9; }

.form-select.disabled { opacity: .65; background: #E4E6EA; }

.bga-text-input.select { background: #ffffff url(../Chevron-down-black.svg) no-repeat; background-position: right 16px center; }

.bga-text-input.select.disabled { opacity: .65; background: #E4E6EA url(../Chevron-down-black.svg) no-repeat; background-position: right 16px center; }

.dynamic-list { background: none; margin-top: 16px; }

.dynamic-list .list-wrapper { position: relative; }

.dynamic-list h4, .dynamic-list .h4 { color: #333333; }

.dynamic-list input { border: solid #333333 1px; width: calc(100% - 56px); padding: 12px 48px 12px 16px; font-size: 1rem; line-height: 1.75; height: 56px; background: #ffffff; z-index: 4000; text-overflow: ellipsis; }

.dynamic-list input::placeholder { color: #333333; }

.dynamic-list input::-webkit-calendar-picker-indicator { display: none !important; }

.dynamic-list input:focus, .dynamic-list input:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; }

.dynamic-list a#list-close { display: flex; justify-content: center; align-items: center; position: absolute; right: 56px; height: 56px; top: 0; z-index: 5000; background: none; display: none; }

.dynamic-list a#list-close svg { display: block; }

.dynamic-list a#list-close:hover { cursor: pointer; }

.dynamic-list a#list-close.show { display: flex; }

.dynamic-list a#list-toggle { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; z-index: 5000; width: 56px; box-sizing: border-box; height: 56px; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #2E6CB9; }

.dynamic-list a#list-toggle svg { display: block; }

.dynamic-list a#list-toggle:focus, .dynamic-list a#list-toggle:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: #C8D9EE; }

.dynamic-list a#list-toggle:focus svg, .dynamic-list a#list-toggle:focus svg path, .dynamic-list a#list-toggle:focus-visible svg, .dynamic-list a#list-toggle:focus-visible svg path { fill: #2E6CB9; }

.dynamic-list a#list-toggle:hover, .dynamic-list a#list-toggle:active { background: #2157AA; }

.dynamic-list a#list-toggle:hover svg, .dynamic-list a#list-toggle:hover svg path, .dynamic-list a#list-toggle:active svg, .dynamic-list a#list-toggle:active svg path { fill: #ffffff; }

.dynamic-list ul { max-height: 400px; overflow-y: scroll; overflow-y: auto; background: #ffffff; border: #333333 1px solid; border-top: none; padding: 0; margin: 0; display: none; }

.dynamic-list ul.open { display: block; }

.dynamic-list ul li { list-style: none; padding: 12px 16px; margin: 0; display: block; text-indent: 0; }

.dynamic-list ul li::before { display: none; }

.dynamic-list ul li.hidden { display: none; }

.dynamic-list ul li span { font-weight: 700; background: #C8D9EE; }

.dynamic-list ul li:focus { background: #2E6CB9; color: #ffffff; }

.dynamic-list ul li:hover { background: #113869; color: #ffffff; }

.dynamic-list ul li:hover span { background: #2E6CB9; }

.dynamic-list .no-result { background: #FCE9E9; border: 1px solid #C9201D; border-top: none; display: none; padding: 12px 16px; }

.dynamic-list .no-result.show { display: block; }

.dynamic-list .no-result p { color: #C9201D; }

.dynamic-list.list .dynamic-list input { width: 100%; }

.dynamic-list.list .dynamic-list a#list-close { right: 0px; }

input:-internal-autofill-selected { background: #ffffff !important; }

.fieldset-wrapper { border: solid 1px #2E3E5A; }

.fieldset-wrapper .bga-form-text { margin-bottom: 16px; }

.fieldset-wrapper .h4-style { color: #2E3E5A; font-size: 1.1875rem; line-height: 1.5; }

.fieldset-wrapper.teal { border: none; background: #CFEBEB; }

.fieldset-wrapper.teal .field-header { background: #8BCACA; }

.recaptcha p, .recaptcha a { font-size: 0.875rem; opacity: .85; }

.component-example.bp-below992 .fieldset-wrapper .col-lg-6 { width: 100% !important; }

.help-wrapper.complex .complex-question { cursor: pointer; color: #2157AA; text-decoration: underline; padding: 0 0 0 0; margin-bottom: 16px; font-size: 0.9375rem; line-height: 1.5; }

.help-wrapper.complex .complex-answer { border-left: 2px solid #2157AA; margin-left: 2px; padding-left: 12px; display: none; }

.help-wrapper.complex .complex-answer p, .help-wrapper.complex .complex-answer li { font-size: 0.9375rem; line-height: 1.5; }

.help-wrapper.complex.open .complex-question svg { transform: rotate(90deg); }

#datepicker-container { position: relative; }

#datepicker .input-group { position: relative; display: block; width: 340px; height: 52px; z-index: 2000; }

#datepicker .input-group input { border-radius: 0; width: 256px !important; display: inline-block; height: 52px; min-height: 52px; top: 0; left: 0; box-shadow: none; background: #ffffff; }

#datepicker .input-group input:focus { border-radius: 4px; }

#datepicker .input-group .input-group-addon { height: 52px; width: 52px; border: solid 1px #2E3E5A; border-left: none; display: inline-block; position: absolute; top: 0; left: 259px; background: #ffffff url(../assets/iconography/icon-calendar-blue.svg) no-repeat center center; background-size: 18px 21px; }

#datepicker .input-group .input-group-addon:focus-visible { background: #2157AA url(../assets/icon-calendar-white.svg) no-repeat center center; background-size: 18px 21px; border-radius: 4px; }

#datepicker .input-group .input-group-addon:hover { background: #2E6CB9 url(../assets/icon-calendar-white.svg) no-repeat center center; background-size: 18px 21px; }

#datepicker .input-group .input-group-addon:active { background-color: #113869; }

#datepicker-container.open #datepicker .input-group-addon { background: #ffffff url(../assets/iconography/icon-close-blue.svg) no-repeat center center; background-size: 16px 16px; }

#datepicker-container.open #datepicker .input-group-addon:focus-visible { background: #2157AA url(../assets/icon-close-white.svg) no-repeat center center; background-size: 16px 16px; }

#datepicker-container.open #datepicker .input-group-addon:hover { background: #2E6CB9 url(../assets/icon-close-white.svg) no-repeat center center; background-size: 16px 16px; }

#datepicker-container.open #datepicker .input-group-addon:active { background-color: #113869; }

.datepicker { width: 308px !important; padding: 0px; border: 1px solid #2E3E5A; border-top: none; border-radius: 0; box-shadow: none; width: auto; display: block; left: 40px; top: 134px; z-index: 1999; margin-top: 0; }

.datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; cursor: pointer; border-radius: 4px; text-align: center; }

.datepicker:before { display: none; }

.datepicker .table-condensed { font-size: 15px; width: 100%; }

.datepicker .table-condensed thead { border-bottom: solid 1px #2E3E5A; }

.datepicker .table-condensed tbody { border-top: none; }

.datepicker .table-condensed td, .datepicker .table-condensed th { border-radius: 0; padding: 0; }

.datepicker .table-condensed .datepicker-switch { padding: 16px 0px; height: 44px; font-size: 16px; font-weight: 600; text-align: center; color: #2E6CB9; cursor: pointer; }

.datepicker .table-condensed .datepicker-switch:hover { background: #C8D9EE; }

.datepicker .table-condensed .prev { text-indent: -9999px; background: url(../assets/iconography/icon-chevron-left-blue.svg) no-repeat; background-position: center center; background-size: 10px 16px; cursor: pointer; padding: 16px 0px; }

.datepicker .table-condensed .prev:hover { background-color: #C8D9EE; }

.datepicker .table-condensed .next { text-indent: -9999px; background: url(../assets/iconography/icon-chevron-right-blue.svg) no-repeat; background-position: center center; background-size: 10px 16px; padding: 16px 0px; }

.datepicker .table-condensed .next:hover { background-color: #C8D9EE; }

.datepicker .table-condensed .dow { color: #333333; padding-bottom: 16px; font-weight: 600; text-align: center; }

.datepicker .table-condensed .day { padding: 8px; height: 44px; width: 44px; text-align: center; }

.datepicker .table-condensed .day.active { background: #2E6CB9; color: #ffffff; }

.datepicker .table-condensed .day.today { border: 2px solid #788295; opacity: 1; }

.datepicker .table-condensed .day.old, .datepicker .table-condensed .day.new { color: #ABB1BD; }

.datepicker .table-condensed .day.old.active, .datepicker .table-condensed .day.new.active { color: #ffffff; }

.datepicker .table-condensed .day:hover { background: #2157AA; color: #ffffff; }

.datepicker .table-condensed span { border-radius: 0; margin: 0; padding: 8px 0; line-height: 34px; width: 25%; }

.datepicker .table-condensed span.focused, .datepicker .table-condensed span.active { background: #2E6CB9; color: #ffffff; }

.datepicker .table-condensed span:hover { background: #2157AA; color: #ffffff; }

.infographic-example .colours-wrapper { width: 100%; }

.infographic-example .primary-wrapper, .infographic-example .secondary-wrapper { display: flex; flex-wrap: wrap; row-gap: 24px; }

.infographic-example .colours-header { width: 100%; }

.infographic-example .colours-header p { font-size: 0.875rem; margin: 0; padding: 8px 0; }

.infographic-example .colours-header.secondary { margin-top: 8px; }

.infographic-example .info-colours { flex: 1 0 16%; }

.infographic-example .info-colours p { font-size: 0.875rem; border-bottom: #96B7DF solid 1px; margin: 0; }

.infographic-example .info-colours p.colour { padding: 8px 0 0 0; }

.infographic-example .info-colours p.accessible { background: url(../assets/icon-tick-greencircle.svg) no-repeat; background-size: 24px; background-position-y: center; padding: 8px 0 8px 28px; }

.infographic-example .info-colours p.not-accessible { background: url(../assets/icon-cross-greycircle.svg) no-repeat; background-size: 24px; background-position-y: center; text-indent: -9999px; padding: 8px 0 8px 28px; }

.infographic-example .info-colours.primary { border-top: 56px solid #96B7DF; }

.infographic-example .info-colours.secondary { border-top: 24px solid #2E3E5A; }

.infographic-example .info-colours.Blue.primary1 { border-top-color: #2E6CB9; }

.infographic-example .info-colours.Blue.primary2 { border-top-color: #6C97CE; }

.infographic-example .info-colours.Blue.primary3 { border-top-color: #96B7DF; }

.infographic-example .info-colours.Blue.primary4 { border-top-color: #C8D9EE; }

.infographic-example .info-colours.Blue.primary5 { border-top-color: #E3ECF6; }

.infographic-example .info-colours.Green.primary1 { border-top-color: #629D62; }

.infographic-example .info-colours.Green.primary2 { border-top-color: #85CB85; }

.infographic-example .info-colours.Green.primary3 { border-top-color: #A0D1A0; }

.infographic-example .info-colours.Green.primary4 { border-top-color: #BCDEBC; }

.infographic-example .info-colours.Green.primary5 { border-top-color: #D4EDD4; }

.infographic-example .info-colours.Teal.primary1 { border-top-color: #489595; }

.infographic-example .info-colours.Teal.primary2 { border-top-color: #5AB3B3; }

.infographic-example .info-colours.Teal.primary3 { border-top-color: #8BCACA; }

.infographic-example .info-colours.Teal.primary4 { border-top-color: #ADDADA; }

.infographic-example .info-colours.Teal.primary5 { border-top-color: #CFEBEB; }

.infographic-example .info-colours.Purple.primary1 { border-top-color: #7468B4; }

.infographic-example .info-colours.Purple.primary2 { border-top-color: #9183D8; }

.infographic-example .info-colours.Purple.primary3 { border-top-color: #B1A8E3; }

.infographic-example .info-colours.Purple.primary4 { border-top-color: #C8C2EB; }

.infographic-example .info-colours.Purple.primary5 { border-top-color: #E2DDF8; }

.infographic-example .info-colours.Extended.primary1 { border-top-color: #2E6CB9; }

.infographic-example .info-colours.Extended.primary2 { border-top-color: #96B7DF; }

.infographic-example .info-colours.Extended.primary3 { border-top-color: #489595; }

.infographic-example .info-colours.Extended.primary4 { border-top-color: #8BCACA; }

.infographic-example .info-colours.Extended.primary5 { border-top-color: #629D62; }

.infographic-example .info-colours.Extended.primary6 { border-top-color: #A0D1A0; }

.infographic-example .info-colours.Extended.primary7 { border-top-color: #9183D8; }

.infographic-example .info-colours.Extended.primary8 { border-top-color: #B1A8E3; }

.infographic-example .info-colours.Extended.primary9 { border-top-color: #E88A2D; }

.infographic-example .info-colours.Extended.primary10 { border-top-color: #F1B981; }

.infographic-example .info-colours.Extended.primary11 { border-top-color: #FFD964; }

.infographic-example .info-colours.Extended.primary12 { border-top-color: #FFECB1; }

.infographic-example .info-colours.yellow.secondary1 { border-top-color: #FFD964; }

.infographic-example .info-colours.yellow.secondary2 { border-top-color: #FFECB1; }

.infographic-example .info-colours.bluegrey.secondary3 { border-top-color: #2E3E5A; }

.infographic-example .info-colours.bluegrey.secondary4 { border-top-color: #788295; }

.infographic-example .info-colours.bluegrey.secondary5 { border-top-color: #ABB1BD; }

.infographic-example .info-colours.bluegrey.secondary6 { border-top-color: #E4E6EA; }

@media (max-width: 991px) { .infographic-example .info-colours p span { background: none !important; padding-left: 0; color: #2E3E5A !important; } }

@media (max-width: 767px) { .infographic-example .primary-wrapper { flex-wrap: wrap; } .infographic-example .info-colours { width: 33%; } }

.infographic-example .examples-wrapper { border: solid 1px #96B7DF; }

.infographic-example .examples-wrapper .flex-row { display: flex; }

.infographic-example .examples-wrapper .infographic { display: flex; }

.infographic-example .examples-wrapper .infographic img { max-width: 100%; width: 100%; padding: 24px; }

.infographic-example .examples-wrapper .infographic.bordered-left { border-left: solid #96B7DF 1px; }

.infographic-example .examples-wrapper .infographic.bordered-top { border-top: solid #96B7DF 1px; }

.infographic-example .examples-wrapper .infographic.width-38 { width: 38%; }

.infographic-example .examples-wrapper .infographic.width-50 { width: 50%; }

.infographic-example .examples-wrapper .infographic.width-62 { width: 62%; }

.infographic-example .examples-wrapper .infographic.width-100 { width: 100%; }

@media (max-width: 767px) { .infographic-example .examples-wrapper .flex-row { flex-wrap: wrap; } .infographic-example .examples-wrapper .infographic { border: none; border-bottom: 1px solid #96B7DF; } .infographic-example .examples-wrapper .infographic.bordered-left { border-left: none; } .infographic-example .examples-wrapper .infographic.bordered-top { border-top: none; } .infographic-example .examples-wrapper .infographic.width-38 { width: 100%; } .infographic-example .examples-wrapper .infographic.width-50 { width: 100%; } .infographic-example .examples-wrapper .infographic.width-62 { width: 100%; } }

.infographic-accessibility .border-blue { border: solid 1px #96B7DF; }

.bga-animation { display: flex; justify-content: center; flex-wrap: wrap; }

@keyframes fa-spin { 0% { transform: rotate(0deg); }
  to { transform: rotate(1turn); } }

.bga-animation.loading-animation svg { width: 40px; height: 40px; flex: 1 100%; }

.bga-animation.loading-animation.show svg { animation: fa-spin 2s linear infinite; }

@keyframes circle-animation { 0% { stroke-dashoffset: 126;
    fill: transparent; }
  50% { stroke-dashoffset: 0;
    fill: transparent; }
  100% { stroke-dashoffset: 0;
    fill: #299F28; } }

@keyframes tick-fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

.bga-animation.success-animation .success-icon { width: 40px; height: 40px; display: flex; position: relative; justify-content: center; align-items: center; }

.bga-animation.success-animation .success-icon circle { fill: #299F28; stroke: #299F28; stroke-width: 4px; stroke-dasharray: 126; position: absolute; top: 0; left: 0; z-index: 1000; }

.bga-animation.success-animation .success-icon .tick { position: absolute; z-index: 2000; }

.bga-animation.success-animation.show .success-icon { display: flex; align-items: center; }

.bga-animation.success-animation.show .success-icon circle { fill: #299F28; stroke: #299F28; stroke-width: 4px; stroke-dasharray: 126; animation: circle-animation 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; transform: rotate(-90deg); transform-origin: center; }

.bga-animation.success-animation.show .success-icon .tick { animation: tick-fadein 2s; }

.bga-animation.highlight-animation span { background-color: #ffffff; transition: background-color 800ms linear; -moz-transition: background-color 800ms linear; -webkit-transition: background-color 800ms linear; -ms-transition: background-color 800ms linear; }

.bga-animation.highlight-animation span.highlight { background-color: #A0D1A0; }

.bga-animation.heartbeat-animation.beat svg { -webkit-animation: heartbeat 1.5s ease-in-out both; animation: heartbeat 1.5s ease-in-out both; animation-duration: 500ms; animation-iteration-count: 1; }

@keyframes heartbeat { from { -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  10% { -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  17% { -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  33% { -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  45% { -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@media (max-width: 576px) { .bga-animation.loading-animation svg { width: 32px; height: 32px; } .bga-animation.success-animation .success-icon { width: 32px; height: 32px; } .bga-animation.success-animation .success-icon .tick { width: 14px; height: 11px; } }

.map { background: #C8D9EE url(../assets/map-australia.jpg) no-repeat; background-size: cover; background-position: center center; position: relative; }

.map.controls-group { min-height: 100px; }

.map.controls-group #reset { position: absolute; bottom: 8px; right: 56px; z-index: 500; padding: 4px 12px; height: 40px; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 0px; border-radius: 2px; cursor: pointer; display: flex; align-items: center; }

.map.controls-group #zoom { position: absolute; bottom: 8px; right: 8px; padding: 0; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 0px; cursor: pointer; }

.map.clusters { min-height: 150px; }

.map.clusters .cluster { cursor: pointer; }

.map.clusters .cluster.large { position: absolute; left: 30%; top: 35%; }

.map.clusters .cluster.small { position: absolute; right: 30%; top: 35%; }

.map.marker { height: 480px; background-size: 150%; background-position-y: -40px; }

.map.marker .adviser-marker { position: absolute; bottom: 50px; right: calc(50% - 12px); cursor: pointer; }

.map .adviser-tile { display: none; }

.map .adviser-tile.show { display: block; }

.map .adviser-tile .bga-component.search-tile { border: none; background: #ffffff; position: absolute; z-index: 9000; width: calc(100% - 64px); max-width: none; height: auto; max-height: 370px; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); left: 32px; bottom: 92px; }

.map .adviser-tile .bga-component.search-tile .close { top: 8px; }

.map .adviser-tile .bga-component.search-tile .tag { background: #C8D9EE; }

.map .adviser-tile .bga-component.search-tile .scroll-wrapper .scrollable { max-height: 314px; padding: 8px; overflow-y: scroll; padding-right: 0.5em; }

.map .adviser-tile .bga-component.search-tile span.arrow { background-color: #ffffff; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); height: 16px; width: 16px; position: absolute; bottom: -16px; left: 50%; transform: translate(-50%, -50%) rotate(45deg); z-index: 900; }

@media (max-width: 768px) { .map.marker { height: 380px; background-size: 240%; } .map.marker .adviser-marker { bottom: 10px; } .map .adviser-tile .bga-component.search-tile { width: calc(100% - 16px); max-height: 300px; left: 8px; bottom: 55px; } .map .adviser-tile .bga-component.search-tile .scroll-wrapper .scrollable { max-height: 244px; } }

.tag-wrapper .tag { background: #E3ECF6; border-radius: 4px; cursor: default; }

.tag-wrapper .tag p { font-size: .75rem; line-height: 1.5; }

.tag-wrapper .tag .icon img { max-height: 16px; width: auto; }

.tag-wrapper .tag.lrg p { font-size: 1.125rem; line-height: 2rem; }

.tag-wrapper .tag.lrg .icon img { max-height: 32px; height: 32px; }

.tag-wrapper .tag.tag-border { padding: 2px 6px !important; border: 2px solid #96B7DF; }

.tag-wrapper .tag.blue { background: #E3ECF6; }

.tag-wrapper .tag.blue.tag-border { border: 2px solid #96B7DF; }

.tag-wrapper .tag.green { background: #D4EDD4; }

.tag-wrapper .tag.green.tag-border { border: 2px solid #85CB85; }

.tag-wrapper .tag.yellow { background: #FFF3CD; }

.tag-wrapper .tag.yellow.tag-border { border: 2px solid #FFD964; }

.tag-wrapper .tag.red { background: #FCE9E9; }

.tag-wrapper .tag.red.tag-border { border: 2px solid #F5B5B5; }

.tag-wrapper .tag.dark-red { background: #C9201D; color: #ffffff; }

.tag-wrapper .tag.dark-red.tag-border { border: 2px solid #F5B5B5; }

.tag-wrapper .tag.purple { background: #E2DDF8; }

.tag-wrapper .tag.purple.tag-border { border: 2px solid #B1A8E3; }

.tag-wrapper .tag.teal { background: #CFEBEB; }

.tag-wrapper .tag.teal.tag-border { border: 2px solid #5AB3B3; }

.tag-wrapper .tag.white { background: #ffffff; }

.tag-wrapper .tag.sml { padding: 2px 8px !important; }

.tag-wrapper .tag.sml.tag-border { padding: 1px 7px !important; border-width: 1px !important; }

.tag-wrapper .tag.sml.green { border-color: #299F28; }

.banner-background { background: #C8D9EE; background: linear-gradient(0deg, #b8cde7 0%, #9cb6db 100%); padding: 0 0 32px 0; margin-bottom: 32px; position: relative; }

.spacer { background: url(../assets/white-spacer-1x56px.png) repeat-x; width: 100%; height: 56px; position: absolute; z-index: 10; }

#home-banner .banner-container { display: flex; z-index: 100; }

#home-banner .banner-content { padding: 32px 32px 64px; background: #2E6CB9; width: 50%; }

#home-banner .banner-content h1, #home-banner .banner-content .h1 { color: #ffffff; font-size: 54px; }

#home-banner .banner-content p.lead { color: #ffffff; font-size: 24px; font-weight: 400; line-height: 36px; margin: 0; padding: 0; }

#home-banner .banner-image { width: 50%; }

#home-banner .banner-image img { height: 100%; max-width: 100%; min-height: 21rem; object-fit: cover; object-position: 50% top; width: 100%; }

#alert { margin-bottom: 16px; background: #ffffff; }

#alert a.alert-container { display: flex; text-decoration: none; cursor: pointer; }

#alert a.alert-container h2, #alert a.alert-container .h2 { display: inline-flex; align-items: center; background: url(../assets/Chevron-right-blueblack.svg) #FFD964 no-repeat; background-position: right 22px center; padding: 16px 68px 16px 32px; border-top-right-radius: 200px; border-bottom-right-radius: 200px; font-size: 22px; margin: 0; white-space: nowrap; letter-spacing: 0; }

#alert a.alert-container p { display: inline-flex; align-items: center; margin: 0; padding: 16px 32px 16px 16px; font-weight: 400; color: #333333; }

#alert a.alert-container:focus { background-color: #FFF3CD; border: 3px solid #2E6CB9; outline: none; border-radius: 4px; }

#alert a.alert-container:focus h2, #alert a.alert-container:focus .h2 { text-decoration: underline; background-color: #FFCF3B; text-decoration-thickness: 1px; text-underline-offset: 2px; }

#alert a.alert-container:hover { background-color: #FFF3CD; }

#alert a.alert-container:hover h2, #alert a.alert-container:hover .h2 { text-decoration: underline; background-color: #FFCF3B; text-underline-offset: 2px; text-decoration-thickness: 1px; }

#menu-highlight { margin: 0; }

#menu-highlight .business-info { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; width: 100%; }

#menu-highlight .business-info li { flex: 0 0 23%; padding: 16px 48px 16px 16px; height: 56px; margin: 0 0 16px 0; text-decoration: none; border-radius: 4px; display: flex; align-items: center; text-indent: 0; line-height: 1.2222; background: url(../assets/arrow-right-blue.svg) no-repeat #ffffff; background-position: right 16px center; font-size: 1.125rem; color: #2157AA; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); cursor: pointer; }

#menu-highlight .business-info li a { font-weight: 600; }

#menu-highlight .business-info li:focus { background: url(../assets/arrow-right-white.svg) no-repeat #2E6CB9; background-position: right 16px center; outline: none; color: #ffffff; }

#menu-highlight .business-info li:hover { background: url(../assets/arrow-right-white.svg) no-repeat #2E6CB9; background-position: right 16px center; outline: none; color: #ffffff; }

#menu-highlight .business-info li:before { display: none; }

.component-example.bp-992 #menu-highlight .business-info li, .component-example.bp-768 #menu-highlight .business-info li, .component-example.bp-576 #menu-highlight .business-info li, .component-example.bp-350 #menu-highlight .business-info li, .component-example.bp-below350 #menu-highlight .business-info li { flex: 0 0 31%; }

.component-example.bp-768 #home-banner .banner-content, .component-example.bp-576 #home-banner .banner-content, .component-example.bp-350 #home-banner .banner-content, .component-example.bp-below350 #home-banner .banner-content { padding: 32px; }

.component-example.bp-768 #home-banner .banner-content h1, .component-example.bp-768 #home-banner .banner-content .h1, .component-example.bp-576 #home-banner .banner-content h1, .component-example.bp-576 #home-banner .banner-content .h1, .component-example.bp-350 #home-banner .banner-content h1, .component-example.bp-350 #home-banner .banner-content .h1, .component-example.bp-below350 #home-banner .banner-content h1, .component-example.bp-below350 #home-banner .banner-content .h1 { font-size: 44px; }

.component-example.bp-768 #home-banner .banner-content p.lead, .component-example.bp-576 #home-banner .banner-content p.lead, .component-example.bp-350 #home-banner .banner-content p.lead, .component-example.bp-below350 #home-banner .banner-content p.lead { font-size: 18px; line-height: 28px; }

.component-example.bp-768 #alert a.alert-container h2, .component-example.bp-768 #alert a.alert-container .h2, .component-example.bp-576 #alert a.alert-container h2, .component-example.bp-576 #alert a.alert-container .h2, .component-example.bp-350 #alert a.alert-container h2, .component-example.bp-350 #alert a.alert-container .h2, .component-example.bp-below350 #alert a.alert-container h2, .component-example.bp-below350 #alert a.alert-container .h2 { white-space: normal; padding: 16px 68px 16px 32px; }

.component-example.bp-768 #menu-highlight .business-info li, .component-example.bp-576 #menu-highlight .business-info li, .component-example.bp-350 #menu-highlight .business-info li, .component-example.bp-below350 #menu-highlight .business-info li { flex: 0 0 31%; font-size: 1rem; line-height: 1.25; }

.component-example.bp-576 #home-banner .banner-container, .component-example.bp-350 #home-banner .banner-container, .component-example.bp-below350 #home-banner .banner-container { flex-direction: column-reverse; flex-wrap: wrap; }

.component-example.bp-576 #home-banner .banner-content, .component-example.bp-350 #home-banner .banner-content, .component-example.bp-below350 #home-banner .banner-content { padding: 24px; width: 100%; background: #2E6CB9; margin: 0; }

.component-example.bp-576 #home-banner .banner-content h1, .component-example.bp-576 #home-banner .banner-content .h1, .component-example.bp-350 #home-banner .banner-content h1, .component-example.bp-350 #home-banner .banner-content .h1, .component-example.bp-below350 #home-banner .banner-content h1, .component-example.bp-below350 #home-banner .banner-content .h1 { font-size: 36px; }

.component-example.bp-576 #home-banner .banner-content p.lead, .component-example.bp-350 #home-banner .banner-content p.lead, .component-example.bp-below350 #home-banner .banner-content p.lead { font-size: 18px; }

.component-example.bp-576 #home-banner .banner-image, .component-example.bp-350 #home-banner .banner-image, .component-example.bp-below350 #home-banner .banner-image { width: 100%; max-height: 24rem; }

.component-example.bp-576 #home-banner .banner-image img, .component-example.bp-350 #home-banner .banner-image img, .component-example.bp-below350 #home-banner .banner-image img { min-height: auto; }

.component-example.bp-576 #alert a.alert-container h2, .component-example.bp-576 #alert a.alert-container .h2, .component-example.bp-350 #alert a.alert-container h2, .component-example.bp-350 #alert a.alert-container .h2, .component-example.bp-below350 #alert a.alert-container h2, .component-example.bp-below350 #alert a.alert-container .h2 { padding: 16px 68px 16px 24px; }

.component-example.bp-576 #alert a.alert-container p, .component-example.bp-350 #alert a.alert-container p, .component-example.bp-below350 #alert a.alert-container p { padding: 16px 24px 16px 16px; }

.component-example.bp-576 #menu-highlight .business-info li, .component-example.bp-350 #menu-highlight .business-info li, .component-example.bp-below350 #menu-highlight .business-info li { flex: 0 0 48%; font-size: 1rem; line-height: 1.25; }

.component-example.bp-350 #home-banner .banner-image, .component-example.bp-below350 #home-banner .banner-image { max-height: 17rem; }

.component-example.bp-350 #alert, .component-example.bp-below350 #alert { margin: 0; }

.component-example.bp-350 #alert a.alert-container, .component-example.bp-below350 #alert a.alert-container { display: block; padding: 16px 24px 16px 24px; background: #FFD964; }

.component-example.bp-350 #alert a.alert-container h2, .component-example.bp-350 #alert a.alert-container .h2, .component-example.bp-below350 #alert a.alert-container h2, .component-example.bp-below350 #alert a.alert-container .h2 { background: url(../assets/Chevron-right-blueblack.svg) no-repeat; background-position: right top 4px; display: inline-flex; font-size: 18px; padding: 0 32px 8px 0; border-radius: 0; }

.component-example.bp-350 #alert a.alert-container p, .component-example.bp-below350 #alert a.alert-container p { font-size: 14px; line-height: 20px; padding: 0; }

.component-example.bp-350 #alert a.alert-container:hover, .component-example.bp-below350 #alert a.alert-container:hover { background: #FFCF3B; }

.component-example.bp-350 #menu-highlight .business-info li, .component-example.bp-below350 #menu-highlight .business-info li { padding: 8px 32px 8px 8px; height: auto; background-size: 14px 13px; font-size: 0.875rem; line-height: 1.285; margin-bottom: 24px; }

.component-example.bp-below350 #home-banner .banner-image { max-height: 11rem; }

.component-example.bp-below350 #menu-highlight .business-info li { flex: 0 0 100%; font-size: 0.875rem; line-height: 1.285; margin-bottom: 24px; }

@media (max-width: 1200px) { #menu-highlight .business-info li { flex: 0 0 31%; } }

@media (max-width: 992px) { #home-banner .banner-content { padding: 32px; } #home-banner .banner-content h1, #home-banner .banner-content .h1 { font-size: 44px; } #home-banner .banner-content p.lead { font-size: 18px; line-height: 28px; } #alert a.alert-container h2, #alert a.alert-container .h2 { white-space: normal; padding: 16px 68px 16px 32px; } #menu-highlight .business-info li { flex: 0 0 31%; font-size: 1rem; line-height: 1.25; } }

@media (max-width: 768px) { #home-banner .banner-container { flex-direction: column-reverse; flex-wrap: wrap; } #home-banner .banner-content { padding: 24px; width: 100%; background: #2E6CB9; margin: 0; } #home-banner .banner-content h1, #home-banner .banner-content .h1 { font-size: 36px; } #home-banner .banner-content p.lead { font-size: 18px; } #home-banner .banner-image { width: 100%; max-height: 24rem; } #home-banner .banner-image img { min-height: auto; } #alert a.alert-container h2, #alert a.alert-container .h2 { padding: 16px 68px 16px 24px; } #alert a.alert-container p { padding: 16px 24px 16px 16px; } #menu-highlight .business-info li { flex: 0 0 48%; font-size: 1rem; line-height: 1.25; } }

@media (max-width: 576px) { #home-banner .banner-image { max-height: 17rem; } #alert { margin: 0; } #alert a.alert-container { display: block; padding: 16px 24px 16px 24px; background: #FFD964; } #alert a.alert-container h2, #alert a.alert-container .h2 { background: url(../assets/Chevron-right-blueblack.svg) no-repeat; background-position: right top 4px; display: inline-flex; font-size: 18px; padding: 0 32px 8px 0; border-radius: 0; } #alert a.alert-container p { font-size: 14px; line-height: 20px; padding: 0; } #alert a.alert-container:hover { background: #FFCF3B; } #menu-highlight .business-info li { padding: 8px 32px 8px 8px; height: auto; background-size: 14px 13px; font-size: 0.875rem; line-height: 1.285; margin-bottom: 24px; } }

@media (max-width: 350px) { #home-banner .banner-image { max-height: 11rem; } #menu-highlight .business-info li { flex: 0 0 100%; font-size: 0.875rem; line-height: 1.285; margin-bottom: 24px; } }

.anchor-menu { position: relative; }

.anchor-menu.fixed { position: fixed; top: 32px; }

.anchor-menu li { text-decoration: none; font-size: .88rem; list-style-type: none; text-indent: 0; }

.anchor-menu li::before { content: none; }

.anchor-menu li a { text-decoration: none; font-weight: 400; }

.anchor-menu li a:focus, .anchor-menu li a:hover { font-weight: 600; text-decoration: underline; background: none; color: #2157AA; }

.anchor-menu li a.current { border-left: 3px solid #2157AA; padding-left: 8px; }

.anchor-menu.non-branded li a:focus, .anchor-menu.non-branded li a:hover { color: mediumblue; }

.anchor-menu.non-branded li a.current { color: mediumblue; }

.image .component-image { width: 100%; }

.image .component-image img { width: 100%; height: auto; }

.image .component-content { border: none; width: 100%; }

.image .component-text { width: 100%; font-size: .875rem; line-height: 1.7145; background: #E4E6EA; }

.image.non-branded .component-text { background: #E8E8E8; }

/*  CHECKLIST PATTERN  */
.checklist-wrapper { position: relative; padding-top: 0; margin-bottom: 32px; }

.checklist-wrapper .toggle-wrapper { display: flex; justify-content: right; width: 100%; }

.checklist-wrapper .checklist-toggle { border: none; background: transparent; text-decoration: underline; cursor: pointer; font-weight: 600; box-shadow: none; align-items: flex-start; color: #333333; }

.checklist-wrapper .checklist-toggle.close svg { transform: scaleY(-1); }

.checklist-wrapper .checklist-toggle:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.checklist-wrapper .checklist-item-divider { border-top: 2px solid #ABB1BD; width: calc(100% - 96px); margin: 16px 0 16px 80px; padding: 0; opacity: 1; }

.checklist-wrapper .checklist-item { position: relative; }

.checklist-wrapper .checklist-item .checklist-item-title { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 24px 24px 24px; margin-left: 64px; cursor: pointer; }

.checklist-wrapper .checklist-item .checklist-item-title h2, .checklist-wrapper .checklist-item .checklist-item-title .h2 { margin: 0; padding: 0; font-size: 26px; }

.checklist-wrapper .checklist-item .checklist-item-title h2 span, .checklist-wrapper .checklist-item .checklist-item-title .h2 span { position: absolute; top: 20px; left: -64px; border-radius: 50%; border: 3px solid #ABB1BD; height: 48px; width: 48px; text-align: center; line-height: 38px; z-index: 100; background: #ffffff; display: flex; justify-content: center; align-items: center; }

.checklist-wrapper .checklist-item .checklist-item-title .icon-wrapper { background: #ffffff; width: 32px; height: 32px; border-radius: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 24px; }

.checklist-wrapper .checklist-item .checklist-item-title:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; }

.checklist-wrapper .checklist-item .checklist-item-title:hover h2, .checklist-wrapper .checklist-item .checklist-item-title:hover .h2 { text-decoration: underline; }

.checklist-wrapper .checklist-item .checklist-item-title:hover .icon-wrapper { background: #E4E6EA; }

.checklist-wrapper .checklist-item .checklist-item-title:active h2, .checklist-wrapper .checklist-item .checklist-item-title:active .h2 { text-decoration: underline; }

.checklist-wrapper .checklist-item.open:last-of-type .checklist-item-title:before { height: 100%; }

.checklist-wrapper .checklist-item.open .checklist-item-title .icon-wrapper svg { transform: scaleY(-1); }

.checklist-wrapper .checklist-item.open .checklist-item-title:hover h2, .checklist-wrapper .checklist-item.open .checklist-item-title:hover .h2 { text-decoration: underline; }

.checklist-wrapper.lightweight .checklist-item.open .checklist-item-title { background: #C8D9EE; border: none; }

.checklist-wrapper.lightweight .checklist-item.open .checklist-item-title h2 span, .checklist-wrapper.lightweight .checklist-item.open .checklist-item-title .h2 span { background: #2E6CB9; border: 3px solid #2E6CB9; color: #ffffff; }

.checklist-wrapper.lightweight .checklist-item.open .checklist-item-title:hover .icon-wrapper, .checklist-wrapper.lightweight .checklist-item.open .checklist-item-title:focus .icon-wrapper { background: #ffffff; }

.checklist-wrapper.lightweight .checklist-item.open .checklist-sub-item-wrapper { display: block; }

.checklist-wrapper.lightweight .checklist-item:after { content: " "; position: absolute; z-index: 90; left: 24px; top: 30px; height: calc(100% + 32px); background: #ABB1BD; width: 2.5px; }

.checklist-wrapper.lightweight .checklist-item:last-of-type:after { display: none; }

.checklist-wrapper.lightweight .checklist-sub-item-wrapper { display: none; margin-left: 16px; }

.checklist-wrapper.lightweight .checklist-sub-item-wrapper .content-wrapper { padding-right: 0 !important; }

.checklist-wrapper.lightweight .checklist-sub-item { position: relative; margin-left: 16px; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-content { background: #C8D9EE; padding: 0 24px 24px 24px; position: relative; display: block; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox { padding: 24px; background: #B3CBE8; line-height: 1 !important; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .checkbox-icon { display: inline-block; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .displaynone { display: none; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox input[type="checkbox"] { opacity: 0; width: 28px !important; height: 28px !important; cursor: pointer; display: none; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox label { padding: 0 0 0 6px; display: inline; font-weight: normal; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .close-item { height: 20px; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .close-item btn { display: flex; align-items: center; height: 20px; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .close-item btn:hover { cursor: pointer; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .close-item svg { margin-right: 8px; }

.checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .close-item p { margin: 0; padding: 0; }

.checklist-wrapper.standard .checklist-item-divider { width: calc(100% - 64px); margin: 16px 0 16px 64px; }

.checklist-wrapper.standard .checklist-item:after { content: " "; position: absolute; z-index: 90; left: 24px; top: 30px; height: calc(100% + 16px); background: #ABB1BD; width: 2.5px; }

.checklist-wrapper.standard .checklist-item:last-of-type:after { display: none; }

.checklist-wrapper.standard .checklist-item.open:last-of-type:after { height: 94px; display: block; }

.checklist-wrapper.standard .checklist-item:last-of-type .checklist-sub-item:after { content: " "; position: absolute; z-index: 90; left: -40px; top: 32px; height: calc(100% + 16px); background: #ABB1BD; width: 2.5px; }

.checklist-wrapper.standard .checklist-item:last-of-type .checklist-sub-item:last-of-type:after { display: none; }

.checklist-wrapper.standard .checklist-item .checklist-item-title { padding: 24px 24px 24px 0; }

.checklist-wrapper.standard .checklist-item.open:last-of-type .checklist-item-title:before { height: 100%; }

.checklist-wrapper.standard .checklist-item.open .checklist-item-title { border: none; }

.checklist-wrapper.standard .checklist-item.open .checklist-item-title:hover h2, .checklist-wrapper.standard .checklist-item.open .checklist-item-title:hover .h2 { text-decoration: underline; }

.checklist-wrapper.standard .checklist-item.open .checklist-sub-item-wrapper { display: block; }

.checklist-wrapper.standard .checklist-item.item-done .checklist-item-title h2 span, .checklist-wrapper.standard .checklist-item.item-done .checklist-item-title .h2 span { background: #299F28 url("../assets/icon-tick-white.svg") no-repeat; background-position: center center; background-size: 20px 16px; border: 3px solid #299F28; color: #fff; text-indent: -9999px; }

.checklist-wrapper.standard .checklist-sub-item-wrapper { display: none; margin-left: 32px; }

.checklist-wrapper.standard .checklist-sub-item-wrapper .content-wrapper { padding: 0 !important; display: none; }

.checklist-wrapper.standard .checklist-sub-item { position: relative; margin-left: 32px; }

.checklist-wrapper.standard .checklist-sub-item:before { content: url("../assets/checklist-grey-dot.svg"); position: absolute; z-index: 100; left: -51px; height: 100%; top: 30px; }

.checklist-wrapper.standard .checklist-sub-item .checklist-sub-item-title { display: flex; justify-content: space-between; align-items: center; background: #C8D9EE; padding: 24px; cursor: pointer; }

.checklist-wrapper.standard .checklist-sub-item .checklist-sub-item-title h3, .checklist-wrapper.standard .checklist-sub-item .checklist-sub-item-title .h3 { display: flex; }

.checklist-wrapper.standard .checklist-sub-item .checklist-sub-item-title .icon-wrapper { background: #ffffff; width: 32px; height: 32px; border-radius: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 24px; }

.checklist-wrapper.standard .checklist-sub-item .checklist-sub-item-title:hover h3, .checklist-wrapper.standard .checklist-sub-item .checklist-sub-item-title:hover .h3 { text-decoration: underline; }

.checklist-wrapper.standard .checklist-sub-item .checklist-sub-item-title:hover .icon-wrapper { background: #ffffff; }

.checklist-wrapper.standard .checklist-sub-item .checklist-item-content { background: #C8D9EE; padding: 0px 24px 24px 24px; position: relative; }

.checklist-wrapper.standard .checklist-sub-item .checklist-item-content h3, .checklist-wrapper.standard .checklist-sub-item .checklist-item-content .h3 { padding-right: 120px; }

.checklist-wrapper.standard .checklist-sub-item .checklist-item-checkbox { padding: 16px 24px; background: #B3CBE8 url("../assets/checkbox-unchecked.svg") no-repeat; background-position: left 24px center; display: flex; align-items: center; }

.checklist-wrapper.standard .checklist-sub-item .checklist-item-checkbox input[type="checkbox"] { opacity: 0; width: 28px !important; height: 28px !important; cursor: pointer; }

.checklist-wrapper.standard .checklist-sub-item .checklist-item-checkbox label { padding-left: 6px; }

.checklist-wrapper.standard .checklist-sub-item.done .checklist-item-checkbox { background: #A0D1A0 url("../assets/checkbox-checked.svg") no-repeat; background-position: left 24px center; }

.checklist-wrapper.standard .checklist-sub-item.done:before { content: url("../assets/checklist-grey-dot-checked.svg"); position: absolute; z-index: 100; left: -51px; top: 30px; height: 100%; }

.checklist-wrapper.standard .checklist-sub-item.tip:before { content: ' '; }

.checklist-wrapper.standard .checklist-sub-item.tip .checklist-sub-item-title { background: #E4E6EA; }

.checklist-wrapper.standard .checklist-sub-item.tip .checklist-item-content { background: #E4E6EA; }

.checklist-wrapper.standard .checklist-sub-item.open .checklist-sub-item-title .icon-wrapper { background: #ffffff; }

.checklist-wrapper.standard .checklist-sub-item.open .checklist-sub-item-title .icon-wrapper svg { transform: scaleY(-1); }

.checklist-wrapper.non-branded .checklist-toggle:focus-visible { border-color: mediumblue; }

.checklist-wrapper.non-branded .checklist-item-divider { border-top: 1px solid #333333; }

.checklist-wrapper.non-branded .checklist-item .checklist-item-title h2 span, .checklist-wrapper.non-branded .checklist-item .checklist-item-title .h2 span { border-color: #333333; }

.checklist-wrapper.non-branded .checklist-item .checklist-item-title .icon-wrapper { background: transparent !important; }

.checklist-wrapper.non-branded .checklist-item .checklist-item-title .icon-wrapper svg path { fill: #333333; }

.checklist-wrapper.non-branded .checklist-item .checklist-item-title:focus-visible { border-color: mediumblue; }

.checklist-wrapper.non-branded.lightweight .checklist-item.open .checklist-item-title { background: #E8E8E8; }

.checklist-wrapper.non-branded.lightweight .checklist-item.open .checklist-item-title h2 span, .checklist-wrapper.non-branded.lightweight .checklist-item.open .checklist-item-title .h2 span { background: #333333; border-color: #333333; }

.checklist-wrapper.non-branded.lightweight .checklist-item:after { background: #333333; width: 2.5px; }

.checklist-wrapper.non-branded.lightweight .checklist-sub-item .checklist-item-content { background: #E8E8E8; }

.checklist-wrapper.non-branded.lightweight .checklist-sub-item .checklist-item-checkbox { background: #D8D8D8; }

.checklist-wrapper.non-branded.lightweight .bga-component.feature-box .component-content { border: none; }

.checklist-wrapper.non-branded.lightweight .bga-component.feature-box .icon-wrapper { background: #E8E8E8 url(../assets/Img-icon-placeholder.svg) no-repeat; border-radius: 0; height: 48px; width: 48px; }

.checklist-wrapper.non-branded.lightweight .bga-component.feature-box .icon-wrapper img { display: none; }

.checklist-wrapper.non-branded.lightweight .inline-pathway a { background: #ffffff; }

.checklist-wrapper.non-branded.lightweight .inline-pathway .link-wrapper { border: none; }

.checklist-wrapper.non-branded.lightweight .inline-pathway .page img { display: none; }

.checklist-wrapper.non-branded.lightweight .inline-pathway .page:before { content: ""; width: 16px; height: 16px; background: #C8C8C8; margin-right: 8px; }

.checklist-wrapper.non-branded.standard .checklist-item:after { background: #333333; }

.checklist-wrapper.non-branded.standard .checklist-item:last-of-type .checklist-sub-item:after { background: #333333; }

.checklist-wrapper.non-branded.standard .checklist-item.item-done .checklist-item-title h2 span, .checklist-wrapper.non-branded.standard .checklist-item.item-done .checklist-item-title .h2 span { background-color: #333333; border-color: #333333; }

.checklist-wrapper.non-branded.standard .checklist-sub-item:before { content: url("../assets/checklist-black-dot.svg"); }

.checklist-wrapper.non-branded.standard .checklist-sub-item .checklist-sub-item-title { background: #E8E8E8; }

.checklist-wrapper.non-branded.standard .checklist-sub-item .checklist-sub-item-title:hover .icon-wrapper { background: transparent; }

.checklist-wrapper.non-branded.standard .checklist-sub-item .checklist-item-content { background: #E8E8E8; }

.checklist-wrapper.non-branded.standard .checklist-sub-item .checklist-item-checkbox { background-color: #D8D8D8; }

.checklist-wrapper.non-branded.standard .checklist-sub-item.done .checklist-item-checkbox { background-color: #D8D8D8; background-image: url("../assets/checkbox-checked-black.svg"); }

.checklist-wrapper.non-branded.standard .checklist-sub-item.done:before { content: url("../assets/checklist-black-dot-checked.svg"); }

.checklist-wrapper.non-branded.standard .checklist-sub-item.tip h3 svg, .checklist-wrapper.non-branded.standard .checklist-sub-item.tip .h3 svg { display: none; }

.checklist-wrapper.non-branded.standard .checklist-sub-item.tip h3::before, .checklist-wrapper.non-branded.standard .checklist-sub-item.tip .h3::before { content: ""; background: url(../assets/Img-icon-placeholder.svg) no-repeat; background-size: 32px 32px; width: 32px; height: 32px; margin-right: 8px; }

.checklist-wrapper.non-branded.standard .checklist-sub-item.tip .checklist-sub-item-title { background: #F8F8F8; }

.checklist-wrapper.non-branded.standard .checklist-sub-item.tip .checklist-item-content { background: #F8F8F8; }

.checklist-wrapper.non-branded.standard .checklist-sub-item.open .checklist-sub-item-title .icon-wrapper { background: transparent; }

.component-example.bp-below768 .checklist-wrapper .checklist-item-divider, .component-example.small-screen .checklist-wrapper .checklist-item-divider { width: calc(100% - 56px) !important; margin: 8px 0 8px 56px !important; }

.component-example.bp-below768 .checklist-wrapper .checklist-item .checklist-item-title, .component-example.small-screen .checklist-wrapper .checklist-item .checklist-item-title { margin-left: 40px; padding: 16px; }

.component-example.bp-below768 .checklist-wrapper .checklist-item .checklist-item-title h2, .component-example.bp-below768 .checklist-wrapper .checklist-item .checklist-item-title .h2, .component-example.small-screen .checklist-wrapper .checklist-item .checklist-item-title h2, .component-example.small-screen .checklist-wrapper .checklist-item .checklist-item-title .h2 { font-size: 1.25rem; }

.component-example.bp-below768 .checklist-wrapper .checklist-item .checklist-item-title h2 span, .component-example.bp-below768 .checklist-wrapper .checklist-item .checklist-item-title .h2 span, .component-example.small-screen .checklist-wrapper .checklist-item .checklist-item-title h2 span, .component-example.small-screen .checklist-wrapper .checklist-item .checklist-item-title .h2 span { width: 36px; height: 36px; left: -40px; top: 16px; }

.component-example.bp-below768 .checklist-wrapper .checklist-item .checklist-item-title .icon-wrapper, .component-example.small-screen .checklist-wrapper .checklist-item .checklist-item-title .icon-wrapper { margin-left: 16px; }

.component-example.bp-below768 .checklist-wrapper .checklist-item:last-of-type .checklist-sub-item:last-of-type:after, .component-example.small-screen .checklist-wrapper .checklist-item:last-of-type .checklist-sub-item:last-of-type:after { left: -48px; }

.component-example.bp-below768 .checklist-wrapper .checklist-item .feature-box .icon-wrapper, .component-example.small-screen .checklist-wrapper .checklist-item .feature-box .icon-wrapper { display: none; }

.component-example.bp-below768 .checklist-wrapper .checklist-item .feature-box .component-content, .component-example.small-screen .checklist-wrapper .checklist-item .feature-box .component-content { border-left-width: 4px; padding: 16px !important; }

.component-example.bp-below768 .checklist-wrapper .checklist-item .inline-pathway a .link-wrapper, .component-example.small-screen .checklist-wrapper .checklist-item .inline-pathway a .link-wrapper { border-left-width: 4px; padding: 16px !important; }

.component-example.bp-below768 .checklist-wrapper.lightweight .checklist-item:after, .component-example.small-screen .checklist-wrapper.lightweight .checklist-item:after { left: 16px; }

.component-example.bp-below768 .checklist-wrapper.lightweight .checklist-sub-item-wrapper .content-wrapper, .component-example.small-screen .checklist-wrapper.lightweight .checklist-sub-item-wrapper .content-wrapper { padding: 0 0 0 8px !important; }

.component-example.bp-below768 .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-content, .component-example.small-screen .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-content { padding: 0 16px 16px 16px; }

.component-example.bp-below768 .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox, .component-example.small-screen .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox { padding: 16px; }

.component-example.bp-below768 .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .close-item svg, .component-example.small-screen .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .close-item svg { width: 16px; height: 16px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-item .checklist-item-title, .component-example.small-screen .checklist-wrapper.standard .checklist-item .checklist-item-title { padding: 16px !important; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-item:after, .component-example.small-screen .checklist-wrapper.standard .checklist-item:after { z-index: 90; left: 17px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-item.open:last-of-type:after, .component-example.small-screen .checklist-wrapper.standard .checklist-item.open:last-of-type:after { height: 94px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-item:last-of-type .checklist-sub-item:after, .component-example.small-screen .checklist-wrapper.standard .checklist-item:last-of-type .checklist-sub-item:after { left: -39px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper { margin-left: 40px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item { margin-left: 16px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item:before, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item:before { left: -50px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title { padding: 16px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title h3, .component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .h3, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title h3, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .h3 { font-size: 1.125rem; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title h3 svg, .component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .h3 svg, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title h3 svg, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .h3 svg { display: none; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .icon-wrapper, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .icon-wrapper { margin-left: 16px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-item-content, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-item-content { padding: 0 16px 16px 16px; }

.component-example.bp-below768 .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-item-checkbox, .component-example.small-screen .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-item-checkbox { padding: 16px; background-position: left 16px center; }

.component-example.bp-below768 .checklist-wrapper.non-branded.standard .checklist-sub-item.tip h3::before, .component-example.bp-below768 .checklist-wrapper.non-branded.standard .checklist-sub-item.tip .h3::before, .component-example.small-screen .checklist-wrapper.non-branded.standard .checklist-sub-item.tip h3::before, .component-example.small-screen .checklist-wrapper.non-branded.standard .checklist-sub-item.tip .h3::before { display: none; }

@media (max-width: 768px) { .checklist-wrapper .checklist-item-divider { width: calc(100% - 56px) !important; margin: 8px 0 8px 56px !important; } .checklist-wrapper .checklist-item .checklist-item-title { margin-left: 40px; padding: 16px; } .checklist-wrapper .checklist-item .checklist-item-title h2, .checklist-wrapper .checklist-item .checklist-item-title .h2 { font-size: 1.25rem; } .checklist-wrapper .checklist-item .checklist-item-title h2 span, .checklist-wrapper .checklist-item .checklist-item-title .h2 span { width: 36px; height: 36px; left: -40px; top: 16px; } .checklist-wrapper .checklist-item .checklist-item-title .icon-wrapper { margin-left: 16px; } .checklist-wrapper .checklist-item:last-of-type .checklist-sub-item:last-of-type:after { left: -48px; } .checklist-wrapper .checklist-item .feature-box .icon-wrapper { display: none; } .checklist-wrapper .checklist-item .feature-box .component-content { border-left-width: 4px; padding: 16px !important; } .checklist-wrapper .checklist-item .inline-pathway a .link-wrapper { border-left-width: 4px; padding: 16px !important; } .checklist-wrapper.lightweight .checklist-item:after { left: 16px; } .checklist-wrapper.lightweight .checklist-sub-item-wrapper .content-wrapper { padding: 0 0 0 8px !important; } .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-content { padding: 0 16px 16px 16px; } .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox { padding: 16px; } .checklist-wrapper.lightweight .checklist-sub-item .checklist-item-checkbox .close-item svg { width: 16px; height: 16px; } .checklist-wrapper.standard .checklist-item .checklist-item-title { padding: 16px !important; } .checklist-wrapper.standard .checklist-item:after { z-index: 90; left: 17px; } .checklist-wrapper.standard .checklist-item.open:last-of-type:after { height: 94px; } .checklist-wrapper.standard .checklist-item:last-of-type .checklist-sub-item:after { left: -39px; } .checklist-wrapper.standard .checklist-sub-item-wrapper { margin-left: 40px; } .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item { margin-left: 16px; } .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item:before { left: -50px; } .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title { padding: 16px; } .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title h3, .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .h3 { font-size: 1.125rem; } .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title h3 svg, .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .h3 svg { display: none; } .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-sub-item-title .icon-wrapper { margin-left: 16px; } .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-item-content { padding: 0 16px 16px 16px; } .checklist-wrapper.standard .checklist-sub-item-wrapper .checklist-sub-item .checklist-item-checkbox { padding: 16px; background-position: left 16px center; } .checklist-wrapper.non-branded.standard .checklist-sub-item.tip h3::before, .checklist-wrapper.non-branded.standard .checklist-sub-item.tip .h3::before { display: none; } }

.bga-site-header #header-strap { justify-content: space-between; margin-bottom: 32px; }

.bga-site-header #header-strap .bga-logo a { display: inline-block; }

.bga-site-header #header-strap .bga-logo .mobile-logo { display: none; }

.bga-site-header #header-strap .bga-logo svg:focus { border: solid 3px #2E6CB9; border-radius: 4px; }

.bga-site-header #header-strap .bga-logo svg:hover { cursor: pointer; }

.bga-site-header #header-strap .mobile-buttons-wrapper { display: none; }

.bga-site-header #header-strap .search-container { display: flex; justify-content: flex-end; }

.bga-site-header #header-strap .search-container input { height: 48px; border: solid #333333 1px; border-right: 0px; width: 220px; padding: 12px 16px; transition: width 0.6s; line-height: 1.75; }

.bga-site-header #header-strap .search-container input::placeholder { color: #333333; }

.bga-site-header #header-strap .search-container input.in-focus { width: calc(100% - 56px); }

.bga-site-header #header-strap .search-container input:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.bga-site-header #header-strap .search-container button { text-indent: -9999px; height: 48px; width: 56px; border: #2157AA solid 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: url(../assets/icon-search-white.svg) #2E6CB9 no-repeat; background-position: center center; }

.bga-site-header #header-strap .search-container button:focus-visible { border: 2px solid #2E6CB9; background: url(../assets/icon-search-linkblue.svg) #C8D9EE no-repeat; background-position: center center; }

.bga-site-header #header-strap .search-container button:hover { background: url(../assets/icon-search-white.svg) #2157AA no-repeat; background-position: center center; }

.bga-site-header #header-strap .mobile-nav { display: none; }

.bga-site-header #mobile-search { display: none; }

.bga-site-header .navbar { padding-left: 8px; position: relative; }

.bga-site-header .nav { margin: 0 0 0 -8px; padding: 0; display: flex; width: calc(100% + 16px); /* LEVEL 1 */ /* LEVEL 2 * 3 */ }

.bga-site-header .nav .submenu-wrapper { display: inline-block; }

.bga-site-header .nav .menu-feature-links { column-span: all; background: #96B7DF; padding: 24px; margin: -24px -24px 24px -24px; column-gap: 24px; row-gap: 24px; display: flex; }

.bga-site-header .nav .menu-feature-links .menu-feature { margin: 0 !important; }

.bga-site-header .nav .menu-feature-links .menu-feature li { padding: 0; margin: 0; border-radius: 0; height: 100%; display: flex; align-items: center; }

.bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a { background: #ffffff url(../assets/icon-search-bluelinks.svg) no-repeat; background-position: left 24px center; height: 100%; display: flex; align-items: center; padding: 24px 24px 24px 64px; width: 100%; }

.bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:focus-visible, .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:hover, .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:active { background: #2E6CB9 url(../assets/icon-search-white.svg) no-repeat; background-position: left 24px center; background-size: 32px; }

.bga-site-header .nav li { display: block; padding: 6px 8px; background: #ffffff; color: #2157AA; font-weight: 600; font-size: 16px; margin: 0; letter-spacing: 0; text-decoration: none; cursor: pointer; margin-right: 8px; }

.bga-site-header .nav li span { white-space: nowrap; }

.bga-site-header .nav li:hover { background-color: #C8D9EE; border: none; }

.bga-site-header .nav li:focus { background-color: #C8D9EE; border: 2px solid #2E6CB9; }

.bga-site-header .nav li:active { border: none; }

.bga-site-header .nav li a { display: inline-block; color: #2157AA; font-weight: 600; font-size: 16px; margin: 0; padding: 0 4px 0 0; letter-spacing: 0; text-decoration: none; }

.bga-site-header .nav li a:focus { background: none !important; text-decoration: underline; }

.bga-site-header .nav li.level-1 { border-radius: 4px !important; }

.bga-site-header .nav li.level-1.nav-dropdown { padding: 6px 28px 6px 8px; background-image: url(../assets/Chevron-down-blue.svg); background-repeat: no-repeat; background-position: right 8px center; position: relative; }

.bga-site-header .nav li.level-1.nav-dropdown.open { background-color: #C8D9EE; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: none; }

.bga-site-header .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1 { background-image: url(../assets/Chevron-up-blue.svg); }

.bga-site-header .nav .submenu { display: none; position: absolute; background: #E3ECF6; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.4); border-top: 4px solid #C8D9EE; width: 100%; left: 0; top: 38px; z-index: 8000; padding: 24px; margin: 0; columns: 4 250px; column-gap: 24px; column-fill: balance; }

.bga-site-header .nav .submenu .menu-group { margin: 0 0 24px 0; display: flex; flex-direction: column; break-inside: avoid; width: 100%; }

.bga-site-header .nav .submenu ul { margin: 0; padding: 0; text-indent: 0; }

.bga-site-header .nav .submenu li { background: none; text-indent: 0; list-style-type: none; padding: 0; margin: 0 0 4px 0; width: 100%; }

.bga-site-header .nav .submenu li:last-of-type { margin: 0; }

.bga-site-header .nav .submenu li::before { display: none; }

.bga-site-header .nav .submenu li a { text-decoration: underline; color: #2157AA; padding: 0; margin: 0; background: none; }

.bga-site-header .nav .submenu li:focus-visible { outline: none; border: none; background: #2E6CB9; }

.bga-site-header .nav .submenu li:focus-visible a { color: #ffffff; }

.bga-site-header .nav .submenu li:hover { background: rgba(46, 108, 185, 0.15); background: #2E6CB9; }

.bga-site-header .nav .submenu li:hover a { color: #ffffff; }

.bga-site-header .nav .submenu li.level-2 a { font-size: 1rem; font-weight: 700; padding: 4px 4px 4px 4px; }

.bga-site-header .nav .submenu li.level-3 { font-size: .9375rem; line-height: 1.3; }

.bga-site-header .nav .submenu li.level-3 a { font-weight: 400; text-decoration: none; font-size: .9375rem; line-height: 1.3; padding: 4px 4px 4px 16px; background: url(../assets/Chevron-right-bluelinks.svg) no-repeat; background-position: left 4px top 10px; background-size: 5px 8px; }

.bga-site-header .nav .submenu li.level-3:focus-visible a, .bga-site-header .nav .submenu li.level-3:hover a { background-image: url(../assets/Chevron-right-white.svg); }

.bga-site-header.non-branded #header-strap svg { display: none; }

.bga-site-header.non-branded #header-strap .bga-logo { background: url(../assets/img-logo-placeholder.svg) no-repeat; height: 82px; background-position: left 16px top 0; }

.bga-site-header.non-branded #header-strap .search-container input:focus, .bga-site-header.non-branded #header-strap .search-container input:focus-visible { border: solid 2px mediumblue; outline: none; }

.bga-site-header.non-branded #header-strap .search-container button { background: url(../assets/icon-search-white.svg) mediumblue no-repeat; background-position: center center; }

.bga-site-header.non-branded #header-strap .search-container button:focus-visible { border-color: mediumblue; background: url(../assets/icon-search-white.svg) mediumblue no-repeat; background-position: center center; }

.bga-site-header.non-branded #header-strap .search-container button:hover { background: url(../assets/icon-search-white.svg) mediumblue no-repeat; background-position: center center; }

.bga-site-header.non-branded .navbar .nav-item .nav-link:hover { background: none; }

.bga-site-header.non-branded .nav { /* LEVEL 1 */ /* LEVEL 2 * 3 */ }

.bga-site-header.non-branded .nav li { color: mediumblue; }

.bga-site-header.non-branded .nav li:hover { background-color: #D8D8D8; }

.bga-site-header.non-branded .nav li:focus, .bga-site-header.non-branded .nav li:focus-visible { background-color: #D8D8D8; border: 2px solid mediumblue; outline: none; }

.bga-site-header.non-branded .nav li a { color: mediumblue; }

.bga-site-header.non-branded .nav li.level-1.nav-dropdown { background-image: url(../assets/Chevron-down-unbranded.svg); background-repeat: no-repeat; background-position: right 8px center; position: relative; }

.bga-site-header.non-branded .nav li.level-1.nav-dropdown.open { background-color: #D8D8D8; }

.bga-site-header.non-branded .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1 { background-image: url(../assets/Chevron-up-unbranded.svg); }

.bga-site-header.non-branded .nav .submenu { background: #E8E8E8; border-top: 4px solid #D8D8D8; }

.bga-site-header.non-branded .nav .submenu li a { color: mediumblue; }

.bga-site-header.non-branded .nav .submenu li:focus-visible { border-color: mediumblue; }

.bga-site-header.non-branded .nav .submenu li:hover { background: mediumblue; }

.bga-site-header.non-branded .nav .submenu li:hover a { color: #ffffff; }

.component-example.bp-768 .bga-site-header .nav, .component-example.bp-350 .bga-site-header .nav, .component-example.bp-below350 .bga-site-header .nav, .component-example.small-screen .bga-site-header .nav { display: flex; }

.component-example.bp-768 .bga-site-header .nav .submenu-wrapper, .component-example.bp-350 .bga-site-header .nav .submenu-wrapper, .component-example.bp-below350 .bga-site-header .nav .submenu-wrapper, .component-example.small-screen .bga-site-header .nav .submenu-wrapper { flex-grow: 0; flex-basis: 0; }

.component-example.bp-768 .bga-site-header .nav .submenu, .component-example.bp-350 .bga-site-header .nav .submenu, .component-example.bp-below350 .bga-site-header .nav .submenu, .component-example.small-screen .bga-site-header .nav .submenu { top: 65px; columns: 3 210px; }

.component-example.bp-768 .bga-site-header .nav li.level-1, .component-example.bp-350 .bga-site-header .nav li.level-1, .component-example.bp-below350 .bga-site-header .nav li.level-1, .component-example.small-screen .bga-site-header .nav li.level-1 { height: 65px; background-position: right 8px top 16px !important; margin-right: 0px; }

.component-example.bp-768 .bga-site-header .nav li span, .component-example.bp-350 .bga-site-header .nav li span, .component-example.bp-below350 .bga-site-header .nav li span, .component-example.small-screen .bga-site-header .nav li span { display: block; }

.component-example.bp-350 .header-wrapper, .component-example.bp-below350 .header-wrapper, .component-example.small-screen .header-wrapper { margin-top: 24px !important; }

.component-example.bp-350 .bga-site-header #header-strap, .component-example.bp-below350 .bga-site-header #header-strap, .component-example.small-screen .bga-site-header #header-strap { margin-bottom: 0; }

.component-example.bp-350 .bga-site-header #header-strap .bga-logo, .component-example.bp-below350 .bga-site-header #header-strap .bga-logo, .component-example.small-screen .bga-site-header #header-strap .bga-logo { display: flex; align-items: center; }

.component-example.bp-350 .bga-site-header #header-strap .bga-logo svg, .component-example.bp-below350 .bga-site-header #header-strap .bga-logo svg, .component-example.small-screen .bga-site-header #header-strap .bga-logo svg { display: none; }

.component-example.bp-350 .bga-site-header #header-strap .bga-logo .mobile-logo, .component-example.bp-below350 .bga-site-header #header-strap .bga-logo .mobile-logo, .component-example.small-screen .bga-site-header #header-strap .bga-logo .mobile-logo { display: block; color: #2157AA; margin: 0; padding: 0; font-weight: 700; font-size: 20px; text-decoration: none; }

.component-example.bp-350 .bga-site-header #header-strap .header-search, .component-example.bp-below350 .bga-site-header #header-strap .header-search, .component-example.small-screen .bga-site-header #header-strap .header-search { display: flex; justify-content: flex-end; }

.component-example.bp-350 .bga-site-header #header-strap .header-search .search-container, .component-example.bp-below350 .bga-site-header #header-strap .header-search .search-container, .component-example.small-screen .bga-site-header #header-strap .header-search .search-container { display: none; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-buttons-wrapper, .component-example.bp-below350 .bga-site-header #header-strap .mobile-buttons-wrapper, .component-example.small-screen .bga-site-header #header-strap .mobile-buttons-wrapper { display: block; width: 100%; text-align: right; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-search, .component-example.bp-below350 .bga-site-header #header-strap .mobile-search, .component-example.small-screen .bga-site-header #header-strap .mobile-search { display: inline-block; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-search button, .component-example.bp-below350 .bga-site-header #header-strap .mobile-search button, .component-example.small-screen .bga-site-header #header-strap .mobile-search button { border-radius: 0; border: none; border-top-left-radius: 6px; border-bottom-left-radius: 6px; text-indent: -9999px; height: 48px; width: 56px; background: url(../assets/icon-search-white.svg) #2E6CB9 no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-search button:focus-visible, .component-example.bp-below350 .bga-site-header #header-strap .mobile-search button:focus-visible, .component-example.small-screen .bga-site-header #header-strap .mobile-search button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: url(../assets/icon-search-linkblue.svg) #C8D9EE no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-search.open, .component-example.bp-below350 .bga-site-header #header-strap .mobile-search.open, .component-example.small-screen .bga-site-header #header-strap .mobile-search.open { margin-bottom: 1px; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-search.open button, .component-example.bp-below350 .bga-site-header #header-strap .mobile-search.open button, .component-example.small-screen .bga-site-header #header-strap .mobile-search.open button { background: url(../assets/icon-close.svg) #C8D9EE no-repeat; background-position: center center; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-search.open button:focus-visible, .component-example.bp-below350 .bga-site-header #header-strap .mobile-search.open button:focus-visible, .component-example.small-screen .bga-site-header #header-strap .mobile-search.open button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-nav, .component-example.bp-below350 .bga-site-header #header-strap .mobile-nav, .component-example.small-screen .bga-site-header #header-strap .mobile-nav { display: inline-block; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-nav button, .component-example.bp-below350 .bga-site-header #header-strap .mobile-nav button, .component-example.small-screen .bga-site-header #header-strap .mobile-nav button { text-indent: -9999px; height: 48px; width: 56px; border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background: url(../assets/icon-menu.svg) #2E6CB9 no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-nav button:focus-visible, .component-example.bp-below350 .bga-site-header #header-strap .mobile-nav button:focus-visible, .component-example.small-screen .bga-site-header #header-strap .mobile-nav button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: url(../assets/icon-menu-linkblue.svg) #C8D9EE no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-nav.open, .component-example.bp-below350 .bga-site-header #header-strap .mobile-nav.open, .component-example.small-screen .bga-site-header #header-strap .mobile-nav.open { margin-bottom: 1px; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-nav.open button, .component-example.bp-below350 .bga-site-header #header-strap .mobile-nav.open button, .component-example.small-screen .bga-site-header #header-strap .mobile-nav.open button { background: url(../assets/icon-close.svg) #C8D9EE no-repeat; background-position: center center; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.component-example.bp-350 .bga-site-header #header-strap .mobile-nav.open button:focus-visible, .component-example.bp-below350 .bga-site-header #header-strap .mobile-nav.open button:focus-visible, .component-example.small-screen .bga-site-header #header-strap .mobile-nav.open button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.component-example.bp-350 .bga-site-header #mobile-search .mobile-search-container, .component-example.bp-below350 .bga-site-header #mobile-search .mobile-search-container, .component-example.small-screen .bga-site-header #mobile-search .mobile-search-container { display: flex; background: #C8D9EE; padding: 24px; }

.component-example.bp-350 .bga-site-header #mobile-search .mobile-search-container input, .component-example.bp-below350 .bga-site-header #mobile-search .mobile-search-container input, .component-example.small-screen .bga-site-header #mobile-search .mobile-search-container input { height: 48px; border: solid #333333 1px; border-right: 0px; width: calc(100% - 56px); padding: 12px 16px; line-height: 1.75; }

.component-example.bp-350 .bga-site-header #mobile-search .mobile-search-container input::placeholder, .component-example.bp-below350 .bga-site-header #mobile-search .mobile-search-container input::placeholder, .component-example.small-screen .bga-site-header #mobile-search .mobile-search-container input::placeholder { color: #333333; }

.component-example.bp-350 .bga-site-header #mobile-search .mobile-search-container button, .component-example.bp-below350 .bga-site-header #mobile-search .mobile-search-container button, .component-example.small-screen .bga-site-header #mobile-search .mobile-search-container button { border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; text-indent: -9999px; height: 48px; width: 56px; border: none; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: url(../assets/icon-search-white.svg) #2E6CB9 no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header .navbar, .component-example.bp-below350 .bga-site-header .navbar, .component-example.small-screen .bga-site-header .navbar { display: none; margin: 0; padding: 0; }

.component-example.bp-350 .bga-site-header .navbar.open, .component-example.bp-below350 .bga-site-header .navbar.open, .component-example.small-screen .bga-site-header .navbar.open { display: block; }

.component-example.bp-350 .bga-site-header .navbar .row, .component-example.bp-below350 .bga-site-header .navbar .row, .component-example.small-screen .bga-site-header .navbar .row { margin: 0; padding: 0; }

.component-example.bp-350 .bga-site-header .navbar #navbarNav, .component-example.bp-below350 .bga-site-header .navbar #navbarNav, .component-example.small-screen .bga-site-header .navbar #navbarNav { padding: 0; margin: 0; display: block !important; }

.component-example.bp-350 .bga-site-header .nav, .component-example.bp-below350 .bga-site-header .nav, .component-example.small-screen .bga-site-header .nav { /* LEVEL 1 */ width: 100%; display: block !important; margin: 0; /* LEVEL 2  */ }

.component-example.bp-350 .bga-site-header .nav .submenu-wrapper, .component-example.bp-below350 .bga-site-header .nav .submenu-wrapper, .component-example.small-screen .bga-site-header .nav .submenu-wrapper { display: block; }

.component-example.bp-350 .bga-site-header .nav .menu-feature-links, .component-example.bp-below350 .bga-site-header .nav .menu-feature-links, .component-example.small-screen .bga-site-header .nav .menu-feature-links { background: none; display: block; margin: 0; padding: 0; }

.component-example.bp-350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2, .component-example.bp-below350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2, .component-example.small-screen .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 { padding: 12px 16px; }

.component-example.bp-350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a, .component-example.bp-below350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a, .component-example.small-screen .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a { background: none; color: #ffffff; height: auto; padding: 0px; }

.component-example.bp-350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:focus-visible, .component-example.bp-350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:hover, .component-example.bp-350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:active, .component-example.bp-below350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:focus-visible, .component-example.bp-below350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:hover, .component-example.bp-below350 .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:active, .component-example.small-screen .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:focus-visible, .component-example.small-screen .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:hover, .component-example.small-screen .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:active { background: none; }

.component-example.bp-350 .bga-site-header .nav li, .component-example.bp-below350 .bga-site-header .nav li, .component-example.small-screen .bga-site-header .nav li { display: block; width: 100%; padding: 0; cursor: pointer; background-color: #C8D9EE; border: none; border-radius: 0; border-bottom: #fff solid 1px; }

.component-example.bp-350 .bga-site-header .nav li span, .component-example.bp-below350 .bga-site-header .nav li span, .component-example.small-screen .bga-site-header .nav li span { display: inline; }

.component-example.bp-350 .bga-site-header .nav li:last-of-type, .component-example.bp-below350 .bga-site-header .nav li:last-of-type, .component-example.small-screen .bga-site-header .nav li:last-of-type { border-bottom: #fff solid 1px; }

.component-example.bp-350 .bga-site-header .nav li.level-1, .component-example.bp-below350 .bga-site-header .nav li.level-1, .component-example.small-screen .bga-site-header .nav li.level-1 { padding: 12px 16px; height: auto; border-radius: 0 !important; }

.component-example.bp-350 .bga-site-header .nav li.level-1.nav-dropdown, .component-example.bp-below350 .bga-site-header .nav li.level-1.nav-dropdown, .component-example.small-screen .bga-site-header .nav li.level-1.nav-dropdown { padding: 12px 16px; background-size: 14px 9px; background-position: right 16px center; }

.component-example.bp-350 .bga-site-header .nav li.level-1.nav-dropdown, .component-example.bp-below350 .bga-site-header .nav li.level-1.nav-dropdown, .component-example.small-screen .bga-site-header .nav li.level-1.nav-dropdown { padding: 12px 16px; background-image: url(../assets/Chevron-down-blue.svg); background-repeat: no-repeat; background-position: right 16px center !important; position: relative; }

.component-example.bp-350 .bga-site-header .nav li.level-1.nav-dropdown.open, .component-example.bp-below350 .bga-site-header .nav li.level-1.nav-dropdown.open, .component-example.small-screen .bga-site-header .nav li.level-1.nav-dropdown.open { background-color: #C8D9EE; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: none; }

.component-example.bp-350 .bga-site-header .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1, .component-example.bp-below350 .bga-site-header .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1, .component-example.small-screen .bga-site-header .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1 { background-image: url(../assets/Chevron-up-blue.svg); }

.component-example.bp-350 .bga-site-header .nav .submenu, .component-example.bp-below350 .bga-site-header .nav .submenu, .component-example.small-screen .bga-site-header .nav .submenu { position: relative; box-shadow: none; border-top: none; width: 100%; left: auto; top: auto; padding: 0; columns: unset; }

.component-example.bp-350 .bga-site-header .nav .submenu .menu-group, .component-example.bp-below350 .bga-site-header .nav .submenu .menu-group, .component-example.small-screen .bga-site-header .nav .submenu .menu-group { width: 100%; margin: 0; padding: 0; display: block; width: 100%; }

.component-example.bp-350 .bga-site-header .nav .submenu li, .component-example.bp-below350 .bga-site-header .nav .submenu li, .component-example.small-screen .bga-site-header .nav .submenu li { padding: 12px 16px; border-bottom: #ffffff 1px solid; background: #2157AA; margin: 0; }

.component-example.bp-350 .bga-site-header .nav .submenu li:last-of-type, .component-example.bp-below350 .bga-site-header .nav .submenu li:last-of-type, .component-example.small-screen .bga-site-header .nav .submenu li:last-of-type { margin: 0; }

.component-example.bp-350 .bga-site-header .nav .submenu li a, .component-example.bp-below350 .bga-site-header .nav .submenu li a, .component-example.small-screen .bga-site-header .nav .submenu li a { text-decoration: none; color: #ffffff; padding: 0px !important; }

.component-example.bp-350 .bga-site-header .nav .submenu li:focus-visible, .component-example.bp-below350 .bga-site-header .nav .submenu li:focus-visible, .component-example.small-screen .bga-site-header .nav .submenu li:focus-visible { outline: none; border: 2px solid #2E6CB9; background: none !important; }

.component-example.bp-350 .bga-site-header .nav .submenu li:hover, .component-example.bp-below350 .bga-site-header .nav .submenu li:hover, .component-example.small-screen .bga-site-header .nav .submenu li:hover { background: #2157AA; }

.component-example.bp-350 .bga-site-header .nav .submenu li:hover a, .component-example.bp-below350 .bga-site-header .nav .submenu li:hover a, .component-example.small-screen .bga-site-header .nav .submenu li:hover a { color: #ffffff; }

.component-example.bp-350 .bga-site-header .nav .submenu li.level-2 a, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2 a, .component-example.small-screen .bga-site-header .nav .submenu li.level-2 a { font-size: 1rem; font-weight: 600; }

.component-example.bp-350 .bga-site-header .nav .submenu li.level-2 + ul, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2 + ul, .component-example.small-screen .bga-site-header .nav .submenu li.level-2 + ul { display: none; margin-top: 0; }

.component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown, .component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown:hover, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown:hover, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown:hover { background: url(../assets/Chevron-down-white.svg) no-repeat #2157AA; background-position: right 16px center; padding: 12px 16px; }

.component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open, .component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown.open, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover { background: url(../assets/Chevron-up-white.svg) no-repeat #2157AA; background-position: right 16px center; }

.component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul, .component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul { display: block; }

.component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3, .component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3 { background: #113869; border-bottom: #fff solid 1px; padding: 12px 16px; }

.component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3 a, .component-example.bp-350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3 a, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3 a, .component-example.bp-below350 .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3 a, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3 a, .component-example.small-screen .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3 a { background: none; padding: 0; font-size: 1rem; line-height: 1.75; }

.component-example.bp-350 .bga-site-header.non-branded #header-strap .bga-logo, .component-example.bp-below350 .bga-site-header.non-branded #header-strap .bga-logo, .component-example.small-screen .bga-site-header.non-branded #header-strap .bga-logo { height: 48px; background-size: auto 48px; }

.component-example.bp-350 .bga-site-header.non-branded #header-strap .bga-logo .mobile-logo, .component-example.bp-below350 .bga-site-header.non-branded #header-strap .bga-logo .mobile-logo, .component-example.small-screen .bga-site-header.non-branded #header-strap .bga-logo .mobile-logo { display: none; }

.component-example.bp-350 .bga-site-header.non-branded #header-strap .mobile-search button, .component-example.bp-below350 .bga-site-header.non-branded #header-strap .mobile-search button, .component-example.small-screen .bga-site-header.non-branded #header-strap .mobile-search button { background: url(../assets/icon-search-white.svg) mediumblue no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header.non-branded #header-strap .mobile-search.open button, .component-example.bp-below350 .bga-site-header.non-branded #header-strap .mobile-search.open button, .component-example.small-screen .bga-site-header.non-branded #header-strap .mobile-search.open button { background: url(../assets/icon-close-unbranded.svg) #D8D8D8 no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header.non-branded #header-strap .mobile-nav button, .component-example.bp-below350 .bga-site-header.non-branded #header-strap .mobile-nav button, .component-example.small-screen .bga-site-header.non-branded #header-strap .mobile-nav button { background: url(../assets/icon-menu.svg) mediumblue no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header.non-branded #header-strap .mobile-nav.open button, .component-example.bp-below350 .bga-site-header.non-branded #header-strap .mobile-nav.open button, .component-example.small-screen .bga-site-header.non-branded #header-strap .mobile-nav.open button { background: url(../assets/icon-close-unbranded.svg) #D8D8D8 no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header.non-branded #mobile-search .mobile-search-container, .component-example.bp-below350 .bga-site-header.non-branded #mobile-search .mobile-search-container, .component-example.small-screen .bga-site-header.non-branded #mobile-search .mobile-search-container { background: #D8D8D8; }

.component-example.bp-350 .bga-site-header.non-branded #mobile-search .mobile-search-container input:focus, .component-example.bp-350 .bga-site-header.non-branded #mobile-search .mobile-search-container input:focus-visible, .component-example.bp-below350 .bga-site-header.non-branded #mobile-search .mobile-search-container input:focus, .component-example.bp-below350 .bga-site-header.non-branded #mobile-search .mobile-search-container input:focus-visible, .component-example.small-screen .bga-site-header.non-branded #mobile-search .mobile-search-container input:focus, .component-example.small-screen .bga-site-header.non-branded #mobile-search .mobile-search-container input:focus-visible { outline: none; }

.component-example.bp-350 .bga-site-header.non-branded #mobile-search .mobile-search-container button, .component-example.bp-below350 .bga-site-header.non-branded #mobile-search .mobile-search-container button, .component-example.small-screen .bga-site-header.non-branded #mobile-search .mobile-search-container button { background: url(../assets/icon-search-white.svg) mediumblue no-repeat; background-position: center center; }

.component-example.bp-350 .bga-site-header.non-branded .nav, .component-example.bp-below350 .bga-site-header.non-branded .nav, .component-example.small-screen .bga-site-header.non-branded .nav { /* LEVEL 1 */ /* LEVEL 2  */ }

.component-example.bp-350 .bga-site-header.non-branded .nav li, .component-example.bp-below350 .bga-site-header.non-branded .nav li, .component-example.small-screen .bga-site-header.non-branded .nav li { background-color: #D8D8D8; }

.component-example.bp-350 .bga-site-header.non-branded .nav li.level-1.nav-dropdown, .component-example.bp-below350 .bga-site-header.non-branded .nav li.level-1.nav-dropdown, .component-example.small-screen .bga-site-header.non-branded .nav li.level-1.nav-dropdown { background-image: url(../assets/Chevron-down-unbranded.svg); background-repeat: no-repeat; background-position: right 16px center !important; }

.component-example.bp-350 .bga-site-header.non-branded .nav li.level-1.nav-dropdown.open, .component-example.bp-below350 .bga-site-header.non-branded .nav li.level-1.nav-dropdown.open, .component-example.small-screen .bga-site-header.non-branded .nav li.level-1.nav-dropdown.open { background-color: #D8D8D8; }

.component-example.bp-350 .bga-site-header.non-branded .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1, .component-example.bp-below350 .bga-site-header.non-branded .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1, .component-example.small-screen .bga-site-header.non-branded .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1 { background-image: url(../assets/Chevron-up-unbranded.svg); }

.component-example.bp-350 .bga-site-header.non-branded .nav .submenu li, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li { border-bottom: #ffffff 1px solid; background-color: #7d7d7d; }

.component-example.bp-350 .bga-site-header.non-branded .nav .submenu li:focus-visible, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li:focus-visible, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li:focus-visible { outline: none; background-color: #7d7d7d; border: solid 2px mediumblue; }

.component-example.bp-350 .bga-site-header.non-branded .nav .submenu li:hover, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li:hover, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li:hover { background: #7d7d7d; }

.component-example.bp-350 .bga-site-header.non-branded .nav .submenu li:hover a, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li:hover a, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li:hover a { color: #ffffff; }

.component-example.bp-350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown, .component-example.bp-350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown:hover, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown:hover, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown:hover { background: url(../assets/Chevron-down-white.svg) no-repeat #7d7d7d; background-position: right 16px center; padding: 12px 16px; }

.component-example.bp-350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open, .component-example.bp-350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open:hover, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open:hover, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open:hover { background: url(../assets/Chevron-up-white.svg) no-repeat #7d7d7d; background-position: right 16px center; }

.component-example.bp-350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3, .component-example.bp-350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3, .component-example.bp-below350 .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3, .component-example.small-screen .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3 { background: #333333; }

.component-example.bp-below350 #header-strap .bga-logo, .component-example.small-screen #header-strap .bga-logo { width: 100% !important; }

.component-example.bp-below350 #header-strap .header-search, .component-example.small-screen #header-strap .header-search { width: 100%; }

.component-example.bp-below350 #header-strap .header-search .mobile-buttons-wrapper, .component-example.small-screen #header-strap .header-search .mobile-buttons-wrapper { text-align: left; margin-top: 16px; }

@media (max-width: 992px) { .bga-site-header .nav { display: flex; } .bga-site-header .nav .submenu-wrapper { flex-grow: 0; flex-basis: 0; } .bga-site-header .nav .submenu { top: 65px; columns: 3 210px; } .bga-site-header .nav li.level-1 { height: 65px; background-position: right 8px top 16px !important; margin-right: 0px; } .bga-site-header .nav li span { display: block; } }

@media (max-width: 768px) { .header-wrapper { margin-top: 24px !important; } .bga-site-header #header-strap { margin-bottom: 0; } .bga-site-header #header-strap .bga-logo { display: flex; align-items: center; } .bga-site-header #header-strap .bga-logo svg { display: none; } .bga-site-header #header-strap .bga-logo .mobile-logo { display: block; color: #2157AA; margin: 0; padding: 0; font-weight: 700; font-size: 20px; text-decoration: none; } .bga-site-header #header-strap .header-search { display: flex; justify-content: flex-end; } .bga-site-header #header-strap .header-search .search-container { display: none; } .bga-site-header #header-strap .mobile-buttons-wrapper { display: block; width: 100%; text-align: right; } .bga-site-header #header-strap .mobile-search { display: inline-block; } .bga-site-header #header-strap .mobile-search button { border-radius: 0; border: none; border-top-left-radius: 6px; border-bottom-left-radius: 6px; text-indent: -9999px; height: 48px; width: 56px; background: url(../assets/icon-search-white.svg) #2E6CB9 no-repeat; background-position: center center; } .bga-site-header #header-strap .mobile-search button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: url(../assets/icon-search-linkblue.svg) #C8D9EE no-repeat; background-position: center center; } .bga-site-header #header-strap .mobile-search.open { margin-bottom: 1px; } .bga-site-header #header-strap .mobile-search.open button { background: url(../assets/icon-close.svg) #C8D9EE no-repeat; background-position: center center; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .bga-site-header #header-strap .mobile-search.open button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; } .bga-site-header #header-strap .mobile-nav { display: inline-block; } .bga-site-header #header-strap .mobile-nav button { text-indent: -9999px; height: 48px; width: 56px; border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background: url(../assets/icon-menu.svg) #2E6CB9 no-repeat; background-position: center center; } .bga-site-header #header-strap .mobile-nav button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: url(../assets/icon-menu-linkblue.svg) #C8D9EE no-repeat; background-position: center center; } .bga-site-header #header-strap .mobile-nav.open { margin-bottom: 1px; } .bga-site-header #header-strap .mobile-nav.open button { background: url(../assets/icon-close.svg) #C8D9EE no-repeat; background-position: center center; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .bga-site-header #header-strap .mobile-nav.open button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; } .bga-site-header #mobile-search .mobile-search-container { display: flex; background: #C8D9EE; padding: 24px; } .bga-site-header #mobile-search .mobile-search-container input { height: 48px; border: solid #333333 1px; border-right: 0px; width: calc(100% - 56px); padding: 12px 16px; line-height: 1.75; } .bga-site-header #mobile-search .mobile-search-container input::placeholder { color: #333333; } .bga-site-header #mobile-search .mobile-search-container button { border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; text-indent: -9999px; height: 48px; width: 56px; border: none; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: url(../assets/icon-search-white.svg) #2E6CB9 no-repeat; background-position: center center; } .bga-site-header .navbar { display: none; margin: 0; padding: 0; } .bga-site-header .navbar.open { display: block; } .bga-site-header .navbar .row { margin: 0; padding: 0; } .bga-site-header .navbar #navbarNav { padding: 0; margin: 0; display: block !important; } .bga-site-header .nav { /* LEVEL 1 */ width: 100%; display: block !important; margin: 0; /* LEVEL 2  */ } .bga-site-header .nav .submenu-wrapper { display: block; } .bga-site-header .nav .menu-feature-links { background: none; display: block; margin: 0; padding: 0; } .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 { padding: 12px 16px; } .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a { background: none; color: #ffffff; height: auto; padding: 0px; } .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:focus-visible, .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:hover, .bga-site-header .nav .menu-feature-links .menu-feature li.level-2 a:active { background: none; } .bga-site-header .nav li { display: block; width: 100%; padding: 0; cursor: pointer; background-color: #C8D9EE; border: none; border-radius: 0; border-bottom: #fff solid 1px; } .bga-site-header .nav li span { display: inline; } .bga-site-header .nav li:last-of-type { border-bottom: #fff solid 1px; } .bga-site-header .nav li.level-1 { padding: 12px 16px; height: auto; border-radius: 0 !important; } .bga-site-header .nav li.level-1.nav-dropdown { padding: 12px 16px; background-size: 14px 9px; background-position: right 16px center; } .bga-site-header .nav li.level-1.nav-dropdown { padding: 12px 16px; background-image: url(../assets/Chevron-down-blue.svg); background-repeat: no-repeat; background-position: right 16px center !important; position: relative; } .bga-site-header .nav li.level-1.nav-dropdown.open { background-color: #C8D9EE; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: none; } .bga-site-header .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1 { background-image: url(../assets/Chevron-up-blue.svg); } .bga-site-header .nav .submenu { position: relative; box-shadow: none; border-top: none; width: 100%; left: auto; top: auto; padding: 0; columns: unset; } .bga-site-header .nav .submenu .menu-group { width: 100%; margin: 0; padding: 0; display: block; width: 100%; } .bga-site-header .nav .submenu li { padding: 12px 16px; border-bottom: #ffffff 1px solid; background: #2157AA; margin: 0; } .bga-site-header .nav .submenu li:last-of-type { margin: 0; } .bga-site-header .nav .submenu li a { text-decoration: none; color: #ffffff; padding: 0px !important; } .bga-site-header .nav .submenu li:focus-visible { outline: none; border: 2px solid #2E6CB9; background: none !important; } .bga-site-header .nav .submenu li:hover { background: #2157AA; } .bga-site-header .nav .submenu li:hover a { color: #ffffff; } .bga-site-header .nav .submenu li.level-2 a { font-size: 1rem; font-weight: 600; } .bga-site-header .nav .submenu li.level-2 + ul { display: none; margin-top: 0; } .bga-site-header .nav .submenu li.level-2.nav-dropdown, .bga-site-header .nav .submenu li.level-2.nav-dropdown:hover { background: url(../assets/Chevron-down-white.svg) no-repeat #2157AA; background-position: right 16px center; padding: 12px 16px; } .bga-site-header .nav .submenu li.level-2.nav-dropdown.open, .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover { background: url(../assets/Chevron-up-white.svg) no-repeat #2157AA; background-position: right 16px center; } .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul, .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul { display: block; } .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3, .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3 { background: #113869; border-bottom: #fff solid 1px; padding: 12px 16px; } .bga-site-header .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3 a, .bga-site-header .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3 a { background: none; padding: 0; font-size: 1rem; line-height: 1.75; } .bga-site-header.non-branded #header-strap .bga-logo { height: 48px; background-size: auto 48px; } .bga-site-header.non-branded #header-strap .bga-logo .mobile-logo { display: none; } .bga-site-header.non-branded #header-strap .mobile-search button { background: url(../assets/icon-search-white.svg) mediumblue no-repeat; background-position: center center; } .bga-site-header.non-branded #header-strap .mobile-search.open button { background: url(../assets/icon-close-unbranded.svg) #D8D8D8 no-repeat; background-position: center center; } .bga-site-header.non-branded #header-strap .mobile-nav button { background: url(../assets/icon-menu.svg) mediumblue no-repeat; background-position: center center; } .bga-site-header.non-branded #header-strap .mobile-nav.open button { background: url(../assets/icon-close-unbranded.svg) #D8D8D8 no-repeat; background-position: center center; } .bga-site-header.non-branded #mobile-search .mobile-search-container { background: #D8D8D8; } .bga-site-header.non-branded #mobile-search .mobile-search-container input:focus, .bga-site-header.non-branded #mobile-search .mobile-search-container input:focus-visible { outline: none; } .bga-site-header.non-branded #mobile-search .mobile-search-container button { background: url(../assets/icon-search-white.svg) mediumblue no-repeat; background-position: center center; } .bga-site-header.non-branded .nav { /* LEVEL 1 */ /* LEVEL 2  */ } .bga-site-header.non-branded .nav li { background-color: #D8D8D8; } .bga-site-header.non-branded .nav li.level-1.nav-dropdown { background-image: url(../assets/Chevron-down-unbranded.svg); background-repeat: no-repeat; background-position: right 16px center !important; } .bga-site-header.non-branded .nav li.level-1.nav-dropdown.open { background-color: #D8D8D8; } .bga-site-header.non-branded .nav li.level-1.nav-dropdown.open.nav-dropdown.level-1 { background-image: url(../assets/Chevron-up-unbranded.svg); } .bga-site-header.non-branded .nav .submenu li { border-bottom: #ffffff 1px solid; background-color: #7d7d7d; } .bga-site-header.non-branded .nav .submenu li:focus-visible { outline: none; background-color: #7d7d7d; border: solid 2px mediumblue; } .bga-site-header.non-branded .nav .submenu li:hover { background: #7d7d7d; } .bga-site-header.non-branded .nav .submenu li:hover a { color: #ffffff; } .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown, .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown:hover { background: url(../assets/Chevron-down-white.svg) no-repeat #7d7d7d; background-position: right 16px center; padding: 12px 16px; } .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open, .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open:hover { background: url(../assets/Chevron-up-white.svg) no-repeat #7d7d7d; background-position: right 16px center; } .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open + ul li.level-3, .bga-site-header.non-branded .nav .submenu li.level-2.nav-dropdown.open:hover + ul li.level-3 { background: #333333; } }

@media (max-width: 350px) { #header-strap .bga-logo { width: 100% !important; } #header-strap .header-search { width: 100%; } #header-strap .header-search .mobile-buttons-wrapper { text-align: left; margin-top: 16px; } }

@media (min-width: 768px) { .navbar-expand-lg.example .navbar-collapse { display: flex !important; flex-basis: auto; } }

.bga-footer-example { background: #2157AA; color: #ffffff; display: flex; }

.bga-footer-example .footer-wrapper { display: flex; width: 66.66%; }

.bga-footer-example .footer-links { width: 33.33%; }

.bga-footer-example .footer-links h3, .bga-footer-example .footer-links .h3 { color: #ffffff; }

.bga-footer-example .footer-links ul { margin: 0; padding: 0; }

.bga-footer-example .footer-links ul li { display: block; color: #ffffff !important; text-indent: 0; margin: 0 0 24px 18px; padding: 0; }

.bga-footer-example .footer-links ul li:last-of-type { margin-bottom: 0 !important; }

.bga-footer-example .footer-links ul li::before { display: none; }

.bga-footer-example .footer-links ul li a { background: url(../assets/Chevron-right-white.svg) no-repeat; background-position: left 0 top 5px; padding: 0 0 0 18px; text-indent: 0; margin-left: -18px; display: block; line-height: 26px; font-weight: 400; }

.bga-footer-example .footer-links ul li a:focus { border: 2px solid #ffffff; border-radius: 4px; outline: none; text-decoration: underline; color: #ffffff !important; }

.bga-footer-example .footer-links ul li a:hover { border: none; text-decoration: underline !important; cursor: pointer; }

.bga-footer-example .footer-divider { display: none; }

.bga-footer-example .contact-social-wrapper { width: 33.33%; }

.bga-footer-example .call-us-wrapper a { font-size: 24px; font-weight: 600; color: #ffffff !important; }

.bga-footer-example .call-us-wrapper a:focus { border: 2px solid #ffffff; border-radius: 4px; outline: none; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }

.bga-footer-example .call-us-wrapper a:hover { border: none; text-decoration: underline !important; cursor: pointer; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; }

.bga-footer-example .social-links-wrapper { width: 100%; }

.bga-footer-example .social-links-wrapper .footer-social { display: flex; margin: 0; padding: 0; flex-wrap: wrap; row-gap: 24px; }

.bga-footer-example .social-links-wrapper .footer-social li { display: block; width: 48px; height: 48px; background: #113869; border-radius: 50%; padding: 0; flex-shrink: 0; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); }

.bga-footer-example .social-links-wrapper .footer-social li::before { display: none; }

.bga-footer-example .social-links-wrapper .footer-social li svg { fill: #ffffff; width: 22px; height: 100%; margin: auto; display: block; }

.bga-footer-example .social-links-wrapper .footer-social li svg.linkedin { margin: -2px auto 0; }

.bga-footer-example .social-links-wrapper .footer-social li:focus { border: 3px solid #ffffff; background: #ffffff; outline: none; }

.bga-footer-example .social-links-wrapper .footer-social li:focus svg { fill: #113869; }

.bga-footer-example .social-links-wrapper .footer-social li:hover { border: solid #ffffff 3px; cursor: pointer; background: #ffffff; }

.bga-footer-example .social-links-wrapper .footer-social li:hover svg { fill: #113869; }

.bga-footer-example .subscribe-wrapper { background: #ffffff; }

.bga-footer-example .subscribe-wrapper p { color: #333333; }

.bga-footer-example .subscribe-wrapper .subscribe-form { text-align: left; text-align: left; display: flex; column-gap: 24px; row-gap: 24px; align-items: center; }

.bga-footer-example .subscribe-wrapper .subscribe-form a { text-decoration: underline; white-space: nowrap; display: inline-block; }

.bga-footer-example .subscribe-wrapper .subscribe-form a:focus { border: solid #2E6CB9 2px; text-decoration: underline; border-radius: 4px; outline: none; }

.bga-footer-example .subscribe-wrapper .subscribe-form a:hover { cursor: pointer; text-decoration: underline; }

.bga-footer-example.non-branded { background: #7d7d7d; }

.bga-footer-example.non-branded .social-links-wrapper .footer-social li { background: url(../assets/Img-icon-placeholder.svg) no-repeat; background-size: 48px; background-position: center center; border: none; border-radius: 0; width: 48px; height: 48px; }

.bga-footer-example.non-branded .social-links-wrapper .footer-social li::before { display: none; }

.bga-footer-example.non-branded .social-links-wrapper .footer-social li svg { display: none; }

.bga-footer-example.non-branded .social-links-wrapper .footer-social li:focus { border: 3px solid #ffffff; background: url(../assets/Img-icon-placeholder.svg) no-repeat; background-size: 48px; background-position: center center; }

.bga-footer-example.non-branded .social-links-wrapper .footer-social li:hover { border: none; background: url(../assets/Img-icon-placeholder.svg) no-repeat; background-size: 48px; background-position: center center; }

.bga-footer-example.non-branded .subscribe-wrapper .subscribe-form a:focus { border: solid mediumblue 2px; }

.copyright { background: #113869; color: #ffffff; }

.copyright p { color: #ffffff; }

.copyright svg { width: 90%; max-width: 300px; height: auto; margin-bottom: 32px; }

.copyright.non-branded { background: #333333; }

.component-example.bp-768 .bga-footer-example, .component-example.bp-576 .bga-footer-example, .component-example.bp-350 .bga-footer-example, .component-example.bp-below350 .bga-footer-example, .component-example.small-screen .bga-footer-example { flex-wrap: wrap; }

.component-example.bp-768 .bga-footer-example .footer-wrapper, .component-example.bp-576 .bga-footer-example .footer-wrapper, .component-example.bp-350 .bga-footer-example .footer-wrapper, .component-example.bp-below350 .bga-footer-example .footer-wrapper, .component-example.small-screen .bga-footer-example .footer-wrapper { width: 100%; padding-bottom: 32px !important; }

.component-example.bp-768 .bga-footer-example .footer-divider, .component-example.bp-576 .bga-footer-example .footer-divider, .component-example.bp-350 .bga-footer-example .footer-divider, .component-example.bp-below350 .bga-footer-example .footer-divider, .component-example.small-screen .bga-footer-example .footer-divider { display: block; padding: 0 16px; }

.component-example.bp-768 .bga-footer-example hr, .component-example.bp-576 .bga-footer-example hr, .component-example.bp-350 .bga-footer-example hr, .component-example.bp-below350 .bga-footer-example hr, .component-example.small-screen .bga-footer-example hr { display: block; border-top: solid 1px #ffffff; opacity: 1; margin: 0; padding: 0; }

.component-example.bp-768 .bga-footer-example .footer-links ul li, .component-example.bp-576 .bga-footer-example .footer-links ul li, .component-example.bp-350 .bga-footer-example .footer-links ul li, .component-example.bp-below350 .bga-footer-example .footer-links ul li, .component-example.small-screen .bga-footer-example .footer-links ul li { margin: 0 0 16px 18px; }

.component-example.bp-768 .bga-footer-example .contact-social-wrapper, .component-example.bp-576 .bga-footer-example .contact-social-wrapper, .component-example.bp-350 .bga-footer-example .contact-social-wrapper, .component-example.bp-below350 .bga-footer-example .contact-social-wrapper, .component-example.small-screen .bga-footer-example .contact-social-wrapper { padding-top: 32px !important; width: 100%; display: flex; }

.component-example.bp-768 .bga-footer-example .contact-social-wrapper .contact-social, .component-example.bp-576 .bga-footer-example .contact-social-wrapper .contact-social, .component-example.bp-350 .bga-footer-example .contact-social-wrapper .contact-social, .component-example.bp-below350 .bga-footer-example .contact-social-wrapper .contact-social, .component-example.small-screen .bga-footer-example .contact-social-wrapper .contact-social { width: 50%; }

.component-example.bp-768 .bga-footer-example .contact-social-wrapper .subscribe-wrapper, .component-example.bp-576 .bga-footer-example .contact-social-wrapper .subscribe-wrapper, .component-example.bp-350 .bga-footer-example .contact-social-wrapper .subscribe-wrapper, .component-example.bp-below350 .bga-footer-example .contact-social-wrapper .subscribe-wrapper, .component-example.small-screen .bga-footer-example .contact-social-wrapper .subscribe-wrapper { width: 50%; }

.component-example.bp-576 .bga-footer-example, .component-example.bp-350 .bga-footer-example, .component-example.bp-below350 .bga-footer-example, .component-example.small-screen .bga-footer-example { padding-bottom: 32px !important; }

.component-example.bp-576 .bga-footer-example .footer-wrapper, .component-example.bp-350 .bga-footer-example .footer-wrapper, .component-example.bp-below350 .bga-footer-example .footer-wrapper, .component-example.small-screen .bga-footer-example .footer-wrapper { display: block; }

.component-example.bp-576 .bga-footer-example .footer-links, .component-example.bp-350 .bga-footer-example .footer-links, .component-example.bp-below350 .bga-footer-example .footer-links, .component-example.small-screen .bga-footer-example .footer-links { width: 100%; padding-bottom: 32px !important; }

.component-example.bp-576 .bga-footer-example .footer-links:last-of-type, .component-example.bp-350 .bga-footer-example .footer-links:last-of-type, .component-example.bp-below350 .bga-footer-example .footer-links:last-of-type, .component-example.small-screen .bga-footer-example .footer-links:last-of-type { padding-bottom: 0 !important; }

.component-example.bp-576 .bga-footer-example .contact-social-wrapper, .component-example.bp-350 .bga-footer-example .contact-social-wrapper, .component-example.bp-below350 .bga-footer-example .contact-social-wrapper, .component-example.small-screen .bga-footer-example .contact-social-wrapper { display: block; }

.component-example.bp-576 .bga-footer-example .contact-social-wrapper .contact-social, .component-example.bp-350 .bga-footer-example .contact-social-wrapper .contact-social, .component-example.bp-below350 .bga-footer-example .contact-social-wrapper .contact-social, .component-example.small-screen .bga-footer-example .contact-social-wrapper .contact-social { width: 100%; }

.component-example.bp-576 .bga-footer-example .contact-social-wrapper .subscribe-wrapper, .component-example.bp-350 .bga-footer-example .contact-social-wrapper .subscribe-wrapper, .component-example.bp-below350 .bga-footer-example .contact-social-wrapper .subscribe-wrapper, .component-example.small-screen .bga-footer-example .contact-social-wrapper .subscribe-wrapper { width: 100%; }

.component-example.bp-576 .copyright, .component-example.bp-350 .copyright, .component-example.bp-below350 .copyright, .component-example.small-screen .copyright { padding: 32px 0 !important; }

.component-example.bp-350 .bga-footer-example .social-links-wrapper .footer-social li, .component-example.bp-below350 .bga-footer-example .social-links-wrapper .footer-social li, .component-example.small-screen .bga-footer-example .social-links-wrapper .footer-social li { margin-right: 16px !important; height: 40px; width: 40px; }

.component-example.bp-350 .bga-footer-example .subscribe-wrapper button, .component-example.bp-below350 .bga-footer-example .subscribe-wrapper button, .component-example.small-screen .bga-footer-example .subscribe-wrapper button { font-size: .875rem; line-height: 1.125rem; padding: 12px 24px; }

.component-example.bp-350 .bga-footer-example .subscribe-wrapper a, .component-example.bp-below350 .bga-footer-example .subscribe-wrapper a, .component-example.small-screen .bga-footer-example .subscribe-wrapper a { font-size: .875rem; line-height: 1.125rem; }

.component-example.bp-below350 .bga-footer-example .subscribe-wrapper .subscribe-form { flex-wrap: wrap; }

.component-example.bp-below350 .bga-footer-example .subscribe-wrapper button, .component-example.bp-below350 .bga-footer-example .subscribe-wrapper a { width: 100%; text-align: center; }

@media (max-width: 1200px) { .bga-footer-example { flex-wrap: wrap; } .bga-footer-example .footer-wrapper { width: 100%; padding-bottom: 32px !important; } .bga-footer-example .footer-divider { display: block; padding: 0 16px; } .bga-footer-example hr { display: block; border-top: solid 1px #ffffff; opacity: 1; margin: 0; padding: 0; } .bga-footer-example .footer-links ul li { margin: 0 0 16px 18px; } .bga-footer-example .contact-social-wrapper { padding-top: 32px !important; width: 100%; display: flex; } .bga-footer-example .contact-social-wrapper .contact-social { width: 50%; } .bga-footer-example .contact-social-wrapper .subscribe-wrapper { width: 50%; } }

@media (max-width: 768px) { .bga-footer-example { padding-bottom: 32px !important; } .bga-footer-example .footer-wrapper { display: block; } .bga-footer-example .footer-links { width: 100%; padding-bottom: 32px !important; } .bga-footer-example .footer-links:last-of-type { padding-bottom: 0 !important; } .bga-footer-example .contact-social-wrapper { display: block; } .bga-footer-example .contact-social-wrapper .contact-social { width: 100%; } .bga-footer-example .contact-social-wrapper .subscribe-wrapper { width: 100%; } .copyright { padding: 32px 0 !important; } }

@media (max-width: 576px) { .bga-footer-example .social-links-wrapper .footer-social li { margin-right: 16px !important; height: 40px; width: 40px; } .bga-footer-example .subscribe-wrapper button { font-size: .875rem; line-height: 1.125rem; padding: 12px 24px; } .bga-footer-example .subscribe-wrapper a { font-size: .875rem; line-height: 1.125rem; } }

@media (max-width: 350px) { .bga-footer-example .subscribe-wrapper .subscribe-form { flex-wrap: wrap; } .bga-footer-example .subscribe-wrapper button, .bga-footer-example .subscribe-wrapper a { width: 100%; text-align: center; } }

#breadcrumbs { background: #2E6CB9; }

#breadcrumbs .breadcrumbs { padding: 10px 0; display: flex; flex-wrap: wrap; }

#breadcrumbs .breadcrumb { list-style-type: none; display: block; margin-bottom: 0px; text-indent: 0; font-size: 0; flex-shrink: 0; }

/** CUSTOM CSS FOR BREADCRUMB **/
/* .breadcrumb-nav { list-style: none; padding: 0; margin: 0; display: inline-flex; align-items: center; font-size: 14px; }

.breadcrumb-item { display: inline-flex; align-items: center; position: relative;}

.breadcrumb-item a { text-decoration: none; transition: color 0.3 ease; }

.breadcrumb-item a:hover { color:#0056b3; } */

/* .breadcrumb-item.active {  color:#FFFFFF; background-color: rgb(49, 104, 173); padding: 6px 12px; border-radius: 12px;  } */


@media (max-width: 576px){ .breadcrumb-nav {font-size:12px;} .breadcrumb-item a, .breadcrumb-item.active {padding: 4px 8px;} }

/** END CUSTOM **/

#breadcrumbs .breadcrumb::before { content: none; }

#breadcrumbs a, #breadcrumbs p { font-size: 14px; display: block; color: #fff; border: solid 2px transparent; border-radius: 4px; }

#breadcrumbs a { font-weight: 600; padding-right: 4px; }

#breadcrumbs a:focus-visible { border-color: #ffffff; }

#breadcrumbs a:hover { text-decoration: none; }

#breadcrumbs .mobile-breadcrumb { display: none; }

#breadcrumbs.non-branded { background: #333333; }

.component-example.bp-below576 #breadcrumbs .mobile-breadcrumb { display: block; padding: 12px 0; }

.component-example.bp-below576 #breadcrumbs .mobile-breadcrumb a { padding: 0; display: flex; align-items: center; }

.component-example.bp-below576 #breadcrumbs .breadcrumbs { display: none; }

.component-example.bp-below576 #breadcrumbs.non-branded svg { display: none; }

.component-example.bp-below576 #breadcrumbs.non-branded a::before { content: ""; width: 16px; height: 16px; background: #E8E8E8; margin-right: 8px; }

@media (max-width: 576px) { #breadcrumbs .mobile-breadcrumb { display: block; padding: 12px 0; } #breadcrumbs .mobile-breadcrumb a { padding: 0; display: flex; align-items: center; } #breadcrumbs .breadcrumbs { display: none; } #breadcrumbs.non-branded svg { display: none; } #breadcrumbs.non-branded a::before { content: ""; width: 16px; height: 16px; background: #E8E8E8; margin-right: 8px; } }

.bga-component.hero-pathway { border: 1px solid #96B7DF; display: flex; background: #ffffff; }

.bga-component.hero-pathway .tile-title { color: #2157AA; text-decoration: underline; }

.bga-component.hero-pathway .icon-wrapper { border-radius: 50px; display: flex; align-items: center; }

.bga-component.hero-pathway .icon-wrapper .external-site { background: #E3ECF6; min-height: 48px; border-radius: 50px; padding: 0; margin-left: -48px; width: 100%; display: flex; align-items: center; }

.bga-component.hero-pathway .icon-wrapper p { padding-top: 4px; padding-bottom: 4px; font-size: .88rem; line-height: 18px; font-weight: 600; word-wrap: break-word; }

.bga-component.hero-pathway .arrow-icon { width: 48px; height: 48px; background: #B3CBE8; border-radius: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; z-index: 10; }

.bga-component.hero-pathway .arrow-icon img { width: 16px; height: auto; }

.bga-component.hero-pathway.border-purple .component-content { border-left: 16px #9183D8 solid; }

.bga-component.hero-pathway.border-purple .arrow-icon { background: #B1A8E3; }

.bga-component.hero-pathway.border-purple .icon-wrapper .external-site { background: #E2DDF8; }

.bga-component.hero-pathway.border-orange .component-content { border-left: 16px #E88A2D solid; }

.bga-component.hero-pathway.border-orange .arrow-icon { background: #F1B981; }

.bga-component.hero-pathway.border-orange .icon-wrapper .external-site { background: #FDE6D0; }

.bga-component.hero-pathway.border-green .component-content { border-left: 16px #85CB85 solid; }

.bga-component.hero-pathway.border-green .arrow-icon { background: #A0D1A0; }

.bga-component.hero-pathway.border-green .icon-wrapper .external-site { background: #D4EDD4; }

.bga-component.hero-pathway.border-yellow .component-content { border-left: 16px #FFD964 solid; }

.bga-component.hero-pathway.border-yellow .arrow-icon { background: #FFE491; }

.bga-component.hero-pathway.border-yellow .icon-wrapper .external-site { background: #FFF3CD; }

.bga-component.hero-pathway.border-teal .component-content { border-left: 16px #5AB3B3 solid; }

.bga-component.hero-pathway.border-teal .arrow-icon { background: #8BCACA; }

.bga-component.hero-pathway.border-teal .icon-wrapper .external-site { background: #CFEBEB; }

.bga-component.hero-pathway .component-content { width: 50%; display: flex; flex-wrap: wrap; align-content: space-between; border-left: 16px solid #96B7DF; }

.bga-component.hero-pathway .component-text { width: 100%; flex-shrink: 0; }

.bga-component.hero-pathway .component-image { width: 50%; flex-basis: auto; flex-grow: 0; display: block; }

.bga-component.hero-pathway .component-image img { object-fit: cover; height: 100%; }

.bga-component.hero-pathway:focus, .bga-component.hero-pathway:hover { color: #333333; background: #E6F3F3; }

.bga-component.hero-pathway:focus .icon-wrapper .external-site, .bga-component.hero-pathway:hover .icon-wrapper .external-site { background: #ffffff; }

.bga-component.hero-pathway.small-hero .component-content { width: 100%; }

.bga-component.hero-pathway.small-hero .component-image { display: none; }

.bga-component.hero-pathway.non-branded:focus, .bga-component.hero-pathway.non-branded:hover { color: #333333; background: #F8F8F8; }

.bga-component.hero-pathway.non-branded .icon-wrapper .external-site { background: transparent; padding: 0 0 0 16px !important; margin-left: 0; min-height: auto; }

.colour-options-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -16px; }

.colour-options-wrapper .hero-pathway { flex: 1 0 30%; margin: 0 16px 32px !important; }

.colour-options-wrapper .hero-pathway .component-content { width: 100%; }

.component-example.bp-below992 .bga-component.hero-pathway .component-content { border-left-width: 8px !important; width: 100%; }

.component-example.bp-below992 .bga-component.hero-pathway .component-image { display: none; }

.component-example.bp-below992 .bga-component.hero-pathway.small-hero { width: 100%; }

@media (max-width: 992px) { .bga-component.hero-pathway .component-content { border-left-width: 8px !important; width: 100%; } .bga-component.hero-pathway .component-image { display: none; } .bga-component.hero-pathway.small-hero { width: 100%; } .bga-component.hero-pathway.in-page { width: 100%; } }

.standard-pathway { border: 1px solid #96B7DF; background: #ffffff; max-width: 500px; display: block; }

.standard-pathway .tile-title { color: #2157AA; text-decoration: underline; }

.standard-pathway:focus, .standard-pathway:hover { color: #333333; background: #E3ECF6; }

.standard-pathway:active { border: 1px solid #96B7DF !important; }

.standard-pathway .component-content { border-left: 8px solid #2E6CB9; display: flex; flex-wrap: wrap; align-content: space-between; }

.standard-pathway .component-content p { font-weight: 400; }

.standard-pathway .arrow-icon { width: 32px; height: 32px; display: flex; background: #2E6CB9; border-radius: 50px; display: flex; align-items: center; justify-content: center; }

.standard-pathway .arrow-icon img { width: 16px; height: auto; }

.standard-pathway.non-branded:hover { background: #F8F8F8; }

.light-pathway { border: 1px solid #96B7DF; background: #ffffff; display: block; }

.light-pathway .tile-title { color: #2157AA; text-decoration: underline; }

.light-pathway:focus, .light-pathway:hover { color: #333333; background: #E3ECF6; }

.light-pathway:active { border: 1px solid #96B7DF !important; }

.light-pathway .top-icon { background: #788295; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 100px; }

.light-pathway .top-icon img { width: auto; max-width: auto; }

.light-pathway .component-content { border-left: 8px solid #96B7DF; display: flex; flex-wrap: wrap; align-content: space-between; }

.light-pathway .top-wrapper { flex-basis: 100%; }

.light-pathway .component-text { width: 100%; display: block; }

.light-pathway .tile-title { font-size: 1.1875rem; line-height: 1.5; }

.light-pathway .bottom-icon { width: 32px; height: 32px; background: #C8D9EE; border-radius: 50px; display: flex; align-items: center; justify-content: center; position: absolute; top: center; left: 0; }

.light-pathway .bottom-icon img { width: 16px; height: auto; }

.light-pathway .icon-wrapper { display: block; position: relative; min-width: 32px; min-height: 32px; }

.light-pathway.external { background-image: none; background: #ffffff; }

.light-pathway.external .icon-wrapper { display: block; position: relative; border-radius: 50px; display: flex; align-items: center; min-width: 32px; min-height: 32px; }

.light-pathway.external .icon-wrapper .external-site { background: #E3ECF6; min-height: 32px; border-radius: 50px; padding: 0 0 0 40px; width: 100%; display: flex; align-items: center; word-break: break-word; }

.light-pathway.external .icon-wrapper p { padding-top: 4px; padding-bottom: 4px; font-size: .75rem; line-height: 18px; font-weight: 600; word-break: break-word; }

.light-pathway.final.external, .light-pathway.in-progress.external { background: #D4EDD4; border: none; }

.light-pathway.final.external .component-content, .light-pathway.in-progress.external .component-content { border-left: 8px solid #A0D1A0; }

.light-pathway.final.external .bottom-icon, .light-pathway.in-progress.external .bottom-icon { background: #85CB85; }

.light-pathway.final.external .bottom-icon img, .light-pathway.in-progress.external .bottom-icon img { width: 32px; height: auto; }

.light-pathway.final.external.external .icon-wrapper .external-site, .light-pathway.in-progress.external.external .icon-wrapper .external-site { background: #ffffff; }

.light-pathway.in-progress.external { background: #FFF3CD; }

.light-pathway.in-progress.external .component-content { border-left: 8px solid #FFE491; }

.light-pathway.in-progress.external .bottom-icon { background: #EDC95A; }

.light-pathway:hover .bottom-icon { background: #96B7DF; }

.light-pathway.external:hover { background-image: none; }

.light-pathway.external:hover .icon-wrapper .external-site { background: #ffffff; }

.light-pathway.yellow .top-icon { background: #EDC95A; }

.light-pathway.orange .top-icon { background: #CC7A29; }

.light-pathway.green .top-icon { background: #629D62; }

.light-pathway.purple .top-icon { background: #7468B4; }

.light-pathway.teal .top-icon { background: #489595; }

.light-pathway.non-branded .bottom-icon { position: initial; }

.light-pathway.non-branded:focus, .light-pathway.non-branded:hover { background: #F8F8F8; }

.light-pathway.non-branded.external .icon-wrapper .external-site { background: transparent; padding: 0 0 0 16px; }

.light-pathway.non-branded.external .icon-wrapper .external-site p { padding: 0; }

.feature-pathway { display: flex; background: #2E6CB9; color: #ffffff; }

.feature-pathway .tile-title { color: #ffffff; text-decoration: underline; }

.feature-pathway .arrow-icon { width: 48px; height: 48px; display: flex; background: #ffffff; border-radius: 50px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; }

.feature-pathway .arrow-icon img { width: 16px; height: auto; }

.feature-pathway .icon-wrapper { display: block; position: relative; border-radius: 50px; display: flex; align-items: center; min-width: 48px; min-height: 48px; }

.feature-pathway .component-content { width: 50%; padding: 24px; display: flex; flex-wrap: wrap; align-content: space-between; }

.feature-pathway .component-image { width: 50%; flex-basis: auto; flex-grow: 0; display: block; }

.feature-pathway .component-image img { object-fit: cover; height: 100%; }

.feature-pathway:focus-visible { background: #C8D9EE; color: #333333; }

.feature-pathway:focus-visible .tile-title { color: #2157AA; }

.feature-pathway:hover { color: #ffffff; background: #2157AA; }

.feature-pathway:hover .tile-title { color: #ffffff; }

.feature-pathway.non-branded { background: #E8E8E8; color: #333333; }

.feature-pathway.non-branded:hover { background: #D8D8D8; }

.feature-pathway.non-branded .tile-title { color: #333333; }

.feature-example-wrapper { display: flex; }

.feature-example-wrapper .bga-component-wrapper { padding-bottom: 0 !important; }

.feature-example-wrapper.full-width-layout .feature-pathway .tile-title { font-size: 1.875rem; }

.feature-example-wrapper.full-width-layout .feature-pathway .tile-description { font-size: 1.125rem; }

.feature-example-wrapper.full-width-layout .component-content { padding: 32px; }

.component-example.bp-768 .feature-pathway .tile-title { font-size: 1.375rem !important; }

.component-example.bp-768 .feature-pathway .tile-description { font-size: 1rem; }

.component-example.bp-768 .feature-pathway .component-content { padding: 24px !important; }

.component-example.bp-below768 .feature-pathway .tile-title, .component-example.small-screen .feature-pathway .tile-title { font-size: 1.375rem !important; }

.component-example.bp-below768 .feature-pathway .tile-description, .component-example.small-screen .feature-pathway .tile-description { font-size: 1rem; }

.component-example.bp-below768 .feature-pathway .component-content, .component-example.small-screen .feature-pathway .component-content { padding: 24px !important; }

.component-example.bp-below768 .feature-pathway, .component-example.small-screen .feature-pathway { display: flex; flex-wrap: wrap; flex-flow: column-reverse; }

.component-example.bp-below768 .feature-pathway .component-content, .component-example.small-screen .feature-pathway .component-content { width: 100%; }

.component-example.bp-below768 .feature-pathway .component-image, .component-example.small-screen .feature-pathway .component-image { width: 100%; }

@media (max-width: 1200px) { .feature-pathway .tile-title { font-size: 1.375rem !important; } .feature-pathway .tile-description { font-size: 1rem; } .feature-pathway .component-content { padding: 24px !important; } }

@media (max-width: 768px) { .feature-pathway { display: flex; flex-wrap: wrap; flex-flow: column-reverse; } .feature-pathway .component-content { width: 100%; } .feature-pathway .component-image { width: 100%; } }

.inline-pathway a { background: #E3ECF6; text-decoration: none; display: flex; }

.inline-pathway a .link-wrapper { border-left: solid 8px #96B7DF; display: flex; flex-wrap: wrap; }

.inline-pathway a:focus-visible { color: #2157AA; border: 2px solid #2E6CB9; border-radius: 4px; background: #C8D9EE; outline: none; }

.inline-pathway a:hover { background: #C8D9EE; color: #2157AA; }

.inline-pathway a:last-of-type { margin-bottom: 0 !important; }

.inline-pathway .link { width: 100%; text-decoration: underline; }

.inline-pathway .page { display: flex; align-items: center; color: #333333; }

.inline-pathway .page img { width: 16px; height: 16px; }

.inline-pathway .page span { display: inline-block; }

.inline-pathway.colour-bkg a:focus-visible { background: #ffffff; }

.inline-pathway.colour-bkg a:hover { background: #ffffff; }

.inline-pathway.non-branded a { background: #E8E8E8; color: mediumblue; }

.inline-pathway.non-branded a .link-wrapper { border-left: none; }

.inline-pathway.non-branded a:focus-visible { background: #D8D8D8; }

.inline-pathway.non-branded a:hover { color: mediumblue; background: #D8D8D8 !important; }

.inline-pathway.non-branded .page { color: #333333; }

.inline-pathway.non-branded.callout-link .icon-wrapper { background: #A8A8A8; }

.inline-pathway.callout-link { background: #E3ECF6; }

.inline-pathway.callout-link .content { border-left: solid 8px #96B7DF; display: flex; flex-wrap: nowrap; align-items: center; }

.inline-pathway.callout-link .content a { display: inline; }

.inline-pathway.callout-link .content a:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; color: #113869; background: rgba(46, 108, 185, 0.15); }

.inline-pathway.callout-link .content a:hover { color: #113869; background: rgba(46, 108, 185, 0.15); }

.inline-pathway.callout-link .icon-wrapper { width: 56px; height: 56px; background: #2E6CB9; border-radius: 100px; display: flex; align-content: center; justify-content: center; flex-shrink: 0; }

.inline-pathway.callout-link img { width: 24px; height: auto; }

.inline-pathway.callout-link.non-branded .content { border: none; }

.inline-pathway.callout-link.non-branded a:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; }

.inline-pathway.callout-link.non-branded a:hover { color: mediumblue; background: transparent !important; }

.inline-pathway.callout-link.non-branded img { width: auto !important; }

.component-example.bp-below576 .inline-pathway.callout-link .content, .component-example.small-screen .inline-pathway.callout-link .content { flex-wrap: wrap !important; align-items: center; justify-content: center; }

.component-example.bp-below576 .inline-pathway.callout-link .link-wrapper, .component-example.small-screen .inline-pathway.callout-link .link-wrapper { width: 100%; }

.component-example.bp-below576 .inline-pathway.callout-link .icon-wrapper, .component-example.small-screen .inline-pathway.callout-link .icon-wrapper { width: 44px; height: 44px; margin: 0 0 16px 0 !important; }

.component-example.bp-below576 .inline-pathway.callout-link img, .component-example.small-screen .inline-pathway.callout-link img { width: 20px; }

@media (max-width: 576px) { .inline-pathway.callout-link .content { flex-wrap: wrap !important; align-items: center; justify-content: center; } .inline-pathway.callout-link .link-wrapper { width: 100%; } .inline-pathway.callout-link .icon-wrapper { width: 44px; height: 44px; margin: 0 0 16px 0 !important; } .inline-pathway.callout-link img { width: 20px; } }

.bga-component.relevant-support-links a { border: 1px solid #96B7DF; background: #ffffff; text-decoration: none; }

.bga-component.relevant-support-links a .icon-wrapper { background: #E2DDF8; border-left: 8px solid #9183D8; border-top-right-radius: 50px; border-bottom-right-radius: 50px; min-width: 152px; align-items: center; }

.bga-component.relevant-support-links a .icon-wrapper p { font-size: 1.1875rem; font-weight: 600; text-decoration: none; color: #333333; line-height: 1.5; }

.bga-component.relevant-support-links a .arrow-icon { display: flex; }

.bga-component.relevant-support-links a .arrow-icon img { width: 16px; height: auto; }

.bga-component.relevant-support-links a p { text-decoration: underline; }

.bga-component.relevant-support-links a:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.bga-component.relevant-support-links a:focus-visible, .bga-component.relevant-support-links a:hover { background: #E2DDF8; }

.bga-component.relevant-support-links a:focus-visible .icon-wrapper, .bga-component.relevant-support-links a:hover .icon-wrapper { background: #B1A8E3; }

.bga-component.relevant-support-links a:focus-visible .icon-wrapper p, .bga-component.relevant-support-links a:hover .icon-wrapper p { color: #333333; }

.bga-component.relevant-support-links a:focus-visible p, .bga-component.relevant-support-links a:hover p { color: #2157AA; }

.bga-component.relevant-support-links a.event .icon-wrapper { background: #FDE6D0; border-left: 8px solid #E88A2D; }

.bga-component.relevant-support-links a.event:focus-visible, .bga-component.relevant-support-links a.event:hover { background: #FDE6D0; }

.bga-component.relevant-support-links a.event:focus-visible .icon-wrapper, .bga-component.relevant-support-links a.event:hover .icon-wrapper { background: #F1B981; }

.bga-component.relevant-support-links a.adviser .icon-wrapper { background: #FFF3CD; border-left: 8px solid #FFD964; }

.bga-component.relevant-support-links a.adviser:focus-visible, .bga-component.relevant-support-links a.adviser:hover { background: #FFF3CD; }

.bga-component.relevant-support-links a.adviser:focus-visible .icon-wrapper, .bga-component.relevant-support-links a.adviser:hover .icon-wrapper { background: #FFE491; }

.bga-component.relevant-support-links.colour-examples { display: flex; }

.bga-component.relevant-support-links.colour-examples a { margin-right: 24px; }

.bga-component.relevant-support-links.colour-examples a:last-of-type { margin-right: 0; }

.bga-component.relevant-support-links.colour-examples .icon-wrapper { min-width: auto; }

.bga-component.relevant-support-links.colour-examples .arrow-icon { flex-shrink: 0; }

.bga-component.relevant-support-links.non-branded a { border: 1px solid #C8C8C8; }

.bga-component.relevant-support-links.non-branded a .icon-wrapper { background: #E8E8E8; border-left: none; border-radius: 0; }

.bga-component.relevant-support-links.non-branded a:focus-visible .icon-wrapper p, .bga-component.relevant-support-links.non-branded a:hover .icon-wrapper p { color: #333333; }

.bga-component.relevant-support-links.non-branded a:focus-visible p, .bga-component.relevant-support-links.non-branded a:hover p { color: mediumblue; }

.component-example.bp-350 .bga-component.relevant-support-links a, .component-example.bp-below350 .bga-component.relevant-support-links a { background: white !important; }

.component-example.bp-350 .bga-component.relevant-support-links a .icon-wrapper, .component-example.bp-below350 .bga-component.relevant-support-links a .icon-wrapper { background: none !important; border-radius: 0; min-width: auto; padding-right: 0 !important; }

.component-example.bp-350 .bga-component.relevant-support-links a .icon-wrapper p, .component-example.bp-below350 .bga-component.relevant-support-links a .icon-wrapper p { display: none; }

.component-example.bp-350 .bga-component.relevant-support-links a .arrow-icon, .component-example.bp-below350 .bga-component.relevant-support-links a .arrow-icon { background: #E2DDF8; height: 48px; width: 48px; flex-wrap: wrap; justify-content: center; border-radius: 50px; }

.component-example.bp-350 .bga-component.relevant-support-links a .link-text, .component-example.bp-below350 .bga-component.relevant-support-links a .link-text { padding: 16px !important; }

.component-example.bp-350 .bga-component.relevant-support-links a:focus-visible, .component-example.bp-350 .bga-component.relevant-support-links a:hover, .component-example.bp-below350 .bga-component.relevant-support-links a:focus-visible, .component-example.bp-below350 .bga-component.relevant-support-links a:hover { border: 1px solid #96B7DF; border-radius: 0; }

.component-example.bp-350 .bga-component.relevant-support-links a:focus-visible .icon-wrapper, .component-example.bp-350 .bga-component.relevant-support-links a:hover .icon-wrapper, .component-example.bp-below350 .bga-component.relevant-support-links a:focus-visible .icon-wrapper, .component-example.bp-below350 .bga-component.relevant-support-links a:hover .icon-wrapper { background: none !important; }

.component-example.bp-350 .bga-component.relevant-support-links a.event .arrow-icon, .component-example.bp-below350 .bga-component.relevant-support-links a.event .arrow-icon { background: #FDE6D0; }

.component-example.bp-350 .bga-component.relevant-support-links a.adviser .arrow-icon, .component-example.bp-below350 .bga-component.relevant-support-links a.adviser .arrow-icon { background: #FFF3CD; }

.component-example.bp-350 .bga-component.relevant-support-links.non-branded a .arrow-icon, .component-example.bp-below350 .bga-component.relevant-support-links.non-branded a .arrow-icon { background: #E8E8E8 !important; }

.component-example.bp-below350 .bga-component.relevant-support-links a .icon-wrapper { padding: 0 !important; }

.component-example.bp-below350 .bga-component.relevant-support-links a .arrow-icon { display: none !important; }

@media (max-width: 768px) { .bga-component.relevant-support-links.colour-examples { display: block; } .bga-component.relevant-support-links.colour-examples a { width: 100% !important; } .bga-component.relevant-support-links.colour-examples a .link-wrapper { align-items: center; } }

@media (max-width: 576px) { .bga-component.relevant-support-links a { background: white !important; } .bga-component.relevant-support-links a .icon-wrapper { background: none !important; border-radius: 0; min-width: auto; padding-right: 0 !important; } .bga-component.relevant-support-links a .icon-wrapper p { display: none; } .bga-component.relevant-support-links a .arrow-icon { background: #E2DDF8; height: 48px; width: 48px; flex-wrap: wrap; justify-content: center; border-radius: 50px; } .bga-component.relevant-support-links a .link-text { padding: 16px !important; } .bga-component.relevant-support-links a:focus-visible, .bga-component.relevant-support-links a:hover { border: 1px solid #96B7DF; border-radius: 0; } .bga-component.relevant-support-links a:focus-visible .icon-wrapper, .bga-component.relevant-support-links a:hover .icon-wrapper { background: none !important; } .bga-component.relevant-support-links a.event .arrow-icon { background: #FDE6D0; } .bga-component.relevant-support-links a.adviser .arrow-icon { background: #FFF3CD; } .bga-component.relevant-support-links.non-branded a .arrow-icon { background: #E8E8E8 !important; } }

@media (max-width: 350px) { .bga-component.relevant-support-links a .icon-wrapper { padding: 0 !important; } .bga-component.relevant-support-links a .arrow-icon { display: none !important; } }

.callout-box.blue.subscribe { border-left-width: 16px; background: #C8D9EE; }

.callout-box.blue.subscribe h2 span, .callout-box.blue.subscribe .h2 span { font-weight: 400; }

.callout-box.blue.subscribe .button-group { align-items: center; column-gap: 24px; row-gap: 24px; }

.callout-box.blue.subscribe.colour-bkg { background: #ffffff; }

.callout-box.blue.subscribe.non-branded .bga-btn { background: #ffffff; }

.callout-box.blue.subscribe.non-branded .bga-btn:hover { background: #F8F8F8; }

.component-example.bp-350 .callout-box.blue.subscribe, .component-example.bp-below350 .callout-box.blue.subscribe { border-left-width: 8px; }

.component-example.bp-350 .callout-box.blue.subscribe .button-group a, .component-example.bp-below350 .callout-box.blue.subscribe .button-group a { font-size: 0.875rem; }

.component-example.bp-below350 .callout-box.blue.subscribe .button-group { flex-wrap: wrap; align-content: flex-start; }

.component-example.bp-below350 .callout-box.blue.subscribe .button-group a { text-align: center; width: 100%; }

.component-example.bp-below350 .callout-box.blue.subscribe .button-group .button-example { width: 100%; }

.component-example.bp-below350 .callout-box.blue.subscribe .button-group button { width: 100%; }

@media (max-width: 576px) { .callout-box.blue.subscribe { border-left-width: 8px; } .callout-box.blue.subscribe .button-group a { font-size: 0.875rem; } }

@media (max-width: 350px) { .callout-box.blue.subscribe .button-group { flex-wrap: wrap; align-content: flex-start; } .callout-box.blue.subscribe .button-group a { text-align: center; width: 100%; } .callout-box.blue.subscribe .button-group .button-example { width: 100%; } .callout-box.blue.subscribe .button-group button { width: 100%; } }

.standard-pathway.image-pathway .component-image { height: 240px; }

.standard-pathway.image-pathway .component-image .tile-title { color: #2157AA; text-decoration: underline; }

.standard-pathway.image-pathway .component-image img { width: 100%; height: 100%; object-fit: cover; }

.standard-pathway.image-pathway .component-content { border-left: none; width: 100%; height: calc(100% - 272px); display: flex; flex-wrap: wrap; align-content: space-between; }

.standard-pathway.image-pathway .component-text { width: 100%; height: 100%; }

.standard-pathway.image-pathway.non-branded .component-content { height: calc(100% - 256px); }

.page-header-wrapper { background: linear-gradient(0deg, #b8cde7 0%, #9cb6db 100%); margin: 0 -24px; padding: 32px 32px 0; }

.page-header-wrapper .page-header { display: flex; }

.page-header-wrapper .component-content { background: #C8D9EE; width: 100%; padding: 32px; }

.page-header-wrapper .component-text { width: 83%; }

.page-header-wrapper .title-wrapper { display: flex; align-items: flex-start; }

.page-header-wrapper .title-wrapper .icon-wrapper { background: #299F28; border-radius: 100px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.page-header-wrapper .title-wrapper .icon-wrapper.fail { background: #C9201D; }

.page-header-wrapper .description { font-size: 1.125rem; line-height: 1.77785; }

.page-header-wrapper .component-image { margin: 0; min-height: 300px; width: 50%; }

.page-header-wrapper .component-image img { object-position: center center; object-fit: cover; width: 100%; height: 100%; }

.page-header-wrapper .page-header.category .component-content { width: 50%; }

.page-header-wrapper .page-header.category .component-text { width: 100%; }

.page-header-wrapper.non-branded { background: #C8C8C8; }

.page-header-wrapper.non-branded .component-content { background: #E8E8E8; }

.page-header-wrapper { padding: 32px 32px 0; margin: 0; }

.page-header-wrapper.yellow { background: linear-gradient(180deg, #fadd82 0%, #fdebb3 100%); }

.page-header-wrapper.yellow .component-content { background: #FFF3CD; }

.page-header-wrapper.teal { background: linear-gradient(180deg, #9ed2d3 0%, #bfe2e2 100%); }

.page-header-wrapper.teal .component-content { background: #CFEBEB; }

.page-header-wrapper.green { background: linear-gradient(0deg, #c0eac0 0%, #a0d1a0 100%); }

.page-header-wrapper.green .component-content { background: #D4EDD4; }

.page-header-wrapper.red { background: linear-gradient(0deg, #f7d7d7 0%, #f5b5b5 100%); }

.page-header-wrapper.red .component-content { background: #FCE9E9; }

.component-example.bp-576 .page-header-wrapper .page-header.category .component-content, .component-example.bp-below576 .page-header-wrapper .page-header.category .component-content, .component-example.small-screen .page-header-wrapper .page-header.category .component-content { width: 100%; }

.component-example.bp-576 .page-header-wrapper .page-header.category .component-image, .component-example.bp-below576 .page-header-wrapper .page-header.category .component-image, .component-example.small-screen .page-header-wrapper .page-header.category .component-image { display: none; }

.component-example.bp-576 .page-header-wrapper .page-header .component-text, .component-example.bp-below576 .page-header-wrapper .page-header .component-text, .component-example.small-screen .page-header-wrapper .page-header .component-text { width: 100%; }

.component-example.bp-below576 .page-header-wrapper, .component-example.small-screen .page-header-wrapper { background: #C8D9EE; padding: 0; }

.component-example.bp-below576 .page-header-wrapper .component-content, .component-example.small-screen .page-header-wrapper .component-content { padding: 24px 24px; }

.component-example.bp-below576 .page-header-wrapper .title-wrapper, .component-example.small-screen .page-header-wrapper .title-wrapper { flex-wrap: wrap; margin: 0 !important; }

.component-example.bp-below576 .page-header-wrapper .title-wrapper .icon-wrapper, .component-example.small-screen .page-header-wrapper .title-wrapper .icon-wrapper { width: 44px; height: 44px; margin: 0 0 24px 0 !important; }

.component-example.bp-below576 .page-header-wrapper .title-wrapper .icon-wrapper svg, .component-example.small-screen .page-header-wrapper .title-wrapper .icon-wrapper svg { height: 26px; width: 26px; }

.component-example.bp-below576 .page-header-wrapper h1, .component-example.bp-below576 .page-header-wrapper .h1, .component-example.small-screen .page-header-wrapper h1, .component-example.small-screen .page-header-wrapper .h1 { font-size: 2rem; width: 100%; flex-shrink: 0; }

.component-example.bp-below576 .page-header-wrapper .description, .component-example.small-screen .page-header-wrapper .description { font-size: 1rem; line-height: 1.625; }

.callout-box { background: #FFF3CD; border-left: solid 8px #FFD964; }

.callout-box.blue { background: #E3ECF6; border-left: solid 8px #96B7DF; }

.callout-box.blue .header-section, .callout-box.blue .footer-section { background: #C8D9EE; }

.callout-box.teal { background: #CFEBEB; border-left: solid 8px #5AB3B3; }

.callout-box ul.indented li { list-style-type: none; text-indent: 0; display: flex; margin-bottom: 24px; }

.callout-box ul.indented li::before { display: none; }

.callout-box ul.indented li strong { min-width: 120px; display: block; }

.callout-box ul.indented li span { display: block; width: calc(100%-120px); margin-bottom: 8px; }

.callout-box ul.indented li span:last-of-type { margin-bottom: 0; }

.callout-box ul.indented-events li { list-style-type: none; text-indent: 0 !important; margin-bottom: 24px; }

.callout-box ul.indented-events li::before { display: none; }

.callout-box.non-branded.blue .header-section, .callout-box.non-branded.blue .footer-section { background: #D8D8D8; }

.callout-box.non-branded .accordion.event-sessions { border-bottom: 1px solid #333333; }

.callout-box.non-branded .accordion.event-sessions .accordion-header .accordion-button { border-top: 1px solid #333333; }

.callout-box.non-branded .accordion.event-sessions .accordion-header .accordion-button:focus-visible { border: mediumblue 2px solid; }

.accordion.event-sessions { border-bottom: 1px solid #788295; }

.accordion.event-sessions .accordion-item { border: none; border-radius: 0; background: none; }

.accordion.event-sessions .accordion-item:last-of-type { border-bottom: none; }

.accordion.event-sessions .accordion-item:last-of-type .accordion-button { border-radius: 0; }

.accordion.event-sessions .accordion-item:first-of-type .accordion-button { border-radius: 0; }

.accordion.event-sessions .accordion-header .accordion-button { padding: 16px 8px; background: none; border-top: 1px solid #788295; }

.accordion.event-sessions .accordion-header .accordion-button p { padding-right: 16px; }

.accordion.event-sessions .accordion-header .accordion-button::after { background-image: url(../Chevron-down-black.svg); background-size: 16px 10px; width: 16px; height: 10px; padding-left: 16px; }

.accordion.event-sessions .accordion-header .accordion-button:not(.collapsed) { background: #ffffff; color: #333333; box-shadow: none; }

.accordion.event-sessions .accordion-header .accordion-button:focus { box-shadow: none; outline: none; }

.accordion.event-sessions .accordion-header .accordion-button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: #ffffff; }

.accordion.event-sessions .accordion-header .accordion-button:hover { text-decoration: underline; background: #ffffff; }

.accordion.event-sessions .accordion-body { padding: 0 8px 16px 8px; background: #ffffff; border: none; }

.accordion.event-sessions .accordion-body p { margin-bottom: 16px; }

.accordion.event-sessions .accordion-body p:last-of-type { margin-bottom: 0; }

.registration-link-wrapper { display: flex; }

.component-example.bp-below768 .callout-box ul.indented li, .component-example.small-screen .callout-box ul.indented li { display: block; }

.component-example.bp-below768 .callout-box ul.indented strong, .component-example.small-screen .callout-box ul.indented strong { min-width: unset; width: 100%; margin-bottom: 0px; }

.component-example.bp-below768 .callout-box ul.indented span, .component-example.small-screen .callout-box ul.indented span { width: 100%; margin-bottom: 0; }

.component-example.bp-350 .accordion.event-sessions .accordion-header .accordion-button, .component-example.small-screen .accordion.event-sessions .accordion-header .accordion-button { padding: 16px 8px; }

.component-example.bp-350 .accordion.event-sessions .accordion-header .accordion-button p, .component-example.small-screen .accordion.event-sessions .accordion-header .accordion-button p { font-size: 1rem; line-height: 1.75; padding-right: 8px; }

.component-example.bp-350 .registration-link-wrapper, .component-example.small-screen .registration-link-wrapper { display: block; }

.component-example.bp-350 .registration-link-wrapper .form-select, .component-example.small-screen .registration-link-wrapper .form-select { margin-bottom: 24px; }

.component-example.bp-below350 .accordion.event-sessions .accordion-header .accordion-button, .component-example.small-screen .accordion.event-sessions .accordion-header .accordion-button { padding: 16px 8px; }

.component-example.bp-below350 .accordion.event-sessions .accordion-header .accordion-button p, .component-example.small-screen .accordion.event-sessions .accordion-header .accordion-button p { font-size: 1rem; line-height: 1.75; padding-right: 8px; }

.component-example.bp-below350 .registration-link-wrapper, .component-example.small-screen .registration-link-wrapper { display: block; }

.component-example.bp-below350 .registration-link-wrapper .form-select, .component-example.small-screen .registration-link-wrapper .form-select { margin-bottom: 24px; }

@media (max-width: 768px) { .callout-box ul.indented li { display: block; } .callout-box ul.indented strong { min-width: unset; width: 100%; margin-bottom: 0px; } .callout-box ul.indented span { width: 100%; margin-bottom: 0; } }

@media (max-width: 576px) { .accordion.event-sessions .accordion-header .accordion-button { padding: 16px 8px; } .accordion.event-sessions .accordion-header .accordion-button p { font-size: 1rem; line-height: 1.75; padding-right: 8px; } .registration-link-wrapper { display: block; } .registration-link-wrapper .form-select { margin-bottom: 24px; } }

.callout-box.call-to-action .download-link-wrapper a { background: #ffffff; display: flex; flex-wrap: wrap; text-decoration: none; }

.callout-box.call-to-action .download-link-wrapper a p { width: 100%; display: flex; align-items: center; }

.callout-box.call-to-action .download-link-wrapper a .detail { color: #333333; }

.callout-box.call-to-action .download-link-wrapper a svg { width: 16px; height: 16px; }

.callout-box.call-to-action .download-link-wrapper a:focus, .callout-box.call-to-action .download-link-wrapper a:hover { background: #E3ECF6; outline: none; border: none; color: #2157AA; }

.callout-box.call-to-action .download-link-wrapper a:focus .document-title, .callout-box.call-to-action .download-link-wrapper a:hover .document-title { text-decoration: underline; }

.callout-box.call-to-action .download-link-wrapper a:focus-within { border: 2px solid #2E6CB9; border-radius: 4px; color: #2157AA; }

.callout-box.call-to-action .download-link-wrapper a:active { background: #C8D9EE; border: none; color: #2157AA; }

.callout-box.call-to-action.teal { background: #CFEBEB; border-left-color: #8BCACA; }

.callout-box.call-to-action .button-group { flex-wrap: wrap; row-gap: 24px; column-gap: 24px; }

.callout-box.call-to-action.non-branded .download-link-wrapper a:focus-visible { background: #ffffff; color: mediumblue; border: mediumblue solid 2px; }

.callout-box.call-to-action.non-branded .download-link-wrapper a:hover { background: #F8F8F8; color: mediumblue; }

.callout-box.call-to-action.non-branded .download-link-wrapper a svg path { fill: #333333; }

.callout-box.call-to-action.non-branded .bga-btn { background: #ffffff; }

.callout-box.call-to-action.non-branded .bga-btn svg { display: none; }

.component-example.bp-350 .callout-box .bga-btn.bga-secondary-btn, .component-example.bp-350 .callout-box .bga-btn.bga-primary-btn, .component-example.bp-350 .callout-box.call-to-action .bga-btn.bga-secondary-btn, .component-example.bp-350 .callout-box.call-to-action .bga-btn.bga-primary-btn, .component-example.bp-below350 .callout-box .bga-btn.bga-secondary-btn, .component-example.bp-below350 .callout-box .bga-btn.bga-primary-btn, .component-example.bp-below350 .callout-box.call-to-action .bga-btn.bga-secondary-btn, .component-example.bp-below350 .callout-box.call-to-action .bga-btn.bga-primary-btn { width: auto; font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; min-width: 80px; }

.component-example.bp-350 .callout-box h2, .component-example.bp-350 .callout-box .h2, .component-example.bp-350 .callout-box.call-to-action h2, .component-example.bp-below350 .callout-box h2, .component-example.bp-below350 .callout-box .h2, .component-example.bp-below350 .callout-box.call-to-action h2 { font-size: 1.75rem; }

.component-example.bp-350 .callout-box ul, .component-example.bp-350 .callout-box.call-to-action ul, .component-example.bp-below350 .callout-box ul, .component-example.bp-below350 .callout-box.call-to-action ul { padding: 0 0 8px 24px; }

.component-example.bp-350 .callout-box ul li, .component-example.bp-350 .callout-box.call-to-action ul li, .component-example.bp-below350 .callout-box ul li, .component-example.bp-below350 .callout-box.call-to-action ul li { text-indent: -12px; }

.component-example.bp-350 .callout-box ul li::before, .component-example.bp-350 .callout-box.call-to-action ul li::before, .component-example.bp-below350 .callout-box ul li::before, .component-example.bp-below350 .callout-box.call-to-action ul li::before { padding: 0 10px 0 0; }

.component-example.bp-350 .callout-box ul ul, .component-example.bp-350 .callout-box.call-to-action ul ul, .component-example.bp-below350 .callout-box ul ul, .component-example.bp-below350 .callout-box.call-to-action ul ul { padding: 0 0 0 24px; }

.component-example.bp-350 .callout-box ul ul li::before, .component-example.bp-350 .callout-box.call-to-action ul ul li::before, .component-example.bp-below350 .callout-box ul ul li::before, .component-example.bp-below350 .callout-box.call-to-action ul ul li::before { padding: 0 8px 0 0; }

.component-example.bp-350 .callout-box ul ul ul, .component-example.bp-350 .callout-box.call-to-action ul ul ul, .component-example.bp-below350 .callout-box ul ul ul, .component-example.bp-below350 .callout-box.call-to-action ul ul ul { padding: 0 0 0 24px; }

.component-example.bp-350 .callout-box ul ul ul li::before, .component-example.bp-350 .callout-box.call-to-action ul ul ul li::before, .component-example.bp-below350 .callout-box ul ul ul li::before, .component-example.bp-below350 .callout-box.call-to-action ul ul ul li::before { padding: 0 10px 0 0; }

.component-example.bp-below350 .callout-box .button-example, .component-example.bp-below350 .callout-box .bga-btn.bga-secondary-btn, .component-example.bp-below350 .callout-box .bga-btn.bga-primary-btn, .component-example.bp-below350 .callout-box.call-to-action .button-example, .component-example.bp-below350 .callout-box.call-to-action .bga-btn.bga-secondary-btn, .component-example.bp-below350 .callout-box.call-to-action .bga-btn.bga-primary-btn { width: 100% !important; }

@media (max-width: 576px) { .callout-box .bga-btn.bga-secondary-btn, .callout-box .bga-btn.bga-primary-btn, .callout-box.call-to-action .bga-btn.bga-secondary-btn, .callout-box.call-to-action .bga-btn.bga-primary-btn { width: auto; font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; min-width: 80px; } .callout-box h2, .callout-box .h2, .callout-box.call-to-action h2 { font-size: 1.75rem; } .callout-box ul, .callout-box.call-to-action ul { padding: 0 0 8px 24px; } .callout-box ul li, .callout-box.call-to-action ul li { text-indent: -12px; } .callout-box ul li::before, .callout-box.call-to-action ul li::before { padding: 0 10px 0 0; } .callout-box ul ul, .callout-box.call-to-action ul ul { padding: 0 0 0 24px; } .callout-box ul ul li::before, .callout-box.call-to-action ul ul li::before { padding: 0 8px 0 0; } .callout-box ul ul ul, .callout-box.call-to-action ul ul ul { padding: 0 0 0 24px; } .callout-box ul ul ul li::before, .callout-box.call-to-action ul ul ul li::before { padding: 0 10px 0 0; } }

@media (max-width: 350px) { .callout-box .button-example, .callout-box .bga-btn.bga-secondary-btn, .callout-box .bga-btn.bga-primary-btn, .callout-box.call-to-action .button-example, .callout-box.call-to-action .bga-btn.bga-secondary-btn, .callout-box.call-to-action .bga-btn.bga-primary-btn { width: 100% !important; } }

.get-contract-modal.modal-example { max-height: none; height: auto; position: fixed; top: 5rem; z-index: 9000; left: calc(50% - 320px); display: none; }

.get-contract-modal.modal-example.show { display: block; }

.get-contract-modal.modal-example .icon-wrapper { background: #299F28; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50px; }

.get-contract-modal.modal-example .icon-wrapper img { width: 18px; }

.get-contract-modal.modal-example .number-code { align-items: center; }

.get-contract-modal.modal-example .number-code input { width: 56px; border: none; border-bottom: solid 4px #2E3E5A; font-size: 1.5rem; font-weight: 600; text-align: center; color: #2E3E5A; }

.get-contract-modal.modal-example .number-code input:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; border-bottom: #2E6CB9 solid 4px; }

.get-contract-modal.modal-example .number-code .loading-animation { display: none; position: relative; }

.get-contract-modal.modal-example .number-code .loading-animation.show { display: flex; align-items: center; }

@keyframes fa-spin { 0% { transform: rotate(0deg); }
  to { transform: rotate(1turn); } }

.get-contract-modal.modal-example .number-code .loading-animation svg { width: 44px; height: 44px; animation: fa-spin 2s linear infinite; }

.get-contract-modal.modal-example .number-code .success-icon { display: none; position: relative; }

.get-contract-modal.modal-example .number-code .success-icon.show { display: flex; align-items: center; }

.get-contract-modal.modal-example .number-code .success-icon svg { flex-shrink: 0; }

.get-contract-modal.modal-example .number-code .success-icon circle { fill: #299F28; stroke: #299F28; stroke-width: 4px; stroke-dasharray: 126; animation: success-animation 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; transform: rotate(-90deg); transform-origin: center; position: absolute; top: 0; left: 0; }

@keyframes success-animation { 0% { stroke-dashoffset: 126;
    fill: transparent; }
  50% { stroke-dashoffset: 0;
    fill: transparent; }
  100% { stroke-dashoffset: 0;
    fill: #299F28; } }

.get-contract-modal.modal-example .number-code .success-icon .tick { position: absolute; top: 21px; left: 13px; }

.get-contract-modal.modal-example .number-code .success-icon .msg { color: #068905; line-height: 1.5; display: none; }

.get-contract-modal.modal-example .number-code .success-icon .msg.show { display: block; }

.get-contract-modal.modal-example .number-code .error-msg { display: none; }

.get-contract-modal.modal-example .number-code.error .code-inputs { box-shadow: 0 0 0 8px #F5B5B5; background: #F5B5B5; }

.get-contract-modal.modal-example .number-code.error input { background: #FCE9E9; border-bottom-color: #C9201D; }

.get-contract-modal.modal-example .number-code.error .error-msg { display: block; }

.get-contract-modal.modal-example .number-code.error .error-msg p { color: #C9201D; }

.get-contract-modal.modal-example .resend { display: flex; }

.get-contract-modal.modal-example .resend a.sent { color: #068905; text-decoration: none; cursor: default; }

.get-contract-modal.modal-example .resend a.sent:hover { background: transparent; }

#nb.get-contract-modal.modal-example .resend a.sent { color: green; }

#bga-modal-email .step, #nb-modal-email .step, #modal-email .step { display: none; }

#bga-modal-email .step.show, #nb-modal-email .step.show, #modal-email .step.show { display: block; }

#email-form input { width: auto; flex-grow: 1; }

#bga-modal-download .hide, #nb-modal-download .hide, #modal-download .hide, #ecb-modal-download .hide { display: none; }

#bga-modal-download .step, #nb-modal-download .step, #modal-download .step, #ecb-modal-download .step { display: none; }

#bga-modal-download .step.show, #nb-modal-download .step.show, #modal-download .step.show, #ecb-modal-download .step.show { display: block; }

#bga-modal-download .animation-wrapper, #nb-modal-download .animation-wrapper, #modal-download .animation-wrapper, #ecb-modal-download .animation-wrapper { column-gap: 16px; row-gap: 16px; }

@keyframes fa-spin { 0% { transform: rotate(0deg); }
  to { transform: rotate(1turn); } }

#bga-modal-download .loading-animation svg, #nb-modal-download .loading-animation svg, #modal-download .loading-animation svg, #ecb-modal-download .loading-animation svg { width: 40px; height: 40px; animation: fa-spin 2s linear infinite; }

.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8500; background-color: #333333; opacity: .6; display: none; }

.modal-overlay.show { display: block; }

.component-example.bp-350 .get-contract-modal.modal-example, .component-example.bp-below350 .get-contract-modal.modal-example { top: 1rem; left: 16px; width: calc(100% - 32px); max-width: none; }

.component-example.bp-350 .get-contract-modal.modal-example #email-form, .component-example.bp-below350 .get-contract-modal.modal-example #email-form { flex-wrap: wrap; }

.component-example.bp-350 .get-contract-modal.modal-example #email-form input, .component-example.bp-below350 .get-contract-modal.modal-example #email-form input { width: 100%; margin-right: 0 !important; }

.component-example.bp-350 .get-contract-modal.modal-example .number-code .loading-animation, .component-example.bp-below350 .get-contract-modal.modal-example .number-code .loading-animation { margin-left: 8px !important; }

.component-example.bp-350 .get-contract-modal.modal-example .number-code .success-icon .tick, .component-example.bp-below350 .get-contract-modal.modal-example .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; }

.component-example.bp-350 #bga-modal-download .animation-wrapper, .component-example.bp-350 #nb-modal-download .animation-wrapper, .component-example.bp-350 #modal-download .animation-wrapper, .component-example.bp-350 #ecb-modal-download .animation-wrapper, .component-example.bp-below350 #bga-modal-download .animation-wrapper, .component-example.bp-below350 #nb-modal-download .animation-wrapper, .component-example.bp-below350 #modal-download .animation-wrapper, .component-example.bp-below350 #ecb-modal-download .animation-wrapper { column-gap: 8px; row-gap: 8px; }

.component-example.bp-350 #bga-modal-download .loading-animation svg, .component-example.bp-350 #nb-modal-download .loading-animation svg, .component-example.bp-350 #modal-download .loading-animation svg, .component-example.bp-350 #ecb-modal-download .loading-animation svg, .component-example.bp-below350 #bga-modal-download .loading-animation svg, .component-example.bp-below350 #nb-modal-download .loading-animation svg, .component-example.bp-below350 #modal-download .loading-animation svg, .component-example.bp-below350 #ecb-modal-download .loading-animation svg { width: 32px; height: 32px; }

.component-example.bp-350 .get-contract-modal.modal-example, .component-example.bp-below350 .get-contract-modal.modal-example { max-width: 400px; left: calc(50% - 288px); }

.component-example.bp-below350 .get-contract-modal.modal-example { top: 1rem; left: 16px; width: calc(100% - 32px); max-width: none; }

.component-example.bp-below350 .get-contract-modal.modal-example #email-form { flex-wrap: wrap; }

.component-example.bp-below350 .get-contract-modal.modal-example #email-form input { width: 100%; margin-right: 0 !important; }

.component-example.bp-below350 .get-contract-modal.modal-example .number-code .loading-animation { margin-left: 8px !important; }

.component-example.bp-below350 .get-contract-modal.modal-example .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; }

.component-example.bp-below350 #bga-modal-download .animation-wrapper, .component-example.bp-below350 #nb-modal-download .animation-wrapper, .component-example.bp-below350 #modal-download .animation-wrapper, .component-example.bp-below350 #ecb-modal-download .animation-wrapper { column-gap: 8px; row-gap: 8px; }

.component-example.bp-below350 #bga-modal-download .loading-animation svg, .component-example.bp-below350 #nb-modal-download .loading-animation svg, .component-example.bp-below350 #modal-download .loading-animation svg, .component-example.bp-below350 #ecb-modal-download .loading-animation svg { width: 32px; height: 32px; }

.component-example.bp-below350 .get-contract-modal.modal-example .number-code input { width: 40px; }

.component-example.bp-below350 .get-contract-modal.modal-example .number-code .loading-animation svg { width: 32px; height: auto; }

.component-example.bp-below350 .get-contract-modal.modal-example .number-code .success-icon { margin-left: 16px !important; }

.component-example.bp-below350 .get-contract-modal.modal-example .number-code .success-icon svg { width: 32px; height: auto; }

.component-example.bp-below350 .get-contract-modal.modal-example .number-code .success-icon svg.tick { width: 15px; top: 22px; left: 8px; }

.component-example.bp-below350 .get-contract-modal.modal-example #step-email-success .heading-wrapper { display: block !important; }

.component-example.bp-below350 .get-contract-modal.modal-example #step-email-success .heading-wrapper .success-icon-static { padding-bottom: 16px; }

.component-example.bp-below350 .get-contract-modal.modal-example #step-download-generate .animation-wrapper { justify-content: flex-start; flex-wrap: wrap; }

.component-example.bp-below350 .get-contract-modal.modal-example #step-download-generate .animation-wrapper svg { margin-right: calc(100% - 60px); }

.component-example.bp-below350 .get-contract-modal.modal-example #step-success-animation .animation-wrapper { justify-content: flex-start; flex-wrap: wrap; }

.component-example.bp-below350 .get-contract-modal.modal-example #step-success-animation .animation-wrapper .bga-animation { margin-right: calc(100% - 60px); }

.component-example.bp-below350 #bga-modal-download .animation-wrapper, .component-example.bp-below350 #nb-modal-download .animation-wrapper, .component-example.bp-below350 #modal-download .animation-wrapper, .component-example.bp-below350 #ecb-modal-download .animation-wrapper { flex-wrap: wrap; }

.component-example.bp-below350 #bga-modal-download .animation-wrapper h4, .component-example.bp-below350 #bga-modal-download .animation-wrapper .h4, .component-example.bp-below350 #nb-modal-download .animation-wrapper h4, .component-example.bp-below350 #nb-modal-download .animation-wrapper .h4, .component-example.bp-below350 #modal-download .animation-wrapper h4, .component-example.bp-below350 #modal-download .animation-wrapper .h4, .component-example.bp-below350 #ecb-modal-download .animation-wrapper h4, .component-example.bp-below350 #ecb-modal-download .animation-wrapper .h4 { width: 100%; }

.component-example.bp-below350 .get-contract-modal.modal-example { max-width: 350px; left: calc(50% - 175px); }

@media (max-width: 768px) { .get-contract-modal.modal-example { top: 1rem; left: 16px; width: calc(100% - 32px); max-width: none; } }

@media (max-width: 576px) { .get-contract-modal.modal-example #email-form { flex-wrap: wrap; } .get-contract-modal.modal-example #email-form input { width: 100%; margin-right: 0 !important; } .get-contract-modal.modal-example .number-code .loading-animation { margin-left: 8px !important; } .get-contract-modal.modal-example .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; } #bga-modal-download .animation-wrapper, #nb-modal-download .animation-wrapper, #modal-download .animation-wrapper, #ecb-modal-download .animation-wrapper { column-gap: 8px; row-gap: 8px; } #bga-modal-download .loading-animation svg, #nb-modal-download .loading-animation svg, #modal-download .loading-animation svg, #ecb-modal-download .loading-animation svg { width: 32px; height: 32px; } }

@media (max-width: 350px) { .get-contract-modal.modal-example .number-code input { width: 40px; } .get-contract-modal.modal-example .number-code .loading-animation svg { width: 32px; height: auto; } .get-contract-modal.modal-example .number-code .success-icon { margin-left: 16px !important; } .get-contract-modal.modal-example .number-code .success-icon svg { width: 32px; height: auto; } .get-contract-modal.modal-example .number-code .success-icon svg.tick { width: 15px; top: 22px; left: 8px; } .get-contract-modal.modal-example #step-email-success .heading-wrapper { display: block !important; } .get-contract-modal.modal-example #step-email-success .heading-wrapper .success-icon-static { padding-bottom: 16px; } .get-contract-modal.modal-example #step-download-generate .animation-wrapper { justify-content: flex-start; flex-wrap: wrap; } .get-contract-modal.modal-example #step-download-generate .animation-wrapper svg { margin-right: calc(100% - 60px); } .get-contract-modal.modal-example #step-success-animation .animation-wrapper { justify-content: flex-start; flex-wrap: wrap; } .get-contract-modal.modal-example #step-success-animation .animation-wrapper .bga-animation { margin-right: calc(100% - 60px); } #bga-modal-download .animation-wrapper, #nb-modal-download .animation-wrapper, #modal-download .animation-wrapper, #ecb-modal-download .animation-wrapper { flex-wrap: wrap; } #bga-modal-download .animation-wrapper h4, #bga-modal-download .animation-wrapper .h4, #nb-modal-download .animation-wrapper h4, #nb-modal-download .animation-wrapper .h4, #modal-download .animation-wrapper h4, #modal-download .animation-wrapper .h4, #ecb-modal-download .animation-wrapper h4, #ecb-modal-download .animation-wrapper .h4 { width: 100%; } }

.persistent-cta-wrapper { background: #FDE6D0; }

.component-example.bp-350 .persistent-cta .bga-primary-btn, .component-example.bp-350 .persistent-cta .bga-secondary-btn, .component-example.bp-below350 .persistent-cta .bga-primary-btn, .component-example.bp-below350 .persistent-cta .bga-secondary-btn { min-width: 80px; font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; }

.component-example.bp-350 .persistent-cta .description, .component-example.bp-below350 .persistent-cta .description { margin-bottom: 16px !important; }

.component-example.bp-below350 .persistent-cta .bga-primary-btn, .component-example.bp-below350 .persistent-cta .bga-secondary-btn { width: 100%; }

@media (max-width: 576px) { .persistent-cta .bga-primary-btn, .persistent-cta .bga-secondary-btn { min-width: 80px; font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; } .persistent-cta .description { margin-bottom: 16px !important; } }

@media (max-width: 350px) { .persistent-cta .bga-primary-btn, .persistent-cta .bga-secondary-btn { width: 100%; } }

.bga-component.action-tile .component-content { display: flex; }

.bga-component.action-tile .component-title { min-height: 340px; width: 250px; background: #C8D9EE; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; }

.bga-component.action-tile .component-title h3, .bga-component.action-tile .component-title .h3 { text-align: center; }

.bga-component.action-tile .component-title .img-wrapper { background: #ffffff; border-radius: 100px; width: 180px; height: 180px; display: flex; justify-content: center; }

.bga-component.action-tile .component-text { width: calc(100% - 250px); background: #EFF0F2; }

.bga-component.action-tile .component-text h4, .bga-component.action-tile .component-text .h4 { margin-bottom: 8px; }

.bga-component.action-tile .component-text p, .bga-component.action-tile .component-text li { margin-bottom: 8px; }

.bga-component.action-tile .component-text ul, .bga-component.action-tile .component-text ol { padding: 0 0 0 16px; }

.bga-component.action-tile .action-tile-accordion { border-top: #ABB1BD solid 1px; }

.bga-component.action-tile .action-tile-accordion .accordion-item { background: #ffffff; border: none; border-radius: none; border-bottom: #ABB1BD solid 1px; }

.bga-component.action-tile .action-tile-accordion .accordion-item:focus-visible { outline: none; }

.bga-component.action-tile .action-tile-accordion .accordion-item:hover { border-bottom: #ABB1BD solid 1px; }

.bga-component.action-tile .action-tile-accordion .accordion-item.show { border-bottom: #ABB1BD solid 1px; }

.bga-component.action-tile .action-tile-accordion .accordion-button { border: none; }

.bga-component.action-tile .action-tile-accordion .accordion-button::after { background-image: url(../Chevron-down-black.svg); width: 16px; height: 10px; background-size: 16px 10px; box-shadow: none; background-color: transparent; border-radius: 0; }

.bga-component.action-tile .action-tile-accordion .accordion-button:focus { border: none; box-shadow: none; }

.bga-component.action-tile .action-tile-accordion .accordion-button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: #ffffff; outline: none; }

.bga-component.action-tile .action-tile-accordion .accordion-button:hover { background: #E4E6EA; text-decoration: underline; text-decoration-color: #2E3E5A; }

.bga-component.action-tile .action-tile-accordion .accordion-button:hover::after { background-color: transparent; }

.bga-component.action-tile .action-tile-accordion .accordion-button:not(.collapsed) { box-shadow: none; background: #ffffff; }

.bga-component.action-tile .action-tile-accordion .accordion-button:not(.collapsed):hover { border-bottom: none; background: #ffffff; text-decoration: underline; text-decoration-color: #2E3E5A; }

.bga-component.action-tile .action-tile-accordion .accordion-button:not(.collapsed)::after { box-shadow: none; background-color: transparent; transform: scaleY(-1); }

.bga-component.action-tile .action-tile-accordion .accordion-body ul { padding: 0 0 8px 16px; }

.bga-component.action-tile .action-tile-accordion .accordion-body ul li { margin-bottom: 8px; text-indent: -16px; }

.bga-component.action-tile .action-tile-accordion .accordion-body ul li::before { padding: 0 8px 0 0; }

.bga-component.action-tile .action-tile-accordion .accordion-body ol { padding: 0 0 8px 16px; }

.bga-component.action-tile .action-tile-accordion .accordion-body > *:last-child { padding-bottom: 0; margin-bottom: 0; }

.bga-component.action-tile .action-tile-accordion .accordion-body > *:last-child li:last-child { margin-bottom: 0; }

.bga-component.action-tile.blue .component-title { background: #B3CBE8; }

.bga-component.action-tile.green .component-title { background: #A0D1A0; }

.bga-component.action-tile.teal .component-title { background: #8BCACA; }

.bga-component.action-tile.yellow .component-title { background: #FFD964; }

.bga-component.action-tile.orange .component-title { background: #F1B981; }

.bga-component.action-tile.purple .component-title { background: #B1A8E3; }

.bga-component.action-tile.non-branded .component-title { background: #C8C8C8; }

.bga-component.action-tile.non-branded .component-title .img-wrapper { background: transparent; border-radius: 0; }

.bga-component.action-tile.non-branded .component-text { background: #F8F8F8; }

.bga-component.action-tile.non-branded .action-tile-accordion { border-top: #333333 solid 1px; }

.bga-component.action-tile.non-branded .action-tile-accordion .accordion-item { border-bottom: #333333 solid 1px; }

.bga-component.action-tile.non-branded .action-tile-accordion .accordion-item:hover, .bga-component.action-tile.non-branded .action-tile-accordion .accordion-item.show { border-bottom: #333333 solid 1px; }

.bga-component.action-tile.non-branded .action-tile-accordion .accordion-button:hover { background: #E8E8E8; }

.bga-component.action-tile.non-branded .action-tile-accordion .accordion-button:not(.collapsed):hover { text-decoration-color: #E8E8E8; }

.component-example.bp-below992 .bga-component.action-tile .component-content { flex-wrap: wrap; }

.component-example.bp-below992 .bga-component.action-tile .component-title { width: 100%; min-height: auto; padding: 16px 24px !important; justify-content: flex-start; }

.component-example.bp-below992 .bga-component.action-tile .component-title h3, .component-example.bp-below992 .bga-component.action-tile .component-title .h3 { margin: 0; text-align: left; }

.component-example.bp-below992 .bga-component.action-tile .component-title .img-wrapper { display: none; }

.component-example.bp-below992 .bga-component.action-tile .component-text { width: 100%; }

@media (max-width: 992px) { .bga-component.action-tile .component-content { flex-wrap: wrap; } .bga-component.action-tile .component-title { width: 100%; min-height: auto; padding: 16px 24px !important; justify-content: flex-start; } .bga-component.action-tile .component-title h3, .bga-component.action-tile .component-title .h3 { margin: 0; text-align: left; } .bga-component.action-tile .component-title .img-wrapper { display: none; } .bga-component.action-tile .component-text { width: 100%; } }

.search-tile.rsp-tile span.rsp-number { font-weight: 400; }

.search-tile.rsp-tile p.detail { font-size: 0.875rem !important; line-height: 1.75; margin-bottom: 8px; }

.search-tile.rsp-tile p.detail:last-of-type { margin-bottom: 24px; }

.search-tile.rsp-tile .tag-wrapper p { font-size: 12px; }

.search-tile.rsp-tile .tag svg { margin-right: 8px; }

.search-tile.rsp-tile .tag.registered { background: #D4EDD4; }

.search-tile.rsp-tile .tag.not-registered { background: #FCE9E9; }

.search-tile.rsp-tile .codes { background: #E3ECF6; }

.search-tile.rsp-tile .codes .codes-content { display: none; }

.search-tile.rsp-tile .codes p { font-size: 0.875rem; margin-bottom: 16px; }

.search-tile.rsp-tile .codes p:last-of-type { margin-bottom: 0; }

.search-tile.rsp-tile .codes-btn { background: #E3ECF6; border: none; width: 100%; text-align: left; font-size: 0.875rem; line-height: 1.5; display: flex; justify-content: space-between; align-items: center; transition: transform 0.2s ease-in-out; color: #333333; }

.search-tile.rsp-tile .codes-btn:focus-visible { background: #C8D9EE; border: 2px solid #2E6CB9; border-radius: 4px; }

.search-tile.rsp-tile .codes-btn:hover { background: #C8D9EE; }

.search-tile.rsp-tile .codes.open .codes-btn { background: #C8D9EE; }

.search-tile.rsp-tile .codes.open .codes-btn svg { transform: scaleY(-1); }

@media (max-width: 991px) { .search-tile.rsp-tile .tag-wrapper { flex-wrap: wrap; } .search-tile.rsp-tile .tag-wrapper p { width: 100%; } .search-tile.rsp-tile .tag { margin-bottom: 8px; } }

.callout-box.toast-example { border-left: none; background: #E4E6EA; box-shadow: 2px -2px 3px 0px rgba(51, 51, 51, 0.2); max-width: 650px; position: relative; }

.callout-box.toast-example .close { background-image: url(/icon-close-black.svg); background-repeat: no-repeat; height: 16px; width: 16px; background-position: center center; text-indent: -9999px; background-color: transparent; border: none; position: absolute; top: 16px; right: 16px; }

.callout-box.toast-example.cta-toast .component-content { padding-right: 24px !important; }

#inpage-toast, #inpage-cta-toast { position: fixed; z-index: 5000; max-width: 650px; bottom: 0; left: 32px; display: none; }

.bga-component.mini-toast-notification { display: none; background: #ffffff; background: #FFE491; border: solid 1px #299F28; border: solid 1px #EDC95A; border-left-width: 8px; width: fit-content; height: fit-content; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); z-index: 9000; }

.bga-component.mini-toast-notification .component-content { display: flex; column-gap: 8px; flex-wrap: nowrap; align-items: center; }

.bga-component.mini-toast-notification .component-content svg { height: 20px; width: 20px; flex-shrink: 0; }

.bga-component.mini-toast-notification.show.example { display: block; position: relative; }

.bga-component.mini-toast-notification.inpage { display: none; }

.bga-component.mini-toast-notification.inpage.show { display: block; animation: mini-toast-2-animation 1s ease-in-out forwards; position: fixed; top: 24px; }

@keyframes mini-toast-2-animation { from { opacity: 0;
    top: -60px; }
  to { opacity: 1;
    top: 24px; } }

.component-example.bp-below576 .bga-component.mini-toast-notification { padding: 8px !important; }

.component-example.bp-below576 .bga-component.mini-toast-notification.show.inpage { right: 24px; }

.component-example.bp-below576 .bga-component.mini-toast-notification .component-content p.mini { font-size: .75rem; line-height: 1.5; }

.component-example.bp-350 .callout-box.toast-example, .component-example.bp-below350 .callout-box.toast-example { width: 100%; max-width: calc(100% - 16px); }

.component-example.bp-350 .callout-box.toast-example.default .component-content, .component-example.bp-below350 .callout-box.toast-example.default .component-content { padding-right: 24px !important; padding-top: 40px !important; }

.component-example.bp-350 #inpage-toast, .component-example.bp-350 #inpage-cta-toast, .component-example.bp-below350 #inpage-toast, .component-example.bp-below350 #inpage-cta-toast { left: 16px; }

@media (max-width: 575px) { .bga-component.mini-toast-notification { padding: 8px !important; } .bga-component.mini-toast-notification.show.inpage { right: 24px; } .bga-component.mini-toast-notification .component-content p.mini { font-size: .75rem; line-height: 1.5; } .callout-box.toast-example { width: 100%; max-width: calc(100% - 16px); } .callout-box.toast-example.default .component-content { padding-right: 24px !important; padding-top: 40px !important; } #inpage-toast, #inpage-cta-toast { left: 16px; } }

.modal-component-wrapper { flex-wrap: wrap; justify-content: center; }

.modal-example { width: 100%; max-width: 640px; height: 100%; max-height: 600px; background: #ffffff; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); position: relative; z-index: 9000; }

.modal-example.inpage-example { display: block; position: relative; top: auto; left: auto; }

.modal-example.extra-wide { max-width: 900px; }

.modal-example .close { text-indent: -9999px; background: transparent url(/icon-close-black.svg) no-repeat; background-size: 16px 16px; border: none; position: absolute; height: 16px; width: 16px; top: 16px; right: 16px; display: block !important; }

.modal-example .modal-utilities-button-group button { background: none; border: none; border-bottom: #2157AA solid 1px; padding: 0 0 2px 0; color: #2157AA; font-weight: 600; font-size: 1rem; display: inline-flex; align-items: center; }

.modal-example .scroll-wrapper { position: relative; background: #EFF0F2; }

.modal-example .scroll-wrapper .scroll-separator { width: 100%; height: 8px; min-height: 8px; z-index: 99; }

.modal-example .scroll-wrapper .scroll-separator.scroll-separator--bottom { margin-top: -8px; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%); display: block; position: absolute; }

.modal-example .scroll-wrapper .scrollable { max-height: 448px; padding: 12px 16px; overflow-y: scroll; padding-right: .5em; }

.modal-example .scroll-wrapper .scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 8px; height: 8px; }

.modal-example .scroll-wrapper .scrollable::-webkit-scrollbar-thumb { background-color: #788295; border-radius: 4px; z-index: 99; }

.modal-example .scroll-wrapper .scrollable::-webkit-scrollbar-track { background: #E4E6EA; }

.modal-example .scroll-wrapper.scrolling .scroll-separator.scroll-separator--top { margin-bottom: -8px; background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%); display: block; position: absolute; }

.modal-example .scroll-wrapper.scroll-done .scroll-separator.scroll-separator--top { margin-bottom: -8px; background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%); display: block; position: absolute; }

.modal-example .scroll-wrapper.scroll-done .scroll-separator.scroll-separator--bottom { background: none; }

.modal-example.no-scroll .scroll-wrapper .scroll-separator { display: none; }

.modal-example.no-scroll .scroll-wrapper .scrollable::-webkit-scrollbar-track { background: transparent; }

.modal-example.modal-shortlist .counter { display: inline-flex; color: #ffffff; align-items: center; justify-content: center; background: #2E6CB9; height: 32px; width: 32px; border-radius: 40px; font-size: 1.125rem; font-weight: 600; }

.modal-example.modal-shortlist .scrollable { padding-top: 0; }

.modal-example .shortlist-item { border-bottom: solid 1px #788295; display: flex; }

.modal-example .shortlist-item .remove-btn { background: none; border: none; width: 14px; height: 14px; }

.modal-example .shortlist-item h4, .modal-example .shortlist-item .h4 { margin: 0 0 8px 0; padding: 0; }

.modal-example .shortlist-item p { font-size: 0.875rem; line-height: 1.5; padding: 0; margin: 0; }

.modal-example .no-shortlist.hidden { display: none; }

.modal-example ol { counter-reset: item; padding: 0; padding-left: 40px; }

.modal-example ol h3, .modal-example ol .h3, .modal-example ol h4, .modal-example ol .h4, .modal-example ol p { padding: 0; }

.modal-example ol li:has(> h3, > .h3):before { font-weight: 600; color: #2E3E5A; font-size: 1.375rem; line-height: 1.5; }

.modal-example ol li:has(> h4, > .h4):before { font-weight: 600; color: #2E3E5A; font-style: italic; font-size: 1.1875rem; line-height: 1.5; }

.modal-example ol li { display: inline-block; width: 100%; position: relative; }

.modal-example ol li:before { content: counters(item, ".") "."; counter-increment: item; display: inline-block; width: 36px; position: absolute; left: -40px; text-align: right; font-weight: 600; font-size: 1.3125rem; }

.modal-example ol ol { padding-left: 40px; }

.modal-example ol ol li:before { font-weight: normal; font-size: 1rem; text-align: right; }

.modal-example ol ol.alphalist { padding-left: 16px; }

.modal-example ol ol.alphalist li { counter-increment: alphalist; }

.modal-example ol ol.alphalist li:before { content: counter(alphalist, lower-alpha) "."; }

.modal-example ol ol.romanlist { padding-left: 16px; }

.modal-example ol ol.romanlist li { counter-increment: romanlist; }

.modal-example ol ol.romanlist li:before { content: counter(romanlist, lower-roman) "."; }

.modal-example ol ol > li:last-child { margin-bottom: 0; }

.modal-example ol li ol { margin-top: 16px; }

.modal-example.nested-lists .scrollable h1, .modal-example.nested-lists .scrollable .h1, .modal-example.nested-lists .scrollable h2, .modal-example.nested-lists .scrollable .h2, .modal-example.nested-lists .scrollable h3, .modal-example.nested-lists .scrollable .h3, .modal-example.nested-lists .scrollable h4, .modal-example.nested-lists .scrollable .h4, .modal-example.nested-lists .scrollable p { margin-bottom: 16px; }

.modal-example.modal-form { max-width: 900px; }

.modal-example.modal-form form { display: block; }

.modal-example.modal-form .mobile-form-toggle { display: none; color: #333333; }

.modal-example.modal-form .title-area h3, .modal-example.modal-form .title-area .h3 { padding-top: 8px; display: flex; align-items: center; }

.modal-example.modal-form .title-area h3 svg, .modal-example.modal-form .title-area .h3 svg, .modal-example.modal-form .title-area h3 .counter, .modal-example.modal-form .title-area .h3 .counter { flex-shrink: 0; }

.modal-example.modal-form .component-text { width: 60%; }

.modal-example.modal-form .link-wrapper { background: #EFF0F2; word-break: break-word; padding: 12px 16px; }

.modal-example.modal-form .link-wrapper a { color: #333333; text-decoration: none; font-weight: 400; }

.modal-example.modal-form .copy-link { padding: 0 0 0 26px; background: url(../assets/icon-copy-blue.svg) no-repeat; background-position: left center; }

.modal-example.modal-form .copy-link.copied { background-image: url(../assets/icon-copied-green.svg); color: #068905; }

.modal-example.modal-form .copy-link:focus-visible, .modal-example.modal-form .copy-link:hover { background-image: url(../assets/icon-copied-dkblue.svg); background-color: rgba(46, 108, 185, 0.15); }

.modal-example.modal-form .email-form { width: 40%; background: #CFEBEB; padding: 90px 24px 24px 24px; display: block; }

.modal-example.modal-form.blue .email-form { background: #C8D9EE; }

.modal-example.modal-form a.external { white-space: nowrap; }

.modal-example.non-branded .close { background: transparent url(/icon-close-black.svg) no-repeat !important; }

.modal-example.non-branded .modal-utilities-button-group button { color: mediumblue; border-bottom: none; text-decoration: underline; }

.modal-example.non-branded .modal-utilities-button-group button svg { display: none; }

.modal-example.non-branded .modal-utilities-button-group button:hover { background: none; color: mediumblue; text-decoration: underline; }

.modal-example.non-branded .modal-utilities-button-group button:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; }

.modal-example.non-branded .scroll-wrapper { background: #F8F8F8; }

.modal-example.non-branded .scroll-wrapper .scrollable::-webkit-scrollbar-thumb { background-color: #C8C8C8; border-radius: 4px; z-index: 99; }

.modal-example.non-branded .scroll-wrapper .scrollable::-webkit-scrollbar-track { background: #D8D8D8; }

.modal-example.non-branded.modal-form .title-area svg { display: none; }

.modal-example.non-branded.modal-form .link-wrapper { background: #F8F8F8; }

.modal-example.non-branded.modal-form .copy-link { background: none !important; padding: 0; }

.modal-example.non-branded.modal-form .email-form { background: #E8E8E8; }

.component-example.bp-350 .modal-example ol { padding-left: 32px; }

.component-example.bp-350 .modal-example ol ol { padding-left: 32px; }

.component-example.bp-350 .modal-example ol ol.alphalist { padding-left: 16px; }

.component-example.bp-350 .modal-example ol ol.romanlist { padding-left: 16px; }

.component-example.bp-350 .modal-example.modal-form { min-height: 600px; }

.component-example.bp-350 .modal-example.modal-form form { display: none; padding: 24px; }

.component-example.bp-350 .modal-example.modal-form form h4, .component-example.bp-350 .modal-example.modal-form form .h4 { display: none; }

.component-example.bp-350 .modal-example.modal-form .component-content { flex-wrap: wrap; }

.component-example.bp-350 .modal-example.modal-form .component-text { width: 100%; height: 100% !important; }

.component-example.bp-350 .modal-example.modal-form .mobile-form-toggle { display: block; width: 100%; padding: 24px; background: #FFD964; border: none; margin: 0; font-size: 1.1875rem; line-height: 1.5; font-weight: 600; display: flex; justify-content: space-between; align-items: center; text-align: left; transition: transform 0.2s ease-in-out; }

.component-example.bp-350 .modal-example.modal-form .mobile-form-toggle svg { margin-left: 16px; }

.component-example.bp-350 .modal-example.modal-form .email-form { width: 100%; padding: 0; position: absolute; bottom: 0; z-index: 8000; box-shadow: 0px -3px 3px rgba(51, 51, 51, 0.2); }

.component-example.bp-350 .modal-example.modal-form .email-form.open .mobile-form-toggle svg { transform: scaleY(-1); }

.component-example.bp-350 .modal-example .scroll-wrapper .scrollable { max-height: 400px; }

.component-example.bp-350 .modal-example.modal-shortlist .scroll-wrapper .scrollable { max-height: 370px; }

.component-example.bp-350 .modal-example.non-branded.modal-form .mobile-form-toggle { background: #D8D8D8; }

.component-example.bp-below350 .modal-example ol { padding-left: 32px; }

.component-example.bp-below350 .modal-example ol ol { padding-left: 32px; }

.component-example.bp-below350 .modal-example ol ol.alphalist { padding-left: 16px; }

.component-example.bp-below350 .modal-example ol ol.romanlist { padding-left: 16px; }

.component-example.bp-below350 .modal-example.modal-form { min-height: 600px; }

.component-example.bp-below350 .modal-example.modal-form form { display: none; padding: 24px; }

.component-example.bp-below350 .modal-example.modal-form form h4, .component-example.bp-below350 .modal-example.modal-form form .h4 { display: none; }

.component-example.bp-below350 .modal-example.modal-form .component-content { flex-wrap: wrap; }

.component-example.bp-below350 .modal-example.modal-form .component-text { width: 100%; height: 100% !important; }

.component-example.bp-below350 .modal-example.modal-form .mobile-form-toggle { display: block; width: 100%; padding: 24px; background: #FFD964; border: none; margin: 0; font-size: 1.1875rem; line-height: 1.5; font-weight: 600; display: flex; justify-content: space-between; align-items: center; text-align: left; transition: transform 0.2s ease-in-out; }

.component-example.bp-below350 .modal-example.modal-form .mobile-form-toggle svg { margin-left: 16px; }

.component-example.bp-below350 .modal-example.modal-form .email-form { width: 100%; padding: 0; position: absolute; bottom: 0; z-index: 8000; box-shadow: 0px -3px 3px rgba(51, 51, 51, 0.2); }

.component-example.bp-below350 .modal-example.modal-form .email-form.open .mobile-form-toggle svg { transform: scaleY(-1); }

.component-example.bp-below350 .modal-example .scroll-wrapper .scrollable { max-height: 400px; }

.component-example.bp-below350 .modal-example.modal-shortlist .scroll-wrapper .scrollable { max-height: 370px; }

.component-example.bp-below350 .modal-example.non-branded.modal-form .mobile-form-toggle { background: #D8D8D8; }

.component-example.bp-below350 .modal-example.modal-form.save-progress .title-area h3, .component-example.bp-below350 .modal-example.modal-form.save-progress .title-area .h3 { flex-wrap: wrap; }

.component-example.bp-below350 .modal-example.modal-form.save-progress .title-area h3 svg, .component-example.bp-below350 .modal-example.modal-form.save-progress .title-area .h3 svg { margin-bottom: 16px; }

.component-example.bp-below350 .modal-example.modal-shortlist .scroll-wrapper .scrollable { max-height: 340px; }

@media (max-width: 768px) { .modal-example ol { padding-left: 32px; } .modal-example ol ol { padding-left: 32px; } .modal-example ol ol.alphalist { padding-left: 16px; } .modal-example ol ol.romanlist { padding-left: 16px; } .modal-example.modal-form { min-height: 600px; } .modal-example.modal-form form { display: none; padding: 24px; } .modal-example.modal-form form h4, .modal-example.modal-form form .h4 { display: none; } .modal-example.modal-form .component-content { flex-wrap: wrap; } .modal-example.modal-form .component-text { width: 100%; height: 100% !important; } .modal-example.modal-form .mobile-form-toggle { display: block; width: 100%; padding: 24px; background: #FFD964; border: none; margin: 0; font-size: 1.1875rem; line-height: 1.5; font-weight: 600; display: flex; justify-content: space-between; align-items: center; text-align: left; transition: transform 0.2s ease-in-out; } .modal-example.modal-form .mobile-form-toggle svg { margin-left: 16px; } .modal-example.modal-form .email-form { width: 100%; padding: 0; position: absolute; bottom: 0; z-index: 8000; box-shadow: 0px -3px 3px rgba(51, 51, 51, 0.2); } .modal-example.modal-form .email-form.open .mobile-form-toggle svg { transform: scaleY(-1); } .modal-example .scroll-wrapper .scrollable { max-height: 400px; } .modal-example.modal-shortlist .scroll-wrapper .scrollable { max-height: 370px; } .modal-example.non-branded.modal-form .mobile-form-toggle { background: #D8D8D8; } }

@media (max-width: 350px) { .modal-example.modal-form.save-progress .title-area h3, .modal-example.modal-form.save-progress .title-area .h3 { flex-wrap: wrap; } .modal-example.modal-form.save-progress .title-area h3 svg, .modal-example.modal-form.save-progress .title-area .h3 svg { margin-bottom: 16px; } .modal-example.modal-shortlist .scroll-wrapper .scrollable { max-height: 340px; } }

.bga-component.feature-box { max-width: 840px; }

.bga-component.feature-box .component-content { background: #CFEBEB; border-left: solid 8px #5AB3B3; display: flex; }

.bga-component.feature-box .icon-wrapper { width: 56px; height: 56px; background: #ffffff; border-radius: 100px; display: flex; align-content: center; justify-content: center; flex-shrink: 0; display: flex; justify-content: center; align-items: center; }

.bga-component.feature-box img { width: 40px; height: auto; }

.bga-component.feature-box.purple .component-content { background: #E2DDF8; border-left: solid 8px #9183D8; }

.bga-component.feature-box.orange .component-content { background: #FDE6D0; border-left: solid 8px #E88A2D; }

.bga-component.feature-box.yellow .component-content { background: lightyellow; border-left: solid 8px yellow; }

.bga-component.feature-box.colour-bkg .component-content { background: #ffffff; }

.bga-component.feature-box.colour-bkg.teal .icon-wrapper { background: #CFEBEB; }

.bga-component.feature-box.colour-bkg.purple .icon-wrapper { background: #E2DDF8; }

.bga-component.feature-box.colour-bkg.orange .icon-wrapper { background: #FDE6D0; }

.bga-component.feature-box.colour-bkg.yellow .icon-wrapper { background: lightyellow; }

.bga-component.feature-box.full-width-layout { max-width: 100%; }

.bga-component.feature-box.full-width-layout .component-content { border-left-width: 16px; padding-right: 120px !important; }

.bga-component.feature-box.full-width-layout .icon-wrapper { width: 88px; height: 88px; margin-right: 32px !important; }

.bga-component.feature-box.full-width-layout img { width: 56px; }

.bga-component.feature-box.feature-box-colours .component-content { align-items: center; }

.bga-component.feature-box.non-branded .component-content { background: #E8E8E8; }

.bga-component.feature-box.non-branded .icon-wrapper { width: 56px; height: 56px; }

.bga-component.feature-box.non-branded img { width: 56px; }

.bga-component.feature-box.non-branded.full-width-layout .icon-wrapper { width: 88px; height: 88px; }

.bga-component.feature-box.non-branded.full-width-layout img { width: 88px; }

.component-example.bp-576 .bga-component.feature-box, .component-example.bp-576 .bga-component.feature-box.full-width-layout, .component-example.bp-below576 .bga-component.feature-box, .component-example.bp-below576 .bga-component.feature-box.full-width-layout { max-width: 100%; }

.component-example.bp-576 .bga-component.feature-box .component-content, .component-example.bp-576 .bga-component.feature-box.full-width-layout .component-content, .component-example.bp-below576 .bga-component.feature-box .component-content, .component-example.bp-below576 .bga-component.feature-box.full-width-layout .component-content { border-left-width: 8px; padding-right: 64px !important; }

.component-example.bp-576 .bga-component.feature-box .icon-wrapper, .component-example.bp-576 .bga-component.feature-box.full-width-layout .icon-wrapper, .component-example.bp-below576 .bga-component.feature-box .icon-wrapper, .component-example.bp-below576 .bga-component.feature-box.full-width-layout .icon-wrapper { width: 56px; height: 56px; margin-right: 16px !important; }

.component-example.bp-576 .bga-component.feature-box img, .component-example.bp-576 .bga-component.feature-box.full-width-layout img, .component-example.bp-below576 .bga-component.feature-box img, .component-example.bp-below576 .bga-component.feature-box.full-width-layout img { width: 40px; }

.component-example.bp-576 .bga-component.feature-box.non-branded img, .component-example.bp-576 .bga-component.feature-box.full-width-layout.non-branded img, .component-example.bp-below576 .bga-component.feature-box.non-branded img, .component-example.bp-below576 .bga-component.feature-box.full-width-layout.non-branded img { width: 56px; }

.component-example.bp-below576 .bga-component.feature-box h2, .component-example.bp-below576 .bga-component.feature-box .h2, .component-example.bp-below576 .bga-component.feature-box.full-width-layout h2 { font-size: 1.75rem; }

.component-example.bp-below576 .bga-component.feature-box .component-content, .component-example.bp-below576 .bga-component.feature-box.full-width-layout .component-content { flex-wrap: wrap; justify-content: center; padding-right: 24px !important; }

.component-example.bp-below576 .bga-component.feature-box .icon-wrapper, .component-example.bp-below576 .bga-component.feature-box.full-width-layout .icon-wrapper { width: 44px; height: 44px; margin-right: 0 !important; }

.component-example.bp-below576 .bga-component.feature-box img, .component-example.bp-below576 .bga-component.feature-box.full-width-layout img { width: 30px; }

.component-example.bp-below576 .bga-component.feature-box.feature-box-colours .component-content, .component-example.bp-below576 .bga-component.feature-box.full-width-layout.feature-box-colours .component-content { justify-content: center; }

.component-example.bp-below576 .bga-component.feature-box.feature-box-colours .component-text, .component-example.bp-below576 .bga-component.feature-box.full-width-layout.feature-box-colours .component-text { width: 100%; text-align: center; }

.component-example.bp-below576 .bga-component.feature-box.feature-box-colours .icon-wrapper, .component-example.bp-below576 .bga-component.feature-box.full-width-layout.feature-box-colours .icon-wrapper { margin-bottom: 24px; }

.component-example.bp-below576 .bga-component.feature-box.non-branded img, .component-example.bp-below576 .bga-component.feature-box.full-width-layout.non-branded img { width: 44px; }

@media (max-width: 992px) { .bga-component.feature-box, .bga-component.feature-box.full-width-layout { max-width: 100%; } .bga-component.feature-box .component-content, .bga-component.feature-box.full-width-layout .component-content { border-left-width: 8px; padding-right: 64px !important; } .bga-component.feature-box .icon-wrapper, .bga-component.feature-box.full-width-layout .icon-wrapper { width: 56px; height: 56px; margin-right: 16px !important; } .bga-component.feature-box img, .bga-component.feature-box.full-width-layout img { width: 40px; } .bga-component.feature-box.non-branded img, .bga-component.feature-box.full-width-layout.non-branded img { width: 56px; } }

@media (max-width: 576px) { .bga-component.feature-box h2, .bga-component.feature-box .h2, .bga-component.feature-box.full-width-layout h2 { font-size: 1.75rem; } .bga-component.feature-box .component-content, .bga-component.feature-box.full-width-layout .component-content { flex-wrap: wrap; justify-content: center; padding-right: 24px !important; } .bga-component.feature-box .icon-wrapper, .bga-component.feature-box.full-width-layout .icon-wrapper { width: 44px; height: 44px; margin-right: 0 !important; } .bga-component.feature-box img, .bga-component.feature-box.full-width-layout img { width: 30px; } .bga-component.feature-box.feature-box-colours .component-content, .bga-component.feature-box.full-width-layout.feature-box-colours .component-content { justify-content: center; } .bga-component.feature-box.feature-box-colours .component-text, .bga-component.feature-box.full-width-layout.feature-box-colours .component-text { width: 100%; text-align: center; } .bga-component.feature-box.feature-box-colours .icon-wrapper, .bga-component.feature-box.full-width-layout.feature-box-colours .icon-wrapper { margin-bottom: 24px; } .bga-component.feature-box.non-branded img, .bga-component.feature-box.full-width-layout.non-branded img { width: 44px; } }

.pull-quote .component-content { border-left: 8px solid #9183D8; }

.pull-quote svg { fill: #B1A8E3; }

.pull-quote blockquote { font-size: 1.375rem; font-style: italic; text-indent: -44px; margin-left: 44px; }

.pull-quote blockquote:before { content: ""; height: 17px; width: 28px; margin-right: 16px; display: inline-block; background-color: #B1A8E3; -webkit-mask-image: url(../assets/icon-quote-left.svg); mask-image: url(../assets/icon-quote-left.svg); }

.pull-quote blockquote:after { content: ""; height: 17px; width: 28px; display: inline-block; margin-left: 16px; background-color: #B1A8E3; -webkit-mask-image: url(../assets/icon-quote-right.svg); mask-image: url(../assets/icon-quote-right.svg); }

.pull-quote .author { font-size: .875rem; margin-left: 44px; }

.pull-quote.teal .component-content { border-left: 8px solid #5AB3B3; }

.pull-quote.teal blockquote:before, .pull-quote.teal blockquote:after { background-color: #8BCACA; }

.pull-quote.green .component-content { border-left: 8px solid #85CB85; }

.pull-quote.green blockquote:before, .pull-quote.green blockquote:after { background-color: #A0D1A0; }

.pull-quote.orange .component-content { border-left: 8px solid #E88A2D; }

.pull-quote.orange blockquote:before, .pull-quote.orange blockquote:after { background-color: #F1B981; }

.pull-quote.no-icon blockquote { margin-bottom: 8px !important; text-indent: 0; margin-left: 0; }

.pull-quote.no-icon blockquote:before, .pull-quote.no-icon blockquote:after { display: none; }

.pull-quote.non-branded blockquote:before, .pull-quote.non-branded blockquote:after { content: ""; background: url(../assets/Img-icon-placeholder.svg) no-repeat; background-size: 28px; background-position: center center; width: 28px; height: 16px; -webkit-mask-image: none; mask-image: none; }

.component-example.bp-below768 .pull-quote { padding: 24px 0 32px 0 !important; }

.component-example.bp-below768 .pull-quote .component-content { padding-left: 16px !important; }

.component-example.bp-below768 .pull-quote blockquote { font-size: 1.125rem; font-style: italic; }

@media (max-width: 768px) { .pull-quote { padding: 24px 0 32px 0 !important; } .pull-quote .component-content { padding-left: 16px !important; } .pull-quote blockquote { font-size: 1.125rem; font-style: italic; } }

.bga-component.bga-default-accordion { background: none; text-align: right; }

.bga-component.bga-default-accordion .accordion-toggle { border: none; background: transparent !important; text-decoration: underline; cursor: pointer; font-weight: 600; box-shadow: none; color: #333333; }

.bga-component.bga-default-accordion .accordion-toggle.close svg { transform: scaleY(-1); }

.bga-component.bga-default-accordion .accordion { text-align: left; border-top: #E4E6EA solid 2px; }

.bga-component.bga-default-accordion .accordion-item { border: none; background: #E4E6EA; border-bottom: #E4E6EA solid 2px; }

.bga-component.bga-default-accordion .accordion-item:last-of-type .accordion-button { border-radius: 0; }

.bga-component.bga-default-accordion .accordion-item:first-of-type .accordion-button { border-radius: 0; }

.bga-component.bga-default-accordion .accordion-item:focus-visible { outline: none; }

.bga-component.bga-default-accordion .accordion-item:hover { border-bottom: #FFCF3B solid 4px; }

.bga-component.bga-default-accordion .accordion-item.show { border-bottom: #FFCF3B solid 4px; }

.bga-component.bga-default-accordion .accordion-item .accordion-button { background: #ffffff; font-weight: 600; color: #2E3E5A; justify-content: space-between; }

.bga-component.bga-default-accordion .accordion-item .accordion-button::after { background-color: #FFD964; background-image: url(../Chevron-down-black.svg); background-position: center center; background-size: 16px 10px; height: 48px; width: 48px; border-radius: 100px; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); margin: auto 0; }

.bga-component.bga-default-accordion .accordion-item .accordion-button:focus { box-shadow: none; }

.bga-component.bga-default-accordion .accordion-item .accordion-button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.bga-component.bga-default-accordion .accordion-item .accordion-button:hover { background: #ffffff; text-decoration: underline; }

.bga-component.bga-default-accordion .accordion-item .accordion-button:hover::after { background-color: #FFCF3B; }

.bga-component.bga-default-accordion .accordion-item .accordion-button:not(.collapsed) { background-color: #E4E6EA; box-shadow: none; }

.bga-component.bga-default-accordion .accordion-item .accordion-button:not(.collapsed):hover { border-bottom: none; background: #E4E6EA; }

.bga-component.bga-default-accordion .accordion-item .accordion-button:not(.collapsed)::after { box-shadow: 2px -2px 3px 0px rgba(51, 51, 51, 0.2); background-color: #FFCF3B; transform: scaleY(-1); }

.bga-component.bga-default-accordion .accordion-item .accordion-button p { display: block; width: 100%; }

.bga-component.bga-default-accordion .accordion-item .accordion-body { display: flex; flex-wrap: wrap; }

.bga-component.bga-default-accordion .accordion-item .accordion-body a { cursor: pointer; color: #2157AA; text-decoration: underline; }

.bga-component.bga-default-accordion .accordion-item .accordion-body a:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; color: #113869; }

.bga-component.bga-default-accordion .accordion-item .accordion-body a:hover { color: #113869; }

.bga-component.bga-default-accordion.colour-bkg .accordion { border-top: #ABB1BD solid 2px; }

.bga-component.bga-default-accordion.colour-bkg .accordion-item { background: #C8D9EE; border-bottom: #ABB1BD solid 2px; }

.bga-component.bga-default-accordion.colour-bkg .accordion-item:hover { border-bottom: #EDC95A solid 4px; }

.bga-component.bga-default-accordion.colour-bkg .accordion-item.show { border-bottom: #EDC95A solid 4px; }

.bga-component.bga-default-accordion.colour-bkg .accordion-item .accordion-button { background: #C8D9EE; }

.bga-component.bga-default-accordion.colour-bkg .accordion-item .accordion-button:hover { background: #C8D9EE; }

.bga-component.bga-default-accordion.colour-bkg .accordion-item .accordion-button:not(.collapsed) { background-color: #E3ECF6; }

.bga-component.bga-default-accordion.colour-bkg .accordion-item .accordion-button:not(.collapsed):hover { background: #E3ECF6; }

.bga-component.bga-default-accordion.colour-bkg .accordion-item .accordion-body { background: #E3ECF6; }

.bga-component.bga-default-accordion.grant-rounds .accordion-toggle { display: none; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item { background: #ffffff; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .accordion-body { padding: 0 !important; font-size: .875rem; line-height: 1.75; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row { display: flex; padding: 16px 24px; border-bottom: 2px solid #E4E6EA; width: 100%; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row:last-of-type { border-bottom: none; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row .round-info { display: flex; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row .round { white-space: nowrap; padding-right: 16px; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row .tag { font-size: .75rem; padding-right: 16px; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row .tag span { background: #FCE9E9; border-radius: 4px; padding: 2px 8px; display: block; white-space: nowrap; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row.open { background: #D4EDD4; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row.open .tag span { background: #ffffff; border: 1px solid #299F28; padding: 1px 7px; }

.bga-component.bga-default-accordion.grant-rounds .accordion-item .round-row.coming-soon .tag span { background: #FFF3CD; }

.bga-component.bga-default-accordion.non-branded .accordion { border-top: #333333 solid 1px; }

.bga-component.bga-default-accordion.non-branded .accordion-item { background: #E8E8E8; border-bottom: #333333 solid 1px; }

.bga-component.bga-default-accordion.non-branded .accordion-item:hover { border-bottom: #333333 solid 2px; }

.bga-component.bga-default-accordion.non-branded .accordion-item.show { border-bottom: #333333 solid 2px; }

.bga-component.bga-default-accordion.non-branded .accordion-item .accordion-button { color: #333333; }

.bga-component.bga-default-accordion.non-branded .accordion-item .accordion-button::after { background-color: transparent; border-radius: none; box-shadow: none; }

.bga-component.bga-default-accordion.non-branded .accordion-item .accordion-button:focus-visible { border-color: mediumblue; }

.bga-component.bga-default-accordion.non-branded .accordion-item .accordion-button:hover::after { background-color: transparent; }

.bga-component.bga-default-accordion.non-branded .accordion-item .accordion-button:not(.collapsed) { background-color: #E8E8E8; }

.bga-component.bga-default-accordion.non-branded .accordion-item .accordion-button:not(.collapsed):hover { background: #E8E8E8; }

.bga-component.bga-default-accordion.non-branded .accordion-item .accordion-button:not(.collapsed)::after { box-shadow: none; background-color: transparent; }

.bga-component.bga-default-accordion.non-branded .accordion-item .accordion-body a { color: mediumblue; }

.bga-component.bga-default-accordion.non-branded.grant-rounds .accordion-item .round-row { border-bottom: 2px solid #333333; }

.bga-component.bga-default-accordion.non-branded.grant-rounds .accordion-item .round-row .tag { font-size: .875rem; line-height: 1.75; }

.bga-component.bga-default-accordion.non-branded.grant-rounds .accordion-item .round-row .tag span { background: transparent !important; border: none; padding: 0 !important; }

.bga-component.bga-default-accordion.non-branded.grant-rounds .accordion-item .round-row.open { background: #F8F8F8; }

.component-example.bp-576 .bga-default-accordion.grant-rounds .accordion-body { padding: 0 !important; }

.component-example.bp-576 .bga-default-accordion.grant-rounds .round-row { padding: 16px !important; display: block !important; }

.component-example.bp-576 .bga-default-accordion.grant-rounds .round-row .round-info { padding-bottom: 16px; }

.component-example.bp-below576 .bga-default-accordion .accordion-item .accordion-button { font-size: 1rem; padding: 16px !important; }

.component-example.bp-below576 .bga-default-accordion .accordion-item .accordion-button p { padding-right: 16px !important; }

.component-example.bp-below576 .bga-default-accordion .accordion-item .accordion-button::after { height: 32px; width: 32px; }

.component-example.bp-below576 .bga-default-accordion .accordion-item .accordion-body { padding: 0 16px 16px 16px !important; }

.component-example.bp-below576 .bga-default-accordion.grant-rounds .accordion-body { padding: 0 !important; }

.component-example.bp-below576 .bga-default-accordion.grant-rounds .round-row { padding: 16px !important; display: block !important; }

.component-example.bp-below576 .bga-default-accordion.grant-rounds .round-row .round-info { padding-bottom: 16px; }

@media (max-width: 768px) { .bga-default-accordion.grant-rounds .accordion-body { padding: 0 !important; } .bga-default-accordion.grant-rounds .round-row { padding: 16px !important; display: block !important; } .bga-default-accordion.grant-rounds .round-row .round-info { padding-bottom: 16px; } }

@media (max-width: 576px) { .bga-default-accordion .accordion-item .accordion-button { font-size: 1rem; padding: 16px !important; } .bga-default-accordion .accordion-item .accordion-button p { padding-right: 16px !important; } .bga-default-accordion .accordion-item .accordion-button::after { height: 32px; width: 32px; } .bga-default-accordion .accordion-item .accordion-body { padding: 0 16px 16px 16px !important; } .bga-default-accordion.grant-rounds .accordion-body { padding: 0 !important; } .bga-default-accordion.grant-rounds .round-row { padding: 16px !important; display: block !important; } .bga-default-accordion.grant-rounds .round-row .round-info { padding-bottom: 16px; } }

.bga-component.bga-pathway-accordion { background: none; text-align: right; }

.bga-component.bga-pathway-accordion .accordion-toggle { border: none; background: #ffffff; text-decoration: underline; cursor: pointer; font-weight: 600; box-shadow: none; color: #333333; }

.bga-component.bga-pathway-accordion .accordion-toggle.close svg { transform: scaleY(-1); }

.bga-component.bga-pathway-accordion .accordion { text-align: left; }

.bga-component.bga-pathway-accordion .accordion-item { border: none; background: #ffffff; border: #96B7DF solid 1px; border-left: solid #5AB3B3 8px; border-radius: 0; }

.bga-component.bga-pathway-accordion .accordion-item:focus-visible { outline: none; }

.bga-component.bga-pathway-accordion .accordion-item:hover { text-decoration: none; }

.bga-component.bga-pathway-accordion .accordion-item.show { background: #ffffff; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button { background: #CFEBEB; display: flex; align-items: stretch; border-radius: 0; padding: 0; text-decoration: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button .img-wrapper { background: #ffffff; width: 250px; flex-shrink: 0; display: flex; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button .title-wrapper { display: flex; flex-wrap: wrap; width: calc(100% - 342px); }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button .title-wrapper h3, .bga-component.bga-pathway-accordion .accordion-item .accordion-button .title-wrapper .h3 { text-decoration: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button .title-wrapper p { text-decoration: none; display: block; width: 100%; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button .chevron-wrapper { background: #8BCACA; display: flex; align-items: center; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button::after { display: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:focus { box-shadow: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background-color: #bde4e4; text-decoration: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:focus-visible h3, .bga-component.bga-pathway-accordion .accordion-item .accordion-button:focus-visible .h3 { text-decoration: underline; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:focus-visible .img-wrapper { background-color: #e1f3f3; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:focus-visible .chevron-wrapper { background-color: #5AB3B3; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:hover { background-color: #bde4e4; text-decoration: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:hover h3, .bga-component.bga-pathway-accordion .accordion-item .accordion-button:hover .h3 { text-decoration: underline; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:hover .img-wrapper { background-color: #e1f3f3; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:hover .chevron-wrapper { background-color: #5AB3B3; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:not(.collapsed) { background-color: #bde4e4; border-bottom: #96B7DF solid 1px; box-shadow: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:not(.collapsed) .img-wrapper { background-color: #e1f3f3; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:not(.collapsed) .chevron-wrapper { background-color: #5AB3B3; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:not(.collapsed) .chevron-wrapper svg { transform: scaleY(-1); }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:not(.collapsed) p { color: #333333; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:not(.collapsed):hover { background-color: #bde4e4; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:not(.collapsed):hover .img-wrapper { background-color: #e1f3f3; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-button:not(.collapsed):hover .chevron-wrapper { background-color: #5AB3B3; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body { display: flex; flex-wrap: wrap; column-gap: 24px; background: #bde4e4; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile { background: #ffffff; flex: 0 0 auto; width: calc(33.33333333% - 16px); margin-bottom: 24px; display: flex; flex-wrap: wrap; align-content: space-between; cursor: pointer; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile h4, .bga-component.bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile .h4 { text-decoration: underline; color: #2157AA; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile:focus-visible h4, .bga-component.bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile:focus-visible .h4 { text-decoration: underline; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile:hover h4, .bga-component.bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile:hover .h4 { text-decoration: underline; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .tile-content-wrapper { display: flex; align-content: space-between; flex-wrap: wrap; margin-bottom: 24px; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .content { height: 100% !important; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .tag { font-size: 0.75rem; font-weight: 600; padding: 0px 8px; background: #FFD964; border-radius: 4px; border: solid 2px #FFD964; display: inline-flex; align-content: center; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .tag.Recommended { background: #ffffff; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .tag.none { display: none; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .link { display: flex; align-items: center; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .link a { font-size: .75rem; font-weight: 400; text-decoration: none; color: #333333; display: flex; }

.bga-component.bga-pathway-accordion .accordion-item .accordion-body .link a:hover { background: none; }

.bga-component.bga-pathway-accordion.no-desc .accordion-item .accordion-button .title-wrapper { align-content: center; }

.bga-component.bga-pathway-accordion.no-desc .accordion-item .accordion-button .title-wrapper h3, .bga-component.bga-pathway-accordion.no-desc .accordion-item .accordion-button .title-wrapper .h3 { font-size: 2.125rem; margin-bottom: 0 !important; }

.bga-component.bga-pathway-accordion .accordion-item.purple { border-left: solid #9183D8 8px; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button { background: #E2DDF8; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button .chevron-wrapper { background: #B1A8E3; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:focus-visible { background-color: #d0c8f4; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:focus-visible .img-wrapper { background-color: #f4f2fc; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:focus-visible .chevron-wrapper { background-color: #9183D8; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:hover { background-color: #d0c8f4; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:hover .img-wrapper { background-color: #e9e5fa; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:hover .chevron-wrapper { background-color: #9183D8; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:not(.collapsed) { background-color: #d0c8f4; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:not(.collapsed) .img-wrapper { background-color: #e9e5fa; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:not(.collapsed) .chevron-wrapper { background-color: #9183D8; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:not(.collapsed):hover { background-color: #d0c8f4; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:not(.collapsed):hover .img-wrapper { background-color: #e9e5fa; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-button:not(.collapsed):hover .chevron-wrapper { background-color: #9183D8; }

.bga-component.bga-pathway-accordion .accordion-item.purple .accordion-body { background: #d0c8f4; }

.bga-component.bga-pathway-accordion .accordion-item.orange { border-left: solid #E88A2D 8px; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button { background: #FDE6D0; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button .chevron-wrapper { background: #F1B981; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:focus-visible { background-color: #fcd9b8; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:focus-visible .img-wrapper { background-color: #fef3e8; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:focus-visible .chevron-wrapper { background-color: #E88A2D; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:hover { background-color: #fcd9b8; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:hover .img-wrapper { background-color: #fdebda; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:hover .chevron-wrapper { background-color: #E88A2D; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:not(.collapsed) { background-color: #fcd9b8; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:not(.collapsed) .img-wrapper { background-color: #fdebda; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:not(.collapsed) .chevron-wrapper { background-color: #E88A2D; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:not(.collapsed):hover { background-color: #fcd9b8; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:not(.collapsed):hover .img-wrapper { background-color: #fdebda; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-button:not(.collapsed):hover .chevron-wrapper { background-color: #E88A2D; }

.bga-component.bga-pathway-accordion .accordion-item.orange .accordion-body { background: #fcd9b8; }

.bga-component.bga-pathway-accordion .accordion-item.yellow { border-left: solid #FFD964 8px; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button { background: #FFF3CD; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button .chevron-wrapper { background: #FFE491; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:focus-visible { background-color: #ffedb4; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:focus-visible .img-wrapper { background-color: #fff9e7; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:focus-visible .chevron-wrapper { background-color: #FFD964; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:hover { background-color: #ffedb4; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:hover .img-wrapper { background-color: #fff5d7; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:hover .chevron-wrapper { background-color: #FFD964; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:not(.collapsed) { background-color: #ffedb4; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:not(.collapsed) .img-wrapper { background-color: #fff5d7; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:not(.collapsed) .chevron-wrapper { background-color: #FFD964; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:not(.collapsed):hover { background-color: #ffedb4; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:not(.collapsed):hover .img-wrapper { background-color: #fff5d7; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-button:not(.collapsed):hover .chevron-wrapper { background-color: #FFD964; }

.bga-component.bga-pathway-accordion .accordion-item.yellow .accordion-body { background: #ffedb4; }

.bga-component.bga-pathway-accordion .accordion-item.green { border-left: solid #85CB85 8px; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button { background: #D4EDD4; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button .chevron-wrapper { background: #A0D1A0; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:focus-visible { background-color: #c2e5c2; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:focus-visible .img-wrapper { background-color: #e6f5e6; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:focus-visible .chevron-wrapper { background-color: #85CB85; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:hover { background-color: #c2e5c2; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:hover .img-wrapper { background-color: #dbf0db; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:hover .chevron-wrapper { background-color: #85CB85; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:not(.collapsed) { background-color: #c2e5c2; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:not(.collapsed) .img-wrapper { background-color: #dbf0db; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:not(.collapsed) .chevron-wrapper { background-color: #85CB85; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:not(.collapsed):hover { background-color: #c2e5c2; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:not(.collapsed):hover .img-wrapper { background-color: #dbf0db; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-button:not(.collapsed):hover .chevron-wrapper { background-color: #85CB85; }

.bga-component.bga-pathway-accordion .accordion-item.green .accordion-body { background: #c2e5c2; }

.bga-component.bga-pathway-accordion .accordion-item.blue { border-left: solid #96B7DF 8px; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button { background: #E3ECF6; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button .chevron-wrapper { background: #B3CBE8; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:focus-visible { background-color: #d0dff0; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:focus-visible .img-wrapper { background-color: #f6f9fc; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:focus-visible .chevron-wrapper { background-color: #96B7DF; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:hover { background-color: #d0dff0; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:hover .img-wrapper { background-color: #ebf1f8; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:hover .chevron-wrapper { background-color: #96B7DF; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:not(.collapsed) { background-color: #d0dff0; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:not(.collapsed) .img-wrapper { background-color: #ebf1f8; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:not(.collapsed) .chevron-wrapper { background-color: #96B7DF; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:not(.collapsed):hover { background-color: #d0dff0; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:not(.collapsed):hover .img-wrapper { background-color: #ebf1f8; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-button:not(.collapsed):hover .chevron-wrapper { background-color: #96B7DF; }

.bga-component.bga-pathway-accordion .accordion-item.blue .accordion-body { background: #d0dff0; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item { border: none !important; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb { border-left: solid #C8C8C8 8px; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button { background: #E8E8E8; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button .chevron-wrapper { background: #D8D8D8; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:focus-visible { background-color: #dbdbdb; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:focus-visible .img-wrapper { background-color: whitesmoke; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:focus-visible .chevron-wrapper { background-color: #C8C8C8; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:hover { background-color: #dbdbdb; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:hover .img-wrapper { background-color: #ededed; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:hover .chevron-wrapper { background-color: #C8C8C8; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:not(.collapsed) { background-color: #dbdbdb; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:not(.collapsed) .img-wrapper { background-color: #ededed; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:not(.collapsed) .chevron-wrapper { background-color: #C8C8C8; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:not(.collapsed):hover { background-color: #dbdbdb; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:not(.collapsed):hover .img-wrapper { background-color: #ededed; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-button:not(.collapsed):hover .chevron-wrapper { background-color: #C8C8C8; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item.nb .accordion-body { background: #dbdbdb; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item .accordion-button:not(.collapsed) { border-bottom: #B8B8B8 1px solid; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item .accordion-button .img-wrapper { background: #D8D8D8; }

.bga-component.bga-pathway-accordion.non-branded .accordion-item .accordion-body .tag { padding: 0px; background: none; border-radius: 0; border: none; }

.component-example.bp-768 .bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile { width: calc(50% - 12px); }

.component-example.bp-below768 .bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile { width: calc(50% - 12px); }

.component-example.bp-below768 .bga-pathway-accordion .accordion-item { border-left: #96B7DF solid 1px; }

.component-example.bp-below768 .bga-pathway-accordion .accordion-item .accordion-button .img-wrapper { display: none; }

.component-example.bp-below768 .bga-pathway-accordion .accordion-item .accordion-button .title-wrapper { width: calc(100% - 60px); }

.component-example.bp-below768 .bga-pathway-accordion .accordion-item .accordion-button .title-wrapper h3, .component-example.bp-below768 .bga-pathway-accordion .accordion-item .accordion-button .title-wrapper .h3 { font-size: 1.375rem !important; }

.component-example.bp-below768 .bga-pathway-accordion .accordion-item .accordion-button .chevron-wrapper { padding: 0 16px !important; }

.component-example.bp-below768 .bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile { width: 100%; }

@media (max-width: 992px) { .bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile { width: calc(50% - 12px); } }

@media (max-width: 768px) { .bga-pathway-accordion .accordion-item { border-left: #96B7DF solid 1px; } .bga-pathway-accordion .accordion-item .accordion-button .img-wrapper { display: none; } .bga-pathway-accordion .accordion-item .accordion-button .title-wrapper { width: calc(100% - 60px); } .bga-pathway-accordion .accordion-item .accordion-button .title-wrapper h3, .bga-pathway-accordion .accordion-item .accordion-button .title-wrapper .h3 { font-size: 1.375rem !important; } .bga-pathway-accordion .accordion-item .accordion-button .chevron-wrapper { padding: 0 16px !important; } .bga-pathway-accordion .accordion-item .accordion-body .pathway-accordion-tile { width: 100%; } }

.bga-component.mini-list .accordion-item { border: none; background: #C8D9EE; }

.bga-component.mini-list .accordion-item:last-of-type { border-bottom: none; }

.bga-component.mini-list .accordion-item:last-of-type .accordion-button { border-radius: 0; }

.bga-component.mini-list .accordion-item:first-of-type .accordion-button { border-radius: 0; }

.bga-component.mini-list .accordion-item:focus-visible { outline: none; }

.bga-component.mini-list .accordion-item .accordion-button { background: #E3ECF6; font-weight: 600; color: #333333; align-items: flex-start; justify-content: space-between; }

.bga-component.mini-list .accordion-item .accordion-button:not(.collapsed) { background-color: #C8D9EE; box-shadow: none; }

.bga-component.mini-list .accordion-item .accordion-button:not(.collapsed)::after { transform: scaleY(-1); }

.bga-component.mini-list .accordion-item .accordion-button::after { background-image: url(../Chevron-down-black.svg); background-position: center center; margin: auto 0; }

.bga-component.mini-list .accordion-item .accordion-button:focus { box-shadow: none; }

.bga-component.mini-list .accordion-item .accordion-button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.bga-component.mini-list .accordion-item .accordion-button:hover { background-color: #C8D9EE; text-decoration: underline; }

.bga-component.mini-list .accordion-item .accordion-button p { display: block; width: 100%; }

.bga-component.mini-list .accordion-item .accordion-button .icon-wrapper { width: 32px; height: 32px; border-radius: 100px; background: #ffffff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.bga-component.mini-list .accordion-item .accordion-body { display: flex; flex-wrap: wrap; }

.bga-component.mini-list .accordion-item .accordion-body a { cursor: pointer; color: #2157AA; text-decoration: underline; }

.bga-component.mini-list .accordion-item .accordion-body a:focus-visible { border: 2px solid #2E6CB9; color: #113869; border-radius: 4px; outline: none; }

.bga-component.mini-list .accordion-item .accordion-body a:hover { color: #113869; }

.bga-component.mini-list.yellow .accordion-item { background: #FFE491; }

.bga-component.mini-list.yellow .accordion-item .accordion-button { background-color: #FFF3CD; }

.bga-component.mini-list.yellow .accordion-item .accordion-button:hover { background-color: #FFE491; }

.bga-component.mini-list.yellow .accordion-item .accordion-button:not(.collapsed) { background: #FFE491; }

.bga-component.mini-list.colour-bkg .accordion-item .accordion-button:hover { background: #ffffff; }

.bga-component.mini-list.colour-bkg .accordion-item .accordion-button:hover .icon-wrapper { background: #C8D9EE; }

.bga-component.mini-list.colour-bkg .accordion-item .accordion-button:not(.collapsed) { background-color: #ffffff; }

.bga-component.mini-list.colour-bkg .accordion-item .accordion-button:not(.collapsed) .icon-wrapper { background: #C8D9EE; }

.bga-component.mini-list.colour-bkg .accordion-item .accordion-button:not(.collapsed):hover { background: #ffffff; }

.bga-component.mini-list.colour-bkg .accordion-item .accordion-button:not(.collapsed):hover .icon-wrapper { background: #C8D9EE; }

.bga-component.mini-list.colour-bkg .accordion-item .accordion-body { background: #ffffff; }

.bga-component.mini-list.non-branded .accordion-item { background: #D8D8D8; }

.bga-component.mini-list.non-branded .accordion-item .accordion-button { background: #E8E8E8; }

.bga-component.mini-list.non-branded .accordion-item .accordion-button:not(.collapsed) { background-color: #D8D8D8; }

.bga-component.mini-list.non-branded .accordion-item .accordion-button .icon-wrapper { background: transparent; width: auto; }

.bga-component.mini-list.non-branded .accordion-body a { color: mediumblue; }

.bga-component.mini-list.non-branded .accordion-body a:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; }

.bga-component.mini-list.non-branded .accordion-body a:hover { color: mediumblue; background: transparent; }

.component-example.bp-below576 .mini-list .accordion-item .accordion-button, .component-example.small-screen .mini-list .accordion-item .accordion-button { font-size: 1rem; padding: 16px 16px 16px 8px !important; }

.component-example.bp-below576 .mini-list .accordion-item .accordion-button p, .component-example.small-screen .mini-list .accordion-item .accordion-button p { padding-right: 8px !important; }

.component-example.bp-below576 .mini-list .accordion-item .accordion-button .icon-wrapper, .component-example.small-screen .mini-list .accordion-item .accordion-button .icon-wrapper { margin-right: 8px !important; margin-top: 4px; height: 24px; width: 24px; }

.component-example.bp-below576 .mini-list .accordion-item .accordion-button .icon-wrapper svg, .component-example.small-screen .mini-list .accordion-item .accordion-button .icon-wrapper svg { width: 12px; height: auto; }

.component-example.bp-below576 .mini-list .accordion-item .accordion-body, .component-example.small-screen .mini-list .accordion-item .accordion-body { padding: 0 24px 16px 40px !important; }

@media (max-width: 576px) { .mini-list .accordion-item .accordion-button { font-size: 1rem; padding: 16px 16px 16px 8px !important; } .mini-list .accordion-item .accordion-button p { padding-right: 8px !important; } .mini-list .accordion-item .accordion-button .icon-wrapper { margin-right: 8px !important; margin-top: 4px; height: 24px; width: 24px; } .mini-list .accordion-item .accordion-button .icon-wrapper svg { width: 12px; height: auto; } .mini-list .accordion-item .accordion-body { padding: 0 24px 16px 40px !important; } }

.disclaimer.visible { border-top: #ABB1BD solid 1px; border-bottom: #ABB1BD solid 1px; }

.disclaimer .component-content { display: flex; align-content: flex-start; }

.disclaimer .icon-wrapper { background: #2E6CB9; border-radius: 40px; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.disclaimer h4, .disclaimer .h4, .disclaimer p, .disclaimer li, .disclaimer a { font-size: 0.8125rem; line-height: 1.4rem; margin: 0 0 16px 0; }

.disclaimer li { margin: 0 0 8px 0; }

.disclaimer li:last-of-type { margin: 0 0 16px 0; }

.disclaimer .accordion.disclaimer { border-top: #ABB1BD solid 1px; border-bottom: #ABB1BD solid 1px; }

.disclaimer .accordion.disclaimer p { display: block; width: 100%; }

.disclaimer .accordion.disclaimer .accordion-item { border: none; background: transparent; }

.disclaimer .accordion.disclaimer .accordion-item:last-of-type { border-bottom: none; }

.disclaimer .accordion.disclaimer .accordion-item:last-of-type .accordion-button { border-radius: 0; }

.disclaimer .accordion.disclaimer .accordion-item:first-of-type .accordion-button { border-radius: 0; }

.disclaimer .accordion.disclaimer .accordion-item:focus-visible { outline: none; }

.disclaimer .accordion.disclaimer .accordion-item .accordion-button { background: transparent; font-weight: 600; color: #333333; justify-content: space-between; }

.disclaimer .accordion.disclaimer .accordion-item .accordion-button:not(.collapsed) { background: transparent; box-shadow: none; }

.disclaimer .accordion.disclaimer .accordion-item .accordion-button::after { background-image: url(../Chevron-down-black.svg); background-position: center center; margin: auto 0; background-size: 16px 10px; width: 16px; height: 10px; }

.disclaimer .accordion.disclaimer .accordion-item .accordion-button:focus { box-shadow: none; }

.disclaimer .accordion.disclaimer .accordion-item .accordion-button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.disclaimer .accordion.disclaimer .accordion-item .accordion-button:hover { background-color: transparent; text-decoration: underline; }

.disclaimer .accordion.disclaimer .accordion-item .accordion-body { padding-left: 28px; }

.disclaimer.coloured-bkg.visible, .disclaimer.coloured-bkg .accordion.disclaimer { border-top: #788295 solid 1px; border-bottom: #788295 solid 1px; }

.disclaimer.non-branded.visible { border-top: #C8C8C8 solid 1px; border-bottom: #C8C8C8 solid 1px; }

.disclaimer.non-branded .accordion.disclaimer { border-top: #C8C8C8 solid 1px; border-bottom: #C8C8C8 solid 1px; }

.disclaimer.non-branded .icon-wrapper { width: 20px; height: 20px; background: transparent; }

.bga-component.table { height: auto; }

.bga-component.table thead { background: #E4E6EA; border-bottom: 4px solid #788295; }

.bga-component.table th { line-height: 1.75; vertical-align: top; font-weight: 600; }

.bga-component.table tr { border-bottom: #788295 solid 1px; }

.bga-component.table td { vertical-align: top; line-height: 1.75; }

.bga-component.table.coloured-bkg thead { background: #E3ECF6; }

.bga-component.table.non-branded thead { background: #E8E8E8; border-bottom: 1px solid #333333; }

.bga-component.table.non-branded tr { border-bottom: #333333 solid 1px; }

.component-example.bp-768 .bga-component.table.bp992 .responsive, .component-example.bp-below768 .bga-component.table.bp992 .responsive, .component-example.small-screen .bga-component.table.bp992 .responsive { /* Hide table headers (but not display: none; for accessibility) */ }

.component-example.bp-768 .bga-component.table.bp992 .responsive thead tr, .component-example.bp-below768 .bga-component.table.bp992 .responsive thead tr, .component-example.small-screen .bga-component.table.bp992 .responsive thead tr { position: absolute; top: -9999px; left: -9999px; }

.component-example.bp-768 .bga-component.table.bp992 .responsive td, .component-example.bp-below768 .bga-component.table.bp992 .responsive td, .component-example.small-screen .bga-component.table.bp992 .responsive td { display: none; position: relative; white-space: normal; text-align: left; border-top: 0px; padding-left: 45%; }

.component-example.bp-768 .bga-component.table.bp992 .responsive td::before, .component-example.bp-below768 .bga-component.table.bp992 .responsive td::before, .component-example.small-screen .bga-component.table.bp992 .responsive td::before { width: 30%; }

.component-example.bp-768 .bga-component.table.bp992 .responsive td:last-of-type, .component-example.bp-below768 .bga-component.table.bp992 .responsive td:last-of-type, .component-example.small-screen .bga-component.table.bp992 .responsive td:last-of-type { padding-bottom: 10px; }

.component-example.bp-768 .bga-component.table.bp992 .responsive td::before, .component-example.bp-below768 .bga-component.table.bp992 .responsive td::before, .component-example.small-screen .bga-component.table.bp992 .responsive td::before { position: absolute; top: 8px; left: 8px; text-align: left; content: attr(data-title); display: block; }

.component-example.bp-768 .bga-component.table.bp992 .responsive tr, .component-example.bp-below768 .bga-component.table.bp992 .responsive tr, .component-example.small-screen .bga-component.table.bp992 .responsive tr { display: table; width: 100%; }

.component-example.bp-768 .bga-component.table.bp992 .responsive tr td:first-of-type:hover, .component-example.bp-below768 .bga-component.table.bp992 .responsive tr td:first-of-type:hover, .component-example.small-screen .bga-component.table.bp992 .responsive tr td:first-of-type:hover { cursor: pointer; }

.component-example.bp-768 .bga-component.table.bp992 .responsive tr td, .component-example.bp-below768 .bga-component.table.bp992 .responsive tr td, .component-example.small-screen .bga-component.table.bp992 .responsive tr td { background: #E4E6EA; border-bottom: none; }

.component-example.bp-768 .bga-component.table.bp992 .responsive tr td:first-of-type, .component-example.bp-below768 .bga-component.table.bp992 .responsive tr td:first-of-type, .component-example.small-screen .bga-component.table.bp992 .responsive tr td:first-of-type { background: #ffffff url(../Chevron-down-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; font-weight: 600; padding-left: 8px; padding-right: 32px; display: block; }

.component-example.bp-768 .bga-component.table.bp992 .responsive tr td:first-of-type::before, .component-example.bp-below768 .bga-component.table.bp992 .responsive tr td:first-of-type::before, .component-example.small-screen .bga-component.table.bp992 .responsive tr td:first-of-type::before { content: ""; }

.component-example.bp-768 .bga-component.table.bp992 .responsive .showGroup, .component-example.bp-below768 .bga-component.table.bp992 .responsive .showGroup, .component-example.small-screen .bga-component.table.bp992 .responsive .showGroup { display: block; transition: all 0.4s; }

.component-example.bp-768 .bga-component.table.bp992 .responsive .groupParent td:first-of-type, .component-example.bp-below768 .bga-component.table.bp992 .responsive .groupParent td:first-of-type, .component-example.small-screen .bga-component.table.bp992 .responsive .groupParent td:first-of-type { background: #E4E6EA url(../assets/Chevron-up-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; }

.component-example.bp-768 .bga-component.table.bp992.coloured-bkg .responsive tr td, .component-example.bp-below768 .bga-component.table.bp992.coloured-bkg .responsive tr td, .component-example.small-screen .bga-component.table.bp992.coloured-bkg .responsive tr td { background: #E3ECF6; }

.component-example.bp-768 .bga-component.table.bp992.coloured-bkg .responsive tr td:first-of-type, .component-example.bp-below768 .bga-component.table.bp992.coloured-bkg .responsive tr td:first-of-type, .component-example.small-screen .bga-component.table.bp992.coloured-bkg .responsive tr td:first-of-type { background: #E3ECF6 url(../Chevron-down-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; }

.component-example.bp-768 .bga-component.table.bp992.coloured-bkg .responsive .groupParent td:first-of-type, .component-example.bp-below768 .bga-component.table.bp992.coloured-bkg .responsive .groupParent td:first-of-type, .component-example.small-screen .bga-component.table.bp992.coloured-bkg .responsive .groupParent td:first-of-type { background: #E3ECF6 url(../assets/Chevron-up-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; }

.component-example.bp-below768 .bga-component.table .responsive, .component-example.small-screen .bga-component.table .responsive { /* Hide table headers (but not display: none; for accessibility) */ }

.component-example.bp-below768 .bga-component.table .responsive thead tr, .component-example.small-screen .bga-component.table .responsive thead tr { position: absolute; top: -9999px; left: -9999px; }

.component-example.bp-below768 .bga-component.table .responsive td, .component-example.small-screen .bga-component.table .responsive td { display: none; position: relative; white-space: normal; text-align: left; border-top: 0px; padding-left: 45%; }

.component-example.bp-below768 .bga-component.table .responsive td::before, .component-example.small-screen .bga-component.table .responsive td::before { width: 30%; }

.component-example.bp-below768 .bga-component.table .responsive td:last-of-type, .component-example.small-screen .bga-component.table .responsive td:last-of-type { padding-bottom: 10px; }

.component-example.bp-below768 .bga-component.table .responsive td::before, .component-example.small-screen .bga-component.table .responsive td::before { position: absolute; top: 8px; left: 8px; text-align: left; content: attr(data-title); display: block; }

.component-example.bp-below768 .bga-component.table .responsive tr, .component-example.small-screen .bga-component.table .responsive tr { display: table; width: 100%; }

.component-example.bp-below768 .bga-component.table .responsive tr td:first-of-type:hover, .component-example.small-screen .bga-component.table .responsive tr td:first-of-type:hover { cursor: pointer; }

.component-example.bp-below768 .bga-component.table .responsive tr td, .component-example.small-screen .bga-component.table .responsive tr td { background: #E4E6EA; border-bottom: none; }

.component-example.bp-below768 .bga-component.table .responsive tr td:first-of-type, .component-example.small-screen .bga-component.table .responsive tr td:first-of-type { background: #ffffff url(../Chevron-down-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; font-weight: 600; padding-left: 8px; padding-right: 32px; display: block; }

.component-example.bp-below768 .bga-component.table .responsive tr td:first-of-type::before, .component-example.small-screen .bga-component.table .responsive tr td:first-of-type::before { content: ""; }

.component-example.bp-below768 .bga-component.table .responsive .showGroup, .component-example.small-screen .bga-component.table .responsive .showGroup { display: block; transition: all 0.4s; }

.component-example.bp-below768 .bga-component.table .responsive .groupParent td:first-of-type, .component-example.small-screen .bga-component.table .responsive .groupParent td:first-of-type { background: #E4E6EA url(../assets/Chevron-up-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; }

.component-example.bp-below768 .bga-component.table.coloured-bkg .responsive tr td, .component-example.small-screen .bga-component.table.coloured-bkg .responsive tr td { background: #E3ECF6; }

.component-example.bp-below768 .bga-component.table.coloured-bkg .responsive tr td:first-of-type, .component-example.small-screen .bga-component.table.coloured-bkg .responsive tr td:first-of-type { background: #E3ECF6 url(../Chevron-down-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; }

.component-example.bp-below768 .bga-component.table.coloured-bkg .responsive .groupParent td:first-of-type, .component-example.small-screen .bga-component.table.coloured-bkg .responsive .groupParent td:first-of-type { background: #E3ECF6 url(../assets/Chevron-up-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; }

@media (max-width: 992px) { .bga-component.table.bp992 .responsive { /* Hide table headers (but not display: none; for accessibility) */ } .bga-component.table.bp992 .responsive thead tr { position: absolute; top: -9999px; left: -9999px; } .bga-component.table.bp992 .responsive td { display: none; position: relative; white-space: normal; text-align: left; border-top: 0px; padding-left: 45%; } .bga-component.table.bp992 .responsive td::before { width: 30%; } .bga-component.table.bp992 .responsive td:last-of-type { padding-bottom: 10px; } .bga-component.table.bp992 .responsive td::before { position: absolute; top: 8px; left: 8px; text-align: left; content: attr(data-title); display: block; } .bga-component.table.bp992 .responsive tr { display: table; width: 100%; } .bga-component.table.bp992 .responsive tr td:first-of-type:hover { cursor: pointer; } .bga-component.table.bp992 .responsive tr td { background: #E4E6EA; border-bottom: none; } .bga-component.table.bp992 .responsive tr td:first-of-type { background: #ffffff url(../Chevron-down-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; font-weight: 600; padding-left: 8px; padding-right: 32px; display: block; } .bga-component.table.bp992 .responsive tr td:first-of-type::before { content: ""; } .bga-component.table.bp992 .responsive .showGroup { display: block; transition: all 0.4s; } .bga-component.table.bp992 .responsive .groupParent td:first-of-type { background: #E4E6EA url(../assets/Chevron-up-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; } .bga-component.table.bp992.coloured-bkg .responsive tr td { background: #E3ECF6; } .bga-component.table.bp992.coloured-bkg .responsive tr td:first-of-type { background: #E3ECF6 url(../Chevron-down-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; } .bga-component.table.bp992.coloured-bkg .responsive .groupParent td:first-of-type { background: #E3ECF6 url(../assets/Chevron-up-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; } }

@media (max-width: 768px) { .bga-component.table .responsive { /* Hide table headers (but not display: none; for accessibility) */ } .bga-component.table .responsive thead tr { position: absolute; top: -9999px; left: -9999px; } .bga-component.table .responsive td { display: none; position: relative; white-space: normal; text-align: left; border-top: 0px; padding-left: 45%; } .bga-component.table .responsive td::before { width: 30%; } .bga-component.table .responsive td:last-of-type { padding-bottom: 10px; } .bga-component.table .responsive td::before { position: absolute; top: 8px; left: 8px; text-align: left; content: attr(data-title); display: block; } .bga-component.table .responsive tr { display: table; width: 100%; } .bga-component.table .responsive tr td:first-of-type:hover { cursor: pointer; } .bga-component.table .responsive tr td { background: #E4E6EA; border-bottom: none; } .bga-component.table .responsive tr td:first-of-type { background: #ffffff url(../Chevron-down-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; font-weight: 600; padding-left: 8px; padding-right: 32px; display: block; } .bga-component.table .responsive tr td:first-of-type::before { content: ""; } .bga-component.table .responsive .showGroup { display: block; transition: all 0.4s; } .bga-component.table .responsive .groupParent td:first-of-type { background: #E4E6EA url(../assets/Chevron-up-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; } .bga-component.table.coloured-bkg .responsive tr td { background: #E3ECF6; } .bga-component.table.coloured-bkg .responsive tr td:first-of-type { background: #E3ECF6 url(../Chevron-down-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; } .bga-component.table.coloured-bkg .responsive .groupParent td:first-of-type { background: #E3ECF6 url(../assets/Chevron-up-black.svg) no-repeat; background-position: right 8px center; background-size: 16px 10px; } }

.component-example .bga-component.list-group { max-width: 800px; }

.component-example .bga-component.list-group.full-width { max-width: none; }

.bga-component.list-group ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }

.bga-component.list-group ul li { border-bottom: #788295 solid 1px; list-style-type: none; text-indent: 0; width: 33%; }

.bga-component.list-group ul li::before { display: none; }

.bga-component.list-group.full-width ul li { width: 16.6666%; }

.bga-component.list-group.non-branded ul li { border-bottom: #B8B8B8 solid 1px; }

.component-example.bp-992 .bga-component.list-group.full-width ul li { width: 20%; }

.component-example.bp-768 .bga-component.list-group.full-width ul li { width: 25%; }

.component-example.bp-576 .bga-component.list-group ul li, .component-example.bp-576 .bga-component.list-group.full-width ul li { width: 33%; }

.component-example.bp-350 .bga-component.list-group ul li, .component-example.bp-350 .bga-component.list-group.full-width ul li { width: 50%; }

.component-example.bp-below350 .bga-component.list-group ul li, .component-example.bp-below350 .bga-component.list-group.full-width ul li { width: 100%; }

@media (max-width: 1200px) { .bga-component.list-group.full-width ul li { width: 20%; } }

@media (max-width: 992px) { .bga-component.list-group.full-width ul li { width: 25%; } }

@media (max-width: 768px) { .bga-component.list-group ul li, .bga-component.list-group.full-width ul li { width: 33%; } }

@media (max-width: 576px) { .bga-component.list-group ul li, .bga-component.list-group.full-width ul li { width: 50%; } }

@media (max-width: 350px) { .bga-component.list-group ul li, .bga-component.list-group.full-width ul li { width: 100%; } }

#subsite-header .bga-link-strap { background: #113869; color: #ffffff; padding: 0 32px; }

#subsite-header .bga-link-strap ul li { display: block; text-indent: 0; }

#subsite-header .bga-link-strap ul li a { font-weight: 400; }

#subsite-header .bga-link-strap ul li strong { font-weight: 700; }

#subsite-header .bga-link-strap ul li::before { display: none; }

#subsite-header .bga-link-strap a { background: none !important; display: inline-block; }

#subsite-header .bga-link-strap a:focus-visible { border: 2px solid #ffffff; border-radius: 4px; box-shadow: none; outline: none; }

#subsite-header .bga-link-strap a:hover { cursor: pointer; text-decoration: underline; }

#subsite-header .bga-link-strap .bga-header-link { display: inline-flex; align-items: center; margin: 12px 0; }

#subsite-header .bga-link-strap .bga-header-link:focus-visible { border: 2px solid #ffffff; border-radius: 4px; box-shadow: none; outline: none; }

#subsite-header .bga-link-strap .bga-header-link:hover a { text-decoration: underline; }

#subsite-header .bga-link-strap .secondary-links { text-align: right; }

#subsite-header .bga-link-strap .secondary-links a { margin: 12px 0; color: #ffffff; text-decoration: none; }

#subsite-header .bga-link-strap .secondary-links a:focus-visible, #subsite-header .bga-link-strap .secondary-links a:hover { color: #ffffff; text-decoration: underline; }

#subsite-header .main-header { background: #2E6CB9; }

#subsite-header .main-header .subsite-logo a { display: flex; text-decoration: none; font-size: 1.375rem; line-height: 1.5; color: #ffffff; }

#subsite-header .main-header .subsite-logo svg { height: 60px; width: auto; border-right: 1px solid #ffffff; }

#subsite-header .main-header .subsite-logo span { max-width: 200px; }

.component-example.bp-350 #subsite-header .bga-link-strap .secondary-links svg { display: none; }

.component-example.bp-350 #subsite-header .main-header { padding: 16px 24px !important; }

.component-example.bp-350 #subsite-header .main-header .subsite-logo a { font-size: 1rem; line-height: 1.75; }

.component-example.bp-350 #subsite-header .main-header .subsite-logo svg { height: 48px; padding-right: 8px !important; }

.component-example.bp-350 #subsite-header .main-header .subsite-logo span { max-width: 140px; padding-left: 8px !important; }

.component-example.bp-below350 #subsite-header .bga-link-strap .secondary-links svg { display: none; }

.component-example.bp-below350 #subsite-header .main-header { padding: 16px 24px !important; }

.component-example.bp-below350 #subsite-header .main-header .subsite-logo a { font-size: 1rem; line-height: 1.75; }

.component-example.bp-below350 #subsite-header .main-header .subsite-logo svg { height: 48px; padding-right: 8px !important; }

.component-example.bp-below350 #subsite-header .main-header .subsite-logo span { max-width: 140px; padding-left: 8px !important; }

.component-example.bp-below350 #subsite-header .bga-link-strap .secondary-links { display: none; }

@media (max-width: 576px) { #subsite-header .bga-link-strap .secondary-links svg { display: none; } #subsite-header .main-header { padding: 16px 24px !important; } #subsite-header .main-header .subsite-logo a { font-size: 1rem; line-height: 1.75; } #subsite-header .main-header .subsite-logo svg { height: 48px; padding-right: 8px !important; } #subsite-header .main-header .subsite-logo span { max-width: 140px; padding-left: 8px !important; } }

@media (max-width: 350px) { #subsite-header .bga-link-strap .secondary-links { display: none; } }

#subsite-header.pathway-to-services .strap-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; }

#subsite-header.pathway-to-services .bga-link-strap { width: 100%; }

#subsite-header.pathway-to-services .return-link { margin: 12px 0; color: #ffffff; text-decoration: none; font-weight: 400; display: inline-flex; align-items: center; }

#subsite-header.pathway-to-services button.service-links-trigger { background: #113869; border: none; padding: 12px 8px; }

#subsite-header.pathway-to-services button.service-links-trigger a { font-weight: 400; color: #ffffff; text-decoration: none; }

#subsite-header.pathway-to-services button.service-links-trigger:focus-visible { border: 2px solid #ffffff; border-radius: 4px; }

#subsite-header.pathway-to-services button.service-links-trigger:focus-visible a { color: #ffffff; text-decoration: underline; }

#subsite-header.pathway-to-services button.service-links-trigger:hover a { color: #ffffff; text-decoration: underline; }

#subsite-header.pathway-to-services button.service-links-trigger.open { background: #EFF0F2; }

#subsite-header.pathway-to-services button.service-links-trigger.open a { color: #113869; text-decoration: underline; }

#subsite-header.pathway-to-services button.service-links-trigger.open svg { transform: scaleY(-1); }

#subsite-header.pathway-to-services button.service-links-trigger.open svg path { fill: #113869; }

#subsite-header.pathway-to-services .service-links-wrapper { background: #EFF0F2; width: 600px; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.4); position: absolute; top: 0px; right: 32px; z-index: 8000; display: none; }

#subsite-header.pathway-to-services .service-links-container { position: relative; }

#subsite-header.pathway-to-services .service-links { background: #ffffff; }

#subsite-header.pathway-to-services .service-links li { color: #333333; border-bottom: #ABB1BD solid 1px; display: block; text-indent: 0; }

#subsite-header.pathway-to-services .service-links li::before { display: none; }

#subsite-header.pathway-to-services .service-links li:last-of-type { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }

#subsite-header.pathway-to-services .service-links .bga-tertiary-link { background: url(../assets/icon-tertiary-arrow.svg) no-repeat !important; width: 100%; font-weight: 600; text-decoration: none; display: inline-flex; }

#subsite-header.pathway-to-services .service-links .bga-tertiary-link:focus-visible { background-image: url(../assets/icon-tertiary-arrow-hover.svg) !important; color: #113869; border: 2px solid #2E6CB9; border-radius: 4px; }

#subsite-header.pathway-to-services .service-links .bga-tertiary-link:hover { background-image: url(../assets/icon-tertiary-arrow-hover.svg) !important; color: #113869; }

#subsite-header.pathway-to-services .service-links .bga-tertiary-link:active { background-image: url(../assets/icon-tertiary-arrow-active.svg) !important; }

.component-example.bp-576 #subsite-header.pathway-to-services .return-link, .component-example.bp-below576 #subsite-header.pathway-to-services .return-link { display: none; }

.component-example.bp-576 #subsite-header.pathway-to-services button.service-links-trigger a, .component-example.bp-below576 #subsite-header.pathway-to-services button.service-links-trigger a { font-size: .875rem; line-height: 1.75; }

.component-example.bp-576 #subsite-header.pathway-to-services .secondary-links, .component-example.bp-below576 #subsite-header.pathway-to-services .secondary-links { width: 100%; }

.component-example.bp-576 #subsite-header.pathway-to-services .service-links-wrapper, .component-example.bp-below576 #subsite-header.pathway-to-services .service-links-wrapper { width: 100%; padding: 12px 24px !important; box-shadow: none; position: relative; top: auto; right: auto; }

.component-example.bp-576 #subsite-header.pathway-to-services .service-links-wrapper h4, .component-example.bp-576 #subsite-header.pathway-to-services .service-links-wrapper .h4, .component-example.bp-below576 #subsite-header.pathway-to-services .service-links-wrapper h4, .component-example.bp-below576 #subsite-header.pathway-to-services .service-links-wrapper .h4 { display: none; }

.component-example.bp-576 #subsite-header.pathway-to-services .service-links li, .component-example.bp-below576 #subsite-header.pathway-to-services .service-links li { font-size: .875rem; line-height: 1.75; margin-bottom: 12px !important; padding-bottom: 12px !important; }

.component-example.bp-576 #subsite-header.pathway-to-services .service-links li:last-of-type, .component-example.bp-below576 #subsite-header.pathway-to-services .service-links li:last-of-type { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }

@media (max-width: 768px) { #subsite-header.pathway-to-services .return-link { display: none; } #subsite-header.pathway-to-services button.service-links-trigger a { font-size: .875rem; line-height: 1.75; } #subsite-header.pathway-to-services .secondary-links { width: 100%; } #subsite-header.pathway-to-services .service-links-wrapper { width: 100%; padding: 12px 24px !important; box-shadow: none; position: relative; top: auto; right: auto; } #subsite-header.pathway-to-services .service-links-wrapper h4, #subsite-header.pathway-to-services .service-links-wrapper .h4 { display: none; } #subsite-header.pathway-to-services .service-links li { font-size: .875rem; line-height: 1.75; margin-bottom: 12px !important; padding-bottom: 12px !important; } #subsite-header.pathway-to-services .service-links li:last-of-type { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; } }

.subsite-footer { background: #113869; }

.subsite-footer .phone a { color: #ffffff; font-size: 1.375rem; line-height: 1.5; font-weight: 600; text-decoration: none; cursor: pointer; }

.subsite-footer .links ul { text-indent: 0; }

.subsite-footer .links ul li { text-indent: 0; list-style-type: none; color: #ffffff; font-size: 1rem; text-decoration: underline; font-weight: 400; cursor: pointer; display: inline-block; }

.subsite-footer .links ul li::before { display: none; }

.subsite-footer .copyright p { font-size: .875rem; line-height: 1.715; }

.component-example.bp-below576 .subsite-footer, .component-example.small-screen .subsite-footer { padding: 48px 24px !important; }

.component-example.bp-below576 .subsite-footer .links ul li, .component-example.small-screen .subsite-footer .links ul li { font-size: .875rem; line-height: 1.715; }

.component-example.bp-below576 .subsite-footer .copyright p, .component-example.small-screen .subsite-footer .copyright p { font-size: 0.75rem; line-height: 1.5rem; }

@media (max-width: 576px) { .subsite-footer { padding: 48px 24px !important; } .subsite-footer .links ul li { font-size: .875rem; line-height: 1.715; } .subsite-footer .copyright p { font-size: 0.75rem; line-height: 1.5rem; } }

.bga-component.notification { background: #E3ECF6; border-left: solid 8px #96B7DF; text-decoration: none; }

.bga-component.notification .notification-wrapper { display: flex; flex-wrap: nowrap; position: relative; }

.bga-component.notification:last-of-type { margin-bottom: 0 !important; }

.bga-component.notification .icon-wrapper { width: 44px; height: 44px; background: #2E6CB9; border-radius: 100px; display: flex; align-content: center; justify-content: center; flex-shrink: 0; }

.bga-component.notification img { width: 100%; height: auto; }

.bga-component.notification a, .bga-component.notification a:not([href]):not([class]) { color: #2157AA; font-weight: 600; text-decoration: underline; }

.bga-component.notification .close { background-image: url(/icon-close-black.svg); background-repeat: no-repeat; height: 16px; width: 16px; background-position: center center; text-indent: -9999px; background-color: transparent; border: none; position: absolute; top: 16px; right: 16px; }

.bga-component.notification.success { background: #D4EDD4; border-left: solid 8px #A0D1A0; }

.bga-component.notification.success .icon-wrapper { background-color: #299F28; }

.bga-component.notification.warning { background: #FCE9E9; border-left: solid 8px #F5B5B5; }

.bga-component.notification.warning .icon-wrapper { background-color: #C9201D; width: 56px; height: 56px; }

.bga-component.notification.colour-bkg { background: #ffffff !important; }

.bga-component.notification.non-branded .icon-wrapper { height: 44px; background: transparent; }

.component-example.bp-576 .bga-component.notification.no-close .notification-wrapper { padding-right: 24px !important; }

.component-example.bp-below576 .bga-component.notification.no-close .notification-wrapper { padding-right: 24px !important; }

.component-example.bp-below576 .bga-component.notification .notification-wrapper { flex-wrap: wrap; justify-content: center; padding-right: 24px !important; }

.component-example.bp-below576 .bga-component.notification .icon-wrapper { margin: 0 0 16px 0 !important; }

.component-example.bp-below576 .bga-component.notification.warning .icon-wrapper { width: 44px; height: 44px; }

@media (max-width: 768px) { .bga-component.notification.no-close .notification-wrapper { padding-right: 24px !important; } }

@media (max-width: 576px) { .bga-component.notification .notification-wrapper { flex-wrap: wrap; justify-content: center; padding-right: 24px !important; } .bga-component.notification .icon-wrapper { margin: 0 0 16px 0 !important; } .bga-component.notification.warning .icon-wrapper { width: 44px; height: 44px; } }

.grant-status-indicator .component-content { background: #D4EDD4; border-left: solid 8px #85CB85; }

.grant-status-indicator .component-content .status { display: flex; align-items: center; }

.grant-status-indicator .component-content .status .icon-wrapper { background: #ffffff; border-radius: 4px; display: inline-flex; align-items: center; }

.grant-status-indicator .component-content .status .icon-wrapper img { height: 32px; width: auto; }

.grant-status-indicator .component-content .status .icon-wrapper p { display: inline-block; }

.grant-status-indicator .component-content .status p { font-size: 1.125rem; line-height: 1.5; }

.grant-status-indicator .component-content .dates-times span { display: none; }

.grant-status-indicator .component-content .dates-times span.show { display: inline; background-color: #D4EDD4; transition: background-color 1s linear; -moz-transition: background-color 1s linear; -webkit-transition: background-color 1s linear; -ms-transition: background-color 1s linear; }

.grant-status-indicator .component-content .dates-times span.show.highlight { background-color: #85CB85; }

.grant-status-indicator .component-content .time-zone label { font-size: .825rem; line-height: 1.5; font-weight: 400; }

.grant-status-indicator .component-content .time-zone select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../Chevron-down-black.svg) no-repeat; background-size: 16px 10px; background-position: right 8px center; font-size: .825rem; font-weight: 400; line-height: 1.5; max-width: 100%; }

.grant-status-indicator .component-content .time-zone select:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; }

.grant-status-indicator.coming-soon .component-content { background: #FFF3CD; border-left-color: #FFD964; }

.grant-status-indicator.coming-soon .dates-times span.show { background-color: #FFF3CD; }

.grant-status-indicator.coming-soon .dates-times span.show.highlight { background-color: #FFD964; }

.grant-status-indicator.closed .component-content { background: #ffffff; border: none; border-top: solid 3px #ABB1BD; border-bottom: solid 3px #ABB1BD; padding: 24px 0 !important; }

.grant-status-indicator.closed .component-content .status .icon-wrapper { background: #FCE9E9; }

.grant-status-indicator.closed .component-content a { text-decoration: underline; cursor: pointer; }

.grant-status-indicator.non-branded .component-content { background: #E8E8E8; }

.grant-status-indicator.non-branded .component-content .status .icon-wrapper { border-radius: 4px; }

.grant-status-indicator.non-branded .dates-times span.show { background-color: #E8E8E8; }

.grant-status-indicator.non-branded .dates-times span.show.highlight { background-color: #C8C8C8; }

.component-example.bp-below768 .grant-status-indicator .component-content .status, .component-example.small-screen .grant-status-indicator .component-content .status { display: block; margin-bottom: 16px !important; }

.component-example.bp-below768 .grant-status-indicator .component-content .status .icon-wrapper, .component-example.small-screen .grant-status-indicator .component-content .status .icon-wrapper { margin: 0 0 16px 0 !important; }

.component-example.bp-below768 .grant-status-indicator .component-content .time-zone label, .component-example.small-screen .grant-status-indicator .component-content .time-zone label { width: 100%; }

@media (max-width: 768px) { .grant-status-indicator .component-content .status { display: block; margin-bottom: 16px !important; } .grant-status-indicator .component-content .status .icon-wrapper { margin: 0 0 16px 0 !important; } .grant-status-indicator .component-content .time-zone label { width: 100%; } }

.bga-component.download-list .title { font-size: 1.125rem; line-height: 1.5; }

.bga-component.download-list .download-links li { display: inline-block; list-style-type: none; text-indent: 0; margin-right: 32px; margin-bottom: 0; }

.bga-component.download-list .download-links li a { font-size: .75rem; font-weight: 700; color: #2157AA; text-decoration: underline; cursor: pointer; }

.bga-component.download-list .download-links li a svg { fill: #2157AA; }

.bga-component.download-list .download-links li a:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: rgba(46, 108, 185, 0.15); color: #113869; }

.bga-component.download-list .download-links li a:focus-visible svg { fill: #113869; }

.bga-component.download-list .download-links li a:hover { background: rgba(46, 108, 185, 0.15); color: #113869; text-decoration: underline; }

.bga-component.download-list .download-links li a:hover svg { fill: #113869; }

.bga-component.download-list .download-links li::before { display: none; }

.bga-component.download-list.non-branded .download-links li a { color: mediumblue; display: inline-flex; align-items: center; }

.bga-component.download-list.non-branded .download-links li a svg { display: none; }

.bga-component.download-list.non-branded .download-links li a:focus-visible, .bga-component.download-list.non-branded .download-links li a:hover { border-color: mediumblue; background: transparent; color: mediumblue; }

.bga-component.download-list.non-branded .download-links li a:focus-visible svg, .bga-component.download-list.non-branded .download-links li a:hover svg { fill: mediumblue; }

.bga-component.download-list.non-branded .download-links li a::before { content: ""; background: #C8C8C8; width: 16px; height: 16px; margin-right: 8px; }

.bga-component.tool-output-box form { border-bottom: solid 1px #788295; }

.bga-component.tool-output-box form label.form-label { background: none; display: inline-flex; align-items: center; min-height: 28px; height: 44px; font-size: 1rem; font-weight: 400; color: #333333; }

.bga-component.tool-output-box form .checkboxes [type=checkbox] { top: 8px; left: 8px; }

.bga-component.tool-output-box .component-content { background: #EFF0F2; border-left: solid 8px #ABB1BD; }

.bga-component.tool-output-box .header { display: flex; align-items: center; justify-content: space-between; }

.bga-component.tool-output-box .title { display: flex; align-items: center; }

.bga-component.tool-output-box .icon-wrapper { width: 56px; height: 56px; background: #ffffff; border-radius: 100px; display: flex; align-content: center; justify-content: center; flex-shrink: 0; display: flex; justify-content: center; align-items: center; }

.bga-component.tool-output-box img { width: 100%; height: auto; }

.bga-component.tool-output-box .tag { background: #E4E6EA; border: 2px solid #ABB1BD; font-size: .75rem; color: #2E3E5A; font-weight: 700; border-radius: 4px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; white-space: nowrap; padding: 2px 8px; }

.bga-component.tool-output-box .tag.optional { background: #ffffff; color: #2E3E5A; border-color: #5AB3B3; }

.bga-component.tool-output-box .tag.included { background: #068905; color: #ffffff; border-color: #068905; }

.bga-component.tool-output-box .tag svg { display: none; }

.bga-component.tool-output-box.pre-included .tag { background: #068905; color: #ffffff; border-color: #068905; }

.bga-component.tool-output-box .component-text a { color: #2157AA; text-decoration: underline; cursor: pointer; }

.bga-component.tool-output-box .component-text a:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; color: #113869; }

.bga-component.tool-output-box .component-text a:hover { text-decoration: underline; color: #113869; }

.bga-component.tool-output-box .component-text .textarea-input { white-space: pre-wrap; }

.bga-component.tool-output-box .component-text .textarea-input strong { display: block; }

.bga-component.tool-output-box.added .tag { background: #068905; border-color: #068905; color: #ffffff; transition: background-color 800ms linear; -moz-transition: background-color 800ms linear; -webkit-transition: background-color 800ms linear; -ms-transition: background-color 800ms linear; }

.bga-component.tool-output-box.added .component-text span { font-weight: 600; display: inline; background-color: #EFF0F2; transition: background-color 800ms linear; -moz-transition: background-color 800ms linear; -webkit-transition: background-color 800ms linear; -ms-transition: background-color 800ms linear; }

.bga-component.tool-output-box.added .component-text span.no-highlight { font-weight: 400; background-color: transparent !important; }

.bga-component.tool-output-box.added.highlight .tag svg { display: inline-block; }

.bga-component.tool-output-box.added.highlight .component-text span { background-color: #A0D1A0; }

.bga-component.tool-output-box.added.highlight .component-text span.no-highlight { background-color: transparent !important; }

.bga-component.tool-output-box.teal .component-content { background: #CFEBEB; border-left: solid 8px #5AB3B3; }

.bga-component.tool-output-box table.table th { background: #E4E6EA; }

.bga-component.tool-output-box table.table td { background: #ffffff; }

.bga-component.tool-output-box.non-branded form { border-bottom: solid 1px #333333; }

.bga-component.tool-output-box.non-branded form label { border: solid 3px #E8E8E8; }

.bga-component.tool-output-box.non-branded form .checkboxes [type=checkbox]:focus + label { border: #E8E8E8 solid 3px; }

.bga-component.tool-output-box.non-branded form .checkboxes [type=checkbox]:focus-visible + label { border-color: mediumblue; }

.bga-component.tool-output-box.non-branded .component-content { background: #E8E8E8; }

.bga-component.tool-output-box.non-branded .icon-wrapper { background: #E8E8E8 url(../assets/img-icon-placeholder.svg) no-repeat; border-radius: 0; width: 56px; height: 56px; }

.bga-component.tool-output-box.non-branded .icon-wrapper img { display: none; }

.bga-component.tool-output-box.non-branded .tag { background: #ffffff; border-color: #ffffff; color: #333333; border-radius: 4px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; }

.bga-component.tool-output-box.non-branded .tag.optional { color: #333333; border-color: #ffffff; }

.bga-component.tool-output-box.non-branded .tag svg { display: none; }

.bga-component.tool-output-box.non-branded .component-text a { color: mediumblue; }

.bga-component.tool-output-box.non-branded .component-text a:focus-visible { border-color: mediumblue; color: mediumblue; }

.bga-component.tool-output-box.non-branded .component-text a:hover { color: mediumblue; }

.bga-component.tool-output-box.non-branded.added .tag { background: #333333; border-color: #333333; color: #ffffff; }

.bga-component.tool-output-box.non-branded.added .component-text span { background-color: #E8E8E8; }

.bga-component.tool-output-box.non-branded.added.highlight .component-text span { background-color: #D8D8D8; }

.component-example.bp-below576 .tool-output-box .icon-wrapper, .component-example.small-screen .tool-output-box .icon-wrapper { display: none; }

.component-example.bp-below576 .tool-output-box .header, .component-example.small-screen .tool-output-box .header { flex-wrap: wrap; }

.component-example.bp-below576 .tool-output-box .title, .component-example.small-screen .tool-output-box .title { display: block; width: 100%; margin-bottom: 16px; }

@media (max-width: 576px) { .tool-output-box .icon-wrapper { display: none; } .tool-output-box .header { flex-wrap: wrap; } .tool-output-box .title { display: block; width: 100%; margin-bottom: 16px; } }

.stepped-navigation-wrapper { background: #CFEBEB; }

.stepped-navigation-wrapper .mobile-stepped-nav { display: none; }

.stepped-navigation-wrapper.white { background: transparent; }

.stepped-navigation-wrapper.white .step .step-number { background-color: #ffffff; border-color: #ABB1BD; }

.stepped-navigation-wrapper.white .step::before { border-bottom-color: #ABB1BD; }

.stepped-navigation { display: flex; position: relative; }

.stepped-navigation .step { display: flex; flex-wrap: wrap; align-content: flex-start; flex: 1 1 0; width: 0; z-index: 2000; text-decoration: none; font-weight: 400; color: #5A667D; position: relative; border: solid 2px transparent; background: none !important; }

.stepped-navigation .step:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; }

.stepped-navigation .step::before { content: ""; width: 100%; position: absolute; border-bottom: 4px solid #8BCACA; z-index: 1000; right: calc(100% - 18px); top: 19px; }

.stepped-navigation .step:first-of-type::before { display: none; }

.stepped-navigation .step:last-of-type { margin-right: 0 !important; }

.stepped-navigation .step .step-number { width: 38px; height: 38px; border: solid 3px #8BCACA; background: #E6F3F3; display: flex; justify-content: center; border-radius: 50px; align-items: center; align-content: center; font-weight: 700; font-size: 1.125rem; z-index: 3000; }

.stepped-navigation .step .step-name { width: 100%; display: block; font-size: .875rem; }

.stepped-navigation .step.completed { cursor: pointer; font-weight: 600; }

.stepped-navigation .step.completed::before { border-bottom-color: #2157AA; }

.stepped-navigation .step.completed .step-number { text-indent: -9999px; background: #2157AA url(../assets/icon-tick-white.svg) no-repeat; background-position: center center; background-size: 18px 14px; border-color: #2157AA; }

.stepped-navigation .step.completed .step-name { color: #2157AA; text-decoration: underline; text-decoration-color: #2157AA; }

.stepped-navigation .step.completed:hover { text-decoration: underline; text-decoration-color: #2157AA; }

.stepped-navigation .step.completed.active .step-number { background: #ffffff url(../assets/icon-tick-blue.svg) no-repeat; background-position: center center; background-size: 18px 14px; }

.stepped-navigation .step.completed.active:hover { text-decoration: none; }

.stepped-navigation .step.active::before { border-bottom: 4px solid #2157AA; }

.stepped-navigation .step.active .step-number { background: #ffffff; color: #2157AA; border-color: #2157AA; }

.stepped-navigation .step.active .step-name { font-weight: 700; color: #2157AA; text-decoration: none; }

.stepped-navigation .step.visited::before { border-bottom: 4px solid #2157AA; }

.stepped-navigation .step.visited .step-number { background: #ffffff; color: #2157AA; border-color: #2157AA; }

.stepped-navigation .step.visited .step-name { font-weight: 600; color: #2157AA; text-decoration: underline; text-decoration-color: #2157AA; }

.stepped-navigation-wrapper.non-branded.white .step { color: #333333; position: relative; border: solid 2px transparent; }

.stepped-navigation-wrapper.non-branded.white .step:focus-visible { border-color: mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step::before { border-bottom: 4px solid #B8B8B8; }

.stepped-navigation-wrapper.non-branded.white .step .step-number { border: solid 3px #B8B8B8; background: #F8F8F8; }

.stepped-navigation-wrapper.non-branded.white .step.completed::before { border-bottom-color: mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.completed .step-number { background: mediumblue url(../assets/icon-tick-white.svg) no-repeat; background-position: center center; background-size: 18px 14px; border-color: mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.completed .step-name { color: mediumblue; text-decoration-color: mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.completed:hover { text-decoration-color: mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.active::before { border-bottom: 4px solid mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.active .step-number { background: #ffffff; color: mediumblue; border-color: mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.active .step-name { color: mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.visited::before { border-bottom: 4px solid mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.visited .step-number { color: mediumblue; border-color: mediumblue; }

.stepped-navigation-wrapper.non-branded.white .step.visited .step-name { color: mediumblue; text-decoration-color: mediumblue; }

.component-example.bp-768 .page-header-wrapper.tool-stepped-nav.teal, .component-example.bp-768 .ecb-example-layout #page-header.stepped-nav.teal, .component-example.bp-below768 .page-header-wrapper.tool-stepped-nav.teal, .component-example.bp-below768 .ecb-example-layout #page-header.stepped-nav.teal { background: #CFEBEB; padding: 0 !important; }

.component-example.bp-768 .page-header-wrapper.tool-stepped-nav.teal .header-content, .component-example.bp-768 .ecb-example-layout #page-header.stepped-nav.teal .header-content, .component-example.bp-below768 .page-header-wrapper.tool-stepped-nav.teal .header-content, .component-example.bp-below768 .ecb-example-layout #page-header.stepped-nav.teal .header-content { padding: 0 0 32px 0 !important; }

.component-example.bp-768 .stepped-navigation .step, .component-example.bp-below768 .stepped-navigation .step { margin-right: 4px !important; }

.component-example.bp-768 .stepped-navigation .step::before, .component-example.bp-below768 .stepped-navigation .step::before { right: calc(100% - 30px); }

.component-example.bp-768 .stepped-navigation .step .step-name, .component-example.bp-below768 .stepped-navigation .step .step-name { font-size: 0.8125rem; }

.component-example.bp-below768 .page-header-wrapper.tool-stepped-nav.teal, .component-example.bp-below768 .ecb-example-layout #page-header.stepped-nav.teal { padding: 0 !important; }

.component-example.bp-below768 .page-header-wrapper.tool-stepped-nav.teal .header-content, .component-example.bp-below768 .ecb-example-layout #page-header.stepped-nav.teal .header-content { padding: 0 !important; }

.component-example.bp-below768 .stepped-navigation-wrapper { padding: 16px 32px !important; }

.component-example.bp-below768 .stepped-navigation-wrapper .step-title { display: none; }

.component-example.bp-below768 .stepped-navigation-wrapper .step .step-name { font-size: .875rem; }

.component-example.bp-below768 .stepped-navigation-wrapper .mobile-stepped-nav { display: flex; align-items: center; }

.component-example.bp-below768 .stepped-navigation-wrapper .mobile-stepped-nav button { background: transparent url(../assets/icon-menu-black.svg) no-repeat; border: none; height: 22px; width: 22px; text-indent: -9999px; background-size: 22px 22px; }

.component-example.bp-below768 .stepped-navigation-wrapper .mobile-stepped-nav button.open { background-image: url(/icon-close-black.svg); }

.component-example.bp-below768 .stepped-navigation-wrapper.white .step::before { border-left-color: #ABB1BD; border-bottom: none; }

.component-example.bp-below768 .stepped-navigation-wrapper.in-page { background: #EFF0F2; padding: 16px !important; margin-bottom: 0 !important; }

.component-example.bp-below768 .stepped-navigation-wrapper.in-page .stepped-navigation-wrapper { padding: 0 !important; }

.component-example.bp-below768 .stepped-navigation-wrapper.in-page .stepped-navigation { padding: 32px 0 0 0 !important; }

.component-example.bp-below768 .stepped-navigation-wrapper.in-page .stepped-nav-toggle { background: none; width: 100%; height: auto; text-indent: 0; display: flex; font-weight: 400; font-size: 1rem; color: #333333; justify-content: space-between; align-items: center; text-align: left; }

.component-example.bp-below768 .stepped-navigation-wrapper.in-page .stepped-nav-toggle strong { font-weight: 600; }

.component-example.bp-below768 .stepped-navigation-wrapper.in-page .stepped-nav-toggle.open { background: none; }

.component-example.bp-below768 .stepped-navigation-wrapper.in-page .stepped-nav-toggle.open svg { transform: scaleY(-1); }

.component-example.bp-below768 .stepped-navigation { display: none; flex-wrap: wrap; text-align: left; padding-top: 32px; }

.component-example.bp-below768 .stepped-navigation .step { width: 100%; border: none; margin: 0 0 16px 0 !important; display: flex; flex-wrap: nowrap; align-items: center; }

.component-example.bp-below768 .stepped-navigation .step .step-number { display: inline-flex; flex-shrink: 0; margin: 0 16px 0 0 !important; width: 32px; height: 32px; border-width: 2px; font-size: 1rem; }

.component-example.bp-below768 .stepped-navigation .step .step-name { display: block; }

.component-example.bp-below768 .stepped-navigation .step::before { width: 4px; height: 100%; border-left: 3px solid #8BCACA; border-bottom: none; left: 15px; top: -16px; }

.component-example.bp-below768 .stepped-navigation .step.completed::before, .component-example.bp-below768 .stepped-navigation .step.active::before { border-left: 3px solid #2157AA; }

.component-example.bp-below768 .stepped-nav-toggle { min-height: auto !important; }

@media (max-width: 992px) { .page-header-wrapper.tool-stepped-nav.teal, .ecb-example-layout #page-header.stepped-nav.teal { background: #CFEBEB; padding: 0 !important; } .page-header-wrapper.tool-stepped-nav.teal .header-content, .ecb-example-layout #page-header.stepped-nav.teal .header-content { padding: 0 0 32px 0 !important; } .stepped-navigation .step { margin-right: 4px !important; } .stepped-navigation .step::before { right: calc(100% - 30px); } .stepped-navigation .step .step-name { font-size: 0.8125rem; } }

@media (max-width: 768px) { .page-header-wrapper.tool-stepped-nav.teal, .ecb-example-layout #page-header.stepped-nav.teal { padding: 0 !important; } .page-header-wrapper.tool-stepped-nav.teal .header-content, .ecb-example-layout #page-header.stepped-nav.teal .header-content { padding: 0 !important; } .stepped-navigation-wrapper { padding: 16px 32px !important; } .stepped-navigation-wrapper .step-title { display: none; } .stepped-navigation-wrapper .step .step-name { font-size: .875rem; } .stepped-navigation-wrapper .mobile-stepped-nav { display: flex; align-items: center; } .stepped-navigation-wrapper .mobile-stepped-nav button { background: transparent url(../assets/icon-menu-black.svg) no-repeat; border: none; height: 22px; width: 22px; text-indent: -9999px; background-size: 22px 22px; } .stepped-navigation-wrapper .mobile-stepped-nav button.open { background-image: url(/icon-close-black.svg); } .stepped-navigation-wrapper.white .step::before { border-left-color: #ABB1BD; border-bottom: none; } .stepped-navigation-wrapper.in-page { background: #EFF0F2; padding: 16px !important; margin-bottom: 0 !important; } .stepped-navigation-wrapper.in-page .stepped-navigation-wrapper { padding: 0 !important; } .stepped-navigation-wrapper.in-page .stepped-navigation { padding: 32px 0 0 0 !important; } .stepped-navigation-wrapper.in-page .stepped-nav-toggle { background: none; width: 100%; height: auto; text-indent: 0; display: flex; font-weight: 400; font-size: 1rem; color: #333333; justify-content: space-between; align-items: center; text-align: left; } .stepped-navigation-wrapper.in-page .stepped-nav-toggle strong { font-weight: 600; } .stepped-navigation-wrapper.in-page .stepped-nav-toggle.open { background: none; } .stepped-navigation-wrapper.in-page .stepped-nav-toggle.open svg { transform: scaleY(-1); } .stepped-navigation { display: none; flex-wrap: wrap; text-align: left; padding-top: 32px; } .stepped-navigation .step { width: 100%; border: none; margin: 0 0 16px 0 !important; display: flex; flex-wrap: nowrap; align-items: center; } .stepped-navigation .step .step-number { display: inline-flex; flex-shrink: 0; margin: 0 16px 0 0 !important; width: 32px; height: 32px; border-width: 2px; font-size: 1rem; } .stepped-navigation .step .step-name { display: block; } .stepped-navigation .step::before { width: 4px; height: 100%; border-left: 3px solid #8BCACA; border-bottom: none; left: 15px; top: -16px; } .stepped-navigation .step.completed::before, .stepped-navigation .step.active::before { border-left: 3px solid #2157AA; } .stepped-nav-toggle { min-height: auto !important; } }

.bga-component.in-page-tabs { height: auto; }

.bga-component.in-page-tabs .in-page-section-tabs { border-bottom: #218080 solid 4px; }

.bga-component.in-page-tabs .tab { background: #CFEBEB; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 8px 32px; margin-right: 4px; min-height: 56px; min-width: 120px; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.bga-component.in-page-tabs .tab.selected { background: #218080; }

.bga-component.in-page-tabs .tab.selected p { color: #ffffff; font-weight: 600; }

.bga-component.in-page-tabs .tab:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; box-shadow: none; background: #ffffff; }

.bga-component.in-page-tabs .tab:focus-visible p { color: #333333; }

.bga-component.in-page-tabs .tab:hover, .bga-component.in-page-tabs .tab:active { background: #105C5C; }

.bga-component.in-page-tabs .tab:hover p, .bga-component.in-page-tabs .tab:active p { color: #ffffff; }

.bga-component.in-page-tabs.colour-bkg .tab { background: #E3ECF6; }

.bga-component.in-page-tabs.colour-bkg .tab.selected { background: #218080; }

.bga-component.in-page-tabs.colour-bkg .tab:focus-visible { background: #ffffff; }

.bga-component.in-page-tabs.colour-bkg .tab:focus-visible p { color: #333333; }

.bga-component.in-page-tabs.colour-bkg .tab:hover, .bga-component.in-page-tabs.colour-bkg .tab:active { background: #105C5C; }

.bga-component.in-page-tabs.colour-bkg .tab:hover p, .bga-component.in-page-tabs.colour-bkg .tab:active p { color: #ffffff; }

.bga-component.in-page-tabs.non-branded .in-page-section-tabs { border-bottom: #333333 solid 1px; }

.bga-component.in-page-tabs.non-branded .tab { background: #E8E8E8; border-radius: 0; }

.bga-component.in-page-tabs.non-branded .tab.selected { background: #333333; }

.bga-component.in-page-tabs.non-branded .tab:focus-visible { background: #ffffff; border-color: mediumblue; }

.bga-component.in-page-tabs.non-branded .tab:focus-visible p { color: #333333; }

.bga-component.in-page-tabs.non-branded .tab:hover, .bga-component.in-page-tabs.non-branded .tab:active { background: #333333; }

.bga-component.in-page-tabs.non-branded .tab:hover p, .bga-component.in-page-tabs.non-branded .tab:active p { color: #ffffff; }

.in-page-tab-sections .in-page-tab-section { display: none; }

.in-page-tab-sections .in-page-tab-section.selected { display: block; }

.component-example.bp-below768 .bga-component.in-page-tabs .tab { min-width: 80px; padding: 8px 24px; min-height: 48px; }

.component-example.bp-below768 .bga-component.in-page-tabs .tab p { font-size: .875rem; }

@media (max-width: 768px) { .bga-component.in-page-tabs .tab { min-width: 80px; padding: 8px 24px; min-height: 48px; } .bga-component.in-page-tabs .tab p { font-size: .875rem; } }

.ecb-example-layout { overflow-x: hidden; }

.ecb-example-layout #subsite-header .strap-wrapper { margin: 0 -9999px; padding: 0 9999px; background: #113869; }

.ecb-example-layout #subsite-header .secondary-links { display: none; }

.ecb-example-layout #subsite-header .main-header-wrapper { margin: 0 -9999px; padding: 0 9999px; background: #2E6CB9; }

.ecb-example-layout #page-header.teal { background: linear-gradient(180deg, #9ed2d3 0%, #bfe2e2 100%); }

.ecb-example-layout #page-header.teal .header-content { background: #CFEBEB; }

.ecb-example-layout .max-width-med { max-width: 500px !important; }

.ecb-example-layout .ecb-button-group { display: flex; align-items: center; }

@media (max-width: 768px) { .ecb-example-layout #page-header.stepped-nav { background: #CFEBEB; } .ecb-example-layout #page-header.stepped-nav .inner-wrapper { padding: 0 !important; } .ecb-example-layout #page-header.stepped-nav .header-content { padding: 0 !important; } .ecb-example-layout #page-header.stepped-nav .stepped-navigation-wrapper { padding: 16px 0 !important; } }

@media (max-width: 576px) { .ecb-example-layout #subsite-header .main-header { padding: 16px 0 !important; } .ecb-example-layout #subsite-header .strap-wrapper, .ecb-example-layout #subsite-header .main-header-wrapper { padding: 0 32px; margin: 0 -32px; } .ecb-example-layout #page-header.teal { background: #CFEBEB; } .ecb-example-layout #page-header.teal .inner-wrapper { padding: 0 !important; } .ecb-example-layout #page-header.teal .header-content { padding: 24px 0 !important; } .ecb-example-layout #page-header.teal.stepped-nav .header-content { padding: 0 !important; } }

.start-component-wrapper { border: 1px solid #96B7DF; }

.start-component-wrapper .bga-component { background: #E6F3F3; border-left: solid 8px #5AB3B3; display: flex; }

.start-component-wrapper .bga-component.notification { background: #E3ECF6; border-left: solid 8px #96B7DF; }

.start-component-wrapper .component-content { width: 70%; }

.start-component-wrapper .component-content .notification { background: #ffffff; border-left: none; }

.start-component-wrapper .additional-info { width: 30%; background: #CFEBEB; }

.start-component-wrapper .additional-info h3, .start-component-wrapper .additional-info .h3 { margin: 0 0 8px 0; padding: 0; }

.start-component-wrapper .additional-info svg { margin-bottom: 16px; }

.start-component-wrapper .additional-info .button-example { display: none; }

.start-component-wrapper.tool-header { border: none; background: linear-gradient(180deg, #9ed2d3 0%, #bfe2e2 100%); padding: 32px !important; }

.start-component-wrapper.tool-header .bga-component { margin-bottom: 0 !important; background: #ffffff; }

.start-component-wrapper.non-branded { border: none; }

.start-component-wrapper.non-branded.tool-header { background: #C8C8C8; }

.start-component-wrapper.non-branded.tool-header .bga-component { background: #ffffff; }

.start-component-wrapper.non-branded .bga-component { background: #E8E8E8; border-left: none; }

.start-component-wrapper.non-branded .bga-component .additional-info { background: #D8D8D8; }

.start-component-wrapper.non-branded .bga-component .additional-info svg { display: none; }

.start-component-wrapper.non-branded .bga-btn { background: #ffffff; color: #333333; }

.component-example.bp-576 .start-component-wrapper .bga-component, .component-example.bp-below576 .start-component-wrapper .bga-component, .component-example.small-screen .start-component-wrapper .bga-component { display: block; background: #CFEBEB; }

.component-example.bp-576 .start-component-wrapper .component-content, .component-example.bp-below576 .start-component-wrapper .component-content, .component-example.small-screen .start-component-wrapper .component-content { width: 100%; padding-bottom: 0 !important; }

.component-example.bp-576 .start-component-wrapper .component-content .button-example, .component-example.bp-below576 .start-component-wrapper .component-content .button-example, .component-example.small-screen .start-component-wrapper .component-content .button-example { display: none; }

.component-example.bp-576 .start-component-wrapper .additional-info, .component-example.bp-below576 .start-component-wrapper .additional-info, .component-example.small-screen .start-component-wrapper .additional-info { width: 100%; background: transparent; padding-top: 0 !important; }

.component-example.bp-576 .start-component-wrapper .additional-info svg, .component-example.bp-below576 .start-component-wrapper .additional-info svg, .component-example.small-screen .start-component-wrapper .additional-info svg { display: none; }

.component-example.bp-576 .start-component-wrapper .additional-info .button-example, .component-example.bp-below576 .start-component-wrapper .additional-info .button-example, .component-example.small-screen .start-component-wrapper .additional-info .button-example { display: block; }

.component-example.bp-576 .start-component-wrapper.tool-header .bga-component, .component-example.bp-below576 .start-component-wrapper.tool-header .bga-component, .component-example.small-screen .start-component-wrapper.tool-header .bga-component { border: none; background: #ffffff; }

.component-example.bp-576 .start-component-wrapper.non-branded.tool-header, .component-example.bp-below576 .start-component-wrapper.non-branded.tool-header, .component-example.small-screen .start-component-wrapper.non-branded.tool-header { background: #C8C8C8; }

.component-example.bp-576 .start-component-wrapper.non-branded.tool-header .bga-component, .component-example.bp-below576 .start-component-wrapper.non-branded.tool-header .bga-component, .component-example.small-screen .start-component-wrapper.non-branded.tool-header .bga-component { background: #E8E8E8; }

.component-example.bp-576 .start-component-wrapper.non-branded .bga-component, .component-example.bp-below576 .start-component-wrapper.non-branded .bga-component, .component-example.small-screen .start-component-wrapper.non-branded .bga-component { background: #E8E8E8; }

.component-example.bp-576 .start-component-wrapper.non-branded .bga-component .additional-info, .component-example.bp-below576 .start-component-wrapper.non-branded .bga-component .additional-info, .component-example.small-screen .start-component-wrapper.non-branded .bga-component .additional-info { background: transparent; }

.component-example.bp-below576 .start-component-wrapper, .component-example.small-screen .start-component-wrapper { border: none; padding: 0 !important; }

.component-example.bp-below576 .start-component-wrapper h2, .component-example.bp-below576 .start-component-wrapper .h2, .component-example.small-screen .start-component-wrapper h2, .component-example.small-screen .start-component-wrapper .h2 { font-size: 1.75rem; line-height: 1.5; }

.component-example.bp-below576 .start-component-wrapper.tool-header, .component-example.small-screen .start-component-wrapper.tool-header { padding: 24px !important; background: #CFEBEB; }

.component-example.bp-below576 .start-component-wrapper.tool-header h1, .component-example.bp-below576 .start-component-wrapper.tool-header .h1, .component-example.small-screen .start-component-wrapper.tool-header h1, .component-example.small-screen .start-component-wrapper.tool-header .h1 { font-size: 2rem; }

.component-example.bp-below576 .start-component-wrapper.tool-header .additional-info, .component-example.small-screen .start-component-wrapper.tool-header .additional-info { background: transparent; }

@media (max-width: 768px) { .start-component-wrapper .bga-component { display: block; background: #CFEBEB; } .start-component-wrapper .component-content { width: 100%; padding-bottom: 0 !important; } .start-component-wrapper .component-content .button-example { display: none; } .start-component-wrapper .additional-info { width: 100%; background: transparent; padding-top: 0 !important; } .start-component-wrapper .additional-info svg { display: none; } .start-component-wrapper .additional-info .button-example { display: block; } .start-component-wrapper.tool-header .bga-component { border: none; background: #ffffff; } .start-component-wrapper.non-branded.tool-header { background: #C8C8C8; } .start-component-wrapper.non-branded.tool-header .bga-component { background: #E8E8E8; } .start-component-wrapper.non-branded .bga-component { background: #E8E8E8; } .start-component-wrapper.non-branded .bga-component .additional-info { background: transparent; } }

@media (max-width: 576px) { .start-component-wrapper { border: none; padding: 0 !important; } .start-component-wrapper h2, .start-component-wrapper .h2 { font-size: 1.75rem; line-height: 1.5; } .start-component-wrapper.tool-header { padding: 24px !important; background: #CFEBEB; } .start-component-wrapper.tool-header h1, .start-component-wrapper.tool-header .h1 { font-size: 2rem; } .start-component-wrapper.tool-header .additional-info { background: transparent; } }

.dummy-sidebar { background: #CFEBEB; }

.sidebar-wrapper { height: 100%; width: 100%; justify-content: space-between; height: 100%; }

.sidebar-wrapper.teal { background: #CFEBEB; }

.sidebar-wrapper.yellow { background: #FFF3CD; }

.sidebar-wrapper.blue { background: #C8D9EE; }

.sidebar-wrapper .component-text { overflow: hidden; position: relative; }

.sidebar-wrapper .component-text.fixed-height::after { content: ""; width: 100%; height: 48px; background: linear-gradient(0deg, #cfebeb 30%, rgba(207, 235, 235, 0) 100%); bottom: 0; position: absolute; }

.sidebar-wrapper .more-info-toggle { background: none; border: none; color: #2157AA; text-decoration: none; font-weight: 600; font-size: 1rem !important; min-height: auto !important; }

.sidebar-wrapper .more-info-toggle:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.sidebar-wrapper .more-info-toggle.hide { display: none; }

.sidebar-wrapper.extended .component-text { height: 100% !important; }

.sidebar-wrapper.extended .component-text.fixed-height::after { display: none; }

.sidebar-wrapper.extended .more-info-toggle svg { transform: rotate(-180deg); }

.sidebar-wrapper.colour-example.gradient .teal { background: #CFEBEB; }

.sidebar-wrapper.colour-example.gradient .teal .component-text::after { content: ""; width: 100%; height: 24px; background: linear-gradient(0deg, #cfebeb 30%, rgba(207, 235, 235, 0) 100%); bottom: 0; position: absolute; }

.sidebar-wrapper.colour-example.gradient .yellow { background: #FFF3CD; }

.sidebar-wrapper.colour-example.gradient .yellow .component-text::after { content: ""; width: 100%; height: 24px; background: linear-gradient(0deg, #fff3cd 0%, rgba(255, 243, 205, 0) 100%); bottom: 0; position: absolute; }

.sidebar-wrapper.colour-example.gradient .blue { background: #C8D9EE; }

.sidebar-wrapper.colour-example.gradient .blue .component-text::after { content: ""; width: 100%; height: 24px; background: linear-gradient(0deg, #c8d9ee 0%, rgba(200, 217, 238, 0) 100%); bottom: 0; position: absolute; }

.sidebar-wrapper.save-progress { height: auto !important; position: relative; }

.sidebar-wrapper.non-branded .component-text.fixed-height::after { background: linear-gradient(0deg, #e8e8e8 30%, rgba(207, 235, 235, 0) 100%); }

.sidebar-wrapper.non-branded .more-info-toggle { color: mediumblue; }

.sidebar-wrapper.non-branded .more-info-toggle svg path { fill: mediumblue; }

.sidebar-wrapper.non-branded .more-info-toggle:focus-visible { border-color: mediumblue; }

.sidebar-wrapper.non-branded .more-info-toggle:hover { background: transparent; }

.sidebar-wrapper.non-branded .mobile-chat button { border: solid 2px #333333; background: url(../assets/Img-icon-placeholder.svg) #E8E8E8 no-repeat !important; background-position: top 10px center !important; background-size: 27px !important; border-radius: 8px; }

.sidebar-wrapper.non-branded .mobile-chat button:focus-visible { border-color: mediumblue; color: #333333; }

.sidebar-wrapper.non-branded .mobile-chat button:hover { border-color: #333333; color: #333333; background: #F8F8F8; }

.clear-progress-link svg.non-branded { background: none; }

.clear-progress-link svg.non-branded path { fill: mediumblue; }

.component-example.bp-350 button { min-width: 80px; font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; }

.component-example.bp-below350 button { min-width: 80px; font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; }

@media (max-width: 992px) { .sidebar-wrapper.inpage.alternate { margin: 32px 0 0 0 !important; } .sidebar-wrapper.inpage.alternate.colour-example { margin: 0 !important; padding-bottom: 32px !important; } }

@media (max-width: 768px) { .sidebar-wrapper.inpage { margin: 32px 0 0 0 !important; } .sidebar-wrapper.inpage.colour-example { margin: 0 !important; padding-bottom: 32px !important; } button { min-width: 80px; font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; } }

@media (max-width: 576px) { button { min-width: 80px; font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; } }

.bga-component.bga-default-accordion.results-accordion .accordion-item:hover { border-bottom: #ABB1BD solid 2px; }

.bga-component.bga-default-accordion.results-accordion .accordion-item.show { border-bottom: #ABB1BD solid 2px; }

.bga-component.bga-default-accordion.results-accordion .accordion-button .title-area p { font-size: 0.875rem; }

.bga-component.bga-default-accordion.results-accordion .accordion-button::after { width: 16px; height: 10px; box-shadow: none; background-color: transparent; border-radius: 0; }

.bga-component.bga-default-accordion.results-accordion .accordion-button:hover { background: #E4E6EA; text-decoration: none; }

.bga-component.bga-default-accordion.results-accordion .accordion-button:hover h4, .bga-component.bga-default-accordion.results-accordion .accordion-button:hover .h4 { text-decoration: underline; }

.bga-component.bga-default-accordion.results-accordion .accordion-button:hover::after { background-color: transparent; }

.bga-component.bga-default-accordion.results-accordion .accordion-button:not(.collapsed):hover { border-bottom: none; background: #E4E6EA; }

.bga-component.bga-default-accordion.results-accordion .accordion-button:not(.collapsed)::after { box-shadow: none; background-color: transparent; }

.bga-component.bga-default-accordion.results-accordion .accordion-body p { width: 100%; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-toggle { display: none; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion { border-top: none; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item { background: #FFE491; border-bottom: #333333 solid 1px; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button { background: #FFF3CD; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button h4, .bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button .h4 { margin-bottom: 8px !important; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button p { margin: 0; padding: 0; color: #333333; font-size: 0.875rem; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button p.reason { padding-bottom: 8px; margin-bottom: 8px; border-bottom: #333333 solid 1px; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button p.reason.last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button:hover { text-decoration: none; background: #FFE491; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button:focus-visible { background: #FFE491; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button:not(.collapsed) { background-color: #FFE491; }

.bga-component.bga-default-accordion.results-accordion.yellow .accordion-item .accordion-button:not(.collapsed):hover { border-bottom: none; background-color: #FFE491; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-toggle { display: none; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion { border-top: none; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item { background: #E4E6EA; border-bottom: #333333 solid 1px; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button { background: #EFF0F2; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button h4, .bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button .h4 { margin-bottom: 8px !important; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button p { margin: 0; padding: 0; color: #333333; font-size: 0.875rem; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button p.reason { padding-bottom: 8px; margin-bottom: 8px; border-bottom: #333333 solid 1px; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button p.reason.last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button:hover { text-decoration: none; background: #E4E6EA; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button:focus-visible { background: #E4E6EA; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button:not(.collapsed) { background: #E4E6EA; }

.bga-component.bga-default-accordion.results-accordion.grey .accordion-item .accordion-button:not(.collapsed):hover { border-bottom: none; background: #E4E6EA; }

.bga-component.bga-default-accordion.results-accordion.non-branded .accordion-item:hover, .bga-component.bga-default-accordion.results-accordion.non-branded .accordion-item.show { border-bottom: #333333 solid 1px; }

.bga-component.bga-default-accordion.results-accordion.non-branded .accordion-button:hover { background: #E8E8E8; }

.bga-component.bga-default-accordion.results-accordion.non-branded .accordion-button:not(.collapsed):hover { background: #E8E8E8; }

.bga-component.bga-default-accordion.results-accordion.non-branded a:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; background: transparent; }

.bga-component.bga-default-accordion.results-accordion.non-branded a:hover { color: mediumblue; background: transparent; }

.edit-answers-component { background: #CFEBEB; }

.edit-answers-component .component-content { display: none; }

.edit-answers-component .edit-answers-toggle { background: #8BCACA; display: flex; align-items: center; justify-content: space-between; }

.edit-answers-component .edit-answers-toggle svg { flex-shrink: 0; transition: transform 0.2s ease-in-out; }

.edit-answers-component .edit-answers-toggle.open svg { transform: scaleY(-1); }

.edit-answers-component .answers-section { border-bottom: solid 4px #8BCACA; }

.edit-answers-component .answers-section:last-of-type { border-bottom: none; }

.edit-answers-component .title-area { display: flex; align-items: center; justify-content: space-between; }

.edit-answers-component .answers p { display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 0 8px 0; margin: 0; border-bottom: #5AB3B3 solid 1px; }

.edit-answers-component .answers p span { font-weight: 600; margin-left: 8px; text-align: right; }

.edit-answers-component .edit-btn { font-size: 1.125rem; color: #2157AA; font-weight: 600; background: none; border: none; border-bottom: 1px solid #2157AA; flex-shrink: 0; }

.edit-answers-component .edit-btn svg { height: 18px; width: 18px; }

.edit-answers-component.non-branded { background: #E8E8E8; }

.edit-answers-component.non-branded .edit-answers-toggle { background: #D8D8D8; }

.edit-answers-component.non-branded .answers-section { border-bottom-color: #B8B8B8; }

.edit-answers-component.non-branded .answers p { border-bottom-color: #B8B8B8; }

.edit-answers-component.non-branded .edit-btn { color: mediumblue; border-bottom: 1px solid mediumblue; }

.edit-answers-component.non-branded .edit-btn svg path { fill: mediumblue; }

.edit-answers-component.non-branded .edit-btn:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; background: transparent; }

.edit-answers-component.non-branded .edit-btn:hover { color: mediumblue; background: transparent; }

.results-edit-answers-component { border: 1px solid #96B7DF; }

.results-edit-answers-component .title-area { background: #CFEBEB; display: flex; align-items: center; justify-content: space-between; }

.results-edit-answers-component .edit-btn { font-size: 1.125rem; color: #2157AA; font-weight: 600; background: none; border: none; border-bottom: 1px solid #2157AA; flex-shrink: 0; text-decoration: none; cursor: pointer; }

.results-edit-answers-component .edit-btn:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.results-edit-answers-component .edit-btn:hover { text-decoration: none; }

.results-edit-answers-component .edit-btn svg { height: 18px; width: 18px; }

.results-edit-answers-component.no-btn .edit-btn { display: none; }

.results-edit-answers-component .textarea { white-space: pre-wrap; }

.results-edit-answers-component .textarea strong { display: block; }

.results-edit-answers-component.non-branded .title-area { background: #E8E8E8; }

.results-edit-answers-component.non-branded .edit-btn { color: mediumblue; border-bottom: 1px solid mediumblue; }

.results-edit-answers-component.non-branded .edit-btn svg path { fill: mediumblue; }

.results-edit-answers-component.non-branded .edit-btn:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; background: transparent; }

.results-edit-answers-component.non-branded .edit-btn:hover { color: mediumblue; background: transparent; }

.callout-results { background: #E3ECF6; }

.callout-results .header-section { background: #C8D9EE; }

.callout-results .learn-more { background: none; border: none; padding: 0 !important; margin: 0; font-size: 1rem !important; color: #2157AA; transition: transform 0.2s ease-in-out; min-height: auto !important; display: flex; align-items: center; }

.callout-results .learn-more:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: none; }

.callout-results .learn-more:hover { background: none; }

.callout-results .learn-more.open svg { transform: scaleY(-1); }

.callout-results .more-info { background: #ffffff; transition: transform 0.2s ease-in-out; }

.callout-results.non-branded { background: #D8D8D8; }

.callout-results.non-branded .header-section { background: #E8E8E8; }

.callout-results.non-branded .learn-more { color: mediumblue; }

.callout-results.non-branded .learn-more svg, .callout-results.non-branded .learn-more svg path { fill: mediumblue; }

.component-example.bp-below576 .bga-default-accordion.bga-default-accordion.results-accordion .accordion-item .accordion-button .title-area { padding-right: 16px !important; }

.component-example.bp-below576 .bga-default-accordion.bga-default-accordion.results-accordion .accordion-item .accordion-button p { padding-right: 0 !important; }

.component-example.bp-below576 .bga-default-accordion.bga-default-accordion.results-accordion .accordion-item .accordion-button::after { height: 10px; width: 16px; }

.component-example.bp-below576 .bga-default-accordion.bga-default-accordion.results-accordion .accordion-item .accordion-body { padding: 0 16px 16px 16px !important; }

.component-example.bp-below576 .bga-default-accordion.bga-default-accordion.results-accordion.yellow .accordion-header .registration-reason { padding-right: 16px !important; }

.component-example.bp-below576 .edit-answers-component .component-content { padding: 16px !important; }

.component-example.bp-below576 .edit-answers-component .edit-answers-toggle { padding: 16px !important; }

.component-example.bp-below576 .edit-answers-component .edit-answers-toggle h3, .component-example.bp-below576 .edit-answers-component .edit-answers-toggle .h3 { font-size: 1.125rem; }

.component-example.bp-below576 .edit-answers-component .answers-section { padding-bottom: 48px !important; margin-bottom: 16px !important; }

.component-example.bp-below576 .edit-answers-component .answers-section:last-of-type { padding-bottom: 24px !important; margin-bottom: 0 !important; }

.component-example.bp-below576 .edit-answers-component .title-area h3, .component-example.bp-below576 .edit-answers-component .title-area .h3 { font-size: 1.125rem; }

.component-example.bp-below576 .edit-answers-component .answers p { flex-wrap: wrap; }

.component-example.bp-below576 .edit-answers-component .answers p span { margin: 8px 0 0 0 !important; width: 100%; text-align: left; }

.component-example.bp-below576 .edit-answers-component .edit-btn { min-height: auto; }

.component-example.bp-below576 .results-edit-answers-component .edit-btn { font-size: 1.125rem !important; }

.component-example.bp-below576 .results-edit-answers-component .title-area { padding: 16px !important; flex-wrap: wrap; }

.component-example.bp-below576 .results-edit-answers-component .title-area h3, .component-example.bp-below576 .results-edit-answers-component .title-area .h3 { width: 100%; }

.component-example.bp-below576 .results-edit-answers-component .edit-btn { margin: 16px 0 0 0 !important; }

.component-example.bp-below576 .results-edit-answers-component .component-content { padding: 16px !important; }

@media (max-width: 768px) { .edit-answers-component .edit-btn { font-size: 1.125rem !important; } }

@media (max-width: 576px) { .bga-default-accordion.bga-default-accordion.results-accordion .accordion-item .accordion-button .title-area { padding-right: 16px !important; } .bga-default-accordion.bga-default-accordion.results-accordion .accordion-item .accordion-button p { padding-right: 0 !important; } .bga-default-accordion.bga-default-accordion.results-accordion .accordion-item .accordion-button::after { height: 10px; width: 16px; } .bga-default-accordion.bga-default-accordion.results-accordion .accordion-item .accordion-body { padding: 0 16px 16px 16px !important; } .bga-default-accordion.bga-default-accordion.results-accordion.yellow .accordion-header .registration-reason { padding-right: 16px !important; } .edit-answers-component .component-content { padding: 16px !important; } .edit-answers-component .edit-answers-toggle { padding: 16px !important; } .edit-answers-component .edit-answers-toggle h3, .edit-answers-component .edit-answers-toggle .h3 { font-size: 1.125rem; } .edit-answers-component .answers-section { padding-bottom: 48px !important; margin-bottom: 16px !important; } .edit-answers-component .answers-section:last-of-type { padding-bottom: 24px !important; margin-bottom: 0 !important; } .edit-answers-component .title-area h3, .edit-answers-component .title-area .h3 { font-size: 1.125rem; } .edit-answers-component .answers p { flex-wrap: wrap; } .edit-answers-component .answers p span { margin: 8px 0 0 0 !important; width: 100%; text-align: left; } .edit-answers-component .edit-btn { min-height: auto; } .results-edit-answers-component .edit-btn { font-size: 1.125rem !important; } .results-edit-answers-component .title-area { padding: 16px !important; flex-wrap: wrap; } .results-edit-answers-component .title-area h3, .results-edit-answers-component .title-area .h3 { width: 100%; } .results-edit-answers-component .edit-btn { margin: 16px 0 0 0 !important; } .results-edit-answers-component .component-content { padding: 16px !important; } }

.global-alert { background: #FFD964; display: flex; column-gap: 16px; justify-content: space-between; padding-left: 48px; }

.global-alert .component-content { width: 100%; padding: 0; display: flex; justify-content: center; }

.global-alert .component-text { max-width: 1256px; padding: 0; display: flex; }

.global-alert .component-text p { text-align: center; }

.global-alert .close { text-indent: -9999px; background: transparent url(/icon-close-black.svg) no-repeat; background-size: 16px 16px; background-position: center center; border: none; height: 16px; width: 16px; min-height: auto !important; min-width: auto !important; flex-shrink: 0; }

.global-alert .close:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.global-alert a { white-space: nowrap; }

.global-alert a:active { border: none; }

.component-example.bp-576 .global-alert { padding-left: 32px; }

.component-example.bp-below576 .global-alert { padding-left: 32px; }

.component-example.bp-below576 .global-alert { padding-left: 24px; column-gap: 8px; }

@media (max-width: 1400px) { .global-alert { padding-left: 32px; } }

@media (max-width: 576px) { .global-alert { padding-left: 24px; column-gap: 8px; } }

.bga-pagination .pagination-links { width: 100%; }

.bga-pagination .pagination-links ul { border-bottom: solid 1px #2E3E5A; justify-content: center; align-items: center; }

.bga-pagination .pagination-links ul li { text-indent: 0; display: block; margin: 0 4px; }

.bga-pagination .pagination-links ul li.hidden { display: none; }

.bga-pagination .pagination-links ul li::before { display: none; }

.bga-pagination .pagination-links ul li a { border-radius: 4px; display: flex; align-items: center; padding: 4px 12px; text-decoration: none; }

.bga-pagination .pagination-links ul li a svg { fill: #2157AA; }

.bga-pagination .pagination-links ul li a:focus { border: none !important; }

.bga-pagination .pagination-links ul li a:focus-visible { border: 2px solid #2E6CB9 !important; border-radius: 4px; background: #ffffff; color: #2157AA; }

.bga-pagination .pagination-links ul li a:hover { background: #2E6CB9; color: #ffffff; }

.bga-pagination .pagination-links ul li a:hover svg { fill: #ffffff !important; }

.bga-pagination .pagination-links ul li a:active { background: #C8D9EE; color: #333333; }

.bga-pagination .pagination-links ul li a:active svg { fill: #333333; }

.bga-pagination .pagination-links ul li.current a { background: #2157AA; color: #ffffff; }

.bga-pagination .pagination-links ul li.current a svg { fill: #333333; }

.bga-pagination .pagination-links ul li.current a:focus-visible { background: #C8D9EE; color: #333333; }

.bga-pagination .below-pagination { width: 100%; justify-content: space-between; }

.bga-pagination .below-pagination .items-number select { height: 28px; margin-left: 8px; border: none; border-bottom: 1px solid #333333; font-weight: 600; }

.bga-pagination.non-branded .pagination-links ul { border-bottom: solid 1px #333333; }

.bga-pagination.non-branded .pagination-links ul li a { border-radius: 4px; }

.bga-pagination.non-branded .pagination-links ul li a svg { fill: mediumblue; }

.bga-pagination.non-branded .pagination-links ul li a:focus-visible { border-color: mediumblue !important; color: mediumblue; }

.bga-pagination.non-branded .pagination-links ul li a:hover { background: #333333; }

.bga-pagination.non-branded .pagination-links ul li a:active { background: #D8D8D8; }

.bga-pagination.non-branded .pagination-links ul li.current a { background: #D8D8D8; }

.component-example.bp-576 .bga-pagination .pagination-links ul li.first, .component-example.bp-576 .bga-pagination .pagination-links ul li.previous, .component-example.bp-576 .bga-pagination .pagination-links ul li.next, .component-example.bp-576 .bga-pagination .pagination-links ul li.last, .component-example.bp-350 .bga-pagination .pagination-links ul li.first, .component-example.bp-350 .bga-pagination .pagination-links ul li.previous, .component-example.bp-350 .bga-pagination .pagination-links ul li.next, .component-example.bp-350 .bga-pagination .pagination-links ul li.last, .component-example.bp-below350 .bga-pagination .pagination-links ul li.first, .component-example.bp-below350 .bga-pagination .pagination-links ul li.previous, .component-example.bp-below350 .bga-pagination .pagination-links ul li.next, .component-example.bp-below350 .bga-pagination .pagination-links ul li.last { text-indent: -9999px; }

.component-example.bp-576 .bga-pagination .pagination-links ul li a svg, .component-example.bp-350 .bga-pagination .pagination-links ul li a svg, .component-example.bp-below350 .bga-pagination .pagination-links ul li a svg { margin: 0 !important; }

.component-example.bp-350 .bga-pagination .pagination-links li[data-position="1"], .component-example.bp-350 .bga-pagination .pagination-links li[data-position="5"], .component-example.bp-below350 .bga-pagination .pagination-links li[data-position="1"], .component-example.bp-below350 .bga-pagination .pagination-links li[data-position="5"] { display: none; }

.component-example.bp-below350 .bga-pagination .below-pagination { flex-wrap: wrap; justify-content: center; }

.component-example.bp-below350 .bga-pagination .below-pagination .page-number { width: 100%; text-align: center; margin-bottom: 8px; }

.component-example.bp-below350 .bga-pagination .below-pagination .items-number { width: 100%; justify-content: center; }

@media (max-width: 992px) { .bga-pagination .pagination-links ul li.first, .bga-pagination .pagination-links ul li.previous, .bga-pagination .pagination-links ul li.next, .bga-pagination .pagination-links ul li.last { text-indent: -9999px; } .bga-pagination .pagination-links ul li a svg { margin: 0 !important; } }

@media (max-width: 576px) { .bga-pagination .pagination-links li[data-position="1"], .bga-pagination .pagination-links li[data-position="5"] { display: none; } }

@media (max-width: 350px) { .bga-pagination .below-pagination { flex-wrap: wrap; justify-content: center; } .bga-pagination .below-pagination .page-number { width: 100%; text-align: center; margin-bottom: 8px; } .bga-pagination .below-pagination .items-number { width: 100%; justify-content: center; } }

.search-tile { border: 1px solid #96B7DF; border-left: solid 4px #2E6CB9; }

.search-tile .label, .search-tile .tag p, .search-tile .timeframe { font-size: .75rem; line-height: 1.5; }

.search-tile .tile-title { font-size: 1.125rem; }

.search-tile .tile-title a { text-decoration: underline; }

.search-tile .tile-title a:focus-visible { color: #2157AA; background: #C8D9EE; border: 2px solid #2E6CB9; border-radius: 4px; }

.search-tile .tile-title a:hover { color: #2157AA; background: #C8D9EE; }

.search-tile .description, .search-tile .services, .search-tile .detail { font-size: 0.875rem; }

.search-tile .detail { margin-bottom: 8px; }

.search-tile .detail:last-of-type { margin-bottom: 24px; }

.search-tile .tag { padding: 4px 8px; background: #E3ECF6; border-radius: 4px; }

.search-tile .tag img { height: 16px; width: auto; flex-shrink: 0; }

.search-tile.open-grant .tag { background: #D4EDD4; }

.search-tile.soon-grant .tag { background: #FFF3CD; }

.search-tile.closed-grant .tag { background: #FCE9E9; }

.search-tile .apply-details { background: #E3ECF6; }

.search-tile .apply-details .apply-details-content { display: none; }

.search-tile .apply-details p { font-size: 0.875rem; margin-bottom: 16px; }

.search-tile .apply-details p:last-of-type { margin-bottom: 0; }

.search-tile .apply-btn { background: #E3ECF6; border: none; width: 100%; text-align: left; font-size: 0.875rem; line-height: 1.5; display: flex; justify-content: space-between; align-items: center; transition: transform 0.2s ease-in-out; }

.search-tile .apply-btn:focus-visible { background: #C8D9EE; border: 2px solid #2E6CB9; border-radius: 4px; }

.search-tile .apply-btn:hover { background: #C8D9EE; }

.search-tile .apply-details.open .apply-btn { background: #C8D9EE; }

.search-tile .apply-details.open .apply-btn svg { transform: scaleY(-1); }

.search-tile.grants-finder-tool .top-section { display: flex; align-items: flex-start; justify-content: space-between; row-gap: 16px; column-gap: 24px; }

.search-tile.grants-finder-tool .top-section .label { margin-right: 48px; }

.search-tile.grants-finder-tool .shortlist-btn { background: #ffffff url(../assets/icon-star-unstarred.svg) no-repeat; background-position: right center; min-height: 26px; border: none; font-size: .75rem; line-height: 1.5; color: #2E3E5A; padding: 0 35px 0 0; text-align: right; white-space: nowrap; }

.search-tile.grants-finder-tool .shortlist-btn.added { background-image: url(../assets/icon-star-starred.svg); }

.search-tile.grants-finder-tool.non-branded .shortlist-btn { background: #ffffff; padding: 0; color: #333333; }

.search-tile.non-branded .tile-title a:focus-visible { background: transparent; color: mediumblue; border-color: mediumblue; }

.search-tile.non-branded .tile-title a:hover { background: transparent; color: mediumblue; }

.search-tile.non-branded .tag { background: #E8E8E8; border-radius: 8px; }

.search-tile.non-branded .tag .icon { width: 16px; height: 16px; background: #C8C8C8; }

.search-tile.non-branded .tag .icon img { display: none !important; }

.search-tile.non-branded .apply-details { background: #E8E8E8; }

.search-tile.non-branded .apply-details .apply-details-content { display: none; }

.search-tile.non-branded .apply-details p { font-size: 0.875rem; margin-bottom: 16px; }

.search-tile.non-branded .apply-details p:last-of-type { margin-bottom: 0; }

.search-tile.non-branded .apply-btn { background: #E8E8E8; color: mediumblue; }

.search-tile.non-branded .apply-btn:focus-visible { background: #D8D8D8; border-color: mediumblue; }

.search-tile.non-branded .apply-btn:hover { background: #D8D8D8; }

.search-tile.non-branded .apply-details.open .apply-btn { background: #D8D8D8; }

.events-tile .delivery-type { width: 100%; background: #218080; }

.events-tile .delivery-type h3, .events-tile .delivery-type .h3 { color: #ffffff; font-size: 1.125rem; font-weight: 600; }

.events-tile .component-text { background: #CFEBEB; }

.events-tile .location-cost p { font-size: 0.875rem; }

.events-tile .event-details { background: #ffffff; }

.events-tile .event-details p { font-size: 0.875rem; margin-bottom: 16px; }

.events-tile .event-details .read-more-btn { background: none; border: none; font-size: 0.875rem; color: #2157AA; transition: transform 0.2s ease-in-out; min-height: auto !important; }

.events-tile .event-details .read-more-btn:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.events-tile .event-details .read-more-content { display: none; }

.events-tile .event-details .highlighted-info { border-top: solid 2px #ABB1BD; border-bottom: solid 2px #ABB1BD; }

.events-tile .event-details .highlighted-info p { margin-bottom: 8px; }

.events-tile .event-details .highlighted-info p:last-of-type { margin-bottom: 16px; }

.events-tile .event-details .close-btn { background: none; border: none; font-size: 0.875rem; color: #2157AA; }

.events-tile .event-details .close-btn:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.events-tile .event-details.open .read-more-btn svg { transform: scaleY(-1); }

.events-tile.online-event .delivery-type { background: #2E6CB9; }

.events-tile.online-event .component-text { background: #C8D9EE; }

.events-tile.non-branded .delivery-type { background: #333333 url(../assets/img-icon-placeholder.svg) no-repeat; padding-left: 64px !important; background-position: left 24px center; background-size: 32px; }

.events-tile.non-branded .delivery-type img { display: none; }

.events-tile.non-branded .component-text { background: #E8E8E8; }

.events-tile.non-branded .event-details .read-more-btn { color: mediumblue; }

.events-tile.non-branded .event-details .read-more-btn svg path { fill: mediumblue; }

.events-tile.non-branded .event-details .read-more-btn:focus-visible { border-color: mediumblue; }

.events-tile.non-branded .event-details .highlighted-info { border-top: solid 2px #B8B8B8; border-bottom: solid 2px #B8B8B8; }

.events-tile.non-branded .event-details .close-btn { color: mediumblue; }

.events-tile.non-branded .event-details .close-btn svg path { fill: mediumblue; }

.events-tile.non-branded .event-details .close-btn:focus-visible { border-color: mediumblue; }

.events-tile.non-branded .registration button svg { display: none; }

.component-example.bp-below576 .search-tile.grants-finder-tool .top-section { align-items: unset; flex-direction: column-reverse; }

.component-example.bp-below576 .search-tile.grants-finder-tool .top-section .label { margin-top: 16px; width: 100%; }

.component-example.bp-below576 .events-tile .date-time, .component-example.bp-below576 .events-tile .location-cost { flex-wrap: wrap; }

.component-example.bp-below576 .events-tile .date-time p, .component-example.bp-below576 .events-tile .location-cost p { width: 100%; }

.component-example.bp-below576 .events-tile .registration { flex-wrap: wrap; flex-direction: column-reverse; justify-content: flex-end; }

.component-example.bp-below576 .events-tile .registration p { width: 100%; }

.component-example.bp-below576 .events-tile .registration .button-example { width: 100%; margin-top: 16px; }

@media (max-width: 576px) { .search-tile.grants-finder-tool .top-section { align-items: unset; flex-direction: column-reverse; } .search-tile.grants-finder-tool .top-section .label { margin-top: 16px; width: 100%; } .events-tile .date-time, .events-tile .location-cost { flex-wrap: wrap; } .events-tile .date-time p, .events-tile .location-cost p { width: 100%; } .events-tile .registration { flex-wrap: wrap; flex-direction: column-reverse; justify-content: flex-end; } .events-tile .registration p { width: 100%; } .events-tile .registration .button-example { width: 100%; margin-top: 16px; } }

.bga-component.tools-templates-tile { border: 1px solid #96B7DF; background: #ffffff; display: block; }

.bga-component.tools-templates-tile .component-content { border-left: 8px solid #708DAF; display: flex; flex-wrap: wrap; align-content: space-between; }

.bga-component.tools-templates-tile .component-content p { font-weight: 400; }

.bga-component.tools-templates-tile .component-text { width: 100%; }

.bga-component.tools-templates-tile .tile-title { font-size: 1.125rem; text-decoration: underline; }

.bga-component.tools-templates-tile .tile-title a { text-decoration: underline; }

.bga-component.tools-templates-tile .tile-title a:focus-visible { color: #2157AA; background: #C8D9EE; border: 2px solid #2E6CB9; border-radius: 4px; }

.bga-component.tools-templates-tile .tile-title a:hover { color: #2157AA; background: #C8D9EE; }

.bga-component.tools-templates-tile .tag { padding: 4px 8px; background: #C8D9EE; border-radius: 4px; font-size: .75rem; line-height: 1.5; align-items: center; }

.bga-component.tools-templates-tile .tag img { width: auto; flex-shrink: 0; }

.bga-component.tools-templates-tile:focus, .bga-component.tools-templates-tile:hover { color: #333333; background: #C8D9EE; }

.bga-component.tools-templates-tile:focus .tag, .bga-component.tools-templates-tile:hover .tag { background: #ffffff !important; }

.bga-component.tools-templates-tile:active { border: 1px solid #96B7DF !important; }

.bga-component.tools-templates-tile.tile-template .component-content { border-left-color: #708DAF; }

.bga-component.tools-templates-tile.tile-template .tag { background: #C8D9EE; }

.bga-component.tools-templates-tile.tile-template:focus, .bga-component.tools-templates-tile.tile-template:hover { background: #C8D9EE; }

.bga-component.tools-templates-tile.tile-tool .component-content { border-left-color: #489595; }

.bga-component.tools-templates-tile.tile-tool .tag { background: #CFEBEB; }

.bga-component.tools-templates-tile.tile-tool:focus, .bga-component.tools-templates-tile.tile-tool:hover { background: #CFEBEB; }

.bga-component.tools-templates-tile.tile-calculator .component-content { border-left-color: #CC7A29; }

.bga-component.tools-templates-tile.tile-calculator .tag { background: #FDE6D0; }

.bga-component.tools-templates-tile.tile-calculator:focus, .bga-component.tools-templates-tile.tile-calculator:hover { background: #FDE6D0; }

.bga-component.tools-templates-tile.tile-guide .component-content { border-left-color: #EDC95A; }

.bga-component.tools-templates-tile.tile-guide .tag { background: #FFF3CD; }

.bga-component.tools-templates-tile.tile-guide:focus, .bga-component.tools-templates-tile.tile-guide:hover { background: #FFF3CD; }

.bga-component.tools-templates-tile.tile-checklist .component-content { border-left-color: #7468B4; }

.bga-component.tools-templates-tile.tile-checklist .tag { background: #E2DDF8; }

.bga-component.tools-templates-tile.tile-checklist:focus, .bga-component.tools-templates-tile.tile-checklist:hover { background: #E2DDF8; }

.bga-component.tools-templates-tile.non-branded .component-content { border-left-color: #A8A8A8; }

.bga-component.tools-templates-tile.non-branded .tag { background: #E8E8E8; }

.bga-component.tools-templates-tile.non-branded:focus, .bga-component.tools-templates-tile.non-branded:hover { background: #E8E8E8; }

.bga-component.tools-templates-tile.non-branded .tag { color: #333333; border-radius: 4px; }

.bga-component.tools-templates-tile.non-branded .tag img { height: 24px; width: 24px; }

.chat-button-example-container { position: relative; min-height: 170px; }

.chat-button-example-container:first-of-type { border-bottom: solid 1px #96B7DF; }

.tooltip-example-container { position: relative; display: inline-flex; justify-content: center; }

button.chat { height: 56px; width: auto; padding: 0 67px 0 32px; display: inline-flex; align-items: center; z-index: 9000; border-radius: 60px; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); position: fixed; right: 24px; bottom: 24px; color: #333333; }

button.chat.example { position: absolute; }

button.chat span { font-size: 16px; line-height: 24px; }

button.chat.open { background: url(../assets/icon-chat-open.svg) #ACFF98 no-repeat; background-position: right 32px center; border: solid #348621 3px; }

button.chat.open:focus-visible { background-image: url(../assets/icon-chat-open-white.svg); background-color: #068905; color: #ffffff; border: solid #2E6CB9 3px; }

button.chat.open:hover { background-image: url(../assets/icon-chat-open-white.svg); background-color: #068905; color: #ffffff; border: solid #348621 3px; }

button.chat.open:active { background-image: url(../assets/icon-chat-open-white.svg); background-color: #276718; color: #ffffff; border: solid #276718 3px; }

button.chat.closed { background: url(../assets/icon-chat-closed.svg) #E4E6EA no-repeat; border: solid #ABB1BD 3px; background-position: right 32px center; }

button.chat.closed:focus-visible, button.chat.closed:hover { border: solid #2E6CB9 3px; background-color: #ffffff; }

button.chat.non-branded { border: solid 2px #333333; background: url(../assets/Img-icon-placeholder.svg) #E8E8E8 no-repeat !important; background-position: right 32px center !important; background-size: 27px !important; border-radius: 8px; }

button.chat.non-branded:focus-visible { border-color: mediumblue; color: #333333; }

button.chat.non-branded:hover { border-color: #333333; color: #333333; background: #F8F8F8; }

.msg-container { display: flex; flex-wrap: wrap; justify-content: flex-end; }

.tooltip { display: none; z-index: 9000; width: 100%; max-width: 300px; background: #ffffff; border: 3px solid #ABB1BD; border-radius: 4px; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); position: fixed; right: 24px; bottom: 94px; }

.tooltip .close { display: block; border: none; background: transparent; outline: none; padding: 0; margin: 0; min-height: auto; }

.tooltip.example { position: absolute; }

.tooltip span.arrow { background-color: #ffffff; border-bottom: 3px solid #ABB1BD; border-right: 3px solid #ABB1BD; height: 16px; width: 16px; position: absolute; bottom: -18px; right: 2rem; transform: translate(-50%, -50%) rotate(45deg); z-index: 900; }

.tooltip.centered { right: auto; bottom: 70px; width: auto; }

.tooltip.centered span.arrow { right: calc(50% - 16px); }

.tooltip.show { display: block; opacity: 1; }

.tooltip.non-branded { border: 1px solid #333333; }

.tooltip.non-branded span.arrow { border-bottom: 1px solid #333333; border-right: 1px solid #333333; bottom: -16px; }

.tooltip.non-branded a { color: mediumblue; }

.tooltip.non-branded a:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; background: transparent; }

.tooltip.non-branded a:hover { color: mediumblue; background: transparent; }

.component-example.bp-below768 button.chat, .component-example.small-screen button.chat { text-indent: -9999px; height: 48px; width: 48px; padding: 0; right: 16px; bottom: 16px; }

.component-example.bp-below768 button.chat.open, .component-example.bp-below768 button.chat.closed, .component-example.small-screen button.chat.open, .component-example.small-screen button.chat.closed { background-position: top 10px center; background-size: 24px 24px; }

.component-example.bp-below768 button.chat.non-branded, .component-example.small-screen button.chat.non-branded { background-position: center center !important; }

.component-example.bp-below768 .msg-container, .component-example.small-screen .msg-container { display: flex; flex-wrap: wrap; justify-content: flex-end; }

.component-example.bp-below768 .tooltip, .component-example.small-screen .tooltip { bottom: 78px; right: 16px; }

.component-example.bp-below768 .tooltip.centered, .component-example.small-screen .tooltip.centered { bottom: 62px; }

@media (max-width: 768px) { button.chat { text-indent: -9999px; height: 48px; width: 48px; padding: 0; right: 16px; bottom: 16px; } button.chat.open, button.chat.closed { background-position: top 10px center; background-size: 24px 24px; } button.chat.non-branded { background-position: center center !important; } .msg-container { display: flex; flex-wrap: wrap; justify-content: flex-end; } .tooltip { bottom: 78px; right: 16px; } .tooltip.centered { bottom: 62px; } }

.bga-progress-bar .progress-label { font-size: 0.875rem; }

.bga-progress-bar .progress { height: 6px; border-radius: 10px; }

.bga-progress-bar .progress-bar { border-bottom-right-radius: 10px; border-top-right-radius: 10px; background: #2E6CB9; }

.bga-progress-bar.teal .progress-bar { background: #489595; }

.bga-progress-bar.non-branded .progress { background: #E8E8E8; }

.bga-progress-bar.non-branded .progress-bar { background: #B8B8B8; }

.utility-group { position: relative; height: auto; }

.utility-group .utility-item { display: inline-flex; align-items: center; }

.utility-group .utility-icon { width: 16px; height: auto; }

.utility-group .share-container { display: none; z-index: 9000; background: #ffffff; border: 3px solid #ABB1BD; border-radius: 4px; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); position: absolute; left: 0px; top: 36px; }

.utility-group .share-container .share-body .utility-item { display: flex; align-items: center; width: 100%; }

.utility-group .share-container .share-body .utility-item svg { flex-shrink: 0; }

.utility-group .share-container span.arrow { background-color: #ffffff; height: 16px; width: 16px; position: absolute; z-index: 900; right: calc(50% - 16px); top: -2px; border-left: 3px solid #ABB1BD; border-top: 3px solid #ABB1BD; transform: translate(-50%, -50%) rotate(45deg); }

.utility-group .share-container.show { display: block; }

.utility-group a:focus-visible, .utility-group a:hover { background: none; color: #2157AA; }

.utility-group.non-branded .utility-icon { display: none; }

.utility-group.non-branded .share-container { border: 1px solid #333333; }

.utility-group.non-branded .share-container svg { display: none; }

.utility-group.non-branded span.arrow { border-left: 1px solid #333333; border-top: 1px solid #333333; top: 0; }

.filters.example { max-width: 400px; }

.filters .filter-group-title { display: none; }

.filters .filter-group-title.show { display: block; }

.filters.text-input .filter-item { align-items: center; border-bottom: none; display: flex; display: block; padding-bottom: 16px; border-bottom: solid 1px #ABB1BD; }

.filters.text-input span { display: none; }

.filters.text-input label { font-size: 1.125rem; width: 100%; padding-bottom: 8px; }

.filters.text-input input { font-size: 1rem; padding: 12px 16px; border-color: #333333; }

.filters.text-input input::placeholder { color: #333333; }

.filters.text-input input:focus { border-color: #2E6CB9; }

.filters.text-input button { background: #CFEBEB; border: solid 2px #105C5C; border-radius: 50px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 8px 24px 8px 16px; box-shadow: none; min-width: 100px; padding: 12px 16px; color: #333333; }

.filters.text-input button:focus-visible { background: #105C5C; color: #ffffff; }

.filters.text-input button:hover { background: #218080; color: #ffffff; }

.filters.text-input-secondary { border-bottom: solid 1px #ABB1BD; }

.filters.text-input-secondary .filter-item { align-items: center; border-bottom: none; display: flex; display: block; }

.filters.text-input-secondary span { display: none; }

.filters.text-input-secondary label { font-size: 1.125rem; width: 100%; padding-bottom: 8px; }

.filters.text-input-secondary input { font-size: 1rem; padding: 12px 16px; border-color: #333333; }

.filters.text-input-secondary input::placeholder { color: #333333; }

.filters.text-input-secondary input:focus { border-color: #2E6CB9; }

.filters.text-input-secondary button { background: #CFEBEB; border: solid 2px #105C5C; border-radius: 50px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 8px 24px 8px 16px; box-shadow: none; min-width: 140px; padding: 12px 16px; color: #333333; }

.filters.text-input-secondary button:focus-visible { background: #105C5C; color: #ffffff; }

.filters.text-input-secondary button:hover { background: #218080; color: #ffffff; }

.filters.checkboxes-primary .checkbox-item { border-bottom: solid 1px #ABB1BD; padding: 16px 0; display: flex; position: relative; justify-content: space-between; align-items: center; }

.filters.checkboxes-primary .checkbox-item label { font-size: 1.125rem; }

.filters.checkboxes-primary .checkbox-item input { height: 30px; width: 30px; flex-shrink: 0; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; border: solid 2px #333333; border-radius: 0; }

.filters.checkboxes-primary .checkbox-item input:checked { background: #218080 url(../assets/icon-tick-white.svg) no-repeat; background-position: center center; background-size: 18px 14px; border-color: #218080; }

.filters.checkboxes-secondary .checkbox-item { display: flex; align-items: flex-start; margin-left: -8px; }

.filters.checkboxes-secondary .checkbox-item:focus-visible { border: none; border-radius: 4px; box-shadow: #2E6CB9 0px 0px 0px 2px; outline: none; }

.filters.checkboxes-secondary .checkbox-item label { font-weight: 400; font-size: .875rem; }

.filters.checkboxes-secondary .checkbox-item input { height: 24px; width: 24px; flex-shrink: 0; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #333333; border-radius: 0; margin: 0 8px 0 0; }

.filters.checkboxes-secondary .checkbox-item input:checked { background: #ffffff url(../assets/icon-tick-black.svg) no-repeat; background-position: center center; border: solid 2px #333333; }

.filters.checkboxes-secondary .filter-item { border-bottom: solid 1px #ABB1BD; }

.filters .filter-item-title { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }

.filters .filter-item-title p { font-size: 1.125rem; font-weight: 600; line-height: normal; display: inline-flex; }

.filters .filter-group-title { font-size: .8125rem; font-weight: 600; color: #2E3E5A; }

.filters .filter-item-content { display: none; }

.filters .filter-item-content.show { display: block; }

.filters .active-filters ul { text-indent: 0; }

.filters .active-filters ul li { background: #BFE2E2 url(/icon-close-black.svg) no-repeat; background-size: 10px 10px; background-position: left 12px center; display: none; align-items: center; padding: 2px 12px 2px 34px; border: 1px solid #218080; border-radius: 50px; margin: 0 8px 8px 0; text-indent: 0; font-size: .8125rem; line-height: 1.5; }

.filters .active-filters ul li.selected { display: inline-block; }

.filters .active-filters ul li::before { display: none; }

.filters.toggle-switch .filter-item { border-bottom: solid 1px #ABB1BD; }

.filters.toggle-switch .custom-control { margin: 8px 0; }

.filters.toggle-switch .custom-control-input { position: absolute; z-index: -1; opacity: 0; }

.filters.toggle-switch .custom-control-label { position: relative; padding-left: 52px; font-weight: 400; }

.filters.toggle-switch .custom-control-label:before { width: 44px; height: 16px; display: block; background: #ABB1BD; border: none; margin-top: 4px; border-radius: 50px; position: absolute; left: 0; content: ""; }

.filters.toggle-switch .custom-control-label:after { background: url(../assets/icon-close-grey.svg) no-repeat #ffffff; background-position: center center; border: solid 2px #788295; background-size: 16px 16px; left: 0; top: -4px; width: 30px; height: 30px; display: block; position: absolute; border-radius: 50px; cursor: pointer; content: ""; }

.filters.toggle-switch.selected label:after { background: url(../assets/icon-tick-black.svg) no-repeat #ffffff; background-position: center center; border: solid 2px #333333; background-size: 18px 14px; left: 14px; }

.filters.single-select .filter-item { border-bottom: solid 1px #ABB1BD; }

.filters.single-select select { margin-top: 8px; font-size: .875rem; padding: 8px 32px 8px 8px; background-position: right 8px center; min-height: 35px; border-color: #333333; }

.filters.single-select select:focus, .filters.single-select select:focus-visible { border-color: #2E6CB9; }

.filters.single-select-dynamic { font-size: 1.125rem; font-weight: 600; }

.filters.single-select-dynamic label svg { display: none; }

.filters.checkboxes-dynamic::after { border-bottom: solid 1px #ABB1BD; content: ""; width: 100%; display: block; height: 1px; background: #ABB1BD; margin-top: 8px; }

.filters.checkboxes-dynamic .checkbox-item { display: flex; align-items: flex-start; margin-left: -8px; }

.filters.checkboxes-dynamic .checkbox-item:focus-visible { border: none; border-radius: 4px; box-shadow: #2E6CB9 0px 0px 0px 2px; outline: none; }

.filters.checkboxes-dynamic .checkbox-item label { font-weight: 400; font-size: .875rem; }

.filters.checkboxes-dynamic .checkbox-item input { height: 24px; width: 24px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #333333; border-radius: 0; margin: 0 8px 0 0; flex-shrink: 0; }

.filters.checkboxes-dynamic .checkbox-item input:checked { background: #ffffff url(../assets/icon-tick-black.svg) no-repeat; background-position: center center; border: solid 2px #333333; }

.filters .name-search { background: #E4E6EA; margin-top: 16px; }

.filters .name-search h4, .filters .name-search .h4 { color: #333333; }

.filters .name-search .search-wrapper { display: flex; }

.filters .name-search input { border: solid #333333 1px; border-right: 0px; width: calc(100% - 56px); padding: 12px 16px; font-size: 1rem; line-height: 1.75; height: 56px; }

.filters .name-search input::placeholder { color: #333333; }

.filters .name-search input:focus, .filters .name-search input:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; outline: none; }

.filters .name-search button { text-indent: -9999px; width: 56px; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: url(../assets/icon-search-white.svg) #2E6CB9 no-repeat; background-position: center center; }

.filters .name-search button:focus, .filters .name-search button:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: url(../assets/icon-search-blue.svg) #C8D9EE no-repeat; background-position: center center; }

.filters .name-search button:hover { background: url(../assets/icon-search-white.svg) #2157AA no-repeat; background-position: center center; }

.filters .name-search button:active { background: url(../assets/icon-search-white.svg) #2157AA no-repeat; background-position: center center; }

.filters .name-search .search-list-wrapper { display: none; }

.filters .name-search .search-list-wrapper li { margin: 0; }

.filters.dynamic-list { background: #E4E6EA; }

.filters .dynamic-list .list-wrapper { position: relative; }

.filters .dynamic-list h4, .filters .dynamic-list .h4 { color: #333333; }

.filters .dynamic-list input { border: solid #333333 1px; width: calc(100% - 56px); padding: 12px 48px 12px 16px; font-size: 1rem; line-height: 1.75; height: 56px; background: #ffffff; z-index: 4000; text-overflow: ellipsis; }

.filters .dynamic-list input::placeholder { color: #333333; }

.filters .dynamic-list input::-webkit-calendar-picker-indicator { display: none !important; }

.filters .dynamic-list input:focus, .filters .dynamic-list input:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; }

.filters .dynamic-list a#list-close { display: flex; justify-content: center; align-items: center; position: absolute; right: 56px; height: 56px; top: 0; z-index: 5000; background: none; display: none; }

.filters .dynamic-list a#list-close svg { display: block; }

.filters .dynamic-list a#list-close:hover { cursor: pointer; }

.filters .dynamic-list a#list-close.show { display: flex; }

.filters .dynamic-list a#list-toggle { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; z-index: 5000; width: 56px; box-sizing: border-box; height: 56px; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #2E6CB9; }

.filters .dynamic-list a#list-toggle svg { display: block; }

.filters .dynamic-list a#list-toggle:focus, .filters .dynamic-list a#list-toggle:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; background: #C8D9EE; }

.filters .dynamic-list a#list-toggle:focus svg, .filters .dynamic-list a#list-toggle:focus svg path, .filters .dynamic-list a#list-toggle:focus-visible svg, .filters .dynamic-list a#list-toggle:focus-visible svg path { fill: #2E6CB9; }

.filters .dynamic-list a#list-toggle:hover, .filters .dynamic-list a#list-toggle:active { background: #2157AA; }

.filters .dynamic-list a#list-toggle:hover svg, .filters .dynamic-list a#list-toggle:hover svg path, .filters .dynamic-list a#list-toggle:active svg, .filters .dynamic-list a#list-toggle:active svg path { fill: #ffffff; }

.filters .dynamic-list ul { max-height: 400px; overflow-y: scroll; overflow-y: auto; background: #ffffff; border: #333333 1px solid; border-top: none; padding: 0; margin: 0; display: none; }

.filters .dynamic-list ul.open { display: block; }

.filters .dynamic-list ul li { list-style: none; padding: 12px 16px; margin: 0; display: block; text-indent: 0; }

.filters .dynamic-list ul li::before { display: none; }

.filters .dynamic-list ul li.hidden { display: none; }

.filters .dynamic-list ul li span { font-weight: 700; background: #C8D9EE; }

.filters .dynamic-list ul li:focus { background: #2E6CB9; color: #ffffff; }

.filters .dynamic-list ul li:hover { background: #113869; color: #ffffff; }

.filters .dynamic-list ul li:hover span { background: #2E6CB9; }

.filters .dynamic-list .no-result { background: #FCE9E9; border: 1px solid #C9201D; border-top: none; display: none; padding: 12px 16px; }

.filters .dynamic-list .no-result.show { display: block; }

.filters .dynamic-list .no-result p { color: #C9201D; }

.filters.list .dynamic-list input { width: 100%; }

.filters.list .dynamic-list a#list-close { right: 0px; }

.filters .filter-item.open { padding-bottom: 8px !important; }

.filters .filter-item.open .filter-item-title { padding-bottom: 8px; }

.filters .filter-item.open .filter-item-title svg { transform: scaleY(-1); }

.filters .filter-item.open .active-filters { padding-top: 0 !important; }

.filters .mobile-counter { display: none; }

.filters.non-branded.text-input { border-bottom: solid 1px #C8C8C8; }

.filters.non-branded.text-input input:focus { border-color: mediumblue; }

.filters.non-branded.text-input button { background: #E8E8E8; border: solid 2px #333333; border-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.filters.non-branded.text-input button:focus-visible, .filters.non-branded.text-input button:hover { background: #E8E8E8; color: #333333; }

.filters.non-branded.checkboxes-primary .checkbox-item { border-bottom: solid 1px #C8C8C8; }

.filters.non-branded.checkboxes-primary .checkbox-item input:checked { background-color: #333333; border-color: #333333; }

.filters.non-branded.checkboxes-secondary .filter-item { border-bottom: solid 1px #C8C8C8; }

.filters.non-branded .active-filters ul li { background-color: #D8D8D8; border: 1px solid #D8D8D8; border-radius: 8px; }

.filters.non-branded.toggle-switch .filter-item { border-bottom: solid 1px #C8C8C8; }

.filters.non-branded.toggle-switch .custom-control-label:before { background: #D8D8D8; }

.filters.non-branded.toggle-switch .custom-control-label:after { border: solid 2px #333333; background-image: url(/icon-close-black.svg); }

.filters.non-branded.toggle-switch.selected label:after { background-image: url(../assets/icon-tick-black.svg); }

.filters.non-branded.single-select select:focus, .filters.non-branded.single-select select:focus-visible { border-color: mediumblue; }

.filters.non-branded .name-search { background: #D8D8D8; }

.filters.non-branded .name-search input:focus, .filters.non-branded .name-search input:focus-visible { border-color: mediumblue; }

.filters.non-branded .name-search button { background-color: #333333; }

.filters.non-branded .name-search button:focus, .filters.non-branded .name-search button:focus-visible { background: url(../assets/icon-search-white.svg) #333333 no-repeat; background-position: center center; border-color: mediumblue; }

.filters.non-branded .name-search button:hover, .filters.non-branded .name-search button:active { background: url(../assets/icon-search-white.svg) #333333 no-repeat; background-position: center center; }

.filters.non-branded .dynamic-list { background: #D8D8D8; }

.filters.non-branded .dynamic-list input:focus, .filters.non-branded .dynamic-list input:focus-visible { border-color: mediumblue; }

.filters.non-branded .dynamic-list a#list-toggle { background-color: #333333; }

.filters.non-branded .dynamic-list a#list-toggle:focus, .filters.non-branded .dynamic-list a#list-toggle:focus-visible { border-color: mediumblue; }

.filters.non-branded .dynamic-list a#list-toggle:focus svg, .filters.non-branded .dynamic-list a#list-toggle:focus svg path, .filters.non-branded .dynamic-list a#list-toggle:focus-visible svg, .filters.non-branded .dynamic-list a#list-toggle:focus-visible svg path { fill: #ffffff; }

.filters.non-branded .dynamic-list a#list-toggle:hover svg, .filters.non-branded .dynamic-list a#list-toggle:hover svg path { fill: #ffffff; }

.filters.non-branded .dynamic-list ul li span { background: #D8D8D8; }

.clear-filters a { color: #333333 !important; }

.clear-filters svg { width: 16px !important; height: 16px !important; }

.mobile-filter-toggle { display: none; }

.component-example.bp-below768 .filters.mobile-grey-bkg { background: #EFF0F2; padding: 12px 16px; }

.component-example.bp-below768 .filters.search-box { padding: 0; }

.component-example.bp-below768 .filters.example { max-width: 320px; }

.component-example.bp-below768 .filters.text-input label { font-size: .875rem; }

.component-example.bp-below768 .filters.text-input input { font-size: .875rem; max-width: 200px; }

.component-example.bp-below768 .filters.text-input input::placeholder { font-size: .875rem; color: #333333; }

.component-example.bp-below768 .filters.text-input button { min-width: 80px; font-size: .875rem; }

.component-example.bp-below768 .filters.checkboxes-primary .checkbox-item { padding: 8px 0; }

.component-example.bp-below768 .filters.checkboxes-primary .checkbox-item label { font-size: .875rem; }

.component-example.bp-below768 .filters.checkboxes-primary .checkbox-item input { height: 24px; width: 24px; }

.component-example.bp-below768 .filters.checkboxes-primary .checkbox-item input:checked { background-size: 16px 13px; }

.component-example.bp-below768 .filters.checkboxes-secondary .filter-item { padding: 8px 0 !important; }

.component-example.bp-below768 .filters.checkboxes-secondary .checkbox-item label { font-size: .875rem; }

.component-example.bp-below768 .filters .filter-item-title p { font-size: .875rem; align-items: center; }

.component-example.bp-below768 .filters .filter-item-title svg { width: 16px; height: 10px; margin-left: 8px; }

.component-example.bp-below768 .filters .filter-group-title.show { display: flex; }

.component-example.bp-below768 .filters.toggle-switch .filter-item { padding: 8px 0 !important; }

.component-example.bp-below768 .filters.toggle-switch .custom-control-label { padding-left: 40px; font-size: .875rem; }

.component-example.bp-below768 .filters.toggle-switch .custom-control-label:before { width: 32px; height: 12px; top: 1px; }

.component-example.bp-below768 .filters.toggle-switch .custom-control-label:after { background-size: 12px 12px; left: 0; top: -1px; width: 24px; height: 24px; }

.component-example.bp-below768 .filters.toggle-switch.selected label:after { background-size: 14px 11px; left: 10px; }

.component-example.bp-below768 .filters.single-select .filter-item { padding: 8px 0 !important; }

.component-example.bp-below768 .filters.single-select-dynamic select { margin-top: 8px; font-size: .875rem; padding: 8px 32px 8px 8px; background-position: right 8px center; min-height: 35px; border-color: #333333; height: 35px; padding: 0 32px 0 8px; background-color: transparent; }

.component-example.bp-below768 .filters.single-select-dynamic select:focus, .component-example.bp-below768 .filters.single-select-dynamic select:focus-visible { border-color: #2E6CB9; }

.component-example.bp-below768 .filters .active-filters { padding-top: 0 !important; }

.component-example.bp-below768 .filters .active-filters ul { display: none !important; }

.component-example.bp-below768 .filters.checkboxes-dynamic::after { margin-top: 0px; }

.component-example.bp-below768 .filters.checkboxes-dynamic p.filter-group-title { margin-bottom: 4px !important; }

.component-example.bp-below768 .filters .name-search h4, .component-example.bp-below768 .filters .name-search .h4 { margin-bottom: 8px !important; font-size: .875rem; }

.component-example.bp-below768 .filters .name-search input { padding: 12px 16px; font-size: .875rem; line-height: 1.75; }

.component-example.bp-below768 .filters .name-search input::placeholder { font-size: .875rem; line-height: 1.75; }

.component-example.bp-below768 .filters .name-search button { background-size: 20px 20px; font-size: .875rem; line-height: 1.75; }

.component-example.bp-below768 .filters .dynamic-list h4, .component-example.bp-below768 .filters .dynamic-list .h4 { margin-bottom: 8px !important; font-size: .875rem; }

.component-example.bp-below768 .filters .dynamic-list input { font-size: .875rem; line-height: 1.75; }

.component-example.bp-below768 .filters .dynamic-list ul li { font-size: .875rem; line-height: 1.75; }

.component-example.bp-below768 .filters .dynamic-list ul li::before { display: none; }

.component-example.bp-below768 .filters .dynamic-list .no-result p { font-size: .875rem; line-height: 1.75; }

.component-example.bp-below768 .filters .mobile-counter { display: inline-flex; background: #2E6CB9; color: #ffffff; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; line-height: normal; width: auto; height: auto; border-radius: 50px; margin-left: 6px; }

.component-example.bp-below768 .filters .mobile-counter.not-empty { width: 19px; height: 19px; flex-shrink: 0; }

.component-example.bp-below768 .filters.non-branded .mobile-counter { background: #333333; }

.component-example.bp-below768 .filters-wrapper { display: none; background: #EFF0F2; padding: 12px 16px; max-width: 320px; }

.component-example.bp-below768 #showing-filters-modal.filters-wrapper { display: block !important; }

.component-example.bp-below768 .mobile-filter-toggle { display: block; width: 100%; }

.component-example.bp-below768 .mobile-filter-toggle button { background: #E4E6EA; width: 100%; display: flex; justify-content: center; text-transform: uppercase; font-weight: 400; font-size: 1rem; border: none; line-height: normal; }

.component-example.bp-below768 .mobile-filter-toggle button span { background: #2E6CB9; display: inline-flex; align-items: center; justify-content: center; height: 20px; width: 20px; border-radius: 50px; margin-left: 8px; font-size: .75rem; font-weight: 700; color: #ffffff; }

.component-example.bp-below768 #showing-filters-modal { position: relative; }

.component-example.bp-below768 #showing-filters-modal .scrollable { max-height: none; }

.component-example.bp-below768 #showing-filters-modal .bottom-content { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #ffffff; }

.component-example.bp-below768 #showing-filters-modal .mobile-lightgrey-bkg { background: #E4E6EA; }

.component-example.bp-below768 #showing-filters-modal .filter-control-group { margin-top: 0 !important; padding: 24px; }

.component-example.bp-below768 #showing-filters-modal .name-search { margin-top: 0; }

.component-example.bp-below768 #showing-filters-modal .single-select-dynamic label { font-size: .875rem; margin-bottom: 0 !important; }

@media (max-width: 768px) { .filters.mobile-grey-bkg { background: #EFF0F2; padding: 12px 16px; } .filters.search-box { padding: 0; } .filters.example { max-width: 320px; } .filters.text-input label { font-size: .875rem; } .filters.text-input input { font-size: .875rem; max-width: 200px; } .filters.text-input input::placeholder { font-size: .875rem; color: #333333; } .filters.text-input button { min-width: 80px; font-size: .875rem; } .filters.checkboxes-primary .checkbox-item { padding: 8px 0; } .filters.checkboxes-primary .checkbox-item label { font-size: .875rem; } .filters.checkboxes-primary .checkbox-item input { height: 24px; width: 24px; } .filters.checkboxes-primary .checkbox-item input:checked { background-size: 16px 13px; } .filters.checkboxes-secondary .filter-item { padding: 8px 0 !important; } .filters.checkboxes-secondary .checkbox-item label { font-size: .875rem; } .filters .filter-item-title p { font-size: .875rem; align-items: center; } .filters .filter-item-title svg { width: 16px; height: 10px; margin-left: 8px; } .filters .filter-group-title.show { display: flex; } .filters.toggle-switch .filter-item { padding: 8px 0 !important; } .filters.toggle-switch .custom-control-label { padding-left: 40px; font-size: .875rem; } .filters.toggle-switch .custom-control-label:before { width: 32px; height: 12px; top: 1px; } .filters.toggle-switch .custom-control-label:after { background-size: 12px 12px; left: 0; top: -1px; width: 24px; height: 24px; } .filters.toggle-switch.selected label:after { background-size: 14px 11px; left: 10px; } .filters.single-select .filter-item { padding: 8px 0 !important; } .filters.single-select-dynamic select { margin-top: 8px; font-size: .875rem; padding: 8px 32px 8px 8px; background-position: right 8px center; min-height: 35px; border-color: #333333; height: 35px; padding: 0 32px 0 8px; background-color: transparent; } .filters.single-select-dynamic select:focus, .filters.single-select-dynamic select:focus-visible { border-color: #2E6CB9; } .filters .active-filters { padding-top: 0 !important; } .filters .active-filters ul { display: none !important; } .filters.checkboxes-dynamic::after { margin-top: 0px; } .filters.checkboxes-dynamic p.filter-group-title { margin-bottom: 4px !important; } .filters .name-search h4, .filters .name-search .h4 { margin-bottom: 8px !important; font-size: .875rem; } .filters .name-search input { padding: 12px 16px; font-size: .875rem; line-height: 1.75; } .filters .name-search input::placeholder { font-size: .875rem; line-height: 1.75; } .filters .name-search button { background-size: 20px 20px; font-size: .875rem; line-height: 1.75; } .filters .dynamic-list h4, .filters .dynamic-list .h4 { margin-bottom: 8px !important; font-size: .875rem; } .filters .dynamic-list input { font-size: .875rem; line-height: 1.75; } .filters .dynamic-list ul li { font-size: .875rem; line-height: 1.75; } .filters .dynamic-list ul li::before { display: none; } .filters .dynamic-list .no-result p { font-size: .875rem; line-height: 1.75; } .filters .mobile-counter { display: inline-flex; background: #2E6CB9; color: #ffffff; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; line-height: normal; width: auto; height: auto; border-radius: 50px; margin-left: 6px; } .filters .mobile-counter.not-empty { width: 19px; height: 19px; flex-shrink: 0; } .filters.non-branded .mobile-counter { background: #333333; } .filters-wrapper { display: none; background: #EFF0F2; padding: 12px 16px; max-width: 320px; } #showing-filters-modal.filters-wrapper { display: block !important; } .mobile-filter-toggle { display: block; width: 100%; } .mobile-filter-toggle button { background: #E4E6EA; width: 100%; display: flex; justify-content: center; text-transform: uppercase; font-weight: 400; font-size: 1rem; border: none; line-height: normal; } .mobile-filter-toggle button span { background: #2E6CB9; display: inline-flex; align-items: center; justify-content: center; height: 20px; width: 20px; border-radius: 50px; margin-left: 8px; font-size: .75rem; font-weight: 700; color: #ffffff; } #showing-filters-modal { position: relative; } #showing-filters-modal .scrollable { max-height: none; } #showing-filters-modal .bottom-content { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #ffffff; } #showing-filters-modal .mobile-lightgrey-bkg { background: #E4E6EA; } #showing-filters-modal .filter-control-group { margin-top: 0 !important; padding: 24px; } #showing-filters-modal .name-search { margin-top: 0; } #showing-filters-modal .single-select-dynamic label { font-size: .875rem; margin-bottom: 0 !important; } }

.showing-header-wrapper .showing-header { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 32px 16px; }

.showing-header-wrapper h2.showing-number, .showing-header-wrapper .showing-number.h2 { font-size: 1.75rem; font-weight: 400; margin: 0; }

.showing-header-wrapper h2.showing-number span, .showing-header-wrapper .showing-number.h2 span { font-weight: 600; }

.showing-header-wrapper .bga-secondary-btn:focus-visible svg path, .showing-header-wrapper .bga-secondary-btn:focus svg path, .showing-header-wrapper .bga-secondary-btn:hover svg path, .showing-header-wrapper .bga-secondary-btn:active svg path { fill: #ffffff; }

.showing-header-wrapper .filter-toggle { display: none; }

.showing-header-wrapper.fixed { position: fixed; background: #CFEBEB; top: 0; z-index: 8500; width: 100%; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); transition: top 1s linear; }

.showing-page.fixed { padding-top: 140px; }

#showing-filters-modal { display: none; }

#showing-filters-modal.show { display: block; position: fixed; width: calc(100% - 32px); top: 1rem; left: 16px; max-height: none; max-width: none; height: calc(100% - 32px); }

#showing-filters-modal .clear-filters a { color: #333333 !important; }

#showing-filters-modal .clear-filters svg { width: 16px !important; height: 16px !important; }

.component-example.bp-below576 .showing-header-wrapper .bga-secondary-btn svg { display: none; }

@media (max-width: 768px) { .showing-header-wrapper .showing-header { padding: 16px 16px; flex-wrap: wrap; } .showing-header-wrapper h2.showing-number, .showing-header-wrapper .showing-number.h2 { font-size: 1rem; width: 100%; margin-bottom: 16px; } .showing-header-wrapper .buttons-wrapper { width: 100%; display: flex; justify-content: space-between; flex-direction: row-reverse; } .showing-header-wrapper .button-example, .showing-header-wrapper .filter-toggle { width: 49%; display: block; } .showing-header-wrapper .button-example.full-width, .showing-header-wrapper .filter-toggle.full-width { width: 100%; } .showing-header-wrapper .filter-toggle button, .showing-header-wrapper .bga-secondary-btn { background: #E4E6EA; font-weight: 400; font-size: 1rem; text-transform: uppercase; height: 48px; min-height: auto; margin: 0; padding: 0; width: 100%; border: none; border-radius: 0px; box-shadow: none; justify-content: center; color: #333333; } .showing-header-wrapper .filter-toggle button span, .showing-header-wrapper .bga-secondary-btn span { background: #2E6CB9; display: inline-flex; align-items: center; justify-content: center; height: 20px; width: 20px; border-radius: 50px; margin-left: 8px; font-size: .75rem; font-weight: 700; color: #ffffff; } .showing-header-wrapper .filter-toggle button:focus-visible, .showing-header-wrapper .filter-toggle button:focus, .showing-header-wrapper .filter-toggle button:hover, .showing-header-wrapper .filter-toggle button:active, .showing-header-wrapper .bga-secondary-btn:focus-visible, .showing-header-wrapper .bga-secondary-btn:focus, .showing-header-wrapper .bga-secondary-btn:hover, .showing-header-wrapper .bga-secondary-btn:active { background: #E4E6EA; color: #333333; } .showing-header-wrapper .filter-toggle button:focus-visible svg path, .showing-header-wrapper .filter-toggle button:focus svg path, .showing-header-wrapper .filter-toggle button:hover svg path, .showing-header-wrapper .filter-toggle button:active svg path, .showing-header-wrapper .bga-secondary-btn:focus-visible svg path, .showing-header-wrapper .bga-secondary-btn:focus svg path, .showing-header-wrapper .bga-secondary-btn:hover svg path, .showing-header-wrapper .bga-secondary-btn:active svg path { fill: #333333; } .showing-header-wrapper.fixed { padding: 0 0 16px 0; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); z-index: 8900; } .showing-header-wrapper.fixed .filter-toggle button, .showing-header-wrapper.fixed .bga-secondary-btn { background: #ffffff !important; } }

@media (max-width: 576px) { .showing-header-wrapper .bga-secondary-btn svg { display: none; } }

.media-player-example .media-player { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; height: auto; }

.media-player-example .media-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.media-player-example .audio-player { background-color: #113869; }

.media-player-example .audio-player audio { display: block; width: 100%; }

.media-player-example .media-transcript { background-color: #E4E6EA; border-bottom: 0.125rem solid #ABB1BD; padding: 0; position: relative; width: 100%; }

.media-player-example .media-transcript .media-transcript-content { height: 19.5rem; overflow-x: hidden; overflow-y: scroll; width: 100%; }

.media-player-example .media-transcript .media-transcript-content:before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(235, 235, 235, 0)), to(#E4E6EA)); background: linear-gradient(0deg, rgba(235, 235, 235, 0), #E4E6EA); content: ""; height: 2rem; left: 0; position: absolute; top: 0; width: calc(100% - 1.25rem); z-index: 1; }

.media-player-example .media-transcript .media-transcript-content:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 235, 235, 0)), to(#E4E6EA)); background: linear-gradient(180deg, rgba(235, 235, 235, 0), #E4E6EA); bottom: 0; content: ""; height: 2rem; left: 0; position: absolute; width: calc(100% - 1.25rem); z-index: 1; }

.media-player-example .media-transcript .media-transcript-content ul { margin-left: 0; padding: 0; }

.media-player-example .media-transcript .media-transcript-content ul li { display: flex; font-size: 1rem; font-weight: 400; list-style: none; margin: 0 !important; }

.media-player-example .media-transcript .media-transcript-content ul li button { -ms-flex-align: start; -webkit-box-align: start; -webkit-box-shadow: none; align-items: flex-start; background: none; border: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0; padding: 0; width: 100%; }

.media-player-example .media-transcript .media-transcript-content ul li button:focus { outline: none; }

.media-player-example .media-transcript .media-transcript-content ul li button:focus p { background-color: #fff; }

.media-player-example .media-transcript .media-transcript-content ul li button:hover { cursor: pointer; }

.media-player-example .media-transcript .media-transcript-content ul li button:hover p { background-color: #fff; }

.media-player-example .media-transcript .media-transcript-content ul li button div { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.875rem; margin: 0; padding: 0; }

.media-player-example .media-transcript .media-transcript-content ul li button div span { color: #666; font-size: 0.75rem; padding-right: 1.25rem; }

.media-player-example .media-transcript .media-transcript-content ul li button p { color: #333333; font-size: 1rem; font-weight: 400; margin: 0; padding: 4px 8px; text-align: left; width: 100%; }

.media-player-example .media-transcript .media-transcript-content ul li:before { display: none; }

.media-player-example .media-transcript .media-transcript-content .media-transcript-active p { background-color: #fff; }

.media-player-example .media-player-transcript-toggle { -ms-flex-pack: end; -webkit-box-pack: end; background-color: #E4E6EA; border-bottom: 0.125rem solid #ABB1BD; height: 3.5rem; justify-content: flex-end; overflow: hidden; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.media-player-example .media-player-transcript-toggle button { display: -webkit-box; display: -ms-flexbox; display: flex; background: transparent; border: none; padding: 0; min-height: auto; }

.media-player-example .media-player-transcript-toggle button span { text-decoration: underline; }

.media-player-example .media-player-transcript-toggle button:hover { cursor: pointer; }

.media-player-example .media-player-transcript-toggle button:hover span { text-decoration: underline; }

.media-player-example .media-player-transcript-toggle button:focus-visible { outline: none; border: 2px solid #2E6CB9; border-radius: 4px; }

.media-player-example .media-player-transcript-toggle button:focus-visible span { text-decoration: underline; }

.media-player-example .media-player-transcript-toggle span { -webkit-transition: all 0.3s; color: #333333; font-size: 1rem; font-weight: 600; letter-spacing: normal; line-height: 1.5; margin-right: 0.5rem; transition: all 0.3s; font-size: 1rem; line-height: 24px; font-weight: 600; }

.media-player-example .media-player-transcript-toggle .iconAnimateWrapper svg { -webkit-transition: -webkit-transform 0.3s; fill: #333333; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.media-player-example .media-player-transcript-toggle .iconAnimateWrapper svg.open { transform: scaleY(-1); transition: transform 0.3s, -webkit-transform 0.3s; }

.media-player-example .media-player-transcript-toggle .active-expand svg { -webkit-transform: scaleY(-1); transform: scaleY(-1); }

.media-player-example .media-player-transcript { -webkit-transition: height 0.6s; border-bottom: 0.125rem solid #ABB1BD; overflow: hidden; transition: height 0.6s; height: 0; border-bottom: none; }

.media-player-example .media-player-transcript.open { height: 19.5rem !important; border-bottom: 0.125rem solid #ABB1BD; }

.media-player-example .media-player-transcript.open .media-transcript { visibility: visible; transition: visibility 0.5s ease 1s; }

.media-player-example .media-player-info { background-color: #E4E6EA; }

.media-player-example .media-player-info.audio { background-color: #2E6CB9; }

.media-player-example .media-player-info.audio h2, .media-player-example .media-player-info.audio .h2, .media-player-example .media-player-info.audio h3, .media-player-example .media-player-info.audio .h3, .media-player-example .media-player-info.audio .media-player-info-detail { color: #ffffff; padding-top: 0; }

.media-player-example .media-player-info.audio .title { display: flex; column-gap: 24px; align-items: center; }

.media-player-example .media-player-info.audio .title img { height: 132px; width: 132px; }

.media-player-example .media-player-info .media-player-info-detail { color: #333333; font-size: 1rem; letter-spacing: 0.0125rem; line-height: 2; margin-bottom: 0; padding: 0; }

.media-player-example.non-branded .audio-player { background-color: #333333; }

.media-player-example.non-branded .media-player-transcript { border-bottom: 1px solid #333333; }

.media-player-example.non-branded .media-player-transcript.open { border-bottom: 1px solid #333333; }

.media-player-example.non-branded .media-player-transcript .media-transcript { background-color: #E8E8E8; border-bottom: 1px solid #333333; }

.media-player-example.non-branded .media-player-transcript-toggle { background: #E8E8E8; }

.media-player-example.non-branded .media-player-transcript-toggle button:hover { background: none; }

.media-player-example.non-branded .media-player-info { background-color: #E8E8E8; border-bottom: 1px solid #333333; }

.media-player-example.non-branded .media-player-info.audio { background-color: #7d7d7d; }

.component-example.bp-below768 .media-player-example .media-player-info.audio .title img { display: none; }

@media (max-width: 768px) { .media-player-example .media-player-info.audio .title img { display: none; } }

.guided-search-wrapper { background: linear-gradient(180deg, #9ed2d3 0%, #bfe2e2 100%); }

.guided-search-wrapper .component-content { background: #CFEBEB; }

.guided-search-wrapper .multi-select-wrapper { width: 100%; max-width: 900px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 16px auto; }

.guided-search-wrapper .multi-select { background: #ffffff url(../assets/icon-plus-blue.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #2157AA; border-radius: 50px; font-size: 0.9375rem; cursor: pointer; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); padding: 8px 16px 8px 38px; display: block; margin: 0 16px 16px 0; }

.guided-search-wrapper .multi-select:focus-visible { background: #113869 url(../assets/icon-plus-white.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #113869; color: #ffffff; outline: none; }

.guided-search-wrapper .multi-select:hover { background: #2157AA url(../assets/icon-plus-white.svg) no-repeat; background-size: 14px 14px; background-position: center left 16px; border: solid 2px #2157AA; color: #ffffff; }

.guided-search-wrapper .multi-select.selected { background: #2157AA url(../assets/icon-tick-white.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; border: solid 2px #2157AA; color: #ffffff; }

.guided-search-wrapper .multi-select.selected:focus-visible { background: #113869 url(../assets/icon-tick-white.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; border: solid 2px #113869; color: #ffffff; outline: none; }

.guided-search-wrapper .multi-select.selected:hover { background: #2157AA url(../assets/icon-tick-white.svg) no-repeat; background-size: 18px 14px; background-position: center left 12px; border: solid 2px #2157AA; color: #ffffff; }

.guided-search-wrapper .form-select { padding: 12px 48px 12px 16px; border: none; border-bottom: 3px solid #2157AA; width: auto; max-width: 100%; }

.guided-search-wrapper .form-select:focus { border-radius: 0; border: none; border-bottom: 3px solid #2157AA; }

.guided-search-wrapper .form-select:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.guided-search-wrapper .toggle .custom-control { display: inline-flex; flex-wrap: wrap; }

.guided-search-wrapper .toggle .custom-control-input { height: 42px; min-width: 66px; order: 2; position: relative; width: 66px; appearance: none; background: none; border: none; }

.guided-search-wrapper .toggle .custom-control-input:before { width: 64px; height: 24px; background: #b3c2d8; border: none; display: block; background: #708DAF; border: none; border-radius: 50px; position: absolute; left: 0; content: ""; }

.guided-search-wrapper .toggle .custom-control-input:after { background: url(../assets/icon-close-blue.svg) no-repeat #ffffff; background-position: center center; border: solid 2px #2157AA; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); background-size: 14px 14px; left: 0; width: 40px; height: 40px; display: block; position: absolute; border-radius: 50px; cursor: pointer; content: ""; }

.guided-search-wrapper .toggle .custom-control-input:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; outline: none; }

.guided-search-wrapper .toggle .custom-control-input:hover:after { background: #2157AA url(../assets/icon-close-white.svg) no-repeat; background-position: center center; border: solid 2px #2157AA; background-size: 14px 14px; }

.guided-search-wrapper .toggle.selected .custom-control-input:after { background: #2157AA url(../assets/icon-tick-white.svg) no-repeat; background-position: center center; border: solid 2px #2157AA; background-size: 18px 14px; left: auto; right: 0; }

.guided-search-wrapper .toggle.selected .custom-control-input:hover:after { background: #2157AA url(../assets/icon-tick-white.svg) no-repeat; background-position: center center; border: solid 2px #2157AA; background-size: 18px 14px; }

.guided-search-wrapper .toggle .custom-control-label { position: relative; padding-right: 16px; }

.guided-search-wrapper .toggle label { margin-bottom: 16px; }

.guided-search-wrapper .toggle.toggle-primary #primary-toggle { margin-top: 8px; }

.guided-search-wrapper .toggle.toggle-primary label { font-size: 2.125rem; font-weight: 600; color: #2E3E5A; line-height: 1.5; }

.guided-search-wrapper .toggle.toggle-primary .custom-control-input:before { top: calc(50% - 12px); }

.guided-search-wrapper .toggle.toggle-primary .custom-control-input:after { top: calc(50% - 20px); }

.guided-search-wrapper .toggle.toggle-secondary label { font-size: 1.375rem; font-weight: 600; color: #2E3E5A; line-height: 1.5; }

.guided-search-wrapper .toggle.toggle-secondary .custom-control-input:before { top: calc(50% - 14px); }

.guided-search-wrapper .toggle.toggle-secondary .custom-control-input:after { top: calc(50% - 20px); }

.guided-search-wrapper .button-group { display: flex; justify-content: flex-end; align-items: center; row-gap: 24px; column-gap: 24px; }

.guided-search-wrapper.non-branded { background: #D8D8D8; }

.guided-search-wrapper.non-branded .component-content { background: #E8E8E8; }

.guided-search-wrapper.non-branded .multi-select { background-image: url(../assets/icon-plus-black.svg); border: none !important; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); border-radius: 4px; }

.guided-search-wrapper.non-branded .multi-select:focus-visible, .guided-search-wrapper.non-branded .multi-select:hover { background-image: url(../assets/icon-plus-white.svg); background-color: #333333; }

.guided-search-wrapper.non-branded .multi-select.selected { background-image: url(../assets/icon-tick-white.svg); background-color: #333333; }

.guided-search-wrapper.non-branded .multi-select.selected:focus-visible, .guided-search-wrapper.non-branded .multi-select.selected:hover { background-image: url(../assets/icon-tick-white.svg); background-color: #333333; }

.guided-search-wrapper.non-branded .bga-btn { background: #ffffff; color: #333333; }

.guided-search-wrapper.non-branded a svg path { fill: mediumblue; }

.guided-search-wrapper.non-branded .toggle .custom-control-input:before { background: #A8A8A8; }

.guided-search-wrapper.non-branded .toggle .custom-control-input:after { background-image: url(/icon-close-black.svg); border-color: #333333; }

.guided-search-wrapper.non-branded .toggle .custom-control-input:focus-visible { border-color: mediumblue; }

.guided-search-wrapper.non-branded .toggle .custom-control-input:hover:after { background-color: #333333; background-image: url(../assets/icon-close-white.svg); border-color: #333333; }

.guided-search-wrapper.non-branded .toggle.selected .custom-control-input:after { background-image: url(../assets/icon-tick-white.svg); background-color: #333333; border-color: #333333; }

.guided-search-wrapper.non-branded .toggle.selected .custom-control-input:hover:after { background-image: url(../assets/icon-tick-white.svg); background-color: #333333; border-color: #333333; }

.guided-search-wrapper.non-branded .toggle.toggle-primary label { color: #333333; }

.guided-search-wrapper.non-branded .toggle.toggle-secondary label { color: #333333; }

.component-example.bp-350 .guided-search-wrapper { padding: 24px 0 0 0 !important; }

.component-example.bp-350 .guided-search-wrapper .component-content { padding: 24px !important; }

.component-example.bp-350 .guided-search-wrapper h1, .component-example.bp-350 .guided-search-wrapper .h1 { margin-left: 24px; font-size: 2rem; }

.component-example.bp-350 .guided-search-wrapper h2, .component-example.bp-350 .guided-search-wrapper .h2 { font-size: 1.75rem; }

.component-example.bp-350 .guided-search-wrapper .toggle.toggle-primary label { font-size: 1.75rem; }

.component-example.bp-350 .guided-search-wrapper .toggle.toggle-secondary { padding-top: 8px !important; }

.component-example.bp-350 .guided-search-wrapper .toggle.toggle-secondary label { padding-bottom: 0; }

.component-example.bp-350 .guided-search-wrapper .mini { margin-bottom: 16px; }

.component-example.bp-350 .guided-search-wrapper .button-group .previous, .component-example.bp-350 .guided-search-wrapper .button-group .start-again, .component-example.bp-350 .guided-search-wrapper .button-group .bga-btn { font-size: .875rem; }

.component-example.bp-350 .guided-search-wrapper .button-group .previous svg, .component-example.bp-350 .guided-search-wrapper .button-group .start-again svg, .component-example.bp-350 .guided-search-wrapper .button-group .bga-btn svg { display: none; }

.component-example.bp-350 .guided-search-wrapper .multi-select-wrapper { margin: 0 auto 8px auto; }

.component-example.bp-350 .guided-search-wrapper .form-select { margin-bottom: 24px !important; }

.component-example.bp-below350 .guided-search-wrapper { padding: 24px 0 0 0 !important; }

.component-example.bp-below350 .guided-search-wrapper h1, .component-example.bp-below350 .guided-search-wrapper .h1 { margin-left: 24px; font-size: 2rem; }

.component-example.bp-below350 .guided-search-wrapper h2, .component-example.bp-below350 .guided-search-wrapper .h2 { font-size: 1.75rem; }

.component-example.bp-below350 .guided-search-wrapper .toggle.toggle-primary label { font-size: 1.75rem; }

.component-example.bp-below350 .guided-search-wrapper .toggle.toggle-secondary { padding-top: 8px !important; }

.component-example.bp-below350 .guided-search-wrapper .toggle.toggle-secondary label { padding-bottom: 0; }

.component-example.bp-below350 .guided-search-wrapper .button-group { flex-wrap: wrap; }

.component-example.bp-below350 .guided-search-wrapper .button-group .previous, .component-example.bp-below350 .guided-search-wrapper .button-group .start-again, .component-example.bp-below350 .guided-search-wrapper .button-group .bga-btn { width: 100%; text-align: center; font-size: .875rem; }

.component-example.bp-below350 .guided-search-wrapper .button-group .previous svg, .component-example.bp-below350 .guided-search-wrapper .button-group .start-again svg, .component-example.bp-below350 .guided-search-wrapper .button-group .bga-btn svg { display: none; }

@media (max-width: 576px) { .guided-search-wrapper { padding: 24px 0 0 0 !important; } .guided-search-wrapper .component-content { padding: 24px !important; } .guided-search-wrapper h1, .guided-search-wrapper .h1 { margin-left: 24px; font-size: 2rem; } .guided-search-wrapper h2, .guided-search-wrapper .h2 { font-size: 1.75rem; } .guided-search-wrapper .toggle.toggle-primary label { font-size: 1.75rem; } .guided-search-wrapper .toggle.toggle-secondary { padding-top: 8px !important; } .guided-search-wrapper .toggle.toggle-secondary label { padding-bottom: 0; } .guided-search-wrapper .mini { margin-bottom: 16px; } .guided-search-wrapper .button-group .previous, .guided-search-wrapper .button-group .start-again, .guided-search-wrapper .button-group .bga-btn { font-size: .875rem; } .guided-search-wrapper .button-group .previous svg, .guided-search-wrapper .button-group .start-again svg, .guided-search-wrapper .button-group .bga-btn svg { display: none; } .guided-search-wrapper .multi-select-wrapper { margin: 0 auto 8px auto; } .guided-search-wrapper .form-select { margin-bottom: 24px !important; } }

@media (max-width: 350px) { .guided-search-wrapper { padding: 24px 0 0 0 !important; } .guided-search-wrapper h1, .guided-search-wrapper .h1 { margin-left: 24px; font-size: 2rem; } .guided-search-wrapper h2, .guided-search-wrapper .h2 { font-size: 1.75rem; } .guided-search-wrapper .toggle.toggle-primary label { font-size: 1.75rem; } .guided-search-wrapper .toggle.toggle-secondary { padding-top: 8px !important; } .guided-search-wrapper .toggle.toggle-secondary label { padding-bottom: 0; } .guided-search-wrapper .button-group { flex-wrap: wrap; } .guided-search-wrapper .button-group .previous, .guided-search-wrapper .button-group .start-again, .guided-search-wrapper .button-group .bga-btn { width: 100%; text-align: center; font-size: .875rem; } .guided-search-wrapper .button-group .previous svg, .guided-search-wrapper .button-group .start-again svg, .guided-search-wrapper .button-group .bga-btn svg { display: none; } }

.bga-inpage-feedback { border-top: 1px solid #5A667D; }

.bga-inpage-feedback .button-example { display: flex; column-gap: 24px; row-gap: 24px; }

.bga-inpage-feedback .initial-question { align-items: center; display: none; }

.bga-inpage-feedback .initial-question.show { display: flex; }

.bga-inpage-feedback .initial-question .bga-btn.yes:focus svg path.fill, .bga-inpage-feedback .initial-question .bga-btn.yes:hover svg path.fill, .bga-inpage-feedback .initial-question .bga-btn.yes:active svg path.fill, .bga-inpage-feedback .initial-question .bga-btn.yes.selected svg path.fill, .bga-inpage-feedback .initial-question .bga-btn.no:focus svg path.fill, .bga-inpage-feedback .initial-question .bga-btn.no:hover svg path.fill, .bga-inpage-feedback .initial-question .bga-btn.no:active svg path.fill, .bga-inpage-feedback .initial-question .bga-btn.no.selected svg path.fill { fill: #ffffff; }

.bga-inpage-feedback .initial-question .bga-btn.no.selected { background: #2E6CB9; color: #ffffff; border-color: #2E6CB9; }

.bga-inpage-feedback .yes-answer { display: none; }

.bga-inpage-feedback .yes-answer.show { display: block; }

.bga-inpage-feedback .no-answer { display: none; }

.bga-inpage-feedback .no-answer.show { display: block; }

.bga-inpage-feedback .no-answer .textarea-container { display: none; }

.bga-inpage-feedback .no-answer .textarea-container.show { display: block; }

.bga-inpage-feedback .thank-you-container { display: none; }

.bga-inpage-feedback .thank-you-container.show { display: block; }

.bga-inpage-feedback .thank-you-container a { color: #2157AA; text-decoration: underline; }

.bga-inpage-feedback .thank-you-container a:focus-visible { border: 2px solid #2E6CB9; background: rgba(46, 108, 185, 0.15); border-radius: 4px; outline: none; color: #113869; text-decoration: underline; }

.bga-inpage-feedback .thank-you-container a:hover { background: rgba(46, 108, 185, 0.15); color: #113869; text-decoration: underline; }

.bga-inpage-feedback .non-branded .bga-btn { border: solid 2px #333333; background: #E8E8E8; border-radius: 8px; }

.bga-inpage-feedback .non-branded .bga-btn.no.selected { background-color: #333333; color: #ffffff; border-color: #333333; }

.bga-inpage-feedback .non-branded .bga-btn.bga-secondary-btn { background: #ffffff; border-color: #A8A8A8; }

.bga-inpage-feedback .non-branded .bga-btn.bga-secondary-btn svg { display: none !important; }

.bga-inpage-feedback .non-branded .bga-btn:focus-visible { border-color: mediumblue; color: #333333; }

.bga-inpage-feedback .non-branded .bga-btn:hover { border-color: #333333; color: #333333; background: #F8F8F8; }

.bga-inpage-feedback .non-branded .checkboxes [type=checkbox]:checked { background: #ffffff url(../assets/icon-tick-black.svg) no-repeat center center; border: solid 3px #333333 !important; }

.bga-inpage-feedback .non-branded .checkboxes [type=checkbox]:checked + label { color: #333333; }

.bga-inpage-feedback .non-branded a { color: mediumblue; }

.bga-inpage-feedback .non-branded a:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; background: transparent; }

.bga-inpage-feedback .non-branded a:hover { color: mediumblue; background: transparent; }

.component-example.bp-below576 .bga-inpage-feedback .initial-question, .component-example.small-screen .bga-inpage-feedback .initial-question { flex-wrap: wrap; }

.component-example.bp-below576 .bga-inpage-feedback .initial-question P, .component-example.small-screen .bga-inpage-feedback .initial-question P { width: 100%; margin-bottom: 16px !important; }

@media (max-width: 576px) { .bga-inpage-feedback .initial-question { flex-wrap: wrap; } .bga-inpage-feedback .initial-question P { width: 100%; margin-bottom: 16px !important; } }

.cookie-notification { background: #FFF3CD; display: flex; column-gap: 16px; justify-content: space-between; padding-left: 48px; }

.cookie-notification .component-content { width: 100%; padding: 0; display: flex; justify-content: center; }

.cookie-notification .component-content .component-text { max-width: 1256px; padding: 0; display: flex; }

.cookie-notification .component-content .component-text p { text-align: center; font-weight: 600; }

.cookie-notification .close { text-indent: -9999px; background: transparent url(/icon-close-black.svg) no-repeat; background-size: 16px 16px; background-position: center center; border: none; height: 16px; width: 16px; min-height: auto !important; min-width: auto !important; flex-shrink: 0; }

.cookie-notification .close:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

.cookie-notification a { white-space: nowrap; }

.cookie-notification a:active { border: none; }

.component-example.bp-576 .cookie-notification { padding-left: 32px; }

.component-example.bp-below576 .cookie-notification { padding-left: 32px; }

.component-example.bp-below576 .cookie-notification { padding-left: 24px; column-gap: 8px; }

@media (max-width: 1400px) { .cookie-notification { padding-left: 32px; } }

@media (max-width: 576px) { .cookie-notification { padding-left: 24px; column-gap: 8px; } }

.bga-component.non-branded, .non-branded { border: none; }

.bga-component.non-branded.nb-border, .non-branded.nb-border { border: 1px solid #C8C8C8; }

.bga-component.non-branded.nb-background, .non-branded.nb-background { background: #E8E8E8; }

.bga-component.non-branded.nb-background-dark, .non-branded.nb-background-dark { background: #333333; }

.bga-component.non-branded h1, .bga-component.non-branded h2, .bga-component.non-branded h3, .bga-component.non-branded h4, .bga-component.non-branded h5, .bga-component.non-branded h6, .non-branded h1, .non-branded .h1, .non-branded h2, .non-branded .h2, .non-branded h3, .non-branded .h3, .non-branded h4, .non-branded .h4, .non-branded h5, .non-branded .h5, .non-branded h6, .non-branded .h6 { color: #333333; }

.bga-component.non-branded a, .bga-component.non-branded .tile-title, .non-branded a, .non-branded .tile-title { color: mediumblue; }

.bga-component.non-branded a:focus-visible, .bga-component.non-branded .tile-title:focus-visible, .non-branded a:focus-visible, .non-branded .tile-title:focus-visible { color: mediumblue; border: mediumblue solid 2px; border-radius: 4px; background: transparent; }

.bga-component.non-branded a:hover, .bga-component.non-branded .tile-title:hover, .non-branded a:hover, .non-branded .tile-title:hover { color: mediumblue; background: transparent; }

.bga-component.non-branded a.external, .non-branded a.external { background-image: none; padding-right: 0; }

.bga-component.non-branded button:focus-visible, .non-branded button:focus-visible { color: #333333; }

.bga-component.non-branded button:hover, .bga-component.non-branded button:active, .non-branded button:hover, .non-branded button:active { color: #333333; background: #F8F8F8; }

.bga-component.non-branded .bga-btn, .non-branded .bga-btn { border: solid 2px #333333; background: #E8E8E8; border-radius: 8px; }

.bga-component.non-branded .bga-btn.bga-secondary-btn, .non-branded .bga-btn.bga-secondary-btn { background: #ffffff; border-color: #A8A8A8; }

.bga-component.non-branded .bga-btn:focus-visible, .non-branded .bga-btn:focus-visible { border-color: mediumblue; color: #333333; }

.bga-component.non-branded .bga-btn:hover, .non-branded .bga-btn:hover { border-color: #333333; color: #333333; background: #F8F8F8; }

.bga-component.non-branded .form-select, .non-branded .form-select { border: #333333 solid 1px; }

.bga-component.non-branded .form-select:focus-visible, .non-branded .form-select:focus-visible { border: solid 2px mediumblue; }

.bga-component.non-branded input.form-control:focus-visible, .non-branded input.form-control:focus-visible { border: solid 2px mediumblue; }

.bga-component.non-branded .checkboxes [type=checkbox]:checked, .non-branded .checkboxes [type=checkbox]:checked { background: #ffffff url(../assets/icon-tick-black.svg) no-repeat center center; border: solid 3px #333333 !important; }

.bga-component.non-branded .checkboxes [type=checkbox]:checked + label, .non-branded .checkboxes [type=checkbox]:checked + label { color: #333333; }

.bga-component.non-branded .component-content, .non-branded .component-content { border: none; }

.bga-component.non-branded .component-text p, .non-branded .component-text p { color: #333333; }

.bga-component.non-branded .icon-wrapper, .non-branded .icon-wrapper { min-width: auto; min-height: auto; height: auto; width: auto; padding: 0; }

.bga-component.non-branded .icon-wrapper p, .non-branded .icon-wrapper p { padding: 0; }

.bga-component.non-branded .icon-wrapper .external-site, .non-branded .icon-wrapper .external-site { min-height: auto; }

.bga-component.non-branded .arrow-icon, .non-branded .arrow-icon { background: transparent; height: auto; width: auto; }

.bga-component.non-branded .arrow-icon img, .non-branded .arrow-icon img { max-width: none; }

.bga-component.comparison-accordion .treegrid { width: 100%; display: block; border-bottom: 1px solid #788295; }

.bga-component.comparison-accordion .treegrid thead { display: block; width: 100%; }

.bga-component.comparison-accordion .treegrid thead tr { border-bottom: 4px solid #788295; display: flex; background: #B3CBE8; }

.bga-component.comparison-accordion .treegrid tbody { display: block; width: 100%; }

.bga-component.comparison-accordion .treegrid tbody tr { border-top: 1px solid #788295; display: flex; background: #E3ECF6; }

.bga-component.comparison-accordion .treegrid tbody tr:first-of-type { border-top: none; }

.bga-component.comparison-accordion .treegrid tbody tr:nth-child(1), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(2), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(5), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(6), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(9), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(10), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(13), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(14), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(17), .bga-component.comparison-accordion .treegrid tbody tr:nth-child(18) { background: #C8D9EE; }

.bga-component.comparison-accordion .treegrid tbody tr:nth-child(even) { border-top: none; }

.bga-component.comparison-accordion .treegrid tbody tr:nth-child(even) td { padding: 16px 8px; }

.bga-component.comparison-accordion .treegrid tbody tr:nth-child(even) td > *:last-child { padding-bottom: 0; margin-bottom: 0; }

.bga-component.comparison-accordion .treegrid tbody tr:nth-child(even) td > *:last-child > li:last-child { padding-bottom: 0; margin-bottom: 0; }

.bga-component.comparison-accordion .treegrid tbody tr:nth-child(even) td > *:first-child { padding-top: 0; margin-top: 0; }

.bga-component.comparison-accordion .treegrid tbody tr.more-info td { display: block; width: 100%; background: none; }

.bga-component.comparison-accordion .treegrid th, .bga-component.comparison-accordion .treegrid td { display: inline-flex; width: calc(50% - 120px); }

.bga-component.comparison-accordion .treegrid th:nth-child(2), .bga-component.comparison-accordion .treegrid th:nth-child(3), .bga-component.comparison-accordion .treegrid td:nth-child(2), .bga-component.comparison-accordion .treegrid td:nth-child(3) { width: 25%; }

.bga-component.comparison-accordion .treegrid th:nth-child(4), .bga-component.comparison-accordion .treegrid td:nth-child(4) { width: 120px; }

.bga-component.comparison-accordion .treegrid th svg, .bga-component.comparison-accordion .treegrid td svg { flex-shrink: 0; }

.bga-component.comparison-accordion .treegrid th { background: #B3CBE8; font-weight: 600; padding: 16px 8px; }

.bga-component.comparison-accordion .treegrid td { padding: 16px 8px; background: #ffffff; }

.bga-component.comparison-accordion .treegrid td h1, .bga-component.comparison-accordion .treegrid td .h1, .bga-component.comparison-accordion .treegrid td h2, .bga-component.comparison-accordion .treegrid td .h2, .bga-component.comparison-accordion .treegrid td h3, .bga-component.comparison-accordion .treegrid td .h3, .bga-component.comparison-accordion .treegrid td h4, .bga-component.comparison-accordion .treegrid td .h4, .bga-component.comparison-accordion .treegrid td h5, .bga-component.comparison-accordion .treegrid td .h5 { font-size: 1rem; font-weight: 600; line-height: 1.75; }

.bga-component.comparison-accordion .treegrid td p:last-of-type { margin: 0; }

.bga-component.comparison-accordion .treegrid td ul { padding-bottom: 0px; }

.bga-component.comparison-accordion .treegrid td.learn-more { background: none; }

.bga-component.comparison-accordion .treegrid td.learn-more button { padding: 0; margin: 0; background: none; border: none; display: flex; align-items: center; min-height: auto; }

.bga-component.comparison-accordion .treegrid td.learn-more.open svg { transform: scaleY(-1); }

.bga-component.comparison-accordion .treegrid td.learn-more:focus-visible button, .bga-component.comparison-accordion .treegrid td.learn-more:hover button { color: #2157AA; }

.bga-component.comparison-accordion .treegrid .hidden { display: none; }

.bga-component.comparison-accordion.teal .treegrid thead tr { background: #E6F3F3; }

.bga-component.comparison-accordion.teal .treegrid tbody tr { background: #E6F3F3; }

.bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(1), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(2), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(5), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(6), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(9), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(10), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(13), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(14), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(17), .bga-component.comparison-accordion.teal .treegrid tbody tr:nth-child(18) { background: #CFEBEB; }

.bga-component.comparison-accordion.teal .treegrid th { background: #8BCACA; }

.bga-component.comparison-accordion.non-branded .treegrid { border-bottom: #333333 solid 1px; }

.bga-component.comparison-accordion.non-branded .treegrid thead tr { border-bottom: 1px solid #333333; background: #D8D8D8; }

.bga-component.comparison-accordion.non-branded .treegrid tbody tr { border-top: 1px solid #333333; background: #E8E8E8 !important; }

.bga-component.comparison-accordion.non-branded .treegrid tbody tr:first-of-type { border-top: none; }

.bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(1), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(2), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(5), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(6), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(9), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(10), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(13), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(14), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(17), .bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(18) { background: #F8F8F8 !important; }

.bga-component.comparison-accordion.non-branded .treegrid tbody tr:nth-child(even) { border-top: none; }

.bga-component.comparison-accordion.non-branded .treegrid th { background: #C8C8C8; }

.bga-component.comparison-accordion.non-branded .treegrid td.learn-more button { color: mediumblue; }

.bga-component.comparison-accordion.non-branded .treegrid td.learn-more button svg path, .bga-component.comparison-accordion.non-branded .treegrid td.learn-more button svg { fill: mediumblue; }

.component-example.bp-768 .bga-component.comparison-accordion .treegrid th, .component-example.bp-768 .bga-component.comparison-accordion .treegrid td { width: calc(44% - 80px); }

.component-example.bp-768 .bga-component.comparison-accordion .treegrid th:nth-child(2), .component-example.bp-768 .bga-component.comparison-accordion .treegrid th:nth-child(3), .component-example.bp-768 .bga-component.comparison-accordion .treegrid td:nth-child(2), .component-example.bp-768 .bga-component.comparison-accordion .treegrid td:nth-child(3) { width: 28%; }

.component-example.bp-768 .bga-component.comparison-accordion .treegrid th:nth-child(4), .component-example.bp-768 .bga-component.comparison-accordion .treegrid td:nth-child(4) { width: 80px; }

.component-example.bp-768 .bga-component.comparison-accordion .treegrid tbody tr.more-info td { width: 100%; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid th, .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td { width: calc(44% - 80px); }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid th:nth-child(2), .component-example.bp-below768 .bga-component.comparison-accordion .treegrid th:nth-child(3), .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td:nth-child(2), .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td:nth-child(3) { width: 28%; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid th:nth-child(4), .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td:nth-child(4) { width: 80px; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid tbody tr.more-info td { width: 100%; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid thead, .component-example.bp-below768 .bga-component.comparison-accordion .treegrid tbody { display: block; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid th, .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td { display: inline-flex; width: 40%; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid th:nth-child(2), .component-example.bp-below768 .bga-component.comparison-accordion .treegrid th:nth-child(3), .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td:nth-child(2), .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td:nth-child(3) { width: 30%; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid th:nth-child(4), .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td:nth-child(4) { width: 100%; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid th.mobile-hide, .component-example.bp-below768 .bga-component.comparison-accordion .treegrid td.mobile-hide { height: 0 !important; padding: 0; display: none; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid tr { display: flex; flex-wrap: wrap; background: #E3ECF6 !important; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid tr:nth-child(even) td { padding: 8px; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid tr.more-info td { display: block; width: 100%; background: none; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid td { padding: 8px; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid td.learn-more { background: #ffffff; padding: 8px 8px 8px 8px; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid td.no-learn-more { display: none; }

.component-example.bp-below768 .bga-component.comparison-accordion .treegrid .hidden { display: none; }

.component-example.bp-below768 .bga-component.comparison-accordion.teal .treegrid tr { background: #E6F3F3 !important; }

.component-example.bp-below768 .bga-component.comparison-accordion.non-branded .treegrid tr { background: #E8E8E8 !important; }

@media (max-width: 992px) { .bga-component.comparison-accordion .treegrid th, .bga-component.comparison-accordion .treegrid td { width: calc(44% - 80px); } .bga-component.comparison-accordion .treegrid th:nth-child(2), .bga-component.comparison-accordion .treegrid th:nth-child(3), .bga-component.comparison-accordion .treegrid td:nth-child(2), .bga-component.comparison-accordion .treegrid td:nth-child(3) { width: 28%; } .bga-component.comparison-accordion .treegrid th:nth-child(4), .bga-component.comparison-accordion .treegrid td:nth-child(4) { width: 80px; } .bga-component.comparison-accordion .treegrid tbody tr.more-info td { width: 100%; } }

@media (max-width: 768px) { .bga-component.comparison-accordion .treegrid thead, .bga-component.comparison-accordion .treegrid tbody { display: block; } .bga-component.comparison-accordion .treegrid th, .bga-component.comparison-accordion .treegrid td { display: inline-flex; width: 40%; } .bga-component.comparison-accordion .treegrid th:nth-child(2), .bga-component.comparison-accordion .treegrid th:nth-child(3), .bga-component.comparison-accordion .treegrid td:nth-child(2), .bga-component.comparison-accordion .treegrid td:nth-child(3) { width: 30%; } .bga-component.comparison-accordion .treegrid th:nth-child(4), .bga-component.comparison-accordion .treegrid td:nth-child(4) { width: 100%; } .bga-component.comparison-accordion .treegrid th.mobile-hide, .bga-component.comparison-accordion .treegrid td.mobile-hide { height: 0 !important; padding: 0; display: none; } .bga-component.comparison-accordion .treegrid tr { display: flex; flex-wrap: wrap; background: #E3ECF6 !important; } .bga-component.comparison-accordion .treegrid tr:nth-child(even) td { padding: 8px; } .bga-component.comparison-accordion .treegrid tr.more-info td { display: block; width: 100%; background: none; } .bga-component.comparison-accordion .treegrid td { padding: 8px; } .bga-component.comparison-accordion .treegrid td.learn-more { background: #ffffff; padding: 8px 8px 8px 8px; } .bga-component.comparison-accordion .treegrid td.no-learn-more { display: none; } .bga-component.comparison-accordion .treegrid .hidden { display: none; } .bga-component.comparison-accordion.teal .treegrid tr { background: #E6F3F3 !important; } .bga-component.comparison-accordion.non-branded .treegrid tr { background: #E8E8E8 !important; } }

.dynamic-sidebar .sidebar { height: auto !important; }

.dynamic-sidebar .business-structure .title { background: #B3CBE8; padding: 8px 16px; }

.dynamic-sidebar .business-structure .content { background: #E3ECF6; padding: 8px 16px; }

.dynamic-sidebar .business-structure .chosen-structure { display: flex; align-items: flex-start; }

.dynamic-sidebar .business-structure .chosen-structure svg { display: none; }

.dynamic-sidebar .business-structure .chosen-structure.completed svg { display: block; flex-shrink: 0; margin-top: 6px; }

.dynamic-sidebar .business-structure .chosen-structure.heartbeat-trigger svg { -webkit-animation: heartbeat 1.5s ease-in-out both; animation: heartbeat 1.5s ease-in-out both; animation-duration: 500ms; animation-iteration-count: 1; }

.dynamic-sidebar .recommendations .title { background: #FFE491; padding: 8px 16px; }

.dynamic-sidebar .recommendations .content { background: #FFF3CD; padding: 8px 16px 0px 16px; }

.dynamic-sidebar .recommendations li { text-indent: 0; display: none; margin: 0; padding-bottom: 8px !important; }

.dynamic-sidebar .recommendations li.show { display: flex; align-items: flex-start; }

.dynamic-sidebar .recommendations li.show svg { flex-shrink: 0; margin-top: 6px; }

.dynamic-sidebar .recommendations li.heartbeat-trigger svg { -webkit-animation: heartbeat 1.5s ease-in-out both; animation: heartbeat 1.5s ease-in-out both; animation-duration: 500ms; animation-iteration-count: 1; }

.dynamic-sidebar .recommendations li::before { display: none; }

.dynamic-sidebar .recommendations.grey .title { background: #E4E6EA; }

.dynamic-sidebar .recommendations.grey .content { background: #EFF0F2; }

.nb-dynamic-sidebar .sidebar { height: auto !important; }

.nb-dynamic-sidebar .title { background: #D8D8D8; padding: 16px 24px; }

.nb-dynamic-sidebar .content { background: #E8E8E8; padding: 16px 24px; }

.nb-dynamic-sidebar .content li { text-indent: 0; }

.nb-dynamic-sidebar .content li::before { display: none; }

.sidebar-mobile-explanation { display: none !important; }

.component-example.bp-768 .dynamic-sidebar .business-structure span, .component-example.bp-768 .dynamic-sidebar .business-structure li, .component-example.bp-768 .dynamic-sidebar .business-structure p, .component-example.bp-768 .dynamic-sidebar .recommendations span, .component-example.bp-768 .dynamic-sidebar .recommendations li, .component-example.bp-768 .dynamic-sidebar .recommendations p { font-size: .875rem; }

.component-example.bp-768 .dynamic-sidebar .recommendations li.show svg { margin-top: 4px; }

.component-example.bp-768 .nb-dynamic-sidebar .title { background: #D8D8D8; }

.component-example.bp-768 .nb-dynamic-sidebar .content { background: #E8E8E8; }

.component-example.bp-768 .nb-dynamic-sidebar .content li { text-indent: 0; }

.component-example.bp-768 .nb-dynamic-sidebar .content li::before { display: none; }

.component-example.bp-below768 .sidebar-mobile-hide { display: none !important; }

.component-example.bp-below768 .sidebar-mobile-explanation { display: block !important; }

@media (max-width: 992px) { .dynamic-sidebar .business-structure span, .dynamic-sidebar .business-structure li, .dynamic-sidebar .business-structure p, .dynamic-sidebar .recommendations span, .dynamic-sidebar .recommendations li, .dynamic-sidebar .recommendations p { font-size: .875rem; } .dynamic-sidebar .recommendations li.show svg { margin-top: 4px; } .nb-dynamic-sidebar .title { background: #D8D8D8; } .nb-dynamic-sidebar .content { background: #E8E8E8; } .nb-dynamic-sidebar .content li { text-indent: 0; } .nb-dynamic-sidebar .content li::before { display: none; } }

@media (max-width: 768px) { .sidebar-mobile-hide { display: none !important; } .sidebar-mobile-explanation { display: block !important; } }

.bga-component.easy-read { border-bottom: solid 2px #2E6CB9; height: auto !important; }

.bga-component.easy-read .component-content { display: flex; align-items: flex-start; }

.bga-component.easy-read .component-image { background: #ffffff; flex-shrink: 0; display: flex; flex-wrap: wrap; align-items: center; align-content: center; row-gap: 24px; padding: 32px 0; width: 25%; }

.bga-component.easy-read .component-image img { max-width: 100%; height: auto; }

.bga-component.easy-read .component-text { display: flex; flex-wrap: wrap; align-content: center; padding: 32px; }

.bga-component.easy-read .component-text p { font-size: 1.2rem; line-height: 2; margin-bottom: 32px; }

.bga-component.easy-read .component-text p:last-child { margin-bottom: 0 !important; }

.bga-component.easy-read .component-text strong { font-weight: 700; color: #333333; }

.bga-component.easy-read .component-text ul { margin: 0 0 0 56px; padding: 0; }

.bga-component.easy-read .component-text ul:last-child li:last-of-type { margin-bottom: 0 !important; }

.bga-component.easy-read .component-text ol { margin: 0 0 0 48px; padding: 0; list-style-position: outside; }

.bga-component.easy-read .component-text ol li { text-indent: 0px; }

.bga-component.easy-read .component-text ol li::before { display: none; }

.bga-component.easy-read .component-text li { font-size: 1.2rem; line-height: 2; display: list-item; text-indent: -24px; margin-bottom: 24px; }

.bga-component.easy-read .component-text li::before { background: #2E3E5A; border-radius: 8px; content: ""; display: inline-block; height: 6px; width: 6px; margin-right: 18px; padding: 0; vertical-align: middle; }

.bga-component.easy-read.img-border img { border: solid 2px #2E6CB9; border-radius: 4px; }

.bga-component.easy-read.non-branded { border-bottom: solid 2px #333333; }

.bga-component.easy-read.non-branded .component-text strong { color: #333333; }

.easy-read-group { padding-bottom: 32px; }

#easy-read h2, #easy-read .h2 { margin: 48px 0 16px; padding: 0; }

.bga-component.relevant-support-links.easy-read { border-bottom: none; }

.bga-component.relevant-support-links.easy-read a { cursor: pointer; }

.bga-component.relevant-support-links.easy-read a .link-text { padding: 0 24px; }

.bga-component.relevant-support-links.easy-read a .link-wrapper { align-items: center; border-left: 8px solid #A0D1A0; }

.bga-component.relevant-support-links.easy-read a .icon-wrapper { background: #D4EDD4; border-left: none; border-top-right-radius: 100px; border-bottom-right-radius: 100px; flex-shrink: 0; padding: 48px 24px; flex-wrap: nowrap; }

.bga-component.relevant-support-links.easy-read a .icon-wrapper p { font-size: 1.375rem; line-height: 2; flex-shrink: 0; }

.bga-component.relevant-support-links.easy-read a img { width: 48px; }

.bga-component.relevant-support-links.easy-read a p { font-size: 1.1875rem; line-height: 2; }

.bga-component.relevant-support-links.easy-read a:focus-visible, .bga-component.relevant-support-links.easy-read a:hover { background: #D4EDD4; }

.bga-component.relevant-support-links.easy-read a:focus-visible .link-wrapper, .bga-component.relevant-support-links.easy-read a:hover .link-wrapper { border-left: 8px solid #629D62; }

.bga-component.relevant-support-links.easy-read a:focus-visible .icon-wrapper, .bga-component.relevant-support-links.easy-read a:hover .icon-wrapper { background: #A0D1A0; border-left: none; }

.bga-component.relevant-support-links.easy-read.non-branded a { border: 1px solid #C8C8C8; }

.bga-component.relevant-support-links.easy-read.non-branded a .link-wrapper { border: none; }

.bga-component.relevant-support-links.easy-read.non-branded a .icon-wrapper { background: #E8E8E8; border-left: none; border-radius: 0; }

.bga-component.relevant-support-links.easy-read.non-branded a .icon-wrapper .icon { background: #E8E8E8 url(../assets/Img-icon-placeholder.svg) no-repeat !important; background-size: 48px 48px !important; height: 48px; width: 48px; }

.bga-component.relevant-support-links.easy-read.non-branded a .icon-wrapper img { display: none; }

.bga-component.relevant-support-links.easy-read.non-branded a:focus-visible, .bga-component.relevant-support-links.easy-read.non-branded a:hover { background: none; }

.bga-component.relevant-support-links.easy-read.non-branded a:focus-visible .icon-wrapper p, .bga-component.relevant-support-links.easy-read.non-branded a:hover .icon-wrapper p { color: #333333; }

.bga-component.relevant-support-links.easy-read.non-branded a:focus-visible p, .bga-component.relevant-support-links.easy-read.non-branded a:hover p { color: mediumblue; }

.component-example.bp-576 .bga-component.easy-read .component-text { padding: 24px; }

.component-example.bp-576 .bga-component.easy-read .component-text p { font-size: 1rem; margin-bottom: 24px; }

.component-example.bp-576 .bga-component.easy-read .component-text li { font-size: 1rem; margin-bottom: 16px; }

.component-example.bp-576 .bga-component.easy-read .component-image { padding: 24px 0; }

.component-example.bp-below576 .bga-component.easy-read .component-text { padding: 24px; }

.component-example.bp-below576 .bga-component.easy-read .component-text p { font-size: 1rem; margin-bottom: 24px; }

.component-example.bp-below576 .bga-component.easy-read .component-text li { font-size: 1rem; margin-bottom: 16px; }

.component-example.bp-below576 .bga-component.easy-read .component-image { padding: 24px 0; }

.component-example.bp-below576 .bga-component.easy-read .component-image { align-items: flex-start; align-content: flex-start; }

.component-example.bp-below576 .bga-component.easy-read .component-text { align-items: flex-start; align-content: flex-start; }

.component-example.bp-below576 .bga-component.easy-read .component-text ul { margin-left: 24px; }

.component-example.bp-below576 .bga-component.easy-read .component-text ul li { text-indent: -16px; }

.component-example.bp-below576 .bga-component.easy-read .component-text ul li:before { margin-right: 10px; }

.component-example.bp-below576 .bga-component.easy-read .component-text ol { margin-left: 24px; }

.component-example.bp-below576 .bga-component.easy-read .component-text ol li:before { margin-right: 16px; }

.component-example.bp-350 .bga-component.relevant-support-links.easy-read a .icon-wrapper { min-width: auto; padding: 16px 0 16px 16px; display: flex; background: none; }

.component-example.bp-350 .bga-component.relevant-support-links.easy-read a .icon-wrapper .icon { background: #D4EDD4; padding: 8px; width: 48px; height: 48px; border-radius: 50px; display: flex; justify-content: center; }

.component-example.bp-350 .bga-component.relevant-support-links.easy-read a .icon-wrapper img { width: 32px; }

.component-example.bp-350 .bga-component.relevant-support-links.easy-read a .icon-wrapper p { display: none; }

.component-example.bp-350 .bga-component.relevant-support-links.easy-read a p { font-size: 1rem; line-height: 2; }

.component-example.bp-350 .bga-component.relevant-support-links.easy-read.non-branded a .icon-wrapper { padding: 16px 0 16px 16px; }

.component-example.bp-350 .bga-component.relevant-support-links.easy-read.non-branded a .icon { background: #E8E8E8 url(../assets/Img-icon-placeholder.svg) no-repeat !important; border-radius: 0; }

.component-example.bp-350 .bga-component.relevant-support-links.easy-read.non-branded a .icon img { display: none; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read a .icon-wrapper { min-width: auto; padding: 16px 0 16px 16px; display: flex; background: none; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read a .icon-wrapper .icon { background: #D4EDD4; padding: 8px; width: 48px; height: 48px; border-radius: 50px; display: flex; justify-content: center; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read a .icon-wrapper img { width: 32px; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read a .icon-wrapper p { display: none; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read a p { font-size: 1rem; line-height: 2; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read.non-branded a .icon-wrapper { padding: 16px 0 16px 16px; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read.non-branded a .icon { background: #E8E8E8 url(../assets/Img-icon-placeholder.svg) no-repeat !important; border-radius: 0; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read.non-branded a .icon img { display: none; }

.component-example.bp-below350 .bga-component.relevant-support-links.easy-read a .icon-wrapper { display: none !important; }

@media (max-width: 768px) { .bga-component.easy-read .component-text { padding: 24px; } .bga-component.easy-read .component-text p { font-size: 1rem; margin-bottom: 24px; } .bga-component.easy-read .component-text li { font-size: 1rem; margin-bottom: 16px; } .bga-component.easy-read .component-image { padding: 24px 0; } .bga-component.relevant-support-links.easy-read a .icon-wrapper { min-width: auto; padding: 16px 0 16px 16px; display: flex; background: none; } .bga-component.relevant-support-links.easy-read a .icon-wrapper .icon { background: #D4EDD4; padding: 8px; width: 48px; height: 48px; border-radius: 50px; display: flex; justify-content: center; } .bga-component.relevant-support-links.easy-read a .icon-wrapper img { width: 32px; } .bga-component.relevant-support-links.easy-read a .icon-wrapper p { display: none; } .bga-component.relevant-support-links.easy-read a p { font-size: 1rem; line-height: 2; } .bga-component.relevant-support-links.easy-read.non-branded a .icon-wrapper { padding: 16px 0 16px 16px; } .bga-component.relevant-support-links.easy-read.non-branded a .icon { background: #E8E8E8 url(../assets/Img-icon-placeholder.svg) no-repeat !important; border-radius: 0; } .bga-component.relevant-support-links.easy-read.non-branded a .icon img { display: none; } }

@media (max-width: 576px) { .bga-component.easy-read .component-image { align-items: flex-start; align-content: flex-start; } .bga-component.easy-read .component-text { align-items: flex-start; align-content: flex-start; } .bga-component.easy-read .component-text ul { margin-left: 24px; } .bga-component.easy-read .component-text ul li { text-indent: -16px; } .bga-component.easy-read .component-text ul li:before { margin-right: 10px; } .bga-component.easy-read .component-text ol { margin-left: 24px; } .bga-component.easy-read .component-text ol li:before { margin-right: 16px; } }

@media (max-width: 350px) { .bga-component.relevant-support-links.easy-read a .icon-wrapper { display: none !important; } }

.save-and-return-footer-wrapper { background: #FFE491; margin: 0 -9999px; padding: 0 9999px; }

.save-and-return-footer { background: #FFE491; padding: 24px 32px; width: 100%; }

.save-and-return-footer.in-page { padding: 24px 0 !important; }

.save-and-return-footer .content-container { column-gap: 32px; row-gap: 24px; justify-content: space-between; flex-direction: row; }

.save-and-return-footer .button-wrapper { row-gap: 24px; column-gap: 24px; flex-shrink: 0; flex-direction: column; }

.component-example.bp-576 .save-and-return-footer.in-page { padding: 24px 32px; }

.component-example.bp-576 .save-and-return-footer .content-container { flex-wrap: wrap; }

.component-example.bp-576 .save-and-return-footer .button-wrapper { flex-direction: row; flex-shrink: 1; }

.component-example.bp-350 .save-and-return-footer.in-page { padding: 24px 32px; }

.component-example.bp-350 .save-and-return-footer .content-container { flex-wrap: wrap; }

.component-example.bp-350 .save-and-return-footer .button-wrapper { flex-direction: row; flex-shrink: 1; }

.component-example.bp-350 .save-and-return-footer { padding: 24px; }

.component-example.bp-350 .save-and-return-footer .button-wrapper button { font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; }

.component-example.bp-350 .save-and-return-footer .button-wrapper .bga-link { font-size: .875rem; line-height: 1.125rem; }

.component-example.bp-below350 .save-and-return-footer.in-page { padding: 24px 32px; }

.component-example.bp-below350 .save-and-return-footer .content-container { flex-wrap: wrap; }

.component-example.bp-below350 .save-and-return-footer .button-wrapper { flex-direction: row; flex-shrink: 1; }

.component-example.bp-below350 .save-and-return-footer { padding: 24px; }

.component-example.bp-below350 .save-and-return-footer .button-wrapper button { font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; }

.component-example.bp-below350 .save-and-return-footer .button-wrapper .bga-link { font-size: .875rem; line-height: 1.125rem; }

.component-example.bp-below350 .save-and-return-footer .button-wrapper { flex-grow: 1; justify-content: center; }

.component-example.bp-below350 .save-and-return-footer .button-wrapper button { width: 100%; min-width: auto; }

@media (max-width: 1200px) { .save-and-return-footer.in-page { padding: 24px 32px; } .save-and-return-footer .content-container { flex-wrap: wrap; } .save-and-return-footer .button-wrapper { flex-direction: row; flex-shrink: 1; } }

@media (max-width: 576px) { .save-and-return-footer { padding: 24px; } .save-and-return-footer .button-wrapper button { font-size: .875rem; line-height: 1.125rem; padding: 8px 24px; min-height: 48px; } .save-and-return-footer .button-wrapper .bga-link { font-size: .875rem; line-height: 1.125rem; } }

@media (max-width: 350px) { .save-and-return-footer .button-wrapper { flex-grow: 1; justify-content: center; } .save-and-return-footer .button-wrapper button { width: 100%; min-width: auto; } }

.call-to-action.tool-finalise .finalise-ctas { row-gap: 24px; column-gap: 24px; }

.call-to-action.tool-finalise .cta-container { background: #ffffff; flex-wrap: wrap; width: calc(33.33% - 16px); }

.call-to-action.tool-finalise .cta-title { width: 100%; background: #8BCACA; display: flex; column-gap: 8px; align-items: center; }

.call-to-action.tool-finalise .cta-title h3, .call-to-action.tool-finalise .cta-title .h3 { padding: 0; }

.call-to-action.tool-finalise .cta-content { flex-wrap: wrap; height: calc(100% - 80px); align-content: space-between; }

.call-to-action.tool-finalise.non-branded .cta-title { background: #B8B8B8; }

.modal-example { max-height: none; height: auto; position: fixed; top: 5rem; z-index: 9000; left: calc(50% - 320px); display: none; }

.modal-example.show { display: block; }

.modal-example .icon-wrapper, #ecb-cta-verify .icon-wrapper, #ecb-cta-verify-known .icon-wrapper { background: #299F28; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50px; }

.modal-example .icon-wrapper img, #ecb-cta-verify .icon-wrapper img, #ecb-cta-verify-known .icon-wrapper img { width: 18px; }

.modal-example .number-code, #ecb-cta-verify .number-code, #ecb-cta-verify-known .number-code { align-items: center; }

.modal-example .number-code input, #ecb-cta-verify .number-code input, #ecb-cta-verify-known .number-code input { width: 56px; border: none; border-bottom: solid 4px #2E3E5A; font-size: 1.5rem; font-weight: 600; text-align: center; color: #2E3E5A; }

.modal-example .number-code .loading-animation svg, #ecb-cta-verify .number-code .loading-animation svg, #ecb-cta-verify-known .number-code .loading-animation svg { width: 44px; height: 44px; }

.modal-example .number-code .success-icon, #ecb-cta-verify .number-code .success-icon, #ecb-cta-verify-known .number-code .success-icon { display: none; position: relative; }

.modal-example .number-code .success-icon.show, #ecb-cta-verify .number-code .success-icon.show, #ecb-cta-verify-known .number-code .success-icon.show { display: flex; align-items: center; }

.modal-example .number-code .success-icon circle, #ecb-cta-verify .number-code .success-icon circle, #ecb-cta-verify-known .number-code .success-icon circle { fill: #299F28; stroke: #299F28; stroke-width: 4px; stroke-dasharray: 126; animation: success-animation 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; transform: rotate(-90deg); transform-origin: center; position: absolute; top: 0; left: 0; }

@keyframes success-animation { 0% { stroke-dashoffset: 126;
    fill: transparent; }
  50% { stroke-dashoffset: 0;
    fill: transparent; }
  100% { stroke-dashoffset: 0;
    fill: #299F28; } }

.modal-example .number-code .success-icon .tick, #ecb-cta-verify .number-code .success-icon .tick, #ecb-cta-verify-known .number-code .success-icon .tick { position: absolute; top: 20px; left: 12px; animation: tick-display 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes tick-display { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

.modal-example .number-code .success-icon .msg, #ecb-cta-verify .number-code .success-icon .msg, #ecb-cta-verify-known .number-code .success-icon .msg { color: #068905; animation: msg-display 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes msg-display { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

.modal-example .number-code .error-msg, #ecb-cta-verify .number-code .error-msg, #ecb-cta-verify-known .number-code .error-msg { display: none; }

.modal-example .number-code.error .code-inputs, #ecb-cta-verify .number-code.error .code-inputs, #ecb-cta-verify-known .number-code.error .code-inputs { box-shadow: 0 0 0 8px #F5B5B5; background: #F5B5B5; }

.modal-example .number-code.error input, #ecb-cta-verify .number-code.error input, #ecb-cta-verify-known .number-code.error input { background: #FCE9E9; border-bottom-color: #C9201D; }

.modal-example .number-code.error .error-msg, #ecb-cta-verify .number-code.error .error-msg, #ecb-cta-verify-known .number-code.error .error-msg { display: block; }

.modal-example .number-code.error .error-msg p, #ecb-cta-verify .number-code.error .error-msg p, #ecb-cta-verify-known .number-code.error .error-msg p { color: #C9201D; }

.modal-example .resend, #ecb-cta-verify .resend, #ecb-cta-verify-known .resend { display: flex; }

.modal-example .resend a.sent, #ecb-cta-verify .resend a.sent, #ecb-cta-verify-known .resend a.sent { color: #068905; text-decoration: none; cursor: default; }

.modal-example .resend a.sent:hover, #ecb-cta-verify .resend a.sent:hover, #ecb-cta-verify-known .resend a.sent:hover { background: transparent; }

.modal-example .success-green, #ecb-cta-verify .success-green, #ecb-cta-verify-known .success-green { background: #D4EDD4; }

.modal-example .confirm-yellow, #ecb-cta-verify .confirm-yellow, #ecb-cta-verify-known .confirm-yellow { background: #FFF3CD; }

.modal-example .modal-icon-title-primary, .modal-example .modal-icon-title-secondary, #ecb-cta-verify .modal-icon-title-primary, #ecb-cta-verify .modal-icon-title-secondary, #ecb-cta-verify-known .modal-icon-title-primary, #ecb-cta-verify-known .modal-icon-title-secondary { column-gap: 16px; align-items: center; }

.modal-example .modal-icon-title-primary svg, .modal-example .modal-icon-title-secondary svg, #ecb-cta-verify .modal-icon-title-primary svg, #ecb-cta-verify .modal-icon-title-secondary svg, #ecb-cta-verify-known .modal-icon-title-primary svg, #ecb-cta-verify-known .modal-icon-title-secondary svg { flex-shrink: 0; flex-grow: 0; }

.modal-example .ecb-button-group, #ecb-cta-verify .ecb-button-group, #ecb-cta-verify-known .ecb-button-group { column-gap: 24px; row-gap: 24px; align-items: center; }

.modal-example .ecb-button-group a, #ecb-cta-verify .ecb-button-group a, #ecb-cta-verify-known .ecb-button-group a { flex-shrink: 0; flex-grow: 0; }

.modal-example .icon-title-container, #ecb-cta-verify .icon-title-container, #ecb-cta-verify-known .icon-title-container { column-gap: 16px; align-items: center; }

.modal-example .icon-title-container svg, #ecb-cta-verify .icon-title-container svg, #ecb-cta-verify-known .icon-title-container svg { flex-shrink: 0; }

.modal-example .icon-title-container h4, .modal-example .icon-title-container .h4, #ecb-cta-verify .icon-title-container h4, #ecb-cta-verify .icon-title-container .h4, #ecb-cta-verify-known .icon-title-container h4, #ecb-cta-verify-known .icon-title-container .h4 { padding-top: 0; }

#bga-modal-email .step, #bga-modal-save .step, #bga-modal-download .step, #bga-modal-save-success .step { display: none; }

#bga-modal-email .step.show, #bga-modal-save .step.show, #bga-modal-download .step.show, #bga-modal-save-success .step.show { display: block; }

#step-already-verified .success-message, #step-email-already-verified .success-message { display: none; column-gap: 8px; }

#step-already-verified .success-message p, #step-email-already-verified .success-message p { color: #299F28; margin: 0; }

#step-already-verified .success-message.show, #step-email-already-verified .success-message.show { display: flex; align-items: center; }

#step-already-verified .success-icon, #step-email-already-verified .success-icon { display: none; position: relative; }

#step-already-verified .success-icon.show, #step-email-already-verified .success-icon.show { display: flex; align-items: center; }

#step-already-verified .success-icon circle, #step-email-already-verified .success-icon circle { fill: #299F28; stroke: #299F28; stroke-width: 4px; stroke-dasharray: 126; animation: success-animation 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; transform: rotate(-90deg); transform-origin: center; position: absolute; top: 0; left: 0; }

@keyframes success-animation { 0% { stroke-dashoffset: 126;
    fill: transparent; }
  50% { stroke-dashoffset: 0;
    fill: transparent; }
  100% { stroke-dashoffset: 0;
    fill: #299F28; } }

#step-already-verified .success-icon .tick, #step-email-already-verified .success-icon .tick { position: absolute; top: 15px; left: 12px; animation: tick-display 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes tick-display { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

#email-form { row-gap: 24px; column-gap: 16px; }

#email-form input { width: auto; flex-grow: 1; }

.component-example.bp-768 .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-container { width: 100% !important; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-content { justify-content: space-between; align-items: center; column-gap: 16px; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-title { width: 100%; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-title svg { width: 40px; height: 40px; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-content { height: auto; display: flex; justify-content: space-between; flex-wrap: nowrap; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-content p { margin: 0 0 16px 0; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-content p:last-of-type { margin: 0; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-content .explanation { display: block; flex: 1; }

.component-example.bp-768 .call-to-action.tool-finalise .cta-content .button-example { flex: 0 1 auto; }

.component-example.bp-576 .call-to-action.tool-finalise .finalise-ctas, .component-example.bp-350 .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-container, .component-example.bp-350 .call-to-action.tool-finalise .cta-container { width: 100% !important; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-content, .component-example.bp-350 .call-to-action.tool-finalise .cta-content { justify-content: space-between; align-items: center; column-gap: 16px; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-title, .component-example.bp-350 .call-to-action.tool-finalise .cta-title { width: 100%; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-title svg, .component-example.bp-350 .call-to-action.tool-finalise .cta-title svg { width: 40px; height: 40px; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-content, .component-example.bp-350 .call-to-action.tool-finalise .cta-content { height: auto; display: flex; justify-content: space-between; flex-wrap: nowrap; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-content p, .component-example.bp-350 .call-to-action.tool-finalise .cta-content p { margin: 0 0 16px 0; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-content p:last-of-type, .component-example.bp-350 .call-to-action.tool-finalise .cta-content p:last-of-type { margin: 0; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-content .explanation, .component-example.bp-350 .call-to-action.tool-finalise .cta-content .explanation { display: block; flex: 1; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-content .button-example, .component-example.bp-350 .call-to-action.tool-finalise .cta-content .button-example { flex: 0 1 auto; }

.component-example.bp-576 .call-to-action.tool-finalise .finalise-ctas, .component-example.bp-350 .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; }

.component-example.bp-576 .call-to-action.tool-finalise .cta-content, .component-example.bp-350 .call-to-action.tool-finalise .cta-content { flex-direction: column; align-items: flex-start !important; justify-content: space-between; flex-wrap: nowrap; row-gap: 16px; }

.component-example.bp-576 .modal-example, .component-example.bp-350 .modal-example { width: calc(100% - 64px); left: 32px; }

.component-example.bp-350 .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-container { width: 100% !important; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-content { justify-content: space-between; align-items: center; column-gap: 16px; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-title { width: 100%; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-title svg { width: 40px; height: 40px; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-content { height: auto; display: flex; justify-content: space-between; flex-wrap: nowrap; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-content p { margin: 0 0 16px 0; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-content p:last-of-type { margin: 0; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-content .explanation { display: block; flex: 1; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-content .button-example { flex: 0 1 auto; }

.component-example.bp-350 .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-content { flex-direction: column; align-items: flex-start !important; justify-content: space-between; flex-wrap: nowrap; row-gap: 16px; }

.component-example.bp-350 .modal-example { width: calc(100% - 64px); left: 32px; }

.component-example.bp-350 .call-to-action.tool-finalise .cta-title { padding: 8px 16px !important; }

.component-example.bp-350 .modal-example { width: calc(100% - 48px); left: 24px; }

.component-example.bp-350 .modal-example #email-form { flex-direction: column; row-gap: 24px; }

.component-example.bp-350 .modal-example .number-code input { width: 40px !important; }

.component-example.bp-350 .modal-example .number-code .success-icon { margin-left: 8px !important; }

.component-example.bp-350 .modal-example .number-code .success-icon svg { width: 32px; height: 32px; }

.component-example.bp-350 .modal-example .number-code .success-icon circle { width: 32px; height: 32px; }

.component-example.bp-350 .modal-example .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; }

.component-example.bp-350 .modal-example .number-code .success-icon .msg { display: none !important; }

.component-example.bp-350 .modal-example .number-code .loading-animation svg { width: 32px !important; height: 32px !important; }

.component-example.bp-350 .modal-example .resend { display: block; }

.component-example.bp-350 .modal-example .icon-title-container { column-gap: 8px; align-items: flex-start; }

.component-example.bp-350 .modal-example .icon-title-container svg { width: 32px; height: 32px; }

.component-example.bp-350 .modal-example .icon-title-container.mobile-no-icon svg { display: none; }

.component-example.bp-below350 .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-container { width: 100% !important; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-content { justify-content: space-between; align-items: center; column-gap: 16px; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-title { width: 100%; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-title svg { width: 40px; height: 40px; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-content { height: auto; display: flex; justify-content: space-between; flex-wrap: nowrap; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-content p { margin: 0 0 16px 0; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-content p:last-of-type { margin: 0; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-content .explanation { display: block; flex: 1; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-content .button-example { flex: 0 1 auto; }

.component-example.bp-below350 .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-content { flex-direction: column; align-items: flex-start !important; justify-content: space-between; flex-wrap: nowrap; row-gap: 16px; }

.component-example.bp-below350 .modal-example { width: calc(100% - 64px); left: 32px; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-title { padding: 8px 16px !important; }

.component-example.bp-below350 .modal-example { width: calc(100% - 48px); left: 24px; }

.component-example.bp-below350 .modal-example #email-form { flex-direction: column; row-gap: 24px; }

.component-example.bp-below350 .modal-example .number-code input { width: 40px !important; }

.component-example.bp-below350 .modal-example .number-code .success-icon { margin-left: 8px !important; }

.component-example.bp-below350 .modal-example .number-code .success-icon svg { width: 32px; height: 32px; }

.component-example.bp-below350 .modal-example .number-code .success-icon circle { width: 32px; height: 32px; }

.component-example.bp-below350 .modal-example .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; }

.component-example.bp-below350 .modal-example .number-code .success-icon .msg { display: none !important; }

.component-example.bp-below350 .modal-example .number-code .loading-animation svg { width: 32px !important; height: 32px !important; }

.component-example.bp-below350 .modal-example .resend { display: block; }

.component-example.bp-below350 .modal-example .icon-title-container { column-gap: 8px; align-items: flex-start; }

.component-example.bp-below350 .modal-example .icon-title-container svg { width: 32px; height: 32px; }

.component-example.bp-below350 .modal-example .icon-title-container.mobile-no-icon svg { display: none; }

.component-example.bp-below350 .call-to-action.tool-finalise .cta-title svg { display: none; }

.component-example.bp-below350 .button-example button { width: 100%; }

.component-example.bp-below350 .modal-example .icon-title-container { row-gap: 8px; flex-direction: column; }

@media (max-width: 992px) { .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; } .call-to-action.tool-finalise .cta-container { width: 100% !important; } .call-to-action.tool-finalise .cta-content { justify-content: space-between; align-items: center; column-gap: 16px; } .call-to-action.tool-finalise .cta-title { width: 100%; } .call-to-action.tool-finalise .cta-title svg { width: 40px; height: 40px; } .call-to-action.tool-finalise .cta-content { height: auto; display: flex; justify-content: space-between; flex-wrap: nowrap; } .call-to-action.tool-finalise .cta-content p { margin: 0 0 16px 0; } .call-to-action.tool-finalise .cta-content p:last-of-type { margin: 0; } .call-to-action.tool-finalise .cta-content .explanation { display: block; flex: 1; } .call-to-action.tool-finalise .cta-content .button-example { flex: 0 1 auto; } }

@media (max-width: 768px) { .call-to-action.tool-finalise .finalise-ctas { flex-wrap: wrap; } .call-to-action.tool-finalise .cta-content { flex-direction: column; align-items: flex-start !important; justify-content: space-between; flex-wrap: nowrap; row-gap: 16px; } .modal-example { width: calc(100% - 64px); left: 32px; } }

@media (max-width: 576px) { .call-to-action.tool-finalise .cta-title { padding: 8px 16px !important; } .modal-example { width: calc(100% - 48px); left: 24px; } .modal-example #email-form { flex-direction: column; row-gap: 24px; } .modal-example .number-code input { width: 40px !important; } .modal-example .number-code .success-icon { margin-left: 8px !important; } .modal-example .number-code .success-icon svg { width: 32px; height: 32px; } .modal-example .number-code .success-icon circle { width: 32px; height: 32px; } .modal-example .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; } .modal-example .number-code .success-icon .msg { display: none !important; } .modal-example .number-code .loading-animation svg { width: 32px !important; height: 32px !important; } .modal-example .resend { display: block; } .modal-example .icon-title-container { column-gap: 8px; align-items: flex-start; } .modal-example .icon-title-container svg { width: 32px; height: 32px; } .modal-example .icon-title-container.mobile-no-icon svg { display: none; } }

@media (max-width: 350px) { .call-to-action.tool-finalise .cta-title svg { display: none; } .button-example button { width: 100%; } .modal-example .icon-title-container { row-gap: 8px; flex-direction: column; } }

.contract-action-item { border-bottom: solid 1px #788295; padding: 24px 0; display: flex; align-items: flex-end; column-gap: 24px; row-gap: 8px; flex-wrap: wrap; }

.contract-action-item .contract { border-bottom: solid 1px #788295; padding: 24px 0; display: flex; justify-content: space-between; align-items: flex-end; }

.contract-action-item .expiry-actions { width: 100%; justify-content: space-between; }

.contract-action-item .contract-details { display: flex; justify-content: flex-start; flex-direction: column; row-gap: 8px; width: 100%; flex-shrink: 0; }

.contract-action-item .contract-details .title-tag { column-gap: 8px; row-gap: 8px; align-items: center; align-items: flex-start; }

.contract-action-item .contract-details .tag-wrapper { flex-shrink: 0; margin-top: 2px; }

.contract-action-item .contract-details .contract-name { font-size: 18px; font-weight: 600; }

.contract-action-item .contract-actions { display: flex; justify-content: flex-end; column-gap: 24px; min-width: 330px; }

.contract-action-item .contract-actions a { text-decoration: none; border-bottom: 1px solid #2157AA; padding-bottom: 2px; margin-bottom: 8px; display: inline-flex; align-items: flex-end; line-height: 1; width: fit-content; }

.contract-action-item .contract-actions a:hover { cursor: pointer; border-bottom-color: #113869; }

.contract-action-item .contract-actions a:hover svg path { fill: #113869; }

.contract-action-item .contract-actions a.inactive { opacity: 65%; cursor: default; }

.contract-action-item .contract-actions a.inactive:hover { background: none; border-bottom: 1px solid #2157AA; color: #2157AA; }

.contract-action-item .contract-actions a.inactive:hover svg path { fill: #2157AA; }

.contract-action-item .contract-actions svg { margin-left: 8px; }

.component-example.bp-576 .contract-action-item { justify-content: flex-start; align-items: flex-start; flex-direction: column; }

.component-example.bp-576 .contract-action-item .contract { flex-wrap: wrap; }

.component-example.bp-576 .contract-action-item .title-tag { flex-direction: column; align-items: flex-start; }

.component-example.bp-576 .contract-action-item .contract-actions { min-width: auto; padding: 0; }

.component-example.bp-576 .contract-action-item .contract-actions a { justify-content: flex-start; margin-bottom: 0; }

.component-example.bp-576 .contract-action-item .expiry-actions { flex-wrap: wrap; row-gap: 24px; }

.component-example.bp-below576 .contract-action-item { justify-content: flex-start; align-items: flex-start; flex-direction: column; }

.component-example.bp-below576 .contract-action-item .contract { flex-wrap: wrap; }

.component-example.bp-below576 .contract-action-item .title-tag { flex-direction: column; align-items: flex-start; }

.component-example.bp-below576 .contract-action-item .contract-actions { min-width: auto; padding: 0; }

.component-example.bp-below576 .contract-action-item .contract-actions a { justify-content: flex-start; margin-bottom: 0; }

.component-example.bp-below576 .contract-action-item .expiry-actions { flex-wrap: wrap; row-gap: 24px; }

.component-example.bp-below576 .contract-action-item { align-items: flex-start; }

.component-example.bp-below576 .contract-action-item .contract-actions { row-gap: 16px; flex-direction: column; }

.component-example.bp-below576 .contract-action-item .contract-details .title-tag { flex-wrap: wrap; flex-direction: column; align-items: flex-start; }

@media (max-width: 768px) { .contract-action-item { justify-content: flex-start; align-items: flex-start; flex-direction: column; } .contract-action-item .contract { flex-wrap: wrap; } .contract-action-item .title-tag { flex-direction: column; align-items: flex-start; } .contract-action-item .contract-actions { min-width: auto; padding: 0; } .contract-action-item .contract-actions a { justify-content: flex-start; margin-bottom: 0; } .contract-action-item .expiry-actions { flex-wrap: wrap; row-gap: 24px; } }

@media (max-width: 576px) { .contract-action-item { align-items: flex-start; } .contract-action-item .contract-actions { row-gap: 16px; flex-direction: column; } .contract-action-item .contract-details .title-tag { flex-wrap: wrap; flex-direction: column; align-items: flex-start; } }

#verification-cta .step { display: none; }

#verification-cta .step.show { display: block; }

#verification-cta #email-form { column-gap: 16px; }

#verification-cta .icon-wrapper { background: #299F28; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50px; }

#verification-cta .icon-wrapper img { width: 18px; }

#verification-cta .number-code { align-items: center; }

#verification-cta .number-code input { width: 56px; border: none; border-bottom: solid 4px #2E3E5A; font-size: 1.5rem; font-weight: 600; text-align: center; color: #2E3E5A; }

#verification-cta .number-code .success-icon { display: none; position: relative; }

#verification-cta .number-code .success-icon.show { display: flex; align-items: center; }

#verification-cta .number-code .success-icon circle { fill: #299F28; stroke: #299F28; stroke-width: 4px; stroke-dasharray: 126; animation: success-animation 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; transform: rotate(-90deg); transform-origin: center; position: absolute; top: 0; left: 0; }

@keyframes success-animation { 0% { stroke-dashoffset: 126;
    fill: transparent; }
  50% { stroke-dashoffset: 0;
    fill: transparent; }
  100% { stroke-dashoffset: 0;
    fill: #299F28; } }

#verification-cta .number-code .success-icon .tick { position: absolute; top: 20px; left: 12px; animation: tick-display 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes tick-display { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

#verification-cta .number-code .success-icon .msg { color: #068905; animation: msg-display 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes msg-display { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

#verification-cta .number-code .error-msg { display: none; }

#verification-cta .number-code.error .code-inputs { box-shadow: 0 0 0 8px #F5B5B5; background: #F5B5B5; }

#verification-cta .number-code.error input { background: #FCE9E9; border-bottom-color: #C9201D; }

#verification-cta .number-code.error .error-msg { display: block; }

#verification-cta .number-code.error .error-msg p { color: #C9201D; }

#verification-cta .resend a.sent { color: #068905; text-decoration: none; cursor: default; }

#verification-cta .resend a.sent:hover { background: transparent; }

.verification-ended { background: #E4E6EA; }

.component-example.bp-350 #verification-cta #email-form { flex-direction: column; row-gap: 24px; }

.component-example.bp-350 #verification-cta .number-code input { width: 40px; }

.component-example.bp-350 #verification-cta .number-code .success-icon { margin-left: 8px !important; }

.component-example.bp-350 #verification-cta .number-code .success-icon svg { width: 32px; height: 32px; }

.component-example.bp-350 #verification-cta .number-code .success-icon circle { width: 32px; height: 32px; }

.component-example.bp-350 #verification-cta .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; }

.component-example.bp-350 #verification-cta .number-code .success-icon .msg { display: none !important; }

.component-example.bp-below350 #verification-cta #email-form { flex-direction: column; row-gap: 24px; }

.component-example.bp-below350 #verification-cta .number-code input { width: 40px; }

.component-example.bp-below350 #verification-cta .number-code .success-icon { margin-left: 8px !important; }

.component-example.bp-below350 #verification-cta .number-code .success-icon svg { width: 32px; height: 32px; }

.component-example.bp-below350 #verification-cta .number-code .success-icon circle { width: 32px; height: 32px; }

.component-example.bp-below350 #verification-cta .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; }

.component-example.bp-below350 #verification-cta .number-code .success-icon .msg { display: none !important; }

@media (max-width: 576px) { #verification-cta #email-form { flex-direction: column; row-gap: 24px; } #verification-cta .number-code input { width: 40px; } #verification-cta .number-code .success-icon { margin-left: 8px !important; } #verification-cta .number-code .success-icon svg { width: 32px; height: 32px; } #verification-cta .number-code .success-icon circle { width: 32px; height: 32px; } #verification-cta .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; } #verification-cta .number-code .success-icon .msg { display: none !important; } }

.guide-section { padding: 24px; background: #CFEBEB; display: flex; flex-wrap: wrap; row-gap: 24px; }

.guide-section.blue { background: #C8D9EE; }

.guide-section.purple { background: #E2DDF8; }

.guide-section.green { background: #D4EDD4; }

.guide-section.yellow { background: #FFF3CD; }

.guide-section.orange { background: #FDE6D0; }

.guide-section.non-branded { background: #E8E8E8; }

.guide-colour-examples .guide-section { margin: 0 !important; }

.guide-section-header { display: flex; column-gap: 24px; flex-wrap: no-wrap; position: relative; }

.guide-section-header .section-illustration { width: 200px; flex-shrink: 0; }

.guide-section-header .section-illustration img { width: 100%; background: #ffffff; }

.guide-tiles-wrapper { display: flex; flex-wrap: wrap; row-gap: 32px; margin-bottom: 8px; }

.guide-tile { border: 1px solid #333333; background: #ffffff; width: 100%; }

.guide-tile .content { padding: 24px; }

.guide-tile .learn-more a { display: flex; column-gap: 8px; align-items: flex-start; color: #2157AA; width: fit-content; margin-bottom: 16px; }

.guide-tile .learn-more a:last-of-type { margin-bottom: 0; }

.guide-tile .learn-more a svg { flex-shrink: 0; margin-top: 4px; }

.guide-tile .action-checklist { padding: 24px; background: #8BCACA; }

.guide-tile .action-checklist .dropdown-wrapper { display: flex; align-items: center; column-gap: 8px; }

.guide-tile .action-checklist .dropdown-wrapper h4, .guide-tile .action-checklist .dropdown-wrapper .h4 { white-space: nowrap; }

.guide-tile .action-checklist .dropdown-wrapper .form-select { padding: 4px 32px 4px 8px; background-position: right 8px center; min-height: auto; font-size: 1.1875rem; font-weight: 400; background-color: #CFEBEB; text-overflow: ellipsis; border-color: #333333; }

.guide-tile .action-checklist .dropdown-wrapper .form-select:focus { background-color: #CFEBEB !important; border-color: #2E6CB9; }

.guide-tile .action-checklist ul { padding: 0 0 8px 24px; }

.guide-tile .action-checklist ul li { text-indent: -24px; }

.guide-tile .action-checklist ul li::before { content: ""; height: 22px; width: 18px; margin-right: 8px; margin-top: 6px; background: url(../assets/icon-tick-black.svg) no-repeat; background-position: center; display: inline-block; }

.guide-tile .action-checklist ul li:last-of-type { margin-bottom: 0; }

.guide-tile.blue .action-checklist { background: #B3CBE8; }

.guide-tile.blue .action-checklist .dropdown-wrapper .form-select { background-color: #C8D9EE; }

.guide-tile.blue .action-checklist .dropdown-wrapper .form-select:focus { background-color: #C8D9EE !important; }

.guide-tile.purple .action-checklist { background: #B1A8E3; }

.guide-tile.purple .action-checklist .dropdown-wrapper .form-select { background-color: #E2DDF8; }

.guide-tile.purple .action-checklist .dropdown-wrapper .form-select:focus { background-color: #E2DDF8 !important; }

.guide-tile.green .action-checklist { background: #A0D1A0; }

.guide-tile.green .action-checklist .dropdown-wrapper .form-select { background-color: #D4EDD4; }

.guide-tile.green .action-checklist .dropdown-wrapper .form-select:focus { background-color: #D4EDD4 !important; }

.guide-tile.yellow .action-checklist { background: #FFE491; }

.guide-tile.yellow .action-checklist .dropdown-wrapper .form-select { background-color: #FFF3CD; }

.guide-tile.yellow .action-checklist .dropdown-wrapper .form-select:focus { background-color: #FFF3CD !important; }

.guide-tile.orange .action-checklist { background: #F1B981; }

.guide-tile.orange .action-checklist .dropdown-wrapper .form-select { background-color: #FDE6D0; }

.guide-tile.orange .action-checklist .dropdown-wrapper .form-select:focus { background-color: #FDE6D0 !important; }

.guide-tile.non-branded .action-checklist { background: #D8D8D8; }

.guide-tile.non-branded .action-checklist .dropdown-wrapper .form-select { background-color: #E8E8E8; }

.guide-tile.non-branded .action-checklist .dropdown-wrapper .form-select:focus { background-color: #E8E8E8 !important; }

.guide-colour-examples .guide-tile { width: auto; }

.guide-bottom-nav { display: flex; justify-content: space-between; width: 100%; }

.guide-bottom-nav.first-page { justify-content: flex-end; }

.guide-bottom-nav.last-page { justify-content: flex-start; }

.guide-bottom-nav a { color: #000000; display: flex; align-items: center; column-gap: 8px; color: #2157AA; font-size: 1.1875rem; line-height: 1.5; }

.guide-bottom-nav a svg, .guide-bottom-nav a svg path { fill: #2157AA; }

.guide-bottom-nav a.next { text-align: right; }

.component-example.bp-768 .guide-section-header .section-illustration { width: 140px; position: absolute; }

.component-example.bp-768 .guide-section-header .content { width: 100%; }

.component-example.bp-768 .guide-section-header .content h2, .component-example.bp-768 .guide-section-header .content .h2 { margin-left: 164px; min-height: 112px; display: inline-flex; align-items: center; }

.component-example.bp-768 .guide-bottom-nav { flex-direction: column; row-gap: 24px; align-items: center; }

.component-example.bp-576 .guide-section-header .section-illustration { width: 140px; position: absolute; }

.component-example.bp-576 .guide-section-header .content { width: 100%; }

.component-example.bp-576 .guide-section-header .content h2, .component-example.bp-576 .guide-section-header .content .h2 { margin-left: 164px; min-height: 112px; display: inline-flex; align-items: center; }

.component-example.bp-576 .guide-bottom-nav { flex-direction: column; row-gap: 24px; align-items: center; }

.component-example.bp-576 .guide-section { margin: -32px -32px 0 -32px; padding: 24px 32px; }

.component-example.bp-576 .guide-section.style-guide-example { margin: -24px -24px 0 -24px; }

.component-example.bp-576 .guide-section-header .section-illustration { display: none; }

.component-example.bp-576 .guide-section-header .content { width: 100%; }

.component-example.bp-576 .guide-section-header .content h2, .component-example.bp-576 .guide-section-header .content .h2 { margin-left: 0px; min-height: auto; display: block; }

.component-example.bp-below576 .guide-section-header .section-illustration { width: 140px; position: absolute; }

.component-example.bp-below576 .guide-section-header .content { width: 100%; }

.component-example.bp-below576 .guide-section-header .content h2, .component-example.bp-below576 .guide-section-header .content .h2 { margin-left: 164px; min-height: 112px; display: inline-flex; align-items: center; }

.component-example.bp-below576 .guide-bottom-nav { flex-direction: column; row-gap: 24px; align-items: center; }

.component-example.bp-below576 .guide-section { margin: -32px -32px 0 -32px; padding: 24px 32px; }

.component-example.bp-below576 .guide-section.style-guide-example { margin: -24px -24px 0 -24px; }

.component-example.bp-below576 .guide-section-header .section-illustration { display: none; }

.component-example.bp-below576 .guide-section-header .content { width: 100%; }

.component-example.bp-below576 .guide-section-header .content h2, .component-example.bp-below576 .guide-section-header .content .h2 { margin-left: 0px; min-height: auto; display: block; }

.component-example.bp-below576 .guide-section { margin: -32px -24px 0 -24px; padding: 24px; }

.component-example.bp-below576 .guide-section h2, .component-example.bp-below576 .guide-section .h2 { font-size: 1.75rem; }

.component-example.bp-below576 .guide-tile .action-checklist .dropdown-wrapper { row-gap: 8px; flex-wrap: wrap; }

.component-example.bp-below576 .guide-tile .action-checklist .dropdown-wrapper .form-element-wrapper { width: 100%; }

.component-example.bp-below576 .guide-tile .action-checklist .dropdown-wrapper .form-select { width: 100%; font-size: 1rem; line-height: 1.75; }

@media (max-width: 992px) { .guide-section-header .section-illustration { width: 140px; position: absolute; } .guide-section-header .content { width: 100%; } .guide-section-header .content h2, .guide-section-header .content .h2 { margin-left: 164px; min-height: 112px; display: inline-flex; align-items: center; } .guide-bottom-nav { flex-direction: column; row-gap: 24px; align-items: center; } }

@media (max-width: 768px) { .guide-section { margin: -32px -32px 0 -32px; padding: 24px 32px; } .guide-section.style-guide-example { margin: -24px -24px 0 -24px; } .guide-section-header .section-illustration { display: none; } .guide-section-header .content { width: 100%; } .guide-section-header .content h2, .guide-section-header .content .h2 { margin-left: 0px; min-height: auto; display: block; } }

@media (max-width: 576px) { .guide-section { margin: -32px -24px 0 -24px; padding: 24px; } .guide-section h2, .guide-section .h2 { font-size: 1.75rem; } .guide-tile .action-checklist .dropdown-wrapper { row-gap: 8px; flex-wrap: wrap; } .guide-tile .action-checklist .dropdown-wrapper .form-element-wrapper { width: 100%; } .guide-tile .action-checklist .dropdown-wrapper .form-select { width: 100%; font-size: 1rem; line-height: 1.75; } }

body.no-scroll { height: 100%; overflow-y: hidden; }

.component-wrapper.guide-inpage-example { position: relative; min-height: 600px; overflow: hidden; }

.guide-menu-wrapper.style-guide-example { max-width: 300px; }

.guide-mobile-nav-trigger, .guide-nav-close { display: none; }

#guide-vertical-nav .guide-nav-item { position: relative; }

#guide-vertical-nav .guide-nav-item .guide-nav-item-title { align-items: center; column-gap: 8px; }

#guide-vertical-nav .guide-nav-item .guide-nav-item-title h4, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 { display: flex; align-items: flex-start; margin: 0; padding: 0; column-gap: 8px; color: #333333; }

#guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { display: flex; width: 40px; height: 40px; margin: 3px 0 0 0; flex-shrink: 0; border-radius: 50px; justify-content: center; align-items: center; border: #ABB1BD solid 3px; background: #ffffff; }

#guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { content: " "; position: absolute; z-index: 0; left: 18.5px; top: 43px; height: calc(100% - 40px); background: #ABB1BD; width: 3px; }

#guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { color: #333333; padding: 8px 8px 8px 8px; display: block; width: calc(100% - 40px); background: none; }

#guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a:hover, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a:hover { background: none; }

#guide-vertical-nav .guide-nav-item.show .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item.show .guide-nav-item-title .h4 a { background: #CFEBEB; }

#guide-vertical-nav .guide-nav-item.show .guide-sub-item { background: #CFEBEB; }

#guide-vertical-nav .guide-nav-item.current h4 span, #guide-vertical-nav .guide-nav-item.current .h4 span { background: #333333; border-color: #333333; color: #ffffff; }

#guide-vertical-nav .guide-nav-item:last-of-type h4 span:after, #guide-vertical-nav .guide-nav-item:last-of-type .h4 span:after { display: none; }

#guide-vertical-nav .guide-nav-item .guide-sub-item { margin: 0 0 0 48px; padding: 0 8px 8px 8px; }

#guide-vertical-nav .guide-nav-item .guide-sub-item .submenu-toggle button { background: none; border: none; padding: 0; display: flex; column-gap: 4px; align-items: center; font-size: .875rem; line-height: 1.285; font-weight: 400; color: #333333; margin: 0; min-height: auto; }

#guide-vertical-nav .guide-nav-item .guide-sub-item .guide-submenu { display: none; }

#guide-vertical-nav .guide-nav-item .guide-sub-item ul { margin: 0 0 8px 0; padding: 16px 0 0 0; }

#guide-vertical-nav .guide-nav-item .guide-sub-item li { list-style-type: none; padding: 0; margin: 0 0 16px 0; text-indent: 0; }

#guide-vertical-nav .guide-nav-item .guide-sub-item li:last-of-type { margin: 0; }

#guide-vertical-nav .guide-nav-item .guide-sub-item li:before { display: none; }

#guide-vertical-nav .guide-nav-item .guide-sub-item li a { color: #333333; text-decoration: underline; font-size: .875rem; line-height: 1.5; font-weight: 400; display: block; }

#guide-vertical-nav .guide-nav-item .guide-sub-item li a:hover { background: none; }

#guide-vertical-nav .guide-nav-item .guide-sub-item.show { background: #CFEBEB; }

#guide-vertical-nav .guide-nav-item .guide-sub-item.show .guide-submenu { display: block; }

#guide-vertical-nav .guide-nav-item .guide-sub-item.show .submenu-toggle svg { transform: scaleY(-1); }

#guide-vertical-nav .guide-nav-item.blue.show .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item.blue.show .guide-nav-item-title .h4 a { background: #C8D9EE; }

#guide-vertical-nav .guide-nav-item.blue.show .guide-sub-item { background: #C8D9EE; }

#guide-vertical-nav .guide-nav-item.purple.show .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item.purple.show .guide-nav-item-title .h4 a { background: #E2DDF8; }

#guide-vertical-nav .guide-nav-item.purple.show .guide-sub-item { background: #E2DDF8; }

#guide-vertical-nav .guide-nav-item.green.show .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item.green.show .guide-nav-item-title .h4 a { background: #D4EDD4; }

#guide-vertical-nav .guide-nav-item.green.show .guide-sub-item { background: #D4EDD4; }

#guide-vertical-nav .guide-nav-item.yellow.show .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item.yellow.show .guide-nav-item-title .h4 a { background: #FFF3CD; }

#guide-vertical-nav .guide-nav-item.yellow.show .guide-sub-item { background: #FFF3CD; }

#guide-vertical-nav .guide-nav-item.orange.show .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item.orange.show .guide-nav-item-title .h4 a { background: #FDE6D0; }

#guide-vertical-nav .guide-nav-item.orange.show .guide-sub-item { background: #FDE6D0; }

.component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, .component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { border: solid 3px #B8B8B8; background: #F8F8F8; }

.component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, .component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { background-color: #B8B8B8; }

.component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item.current .guide-nav-item-title h4 span, .component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item.current .guide-nav-item-title .h4 span { border: solid 3px #333333; background: #333333; }

.component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item.show .guide-nav-item-title h4 a, .component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item.show .guide-nav-item-title .h4 a { background: #E8E8E8; }

.component-wrapper.guide-inpage-example.non-branded #guide-vertical-nav .guide-nav-item.show .guide-sub-item { background: #E8E8E8; }

.component-wrapper.guide-inpage-example.non-branded .guide-email-download-wrapper .bga-btn.bga-secondary-btn svg { display: none; }

.component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4, .component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 { font-size: 1rem; }

.component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, .component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { width: 32px; height: 32px; }

.component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, .component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 35px; left: 14.5px; height: calc(100% - 32px); }

.component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, .component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { width: calc(100% - 32px); }

.component-example.bp-768 #guide-vertical-nav .guide-nav-item .guide-sub-item { margin: 0 0 0 40px; }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4, .component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 { font-size: 1rem; }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, .component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { width: 32px; height: 32px; }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, .component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 35px; left: 14.5px; height: calc(100% - 32px); }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, .component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { width: calc(100% - 32px); }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-sub-item { margin: 0 0 0 40px; }

.component-example.bp-576 .guide-mobile-nav-trigger { background: #FFD964; margin: 0px -32px 0 -32px; padding: 16px 32px; width: calc(100% + 64px); display: flex; align-items: center; column-gap: 16px; }

.component-example.bp-576 .guide-mobile-nav-trigger button { flex-shrink: 0; height: 48px; }

.component-example.bp-576 .guide-mobile-nav-trigger.fixed { position: fixed; margin: 0; left: 0; top: 0; z-index: 7500; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); transition: top 1s linear; }

.component-example.bp-576 .guide-mobile-nav-trigger.style-guide-example { margin: 0; width: 100%; }

.component-example.bp-576 .guide-mobile-nav-trigger.style-guide-example.fixed { position: relative; top: auto; left: auto; box-shadow: none; }

.component-example.bp-576 .component-wrapper.guide-inpage-example.non-branded .guide-mobile-nav-trigger { background: #D8D8D8; }

.component-example.bp-576 .mobile-nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9200; background-color: #333333; opacity: .6; display: none; }

.component-example.bp-576 .mobile-nav-overlay.show { display: block; }

.component-example.bp-576 .component-wrapper.guide-inpage-example .mobile-nav-overlay { position: absolute; }

.component-example.bp-576 .guide-menu-wrapper { position: fixed; background: white; z-index: 9500; padding: 32px 16px 24px 16px; }

.component-example.bp-576 .guide-menu-wrapper.style-guide-example { position: absolute; max-width: none; }

.component-example.bp-576 .guide-menu-wrapper.guide-modal-nav { top: 16px; left: 16px; width: calc(100% - 32px); height: calc(100% - 32px); }

.component-example.bp-576 .guide-menu-wrapper.guide-panel-nav { top: 0px; left: 0px; left: -90%; width: 90%; height: 100%; }

.component-example.bp-576 .guide-menu-wrapper.guide-panel-nav .guide-email-download-wrapper { display: none !important; }

.component-example.bp-576 .guide-nav-close { display: block; width: 100%; display: flex; justify-content: flex-end; }

.component-example.bp-576 .guide-nav-close button { text-indent: -9999px; background: transparent url(/icon-close-black.svg) no-repeat; background-size: 16px 16px; border: none; position: absolute; height: 16px; width: 16px; top: 16px; right: 16px; display: block !important; }

.component-example.bp-576 .guide-scroll-wrapper { margin-top: 8px; position: relative; background: #ffffff; height: 100%; }

.component-example.bp-576 .guide-scroll-wrapper .scrollable { height: 100%; padding: 0px; overflow-y: auto; }

.component-example.bp-576 .guide-scroll-wrapper .scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 8px; height: 8px; }

.component-example.bp-576 .guide-scroll-wrapper .scrollable::-webkit-scrollbar-thumb { background-color: #788295; border-radius: 4px; z-index: 99; }

.component-example.bp-576 .guide-scroll-wrapper .scrollable::-webkit-scrollbar-track { background: #E4E6EA; }

.component-example.bp-576 #guide-vertical-nav { padding: 0 8px 0 0; }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, .component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { background: none !important; padding: 8px 8px 8px 0px; }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, .component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { margin: 4px 0 0 0; }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, .component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 36px; height: calc(100% - 32px); }

.component-example.bp-576 #guide-vertical-nav .guide-nav-item .guide-sub-item { background: none !important; margin: 0 0 0 32px; }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4, .component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 { font-size: 1rem; }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, .component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { width: 32px; height: 32px; }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, .component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 35px; left: 14.5px; height: calc(100% - 32px); }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, .component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { width: calc(100% - 32px); }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-sub-item { margin: 0 0 0 40px; }

.component-example.bp-350 .guide-mobile-nav-trigger { background: #FFD964; margin: 0px -32px 0 -32px; padding: 16px 32px; width: calc(100% + 64px); display: flex; align-items: center; column-gap: 16px; }

.component-example.bp-350 .guide-mobile-nav-trigger button { flex-shrink: 0; height: 48px; }

.component-example.bp-350 .guide-mobile-nav-trigger.fixed { position: fixed; margin: 0; left: 0; top: 0; z-index: 7500; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); transition: top 1s linear; }

.component-example.bp-350 .guide-mobile-nav-trigger.style-guide-example { margin: 0; width: 100%; }

.component-example.bp-350 .guide-mobile-nav-trigger.style-guide-example.fixed { position: relative; top: auto; left: auto; box-shadow: none; }

.component-example.bp-350 .component-wrapper.guide-inpage-example.non-branded .guide-mobile-nav-trigger { background: #D8D8D8; }

.component-example.bp-350 .mobile-nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9200; background-color: #333333; opacity: .6; display: none; }

.component-example.bp-350 .mobile-nav-overlay.show { display: block; }

.component-example.bp-350 .component-wrapper.guide-inpage-example .mobile-nav-overlay { position: absolute; }

.component-example.bp-350 .guide-menu-wrapper { position: fixed; background: white; z-index: 9500; padding: 32px 16px 24px 16px; }

.component-example.bp-350 .guide-menu-wrapper.style-guide-example { position: absolute; max-width: none; }

.component-example.bp-350 .guide-menu-wrapper.guide-modal-nav { top: 16px; left: 16px; width: calc(100% - 32px); height: calc(100% - 32px); }

.component-example.bp-350 .guide-menu-wrapper.guide-panel-nav { top: 0px; left: 0px; left: -90%; width: 90%; height: 100%; }

.component-example.bp-350 .guide-menu-wrapper.guide-panel-nav .guide-email-download-wrapper { display: none !important; }

.component-example.bp-350 .guide-nav-close { display: block; width: 100%; display: flex; justify-content: flex-end; }

.component-example.bp-350 .guide-nav-close button { text-indent: -9999px; background: transparent url(/icon-close-black.svg) no-repeat; background-size: 16px 16px; border: none; position: absolute; height: 16px; width: 16px; top: 16px; right: 16px; display: block !important; }

.component-example.bp-350 .guide-scroll-wrapper { margin-top: 8px; position: relative; background: #ffffff; height: 100%; }

.component-example.bp-350 .guide-scroll-wrapper .scrollable { height: 100%; padding: 0px; overflow-y: auto; }

.component-example.bp-350 .guide-scroll-wrapper .scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 8px; height: 8px; }

.component-example.bp-350 .guide-scroll-wrapper .scrollable::-webkit-scrollbar-thumb { background-color: #788295; border-radius: 4px; z-index: 99; }

.component-example.bp-350 .guide-scroll-wrapper .scrollable::-webkit-scrollbar-track { background: #E4E6EA; }

.component-example.bp-350 #guide-vertical-nav { padding: 0 8px 0 0; }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, .component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { background: none !important; padding: 8px 8px 8px 0px; }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, .component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { margin: 4px 0 0 0; }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, .component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 36px; height: calc(100% - 32px); }

.component-example.bp-350 #guide-vertical-nav .guide-nav-item .guide-sub-item { background: none !important; margin: 0 0 0 32px; }

.component-example.bp-350 .guide-mobile-nav-trigger { margin: 0px -24px 0 -24px; padding: 16px 24px; width: calc(100% + 48px); }

.component-example.bp-350 .guide-mobile-nav-trigger.fixed { margin: 0; width: 100%; }

.component-example.bp-350 .guide-mobile-nav-trigger .guide-step { font-size: .875rem; line-height: 1.5; }

.component-example.bp-350 .guide-mobile-nav-trigger .bga-btn.bga-secondary-btn { width: auto; font-size: .875rem; padding: 8px 16px !important; min-height: auto; }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4, .component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 { font-size: 1rem; }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, .component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { width: 32px; height: 32px; }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, .component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 35px; left: 14.5px; height: calc(100% - 32px); }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, .component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { width: calc(100% - 32px); }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-sub-item { margin: 0 0 0 40px; }

.component-example.bp-below350 .guide-mobile-nav-trigger { background: #FFD964; margin: 0px -32px 0 -32px; padding: 16px 32px; width: calc(100% + 64px); display: flex; align-items: center; column-gap: 16px; }

.component-example.bp-below350 .guide-mobile-nav-trigger button { flex-shrink: 0; height: 48px; }

.component-example.bp-below350 .guide-mobile-nav-trigger.fixed { position: fixed; margin: 0; left: 0; top: 0; z-index: 7500; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); transition: top 1s linear; }

.component-example.bp-below350 .guide-mobile-nav-trigger.style-guide-example { margin: 0; width: 100%; }

.component-example.bp-below350 .guide-mobile-nav-trigger.style-guide-example.fixed { position: relative; top: auto; left: auto; box-shadow: none; }

.component-example.bp-below350 .component-wrapper.guide-inpage-example.non-branded .guide-mobile-nav-trigger { background: #D8D8D8; }

.component-example.bp-below350 .mobile-nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9200; background-color: #333333; opacity: .6; display: none; }

.component-example.bp-below350 .mobile-nav-overlay.show { display: block; }

.component-example.bp-below350 .component-wrapper.guide-inpage-example .mobile-nav-overlay { position: absolute; }

.component-example.bp-below350 .guide-menu-wrapper { position: fixed; background: white; z-index: 9500; padding: 32px 16px 24px 16px; }

.component-example.bp-below350 .guide-menu-wrapper.style-guide-example { position: absolute; max-width: none; }

.component-example.bp-below350 .guide-menu-wrapper.guide-modal-nav { top: 16px; left: 16px; width: calc(100% - 32px); height: calc(100% - 32px); }

.component-example.bp-below350 .guide-menu-wrapper.guide-panel-nav { top: 0px; left: 0px; left: -90%; width: 90%; height: 100%; }

.component-example.bp-below350 .guide-menu-wrapper.guide-panel-nav .guide-email-download-wrapper { display: none !important; }

.component-example.bp-below350 .guide-nav-close { display: block; width: 100%; display: flex; justify-content: flex-end; }

.component-example.bp-below350 .guide-nav-close button { text-indent: -9999px; background: transparent url(/icon-close-black.svg) no-repeat; background-size: 16px 16px; border: none; position: absolute; height: 16px; width: 16px; top: 16px; right: 16px; display: block !important; }

.component-example.bp-below350 .guide-scroll-wrapper { margin-top: 8px; position: relative; background: #ffffff; height: 100%; }

.component-example.bp-below350 .guide-scroll-wrapper .scrollable { height: 100%; padding: 0px; overflow-y: auto; }

.component-example.bp-below350 .guide-scroll-wrapper .scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 8px; height: 8px; }

.component-example.bp-below350 .guide-scroll-wrapper .scrollable::-webkit-scrollbar-thumb { background-color: #788295; border-radius: 4px; z-index: 99; }

.component-example.bp-below350 .guide-scroll-wrapper .scrollable::-webkit-scrollbar-track { background: #E4E6EA; }

.component-example.bp-below350 #guide-vertical-nav { padding: 0 8px 0 0; }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, .component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { background: none !important; padding: 8px 8px 8px 0px; }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, .component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { margin: 4px 0 0 0; }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, .component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 36px; height: calc(100% - 32px); }

.component-example.bp-below350 #guide-vertical-nav .guide-nav-item .guide-sub-item { background: none !important; margin: 0 0 0 32px; }

.component-example.bp-below350 .guide-mobile-nav-trigger { margin: 0px -24px 0 -24px; padding: 16px 24px; width: calc(100% + 48px); }

.component-example.bp-below350 .guide-mobile-nav-trigger.fixed { margin: 0; width: 100%; }

.component-example.bp-below350 .guide-mobile-nav-trigger .guide-step { font-size: .875rem; line-height: 1.5; }

.component-example.bp-below350 .guide-mobile-nav-trigger .bga-btn.bga-secondary-btn { width: auto; font-size: .875rem; padding: 8px 16px !important; min-height: auto; }

.component-example.bp-below350 .guide-mobile-nav-trigger { margin: 0px -24px 0 -24px; padding: 16px 24px; width: calc(100% + 48px); }

.component-example.bp-below350 .guide-mobile-nav-trigger.fixed { margin: 0; width: 100%; }

.component-example.bp-below350 .guide-mobile-nav-trigger .bga-btn.bga-secondary-btn { width: 100%; }

.component-example.bp-below350 .guide-mobile-nav-trigger .guide-step { display: none; }

@media (max-width: 1200px) { #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 { font-size: 1rem; } #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { width: 32px; height: 32px; } #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 35px; left: 14.5px; height: calc(100% - 32px); } #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { width: calc(100% - 32px); } #guide-vertical-nav .guide-nav-item .guide-sub-item { margin: 0 0 0 40px; } }

@media (max-width: 768px) { html.guide-prototype { scroll-padding-top: 100px !important; } .guide-mobile-nav-trigger { background: #FFD964; margin: 0px -32px 0 -32px; padding: 16px 32px; width: calc(100% + 64px); display: flex; align-items: center; column-gap: 16px; } .guide-mobile-nav-trigger button { flex-shrink: 0; height: 48px; } .guide-mobile-nav-trigger.fixed { position: fixed; margin: 0; left: 0; top: 0; z-index: 7500; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); transition: top 1s linear; } .guide-mobile-nav-trigger.style-guide-example { margin: 0; width: 100%; } .guide-mobile-nav-trigger.style-guide-example.fixed { position: relative; top: auto; left: auto; box-shadow: none; } .component-wrapper.guide-inpage-example.non-branded .guide-mobile-nav-trigger { background: #D8D8D8; } .mobile-nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9200; background-color: #333333; opacity: .6; display: none; } .mobile-nav-overlay.show { display: block; } .component-wrapper.guide-inpage-example .mobile-nav-overlay { position: absolute; } .guide-menu-wrapper { position: fixed; background: white; z-index: 9500; padding: 32px 16px 24px 16px; } .guide-menu-wrapper.style-guide-example { position: absolute; max-width: none; } .guide-menu-wrapper.guide-modal-nav { top: 16px; left: 16px; width: calc(100% - 32px); height: calc(100% - 32px); } .guide-menu-wrapper.guide-panel-nav { top: 0px; left: 0px; left: -90%; width: 90%; height: 100%; } .guide-menu-wrapper.guide-panel-nav .guide-email-download-wrapper { display: none !important; } .guide-nav-close { display: block; width: 100%; display: flex; justify-content: flex-end; } .guide-nav-close button { text-indent: -9999px; background: transparent url(/icon-close-black.svg) no-repeat; background-size: 16px 16px; border: none; position: absolute; height: 16px; width: 16px; top: 16px; right: 16px; display: block !important; } .guide-scroll-wrapper { margin-top: 8px; position: relative; background: #ffffff; height: 100%; } .guide-scroll-wrapper .scrollable { height: 100%; padding: 0px; overflow-y: auto; } .guide-scroll-wrapper .scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 8px; height: 8px; } .guide-scroll-wrapper .scrollable::-webkit-scrollbar-thumb { background-color: #788295; border-radius: 4px; z-index: 99; } .guide-scroll-wrapper .scrollable::-webkit-scrollbar-track { background: #E4E6EA; } #guide-vertical-nav { padding: 0 8px 0 0; } #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 a, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 a { background: none !important; padding: 8px 8px 8px 0px; } #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span { margin: 4px 0 0 0; } #guide-vertical-nav .guide-nav-item .guide-nav-item-title h4 span:after, #guide-vertical-nav .guide-nav-item .guide-nav-item-title .h4 span:after { top: 36px; height: calc(100% - 32px); } #guide-vertical-nav .guide-nav-item .guide-sub-item { background: none !important; margin: 0 0 0 32px; } }

@media (max-width: 576px) { .guide-mobile-nav-trigger { margin: 0px -24px 0 -24px; padding: 16px 24px; width: calc(100% + 48px); } .guide-mobile-nav-trigger.fixed { margin: 0; width: 100%; } .guide-mobile-nav-trigger .guide-step { font-size: .875rem; line-height: 1.5; } .guide-mobile-nav-trigger .bga-btn.bga-secondary-btn { width: auto; font-size: .875rem; padding: 8px 16px !important; min-height: auto; } }

@media (max-width: 350px) { .guide-mobile-nav-trigger { margin: 0px -24px 0 -24px; padding: 16px 24px; width: calc(100% + 48px); } .guide-mobile-nav-trigger.fixed { margin: 0; width: 100%; } .guide-mobile-nav-trigger .bga-btn.bga-secondary-btn { width: 100%; } .guide-mobile-nav-trigger .guide-step { display: none; } }

.guide-email-download-wrapper { border-top: solid 2px #ABB1BD; border-bottom: solid 2px #ABB1BD; padding: 24px 0px; }

.guide-email-download-wrapper .button-group { display: flex; flex-wrap: wrap; row-gap: 24px; column-gap: 24px; }

.guide-email-download-wrapper .bga-btn.bga-secondary-btn { width: 100%; }

.guide-email-download-wrapper.style-guide-example { max-width: 300px; }

.guide-email-download-wrapper.non-branded .bga-btn.bga-secondary-btn svg { display: none; }

.inpage-email-download-wrapper { display: none; }

.component-example.bp-576 .inpage-email-download-wrapper { display: block; margin-top: 32px !important; }

.component-example.bp-576 .guide-email-download-wrapper, .component-example.bp-576 .inpage-email-download-wrapper { margin-top: 0; background: #FFE491; border: none; padding: 24px; width: 100%; max-width: none; }

.component-example.bp-576 .guide-email-download-wrapper p, .component-example.bp-576 .inpage-email-download-wrapper p { font-weight: 600; }

.component-example.bp-576 .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .component-example.bp-576 .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: auto; }

.component-example.bp-576 .guide-email-download-wrapper.non-branded, .component-example.bp-576 .inpage-email-download-wrapper.non-branded { background: #D8D8D8; }

.component-example.bp-350 .inpage-email-download-wrapper { display: block; margin-top: 32px !important; }

.component-example.bp-350 .guide-email-download-wrapper, .component-example.bp-350 .inpage-email-download-wrapper { margin-top: 0; background: #FFE491; border: none; padding: 24px; width: 100%; max-width: none; }

.component-example.bp-350 .guide-email-download-wrapper p, .component-example.bp-350 .inpage-email-download-wrapper p { font-weight: 600; }

.component-example.bp-350 .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .component-example.bp-350 .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: auto; }

.component-example.bp-350 .guide-email-download-wrapper.non-branded, .component-example.bp-350 .inpage-email-download-wrapper.non-branded { background: #D8D8D8; }

.component-example.bp-350 .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .component-example.bp-350 .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: auto; font-size: .875rem; padding: 8px 16px !important; min-height: auto; }

.component-example.bp-below350 .inpage-email-download-wrapper { display: block; margin-top: 32px !important; }

.component-example.bp-below350 .guide-email-download-wrapper, .component-example.bp-below350 .inpage-email-download-wrapper { margin-top: 0; background: #FFE491; border: none; padding: 24px; width: 100%; max-width: none; }

.component-example.bp-below350 .guide-email-download-wrapper p, .component-example.bp-below350 .inpage-email-download-wrapper p { font-weight: 600; }

.component-example.bp-below350 .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .component-example.bp-below350 .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: auto; }

.component-example.bp-below350 .guide-email-download-wrapper.non-branded, .component-example.bp-below350 .inpage-email-download-wrapper.non-branded { background: #D8D8D8; }

.component-example.bp-below350 .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .component-example.bp-below350 .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: auto; font-size: .875rem; padding: 8px 16px !important; min-height: auto; }

.component-example.bp-below350 .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .component-example.bp-below350 .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: 100%; }

@media (max-width: 768px) { .inpage-email-download-wrapper { display: block; margin-top: 32px !important; } .guide-email-download-wrapper, .inpage-email-download-wrapper { margin-top: 0; background: #FFE491; border: none; padding: 24px; width: 100%; max-width: none; } .guide-email-download-wrapper p, .inpage-email-download-wrapper p { font-weight: 600; } .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: auto; } .guide-email-download-wrapper.non-branded, .inpage-email-download-wrapper.non-branded { background: #D8D8D8; } }

@media (max-width: 576px) { .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: auto; font-size: .875rem; padding: 8px 16px !important; min-height: auto; } }

@media (max-width: 350px) { .guide-email-download-wrapper .bga-btn.bga-secondary-btn, .inpage-email-download-wrapper .bga-btn.bga-secondary-btn { width: 100%; } }

.example.page-pattern { position: relative; }

.example.page-pattern img { border: solid 1px #96B7DF; }

.example.page-pattern .spot { position: absolute; cursor: pointer; }

.example.page-pattern .spot .spot-subwrapper { position: relative; }

.example.page-pattern .spot a { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 10; background: #ACFF98; color: #333333; width: 32px; height: 32px; border-radius: 50%; border: solid #348621 3px; box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3); line-height: 0; cursor: pointer; }

.example.page-pattern .spot p { display: inline-block; margin-left: 8px; min-height: 32px; background: #068905; color: #fff; padding: 6px 16px 6px 32px; border-radius: 15px; box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3); display: none; font-size: 14px; font-weight: 400; line-height: 1.3rem; }

.example.page-pattern .spot:hover p { display: inline-block; }

.example.page-pattern.standard-checklist-container #spot-01 { top: 14%; left: 6.5%; }

.example.page-pattern.standard-checklist-container #spot-02 { top: 20%; left: 6.5%; }

.example.page-pattern.standard-checklist-container #spot-03 { top: 27.8%; left: 4.5%; }

.example.page-pattern.standard-checklist-container #spot-04 { top: 32%; left: 13%; }

.example.page-pattern.standard-checklist-container #spot-05 { top: 46.7%; left: 13%; }

.example.page-pattern.standard-checklist-container #spot-06 { top: 28.5%; left: 64%; }

.example.page-pattern.lightweight-checklist-container #spot-01 { top: 12.2%; left: 7%; }

.example.page-pattern.lightweight-checklist-container #spot-02 { top: 17%; left: 7%; }

.example.page-pattern.lightweight-checklist-container #spot-03 { top: 24.5%; left: 5%; }

.example.page-pattern.lightweight-checklist-container #spot-04 { top: 33%; left: 12%; }

.example.page-pattern.lightweight-checklist-container #spot-05 { top: 46.2%; left: 12%; }

.example.page-pattern.lightweight-checklist-container #spot-06 { top: 86.9%; left: 5%; }

.example.page-pattern.topic-page-container #spot-01 { top: 15.5%; left: 7%; }

.example.page-pattern.topic-page-container #spot-02 { top: 20%; left: 7%; }

.example.page-pattern.topic-page-container #spot-03 { top: 32%; left: 8%; }

.example.page-pattern.topic-page-container #spot-04 { top: 36.6%; left: 8%; }

.example.page-pattern.topic-page-container #spot-05 { top: 67.5%; left: 5.2%; }

.example.page-pattern.category-page-container #spot-01 { top: 22.5%; left: 6%; }

.example.page-pattern.category-page-container #spot-02 { top: 29%; left: 6%; }

.example.page-pattern.category-page-container #spot-03 { top: 48%; left: 7%; }

.example.page-pattern.category-page-container #spot-04 { top: 53%; left: 7%; }

.example.page-pattern.guides-page-container #spot-01 { top: 11.3%; left: 7.5%; }

.example.page-pattern.guides-page-container #spot-02 { top: 14.5%; left: 7.5%; }

.example.page-pattern.guides-page-container #spot-03 { top: 24.4%; left: 6.5%; }

.example.page-pattern.guides-page-container #spot-04 { top: 39.5%; left: 6.5%; }

.example.page-pattern.guides-page-container #spot-05 { top: 56.4%; left: 11%; }

.example.page-pattern.guides-page-2024-container #spot-01 { top: 10.1%; left: 5.5%; }

.example.page-pattern.guides-page-2024-container #spot-02 { top: 12.5%; left: 5.5%; }

.example.page-pattern.guides-page-2024-container #spot-03 { top: 16.9%; left: 3.2%; }

.example.page-pattern.guides-page-2024-container #spot-04 { top: 19%; left: 7.5%; }

.example.page-pattern.guides-page-2024-container #spot-05 { top: 42.8%; left: 3.2%; }

.example.page-pattern.guides-page-2024-container #spot-06 { top: 17.6%; left: 42%; }

.example.page-pattern.guides-page-2024-container #spot-07 { top: 19.6%; left: 42%; }

.example.page-pattern.guides-page-2024-container #spot-08 { top: 23.3%; left: 28.7%; }

.example.page-pattern.guides-page-2024-container #spot-09 { top: 36.8%; left: 28.7%; }

.example.page-pattern.guides-page-2024-container #spot-10 { top: 55.5%; left: 41%; }

.example.page-pattern.guides-page-2024-container #spot-11 { top: 75.1%; left: 65%; }

.example.page-pattern.transaction-action-page-container #spot-01 { top: 11.8%; left: 7.5%; }

.example.page-pattern.transaction-action-page-container #spot-02 { top: 16.8%; left: 7.5%; }

.example.page-pattern.transaction-action-page-container #spot-03 { top: 21.8%; left: 7.5%; }

.example.page-pattern.transaction-action-page-container #spot-04 { top: 27.8%; left: 7.5%; }

.example.page-pattern.transaction-action-page-container #spot-05 { top: 39%; left: 7.5%; }

.example.page-pattern.transaction-action-page-container #spot-06 { top: 63%; left: 7.5%; }

.example.page-pattern.transaction-action-page-container #spot-07 { top: 83.8%; left: 7.5%; }

.example.page-pattern.easy-read-page-container #spot-01 { top: 13.4%; left: 7.5%; }

.example.page-pattern.easy-read-page-container #spot-02 { top: 19%; left: 7.5%; }

.example.page-pattern.easy-read-page-container #spot-03 { top: 27%; left: 7.5%; }

.example.page-pattern.easy-read-page-container #spot-04 { top: 32%; left: 10.5%; }

.example.page-pattern.easy-read-page-container #spot-04 .spot-subwrapper { z-index: 100; }

.example.page-pattern.easy-read-page-container #spot-05 { top: 31%; left: 29%; }

.example.page-pattern.easy-read-page-container #spot-06 { top: 57%; left: 52%; }

.example.page-pattern.adviser-page-container #spot-01 { top: 17%; left: 8%; }

.example.page-pattern.adviser-page-container #spot-02 { top: 24%; left: 8%; }

.example.page-pattern.adviser-page-container #spot-03 { top: 31%; left: 8%; }

.example.page-pattern.adviser-page-container #spot-04 { top: 56%; left: 10.5%; }

.example.page-pattern.adviser-page-container #spot-05 { top: 59%; left: 10.5%; }

.example.page-pattern.adviser-page-container #spot-06 { top: 62%; left: 10.5%; }

.example.page-pattern.adviser-page-container #spot-07 { top: 66.7%; left: 10.5%; }

.example.page-pattern.event-page-container #spot-01 { top: 15%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-02 { top: 20%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-03 { top: 25.5%; left: 3.5%; }

.example.page-pattern.event-page-container #spot-04 { top: 35%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-05 { top: 37.3%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-06 { top: 39.5%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-07 { top: 41.7%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-08 { top: 44%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-09 { top: 46.4%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-10 { top: 51.7%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-11 { top: 59.4%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-12 { top: 62.2%; left: 5.5%; }

.example.page-pattern.event-page-container #spot-12 .spot-subwrapper { z-index: 100; }

.example.page-pattern.event-page-container #spot-13 { top: 62.2%; left: 49.5%; }

.example.page-pattern.tutorial-page-container #spot-01 { top: 8.8%; left: 7.5%; }

.example.page-pattern.tutorial-page-container #spot-02 { top: 12.5%; left: 7.5%; }

.example.page-pattern.tutorial-page-container #spot-03 { top: 16.2%; left: 5%; }

.example.page-pattern.tutorial-page-container #spot-03 .spot-subwrapper { z-index: 100; }

.example.page-pattern.tutorial-page-container #spot-04 { top: 16.2%; left: 26%; }

.example.page-pattern.tutorial-page-container #spot-05 { top: 26.7%; left: 28%; }

.example.page-pattern.tutorial-page-container #spot-06 { top: 52%; left: 28%; }

.example.page-pattern.tutorial-page-container #spot-07 { top: 60.5%; left: 28%; }

.example.page-pattern.tutorial-page-container #spot-08 { top: 71.8%; left: 28%; }

.example.page-pattern.tutorial-page-container #spot-09 { top: 84.7%; left: 26%; }

.example.page-pattern.resource-article-page-container #spot-01 { top: 12.8%; left: 7.5%; }

.example.page-pattern.resource-article-page-container #spot-02 { top: 17.8%; left: 7.5%; }

.example.page-pattern.resource-article-page-container #spot-03 { top: 23.4%; left: 7.5%; }

.example.page-pattern.resource-article-page-container #spot-04 { top: 48%; left: 7.5%; }

.example.page-pattern.resource-article-page-container #spot-05 { top: 51.8%; left: 7.5%; }

.example.page-pattern.resource-article-page-container #spot-06 { top: 68%; left: 7.5%; }

.example.page-pattern.resource-article-page-container #spot-07 { top: 77.5%; left: 7.5%; }

.example.page-pattern.one-zero-one-page-container #spot-01 { top: 8.8%; left: 7.5%; }

.example.page-pattern.one-zero-one-page-container #spot-02 { top: 12.5%; left: 7.5%; }

.example.page-pattern.one-zero-one-page-container #spot-03 { top: 16.2%; left: 5%; }

.example.page-pattern.one-zero-one-page-container #spot-03 .spot-subwrapper { z-index: 100; }

.example.page-pattern.one-zero-one-page-container #spot-04 { top: 16.2%; left: 26%; }

.example.page-pattern.one-zero-one-page-container #spot-05 { top: 24.7%; left: 28%; }

.example.page-pattern.one-zero-one-page-container #spot-06 { top: 52%; left: 28%; }

.example.page-pattern.one-zero-one-page-container #spot-07 { top: 60.5%; left: 28%; }

.example.page-pattern.one-zero-one-page-container #spot-08 { top: 74.6%; left: 28%; }

.example.page-pattern.one-zero-one-page-container #spot-09 { top: 87.5%; left: 26%; }

.example.page-pattern.customer-stories-landing-container #spot-01 { top: 15.8%; left: 7.5%; }

.example.page-pattern.customer-stories-landing-container #spot-02 { top: 22%; left: 7.5%; }

.example.page-pattern.customer-stories-landing-container #spot-03 { top: 29%; left: 7%; }

.example.page-pattern.customer-stories-landing-container #spot-04 { top: 44%; left: 7%; }

.example.page-pattern.customer-stories-landing-container #spot-05 { top: 48.5%; left: 7%; }

.example.page-pattern.customer-story-container #spot-01 { top: 13%; left: 7.5%; }

.example.page-pattern.customer-story-container #spot-02 { top: 18.5%; left: 7.5%; }

.example.page-pattern.customer-story-container #spot-03 { top: 24%; left: 7.5%; }

.example.page-pattern.customer-story-container #spot-04 { top: 56.8%; left: 7.5%; }

.example.page-pattern.customer-story-container #spot-05 { top: 73.7%; left: 7.5%; }

.example.page-pattern.customer-story-container #spot-06 { top: 82.4%; left: 7.5%; }

.example.page-pattern.grant-recipients-container #spot-01 { top: 17.8%; left: 7.5%; }

.example.page-pattern.grant-recipients-container #spot-02 { top: 25%; left: 7.5%; }

.example.page-pattern.grant-recipients-container #spot-03 { top: 33%; left: 5.5%; }

.example.page-pattern.grant-recipients-container #spot-04 { top: 38%; left: 5.5%; }

.example.page-pattern.external-grant-landing-container #spot-01 { top: 10.6%; left: 5.5%; }

.example.page-pattern.external-grant-landing-container #spot-02 { top: 17.5%; left: 3.5%; }

.example.page-pattern.external-grant-landing-container #spot-03 { top: 19.7%; left: 3.5%; }

.example.page-pattern.external-grant-landing-container #spot-04 { top: 23.2%; left: 5.5%; }

.example.page-pattern.external-grant-landing-container #spot-05 { top: 25%; left: 5.5%; }

.example.page-pattern.external-grant-landing-container #spot-06 { top: 26.7%; left: 5.5%; }

.example.page-pattern.external-grant-landing-container #spot-07 { top: 30%; left: 5.5%; }

.example.page-pattern.external-grant-landing-container #spot-08 { top: 33.6%; left: 3.5%; }

.example.page-pattern.external-grant-landing-container #spot-09 { top: 37.3%; left: 3.5%; }

.example.page-pattern.external-grant-landing-container #spot-10 { top: 42.2%; left: 3.5%; }

.example.page-pattern.external-grant-landing-container #spot-11 { top: 48.9%; left: 3.5%; }

.example.page-pattern.external-grant-landing-container #spot-12 { top: 58.4%; left: 3.5%; }

.example.page-pattern.external-grant-landing-container #spot-13 { top: 64.7%; left: 3.5%; }

.example.page-pattern.internal-grant-landing-container #spot-01 { top: 5.3%; left: 5.2%; }

.example.page-pattern.internal-grant-landing-container #spot-02 { top: 8.7%; left: 3%; }

.example.page-pattern.internal-grant-landing-container #spot-02 .spot-subwrapper { z-index: 100; }

.example.page-pattern.internal-grant-landing-container #spot-03 { top: 8.9%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-04 { top: 10%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-05 { top: 11.7%; left: 25.5%; }

.example.page-pattern.internal-grant-landing-container #spot-06 { top: 12.7%; left: 25.5%; }

.example.page-pattern.internal-grant-landing-container #spot-07 { top: 13.6%; left: 25.5%; }

.example.page-pattern.internal-grant-landing-container #spot-08 { top: 15.3%; left: 25.5%; }

.example.page-pattern.internal-grant-landing-container #spot-09 { top: 17.1%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-10 { top: 19%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-11 { top: 21.5%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-12 { top: 26.9%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-13 { top: 29.1%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-14 { top: 36%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-15 { top: 41.7%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-16 { top: 47.2%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-17 { top: 52%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-18 { top: 58.5%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-19 { top: 64.6%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-20 { top: 70.3%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-21 { top: 74.3%; left: 24%; }

.example.page-pattern.internal-grant-landing-container #spot-22 { top: 82%; left: 24%; }

.example.page-pattern.search-page-container #spot-01 { top: 14%; left: 6%; }

.example.page-pattern.search-page-container #spot-02 { top: 20.9%; left: 4.7%; }

.example.page-pattern.search-page-container #spot-03 { top: 27%; left: 4.7%; }

.example.page-pattern.search-page-container #spot-04 { top: 25.3%; left: 34%; }

.example.page-pattern.search-page-container #spot-05 { top: 84.5%; left: 33%; }

.example.page-pattern.filtered-tile-page-container #spot-01 { top: 12.2%; left: 7.5%; }

.example.page-pattern.filtered-tile-page-container #spot-02 { top: 15.5%; left: 7.5%; }

.example.page-pattern.filtered-tile-page-container #spot-03 { top: 23.9%; left: 5%; }

.example.page-pattern.filtered-tile-page-container #spot-04 { top: 27%; left: 5%; }

.example.page-pattern.filtered-tile-page-container #spot-05 { top: 27%; left: 36%; }

.example.page-pattern.filtered-tile-page-container #spot-06 { top: 88.5%; left: 33%; }

.example.page-pattern.tiled-guided-search-container #spot-01 { top: 10.5%; left: 5.5%; }

.example.page-pattern.tiled-guided-search-container #spot-02 { top: 15.2%; left: 8%; }

.example.page-pattern.tiled-guided-search-container #spot-03 { top: 15.2%; left: 62.5%; }

.example.page-pattern.tiled-guided-search-container #spot-04 { top: 25.1%; left: 8%; }

.example.page-pattern.tiled-guided-search-container #spot-05 { top: 31.1%; left: 5%; }

.example.page-pattern.tiled-guided-search-container #spot-06 { top: 31%; left: 61.2%; }

.example.page-pattern.tiled-guided-search-container #spot-07 { top: 34.5%; left: 5%; }

.example.page-pattern.tiled-guided-search-container #spot-08 { top: 34%; left: 36.5%; }

.example.page-pattern.tiled-guided-search-container #spot-09 { top: 87.8%; left: 33%; }

.example.page-pattern.tiled-guided-search-container #spot-10 { top: 15.3%; left: 7.5%; }

.example.page-pattern.tiled-guided-search-container #spot-11 { top: 17.4%; left: 7.5%; }

.example.page-pattern.tiled-guided-search-container #spot-12 { top: 19.6%; left: 12%; }

.example.page-pattern.tiled-guided-search-container #spot-13 { top: 19.6%; left: 34%; }

.example.page-pattern.tiled-guided-search-container #spot-14 { top: 25.8%; left: 53%; }

.example.page-pattern.tiled-guided-search-container #spot-15 { top: 41%; left: 5%; }

.example.page-pattern.tiled-guided-search-container #spot-15 .spot-subwrapper { z-index: 100; }

.example.page-pattern.tiled-guided-search-container #spot-16 { top: 42.3%; left: 19%; }

.example.page-pattern.tiled-guided-search-container #spot-17 { top: 15.7%; left: 7.5%; }

.example.page-pattern.tiled-guided-search-container #spot-18 { top: 18.4%; left: 7.5%; }

.example.page-pattern.tiled-guided-search-container #spot-19 { top: 22.2%; left: 7.5%; }

.example.page-pattern.tiled-guided-search-container #spot-20 { top: 25.7%; left: 70%; }

.example.page-pattern.tiled-guided-search-container #spot-21 { top: 36.4%; left: 5%; }

.example.page-pattern.maintenance-page-container #spot-01 { top: 20%; left: 7.5%; }

.example.page-pattern.maintenance-page-container #spot-02 { top: 53%; left: 7.5%; }

.example.page-pattern.maintenance-page-container #spot-03 { top: 76.4%; left: 7.5%; }

.example.page-pattern.error-page-container #spot-01 { top: 20%; left: 7.5%; }

.example.page-pattern.error-page-container #spot-02 { top: 43%; left: 7.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-01 { top: 15%; left: 7.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-02 { top: 25%; left: 12%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-03 { top: 29%; left: 47.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-04 { top: 34%; left: 12%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-05 { top: 40%; left: 9.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-06 { top: 46.2%; left: 9.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-07 { top: 58.5%; left: 7.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-08 { top: 21%; left: 7.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-09 { top: 25.8%; left: 7.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-10 { top: 29.5%; left: 7.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-11 { top: 29.5%; left: 39.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-12 { top: 47%; left: 7.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-13 { top: 66.4%; left: 7.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-14 { top: 86%; left: 27%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-15 { top: 9.1%; left: 8%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-16 { top: 16.4%; left: 9.8%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-17 { top: 22%; left: 9.8%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-18 { top: 39.5%; left: 9.8%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-19 { top: 42.2%; left: 56%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-20 { top: 50.5%; left: 45.5%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-21 { top: 62.5%; left: 9.8%; }

.example.page-pattern.internal-q-and-a-tool-container #spot-22 { top: 66.5%; left: 8%; }

.example.page-pattern.external-q-and-a-tool-container #spot-01 { top: 13.8%; left: 7.5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-02 { top: 18.3%; left: 7.5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-03 { top: 27.8%; left: 7.5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-04 { top: 53.7%; left: 9.5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-05 { top: 27.3%; left: 62%; }

.example.page-pattern.external-q-and-a-tool-container #spot-06 { top: 34%; left: 62%; }

.example.page-pattern.external-q-and-a-tool-container #spot-07 { top: 50.7%; left: 62%; }

.example.page-pattern.external-q-and-a-tool-container #spot-08 { top: 79.3%; left: 7.5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-09 { top: 25.2%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-10 { top: 82.6%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-11 { top: 7.7%; left: 7%; }

.example.page-pattern.external-q-and-a-tool-container #spot-12 { top: 9.9%; left: 7%; }

.example.page-pattern.external-q-and-a-tool-container #spot-13 { top: 15%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-14 { top: 16.7%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-15 { top: 31%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-16 { top: 37%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-17 { top: 40.3%; left: 7.5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-18 { top: 17.2%; left: 62%; }

.example.page-pattern.external-q-and-a-tool-container #spot-19 { top: 66%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-20 { top: 11.7%; left: 7.5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-21 { top: 29.4%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-22 { top: 45.5%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-23 { top: 45.5%; left: 44%; }

.example.page-pattern.external-q-and-a-tool-container #spot-24 { top: 71.9%; left: 5%; }

.example.page-pattern.external-q-and-a-tool-container #spot-25 { top: 84%; left: 16%; }

.example.page-pattern.external-q-and-a-tool-container #spot-26 { top: 19.4%; left: 6%; }

.example.page-pattern.external-q-and-a-tool-container #spot-27 { top: 30.2%; left: 4%; }

.example.page-pattern.external-q-and-a-tool-container #spot-28 { top: 70.9%; left: 4%; }

.page-pattern-rules .highlight { background: yellow; }

.page-pattern-rules .accordion-toggle { border: none; background: #ffffff; text-decoration: underline; float: right; font-weight: 600; box-shadow: none; border-radius: none; }

.page-pattern-rules .accordion-item { border: none; border-bottom: solid 1px #96B7DF; }

.page-pattern-rules .accordion-item:last-of-type { border-bottom: none; }

.page-pattern-rules .accordion-item:last-of-type .accordion-button { border-radius: 0; }

.page-pattern-rules .accordion-item:first-of-type .accordion-button { border-radius: 0; }

.page-pattern-rules .accordion-button { background: #ffffff; font-weight: 600; color: #333333; padding: 16px 0; }

.page-pattern-rules .accordion-button span { display: flex; justify-content: center; align-items: center; background: #ACFF98; color: #333333; width: 32px; height: 32px; border-radius: 50%; border: solid #348621 3px; margin-right: 8px; line-height: 0; }

.page-pattern-rules .accordion-button:not(.collapsed) { background: #ffffff; box-shadow: none; }

.page-pattern-rules .accordion-button:not(.collapsed):focus { border: none; box-shadow: none; }

.page-pattern-rules .accordion-button:not(.collapsed):focus-visible { box-shadow: none; border: 2px solid #2E6CB9; border-radius: 4px; }

.page-pattern-rules .accordion-button:not(.collapsed):hover { border: none; }

.page-pattern-rules .accordion-button:not(.collapsed)::after { transform: scaleY(-1); }

.page-pattern-rules .accordion-button::after { background-image: url(../Chevron-down-black.svg); }

.page-pattern-rules .accordion-button:focus { border: none; box-shadow: none; }

.page-pattern-rules .accordion-button:focus-visible { box-shadow: none; border: 2px solid #2E6CB9; border-radius: 4px; }

.page-pattern-rules .accordion-button:hover { border: none; }

.section-divider { color: #ABB1BD; opacity: 1; }

html.ecb-prototype { scroll-padding-top: 125px !important; overflow: auto; }

html.ecb-prototype label.form-label { font-size: 1.375rem; font-weight: 600; color: #2E3E5A; }

@media (max-width: 768px) { html.ecb-prototype { scroll-padding-top: 90px !important; } }

#ecb-prototype { overflow-x: hidden; }

#ecb-prototype .page-content { position: relative; }

#ecb-prototype #subsite-header .bga-link-strap { min-height: 54px; }

#ecb-prototype #subsite-header .secondary-links { display: block; }

#ecb-prototype #subsite-header .secondary-links a { display: flex; justify-content: flex-end; align-items: center; color: #ffffff; text-decoration: none; }

#ecb-prototype #subsite-header .secondary-links a:focus, #ecb-prototype #subsite-header .secondary-links a:hover { text-decoration: underline; }

#ecb-prototype input.sm-width { max-width: 100px; }

#ecb-prototype .ecb-button-group { flex-wrap: wrap; row-gap: 24px; column-gap: 24px; }

#ecb-prototype .ecb-button-group .two-button-group { display: flex; flex-wrap: wrap; row-gap: 24px; column-gap: 24px; }

#ecb-prototype .save-footer .button-wrapper { row-gap: 24px; column-gap: 24px; }

#ecb-prototype .modal-example { max-height: none; height: auto; position: fixed; top: 5rem; z-index: 9000; left: calc(50% - 320px); display: none; }

#ecb-prototype .modal-example.show { display: block; }

#ecb-prototype .modal-example .icon-wrapper, #ecb-prototype #ecb-cta-verify .icon-wrapper, #ecb-prototype #ecb-cta-verify-known .icon-wrapper { background: #299F28; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50px; }

#ecb-prototype .modal-example .icon-wrapper img, #ecb-prototype #ecb-cta-verify .icon-wrapper img, #ecb-prototype #ecb-cta-verify-known .icon-wrapper img { width: 18px; }

#ecb-prototype .modal-example .number-code, #ecb-prototype #ecb-cta-verify .number-code, #ecb-prototype #ecb-cta-verify-known .number-code { align-items: center; }

#ecb-prototype .modal-example .number-code input, #ecb-prototype #ecb-cta-verify .number-code input, #ecb-prototype #ecb-cta-verify-known .number-code input { width: 56px; border: none; border-bottom: solid 4px #2E3E5A; font-size: 1.5rem; font-weight: 600; text-align: center; color: #2E3E5A; }

#ecb-prototype .modal-example .number-code .success-icon, #ecb-prototype #ecb-cta-verify .number-code .success-icon, #ecb-prototype #ecb-cta-verify-known .number-code .success-icon { display: none; position: relative; }

#ecb-prototype .modal-example .number-code .success-icon.show, #ecb-prototype #ecb-cta-verify .number-code .success-icon.show, #ecb-prototype #ecb-cta-verify-known .number-code .success-icon.show { display: flex; align-items: center; }

#ecb-prototype .modal-example .number-code .success-icon circle, #ecb-prototype #ecb-cta-verify .number-code .success-icon circle, #ecb-prototype #ecb-cta-verify-known .number-code .success-icon circle { fill: #299F28; stroke: #299F28; stroke-width: 4px; stroke-dasharray: 126; animation: success-animation 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; transform: rotate(-90deg); transform-origin: center; position: absolute; top: 0; left: 0; }

@keyframes success-animation { 0% { stroke-dashoffset: 126;
    fill: transparent; }
  50% { stroke-dashoffset: 0;
    fill: transparent; }
  100% { stroke-dashoffset: 0;
    fill: #299F28; } }

#ecb-prototype .modal-example .number-code .success-icon .tick, #ecb-prototype #ecb-cta-verify .number-code .success-icon .tick, #ecb-prototype #ecb-cta-verify-known .number-code .success-icon .tick { position: absolute; top: 20px; left: 12px; animation: tick-display 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes tick-display { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

#ecb-prototype .modal-example .number-code .success-icon .msg, #ecb-prototype #ecb-cta-verify .number-code .success-icon .msg, #ecb-prototype #ecb-cta-verify-known .number-code .success-icon .msg { color: #068905; }

#ecb-prototype .modal-example .number-code .error-msg, #ecb-prototype #ecb-cta-verify .number-code .error-msg, #ecb-prototype #ecb-cta-verify-known .number-code .error-msg { display: none; }

#ecb-prototype .modal-example .number-code.error .code-inputs, #ecb-prototype #ecb-cta-verify .number-code.error .code-inputs, #ecb-prototype #ecb-cta-verify-known .number-code.error .code-inputs { box-shadow: 0 0 0 8px #F5B5B5; background: #F5B5B5; }

#ecb-prototype .modal-example .number-code.error input, #ecb-prototype #ecb-cta-verify .number-code.error input, #ecb-prototype #ecb-cta-verify-known .number-code.error input { background: #FCE9E9; border-bottom-color: #C9201D; }

#ecb-prototype .modal-example .number-code.error .error-msg, #ecb-prototype #ecb-cta-verify .number-code.error .error-msg, #ecb-prototype #ecb-cta-verify-known .number-code.error .error-msg { display: block; }

#ecb-prototype .modal-example .number-code.error .error-msg p, #ecb-prototype #ecb-cta-verify .number-code.error .error-msg p, #ecb-prototype #ecb-cta-verify-known .number-code.error .error-msg p { color: #C9201D; }

#ecb-prototype .modal-example .resend, #ecb-prototype #ecb-cta-verify .resend, #ecb-prototype #ecb-cta-verify-known .resend { display: flex; }

#ecb-prototype .modal-example .resend a.sent, #ecb-prototype #ecb-cta-verify .resend a.sent, #ecb-prototype #ecb-cta-verify-known .resend a.sent { color: #068905; text-decoration: none; cursor: default; }

#ecb-prototype .modal-example .resend a.sent:hover, #ecb-prototype #ecb-cta-verify .resend a.sent:hover, #ecb-prototype #ecb-cta-verify-known .resend a.sent:hover { background: transparent; }

#ecb-prototype .modal-example .success-green, #ecb-prototype #ecb-cta-verify .success-green, #ecb-prototype #ecb-cta-verify-known .success-green { background: #D4EDD4; }

#ecb-prototype .modal-example .confirm-yellow, #ecb-prototype #ecb-cta-verify .confirm-yellow, #ecb-prototype #ecb-cta-verify-known .confirm-yellow { background: #FFF3CD; }

#ecb-prototype .modal-example .modal-icon-title-primary, #ecb-prototype .modal-example .modal-icon-title-secondary, #ecb-prototype #ecb-cta-verify .modal-icon-title-primary, #ecb-prototype #ecb-cta-verify .modal-icon-title-secondary, #ecb-prototype #ecb-cta-verify-known .modal-icon-title-primary, #ecb-prototype #ecb-cta-verify-known .modal-icon-title-secondary { column-gap: 16px; align-items: center; }

#ecb-prototype .modal-example .modal-icon-title-primary svg, #ecb-prototype .modal-example .modal-icon-title-secondary svg, #ecb-prototype #ecb-cta-verify .modal-icon-title-primary svg, #ecb-prototype #ecb-cta-verify .modal-icon-title-secondary svg, #ecb-prototype #ecb-cta-verify-known .modal-icon-title-primary svg, #ecb-prototype #ecb-cta-verify-known .modal-icon-title-secondary svg { flex-shrink: 0; flex-grow: 0; }

#ecb-prototype .modal-example .ecb-button-group, #ecb-prototype #ecb-cta-verify .ecb-button-group, #ecb-prototype #ecb-cta-verify-known .ecb-button-group { column-gap: 24px; row-gap: 24px; align-items: center; }

#ecb-prototype .modal-example .ecb-button-group a, #ecb-prototype #ecb-cta-verify .ecb-button-group a, #ecb-prototype #ecb-cta-verify-known .ecb-button-group a { flex-shrink: 0; flex-grow: 0; }

#ecb-prototype #ecb-modal-email .step, #ecb-prototype #ecb-modal-save .step, #ecb-prototype #ecb-cta-verify .step, #ecb-prototype #ecb-extend-modal .step, #ecb-prototype #ecb-modal-save-prompt .step, #ecb-prototype #modal-save-saved-contracts .step, #ecb-prototype #modal-save-new-contract .step { display: none; }

#ecb-prototype #ecb-modal-email .step.show, #ecb-prototype #ecb-modal-save .step.show, #ecb-prototype #ecb-cta-verify .step.show, #ecb-prototype #ecb-extend-modal .step.show, #ecb-prototype #ecb-modal-save-prompt .step.show, #ecb-prototype #modal-save-saved-contracts .step.show, #ecb-prototype #modal-save-new-contract .step.show { display: block; }

#ecb-prototype #step-already-verified .success-message, #ecb-prototype #step-email-already-verified .success-message { display: none; column-gap: 8px; }

#ecb-prototype #step-already-verified .success-message p, #ecb-prototype #step-email-already-verified .success-message p { color: #299F28; margin: 0; }

#ecb-prototype #step-already-verified .success-message.show, #ecb-prototype #step-email-already-verified .success-message.show { display: flex; align-items: center; }

#ecb-prototype #step-already-verified .success-icon, #ecb-prototype #step-email-already-verified .success-icon { display: none; position: relative; }

#ecb-prototype #step-already-verified .success-icon.show, #ecb-prototype #step-email-already-verified .success-icon.show { display: flex; align-items: center; column-gap: 8px; }

#ecb-prototype #step-already-verified .success-icon circle, #ecb-prototype #step-email-already-verified .success-icon circle { fill: #299F28; stroke: #299F28; stroke-width: 4px; stroke-dasharray: 126; animation: success-animation 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; transform: rotate(-90deg); transform-origin: center; position: absolute; top: 0; left: 0; }

@keyframes success-animation { 0% { stroke-dashoffset: 126;
    fill: transparent; }
  50% { stroke-dashoffset: 0;
    fill: transparent; }
  100% { stroke-dashoffset: 0;
    fill: #299F28; } }

#ecb-prototype #step-already-verified .success-icon .tick, #ecb-prototype #step-email-already-verified .success-icon .tick { position: absolute; top: 15px; left: 12px; animation: tick-display 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes tick-display { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

#ecb-prototype #step-already-verified .success-icon .msg, #ecb-prototype #step-email-already-verified .success-icon .msg { color: #068905; animation: msg-display 2s linear infinite; animation-timing-function: linear; animation-iteration-count: 1; }

@keyframes msg-display { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

#ecb-prototype #email-form input { width: auto; flex-grow: 1; }

#ecb-prototype .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8500; background-color: #333333; opacity: .6; display: none; }

#ecb-prototype .modal-overlay.show { display: block; }

#ecb-prototype .testing-msg { display: none; background: #FDE6D0; border: #E88A2D 3px double; font-family: 'Times New Roman', Times, serif; font-size: 1.2rem; letter-spacing: 0.1; }

#ecb-prototype .testing-msg strong { font-size: 1.6rem; }

#ecb-prototype .testing-msg.show { display: inline-block; }

#ecb-prototype #page-header .include-mini-toast { position: relative; }

#ecb-prototype #page-header.fixed { position: fixed; top: 0; z-index: 8500; width: 100%; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); transition: top 1s linear; }

#ecb-prototype #page-header.fixed .step-title { display: none; }

#ecb-prototype #page-header.fixed .inner-wrapper { padding: 0 !important; }

#ecb-prototype #page-header.fixed .header-content { padding: 24px 32px 24px !important; }

#ecb-prototype .page-content.fixed { padding-top: 300px !important; }

#ecb-prototype .save-footer { background: #FFE491; }

#ecb-prototype .call-to-action.finalise .finalise-ctas { row-gap: 24px; column-gap: 24px; }

#ecb-prototype .call-to-action.finalise .cta-container { background: #ffffff; flex-wrap: wrap; width: calc(33.33% - 16px); }

#ecb-prototype .call-to-action.finalise .cta-title { width: 100%; background: #8BCACA; display: flex; column-gap: 8px; align-items: center; }

#ecb-prototype .call-to-action.finalise .cta-title h3, #ecb-prototype .call-to-action.finalise .cta-title .h3 { padding: 0; }

#ecb-prototype .call-to-action.finalise .cta-content { flex-wrap: wrap; height: calc(100% - 80px); align-content: space-between; }

#ecb-prototype .review-page .bga-component-wrapper { padding-bottom: 0 !important; }

#ecb-prototype .review-page .bga-component-wrapper .results-edit-answers-component { margin-bottom: 32px !important; }

.grey-bkg { background: #ABB1BD; }

#dummy-modal { background: #ffffff; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); height: auto; }

#dummy-modal .pretend-bga-link { color: #2157AA; font-weight: 600; text-decoration: underline; font-size: 1rem; line-height: 1.75; display: inline-block; }

#dummy-modal .pretend-bga-btn { display: inline-flex; align-items: center; border: solid 3px #EDC95A; border-radius: 100px; background: #FFD964; color: #2E3E5A; font-weight: 600; font-size: 1rem; line-height: 1.5; padding: 8px 32px; min-height: 56px; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); justify-content: center; text-decoration: none !important; }

#ecb-prototype.ecb-email { margin-top: 32px; }

#ecb-prototype.ecb-email body { background: #EFF0F2; }

#ecb-prototype.ecb-email .bkg-white { background: #ffffff; }

#ecb-prototype.ecb-email .email-banner { flex-wrap: wrap; }

#ecb-prototype.ecb-email .email-content .code { display: block; font-weight: 700; color: #2E3E5A; font-size: 2rem; }

#ecb-prototype.ecb-email .email-banner-strap { background: #C8D9EE; margin: 0 -16px; width: calc(100% + 32px); padding: 8px 16px; }

#ecb-prototype.ecb-email .email-privacy-info { background: #E4E6EA; margin: 0 -16px; width: calc(100% + 32px); padding: 32px 16px; }

#ecb-prototype.ecb-email .email-footer { background: #113869; margin: 0 -16px; width: calc(100% + 32px); padding: 32px 16px; }

#ecb-prototype.ecb-email .email-footer p { color: #ffffff; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper { width: 100%; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social { display: flex; justify-content: center; margin: 0; padding: 0; flex-wrap: wrap; row-gap: 24px; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social li { display: block; width: 48px; height: 48px; background: #2E3E5A; border: solid #ffffff 2px; border-radius: 50%; padding: 0; flex-shrink: 0; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social li::before { display: none; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social li svg { fill: #ffffff; width: 22px; height: 100%; margin: auto; display: block; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social li svg.linkedin { margin: -2px auto 0; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social li:focus { border: 3px solid #ffffff; background: #ffffff; outline: none; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social li:focus svg { fill: #113869; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social li:hover { border: solid #ffffff 3px; cursor: pointer; background: #ffffff; }

#ecb-prototype.ecb-email .email-footer .social-links-wrapper .footer-social li:hover svg { fill: #113869; }

.contracts-list .contract { border-bottom: solid 1px #788295; padding: 24px 0; display: flex; justify-content: space-between; align-items: flex-end; column-gap: 24px; row-gap: 24px; }

.contracts-list .contract-details { display: flex; align-items: flex-start; flex-direction: column; row-gap: 8px; }

.contracts-list .contract-details .contract-name { margin-right: 24px; font-size: 18px; font-weight: 600; }

.contracts-list .contract-actions { display: flex; justify-content: flex-end; column-gap: 24px; min-width: 330px; }

.contracts-list .contract-actions a { text-decoration: none; border-bottom: 1px solid #2157AA; padding-bottom: 2px; margin-bottom: 8px; display: inline-flex; align-items: flex-end; line-height: 1; }

.contracts-list .contract-actions a:hover { cursor: pointer; border-bottom-color: #113869; }

.contracts-list .contract-actions a:hover svg path { fill: #113869; }

.contracts-list .contract-actions a.inactive { opacity: 65%; cursor: default; }

.contracts-list .contract-actions a.inactive:hover { background: none; border-bottom: 1px solid #2157AA; color: #2157AA; }

.contracts-list .contract-actions a.inactive:hover svg path { fill: #2157AA; }

.contracts-list .contract-actions svg { margin-left: 8px; }

.subsite-footer .reset-links { background: #CA0CC1; }

.subsite-footer .reset-links .reset-links-container { display: flex; row-gap: 24px; column-gap: 24px; flex-wrap: wrap; }

.subsite-footer .reset-links h4, .subsite-footer .reset-links .h4 { color: #ffffff; }

.subsite-footer .reset-links #reset-prototype, .subsite-footer .reset-links .reset-verification { color: #ffffff; text-decoration: underline; }

.subsite-footer .reset-links #reset-prototype:hover, .subsite-footer .reset-links .reset-verification:hover { background: none; }

.subsite-footer .saved-contracts-link { display: block; }

.subsite-footer .saved-contracts-link a { display: flex; align-items: center; color: #ffffff; text-decoration: none; font-weight: 400; }

.subsite-footer .saved-contracts-link a:focus, .subsite-footer .saved-contracts-link a:hover { text-decoration: underline; background: none; }

.bga-component.mini-toast { display: none; background: #ffffff; background: #FFE491; border: solid 1px #299F28; border: solid 1px #EDC95A; border-left-width: 8px; width: fit-content; height: fit-content; box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.2); z-index: 9000; }

.bga-component.mini-toast .component-content { display: flex; column-gap: 8px; flex-wrap: nowrap; align-items: center; }

.bga-component.mini-toast.show { display: block; animation: mini-toast-animation 1s ease-in-out forwards; position: absolute; bottom: -106.5px; right: -32px; }

@keyframes mini-toast-animation { from { opacity: 0;
    bottom: -82.5px; }
  to { opacity: 1;
    bottom: -106.5px; } }

@media (max-width: 1200px) { .contracts-list .contract-details { flex-wrap: wrap; } .contracts-list .contract-name { width: 100%; } .contracts-list .expiry { margin-top: 8px; } #ecb-prototype .save-footer .button-wrapper { justify-content: flex-start !important; margin-top: 24px; } }

@media (max-width: 992px) { #ecb-prototype #page-header.fixed .header-content { padding: 24px 0 !important; } #ecb-prototype .call-to-action.finalise .finalise-ctas { flex-wrap: wrap; } #ecb-prototype .call-to-action.finalise .cta-container { width: 100% !important; } #ecb-prototype .call-to-action.finalise .cta-content { justify-content: space-between; align-items: center; column-gap: 16px; } #ecb-prototype .call-to-action.finalise .cta-title { width: 100%; } #ecb-prototype .call-to-action.finalise .cta-title svg { width: 40px; height: 40px; } #ecb-prototype .call-to-action.finalise .cta-content { height: auto; display: flex; justify-content: space-between; flex-wrap: nowrap; } #ecb-prototype .call-to-action.finalise .cta-content p { margin: 0 0 16px 0; } #ecb-prototype .call-to-action.finalise .cta-content p:last-of-type { margin: 0; } #ecb-prototype .call-to-action.finalise .cta-content .explanation { display: block; flex: 1; } #ecb-prototype .call-to-action.finalise .cta-content .button-example { flex: 0 1 auto; } }

@media (max-width: 768px) { #ecb-prototype #page-header.stepped-nav .stepped-navigation-wrapper .stepped-navigation-wrapper { padding: 0 !important; } #ecb-prototype #page-header.stepped-nav .stepped-navigation-wrapper .stepped-navigation { padding: 16px 0 0 0 !important; } #ecb-prototype #page-header.stepped-nav .stepped-navigation-wrapper .stepped-navigation .step { width: auto; } #ecb-prototype #page-header.fixed .header-content { padding: 0 !important; } #ecb-prototype #page-header.fixed .step-name { height: 21px; text-overflow: unset; width: auto; } #ecb-prototype .page-content.fixed { padding-top: 60px !important; } #ecb-prototype .modal-example { top: 1rem; left: 16px; width: calc(100% - 32px); max-width: none; } #ecb-prototype .toggle-wrapper { padding-right: 0px !important; } #ecb-prototype .call-to-action.finalise .finalise-ctas { flex-wrap: wrap; } #ecb-prototype .call-to-action.finalise .cta-content { flex-direction: column; align-items: flex-start !important; justify-content: space-between; flex-wrap: nowrap; row-gap: 16px; } #ecb-prototype .call-to-action.finalise .cta-content p { margin: 0 0 16px 0; } #ecb-prototype .call-to-action.finalise .cta-content p:last-of-type { margin: 0; } #ecb-prototype .call-to-action.finalise .cta-content .explanation { display: block; flex: 1; } #ecb-prototype .call-to-action.finalise .cta-content .button-example { flex: 0 1 auto; } .contracts-list .contract { flex-wrap: wrap; } .contracts-list .contract-actions { min-width: auto; margin-top: 16px; padding: 0; } .contracts-list .contract-actions a { justify-content: flex-start; margin-bottom: 0; } .bga-component.mini-toast.show { display: block; animation: mini-toast-animation 1s ease-in-out forwards; position: absolute; bottom: -82.5px; right: -0px; } @keyframes mini-toast-animation { from { opacity: 0;
      bottom: -58.5px; }
    to { opacity: 1;
      bottom: -82.5px; } } }

@media (max-width: 576px) { #ecb-prototype .call-to-action.teal .button-group a { font-size: 0.875rem; } #ecb-prototype .ecb-button-group a { font-size: 0.875rem; } #ecb-prototype #email-form { flex-wrap: wrap; } #ecb-prototype #email-form input { width: 100%; margin-right: 0 !important; } #ecb-prototype .modal-example .modal-icon-title-primary { column-gap: 8px; align-items: flex-start; } #ecb-prototype .modal-example .modal-icon-title-primary svg { width: 32px; height: 32px; } #ecb-prototype .modal-example .modal-icon-title-secondary svg { display: none; } #ecb-prototype .modal-example .number-code input { width: 40px; } #ecb-prototype .modal-example .number-code .success-icon { margin-left: 8px !important; } #ecb-prototype .modal-example .number-code .success-icon svg { width: 32px; height: 32px; } #ecb-prototype .modal-example .number-code .success-icon circle { width: 32px; height: 32px; } #ecb-prototype .modal-example .number-code .success-icon .tick { width: 14.5px; height: 11.5px; position: absolute; top: 22px; left: 8px; } #ecb-prototype .modal-example .number-code .success-icon .msg { display: none !important; } #ecb-prototype #step-already-verified .button-group, #ecb-prototype #step-email-already-verified .button-group { column-gap: 8px; } #ecb-prototype #step-already-verified .success-message, #ecb-prototype #step-email-already-verified .success-message { margin-left: 8px !important; } #ecb-prototype #step-already-verified .success-message svg, #ecb-prototype #step-email-already-verified .success-message svg { width: 32px; height: 32px; } #ecb-prototype #step-already-verified .success-message circle, #ecb-prototype #step-email-already-verified .success-message circle { width: 32px; height: 32px; } #ecb-prototype #step-already-verified .success-message .tick, #ecb-prototype #step-email-already-verified .success-message .tick { width: 14.5px; height: 11.5px; position: absolute; top: 10.5px; left: 8.5px; } #ecb-prototype #step-already-verified .success-message .msg, #ecb-prototype #step-email-already-verified .success-message .msg { display: none !important; } .contracts-list { align-items: flex-start; } .contracts-list .contract-actions { row-gap: 16px; flex-direction: column; } .call-to-action.finalise .cta-title { padding: 8px 16px !important; } }

@media (max-width: 350px) { #ecb-prototype .call-to-action.teal .button-group { flex-wrap: wrap; } #ecb-prototype .call-to-action.teal .button-group a { font-size: 0.875rem; width: 100%; } #ecb-prototype .modal-example .button-example .bga-btn { width: 100%; } #ecb-prototype .modal-example .resend { display: block; } #ecb-prototype .ecb-button-group, #ecb-prototype .two-button-group { flex-wrap: wrap; } #ecb-prototype .ecb-button-group a, #ecb-prototype .two-button-group a { font-size: 0.875rem; width: 100%; text-align: center; } #ecb-prototype .call-to-action.finalise .cta-title svg { display: none; } #ecb-prototype .modal-example .modal-icon-title-primary { row-gap: 8px; flex-direction: column; } }

#bga-prototype .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8500; background-color: #333333; opacity: .6; display: none; }

#bga-prototype .modal-overlay.show { display: block; }

#bga-prototype .modal-example { max-height: none; height: auto; position: fixed; top: 5rem; z-index: 9000; left: calc(50% - 320px); display: none; }

#bga-prototype .modal-example.show { display: block; }

@media (max-width: 768px) { #bga-prototype .modal-example { top: 1rem; left: 16px; width: calc(100% - 32px); max-width: none; } }

#bga-prototype.loop11-instructions .header-wrapper { display: none; }

#bga-prototype.loop11-instructions .header-wrapper.show { display: block; }

/*.bga-component.easy-read {

    .component-content {
        display: flex;
    }

    .component-image {
        background: $bga-white;
        flex-shrink: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        row-gap: 24px;
        padding: 32px 0;

        img {
            max-width: 100%;
            height: auto;
        }
    }

    .component-text {
        display: flex;
        flex-wrap: wrap;
        align-content: center; 
        padding: 32px;

        p {
            font-size: 1.2rem;
            line-height: 2;
            margin-bottom: 32px;

            &:last-child {
                margin-bottom: 0;
            }
        }

        strong {
            font-weight: 700;
            color: #DD3608;

            &.pink {
                color: #DB0084;
            }
            &.purple {
                color: #662D91;
            }
        }

        ul {
            margin: 0 0 0 64px;
            padding: 0;

            &:last-child {
                li:last-of-type {
                    margin-bottom: 0;
                }
            }
        }

        li {
            font-size: 1.2rem;
            line-height: 2;
            display: list-item;
            text-indent: -32px;
            margin-bottom: 24px;

            &::before {
                background: $bga-blue-black-dark;
                border-radius: 8px;
                content: "";
                display: inline-block;
                height: 8px;
                width: 8px;
                margin-right: 24px;
                padding: 0;
                vertical-align: middle;
            }
        }
    }

    &.in-page {
        background: $bga-blue-background-extralight;
        border: $bga-blue-border 4px solid;
        border-radius: $bga-focus-radius;

        .component-image {
            width: 25%;
        }
    }

    &.standalone {
        border-bottom: solid 2px $bga-blue-background-dark;

        &.img-border {
            img {
                border: solid 2px $bga-blue-background-dark;
                border-radius: $bga-focus-radius;
            }
        }
        .component-image {
            width: 25%;
        }
    }
}

#easy-read {

    h2 {
        margin: 48px 0 16px;
        padding: 0;
    }
    &.standalone {
        h2 {
            padding: 64px 0 0 0;
            margin: 0 0 32px 0;
        }
    }

}
.easy-read-group {
    padding-bottom: 32px;
}


.easy-read-header {
    .header-wrapper {
        background: $bga-blue-background-dark;
        position: relative;
    }

    .return-link {
        margin: 12px 0;
        color: $bga-white;
        text-decoration: underline;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        font-size: 1.2rem;
        line-height: 1.75;
    }

    .menu-trigger {
        text-align: right;
        margin-right: -32px;

        button {
            margin: 12px 0;
            padding-right: 60px !important;
            text-decoration: underline;
            display: inline-flex;
            align-items: center;
            cursor: pointer;
            background: url(../assets/icon-menu-white.svg) no-repeat;
            background-position: right 32px center;
            font-size: 1.2rem;
            line-height: 1.75;
            box-shadow: none;
            border: none;
            outline: none;

            a {
                color: $bga-white;

                &:focus-visible,
                &:hover {
                    background: none;
                }
            }
        }

        &.open {
            button {
                background: $bga-white url(../assets/icon-close-blue.svg) no-repeat;
                background-position: right 32px center;
                background-size: 28px 28px;

                a {
                    color: $bga-blue-links;
                }

                svg path {
                    fill: $bga-blue-links;
                }
            }
        }
    }

    .menu-container {
        position: relative;

        .menu-wrapper {
            display: none;

            &.show {
                display: block;
                border: $bga-blue-background-dark 2px solid;
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                background: $bga-white;
                width: 50%;
                box-shadow: 2px 2px 3px 0px rgba(51, 51, 51, 0.4);
                position: absolute;
                top: 0px;
                right: 48px;
                z-index: 8000;
            }
        }

        .utilities {
            background: $bga-blue-background-light;
        }

        ul {
            li {
                text-indent: 0;
                padding-bottom: 8px;

                &:last-of-type {
                    padding-bottom: 0;
                }

                &::before {
                    display: none;
                }
            }

            a {
                font-size: 1.2rem;
                line-height: 1.75;

                &:hover {
                    background: none;
                }
            }
        }
    }

}

.easy-read-footer {
    .footer-wrapper {
        background: $bga-blue-footer;
        position: relative;
        box-shadow: 0 50vh 0 50vh $bga-blue-footer;
    }

    .footer-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    p {
        font-size: 1.2rem;
        line-height: 1.75;
        color: $bga-white;
        font-weight: 600;
    }

    .button-example .bga-secondary-btn {
        font-size: 1.3rem;

        &.prev {
            svg {
                margin: 0 8px 0 0;
            }
        }

        &:focus-visible,
        &:focus {
            border-color: $bga-white;
            background: $bga-blue-links;
            color: $bga-white;
            border-radius: 50px;

            svg path {
                fill: $bga-white;
            }
        }

        &:hover {
            border-color: $bga-white;
            background: $bga-blue-background-dark;
            color: $bga-white;

            svg path {
                fill: $bga-white;
            }
        }

        &:active {
            border-color: $bga-white;
            background: $bga-blue-footer;
            color: $bga-white;

            svg path {
                fill: $bga-white;
            }
        }
    }

    .button-blank {
        p {
            color: $bga-blue-footer;
        }
    }
}


.inline-pathway.callout-link.easy-read {
    .icon-wrapper {
        width: 64px;
        height: 64px;
    }

    img {
        width: 40px;
    }

    .content a {
        font-size: 1.2rem;
        line-height: 1.75;
    }
}

.bga-component.relevant-support-links.easy-read {
    a {
        .link-text {
            padding: 0 24px;
        }
        .link-wrapper {
            align-items: center;
            border-left: 8px solid $bga-green-highlight-mid;
        }

        .icon-wrapper {
            background: $bga-green-highlight-light;
            border-left: none;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            flex-shrink: 0;
            padding: 48px 24px;
            flex-wrap: nowrap;

            p {
                font-size: 1.375rem;
                line-height: 2;
                flex-shrink: 0;
            }
        }

        img {
            width: 48px;
        }

        p {
            font-size: 1.1875rem;
            line-height: 2;
        }

        &:focus-visible,
        &:hover {
            background: $bga-green-highlight-light;

            .link-wrapper {
                border-left: 8px solid $bga-green-highlight-shadow;
            }

            .icon-wrapper {
                background: $bga-green-highlight-mid;
                border-left: none;
            }
        }
    }
}

@media (max-width: 992px) {
    .easy-read-header {
        .menu-container {
            .menu-wrapper.show {
                width: calc(100% - 98px);
            }
        }
    }
}


@media (max-width: 768px) {
    .easy-read-header {
        .header-wrapper {
            margin-top: 0 !important;
        }

        .menu-trigger {
            text-align: left;

            button {
                padding: 16px 40px 16px 16px !important;
                background-position: right 16px center;
            }

            &.open {
                button {
                    padding: 16px 40px 16px 16px !important;
                    background-position: right 16px center;
                }
            }

        }

        .return-link {
            padding: 16px 0 !important;
        }
    }
    .bga-component.easy-read {
        .component-text {
            padding: 24px;
            p {
                font-size: 1rem;
            }
            li {
                font-size: 1rem;
            }
        }
        .component-image {
            padding: 24px 0;
        }
    }

    .bga-component.easy-read.in-page {
        .component-image {
            width: 35%;
            padding: 16px !important;
        }
        .component-text {
            padding: 18px !important;

            ul {
                margin: 0 0 0 40px;
            }
        }
    }


    .easy-read-footer {
        p {
            font-size: 1rem;
            line-height: 1.5rem;
        }
    
        .button-example .bga-secondary-btn {
            font-size: 1rem;
            line-height: 1.5rem;
        }
    }
}

@media (max-width: 576px) {
    .easy-read-header {
        .left-wrapper, .right-wrapper {
            padding: 0 !important;
        }
    }
    .bga-component.easy-read {
        .component-image {
            align-items: flex-start;
            align-content: flex-start;
        }
        .component-text {
            align-items: flex-start;
            align-content: flex-start;
            
            p {
                margin-bottom: 16px;
            }
            ul {
                margin-left: 32px;
                li {
                    margin-bottom: 16px;
                    text-indent: -24px;

                    &:before {
                        margin-right: 16px;
                    }
                    
                }
            }
        }
    }
    .easy-read-header {
        .menu-container {
            .menu-wrapper.show {
                width: calc(100% - 32px);
                right: 16px;
            }
        }
    }

    .bga-component.relevant-support-links.easy-read {
        a {
            .icon-wrapper {
                min-width: auto;
                padding: 16px 0 16px 16px !important;
                display: flex;

                .icon {
                    background:$bga-green-highlight-light;
                    padding: 8px;
                    width: 48px;
                    height: 48px;
                    border-radius: 50px;
                    display: flex;
                    justify-content: center;
                }
                img {
                    width: 32px;
                }
                p {
                    font-size: 1rem;
                }
            }
            p {
                font-size: 1rem;
                line-height: 2;
            }
        }
    }
    .easy-read-footer {
       .footer-content {
        padding: 32px 0 !important;
       }
        .section {
            display: none;
       }
    }
}
@media (max-width: 350px) {
    .bga-component.easy-read {
        .component-image {
            display: none !important;
        }
        .component-text {
            padding: 24px 0 !important;
        }
    }

}

*/
#help-me-decide-prototype .recommendations-sidebar-wrapper { position: sticky; top: 32px; }

#help-me-decide-prototype .recommendations-sidebar .sidebar { height: auto !important; }

#help-me-decide-prototype .recommendations-sidebar .business-structure .title { background: #B3CBE8; padding: 8px 16px; }

#help-me-decide-prototype .recommendations-sidebar .business-structure .content { background: #E3ECF6; padding: 8px 16px; }

#help-me-decide-prototype .recommendations-sidebar .business-structure .chosen-structure { display: flex; align-items: flex-start; }

#help-me-decide-prototype .recommendations-sidebar .business-structure .chosen-structure svg { display: none; }

#help-me-decide-prototype .recommendations-sidebar .business-structure .chosen-structure.completed svg { display: block; flex-shrink: 0; margin-top: 6px; }

#help-me-decide-prototype .recommendations-sidebar .business-structure .chosen-structure.heartbeat-trigger svg { -webkit-animation: heartbeat 1.5s ease-in-out both; animation: heartbeat 1.5s ease-in-out both; animation-duration: 500ms; animation-iteration-count: 1; }

#help-me-decide-prototype .recommendations-sidebar .recommendations .title { background: #FFE491; padding: 8px 16px; }

#help-me-decide-prototype .recommendations-sidebar .recommendations .content { background: #FFF3CD; padding: 8px 16px 0px 16px; }

#help-me-decide-prototype .recommendations-sidebar .recommendations li { text-indent: 0; display: none; margin: 0; padding-bottom: 8px; }

#help-me-decide-prototype .recommendations-sidebar .recommendations li.show { display: flex; align-items: flex-start; }

#help-me-decide-prototype .recommendations-sidebar .recommendations li.show svg { flex-shrink: 0; margin-top: 6px; }

#help-me-decide-prototype .recommendations-sidebar .recommendations li.heartbeat-trigger svg { -webkit-animation: heartbeat 1.5s ease-in-out both; animation: heartbeat 1.5s ease-in-out both; animation-duration: 500ms; animation-iteration-count: 1; }

#help-me-decide-prototype .recommendations-sidebar .recommendations li::before { display: none; }

#help-me-decide-prototype .recommendations-sidebar .recommendations.grey .title { background: #E4E6EA; }

#help-me-decide-prototype .recommendations-sidebar .recommendations.grey .content { background: #EFF0F2; }

#help-me-decide-prototype .recommendations-sidebar.fixed { position: sticky; }

#help-me-decide-prototype .recommendations-sidebar.mobile-hide { display: none; }

#help-me-decide-prototype.business-hobby-page .recommendations-sidebar-wrapper { display: none; }

#help-me-decide-prototype .callout-business-structure { background: #E3ECF6; }

#help-me-decide-prototype .callout-business-structure .header-section { background: #C8D9EE; }

#help-me-decide-prototype .callout-business-structure p:last-of-type { margin-bottom: 0 !important; }

#help-me-decide-prototype .callout-business-structure .learn-more { background: none; border: none; padding: 0; margin: 0; font-size: 1rem; color: #2157AA; transition: transform 0.2s ease-in-out; min-height: auto !important; display: flex; align-items: center; }

#help-me-decide-prototype .callout-business-structure .learn-more:focus-visible { border: 2px solid #2E6CB9; border-radius: 4px; }

#help-me-decide-prototype .callout-business-structure .learn-more.open svg { transform: scaleY(-1); }

#help-me-decide-prototype .callout-business-structure .more-info { background: #ffffff; transition: transform 0.2s ease-in-out; }

#help-me-decide-prototype .edit-answers-component .edit-btn { text-decoration: none; }

#help-me-decide-prototype .edit-answers-component span.unanswered { background: #ffffff url("../assets/icon-warning-red.svg") no-repeat; background-position: left 8px center; border-radius: 4px; padding: 4px 8px 4px 36px; color: #C9201D; }

.hmd-reset-wrapper { background: #2E3E5A; }

.hmd-reset-wrapper a { color: #ffffff; }

@keyframes heartbeat { from { -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  10% { -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  17% { -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  33% { -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  45% { -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

#stepped-nav-inpage { background: none; }

@media (max-width: 992px) { #help-me-decide-prototype .recommendations-sidebar .business-structure span, #help-me-decide-prototype .recommendations-sidebar .business-structure li, #help-me-decide-prototype .recommendations-sidebar .business-structure p, #help-me-decide-prototype .recommendations-sidebar .recommendations span, #help-me-decide-prototype .recommendations-sidebar .recommendations li, #help-me-decide-prototype .recommendations-sidebar .recommendations p { font-size: .875rem; } #help-me-decide-prototype .recommendations-sidebar .recommendations li.show svg { margin-top: 4px; } }

@media (max-width: 767px) { #help-me-decide-prototype .recommendations-sidebar { display: none !important; } #stepped-nav-inpage { background: #EFF0F2; padding: 16px !important; margin-bottom: 0 !important; } #stepped-nav-inpage .stepped-navigation-wrapper { padding: 0 !important; } #stepped-nav-inpage .stepped-navigation { padding: 32px 0 0 0 !important; } #stepped-nav-inpage .stepped-nav-toggle { background: none; width: 100%; height: auto; text-indent: 0; display: flex; font-weight: 400; font-size: 1rem; color: #333333; justify-content: space-between; align-items: center; text-align: left; } #stepped-nav-inpage .stepped-nav-toggle strong { font-weight: 600; } #stepped-nav-inpage .stepped-nav-toggle.open svg { transform: scaleY(-1); } }

@media (max-width: 575px) { #help-me-decide-prototype .radio-flex-group { width: 100% !important; } }

@media (max-width: 349px) { #help-me-decide-prototype .radio-flex-group { flex-wrap: wrap; } #help-me-decide-prototype .radio-flex-group .w-50 { width: 100% !important; } }

#sab-prototype h6, #sab-prototype .h6, #sab-prototype h5, #sab-prototype .h5, #sab-prototype h4, #sab-prototype .h4, #sab-prototype h3, #sab-prototype .h3, #sab-prototype h2, #sab-prototype .h2, #sab-prototype h1, #sab-prototype .h1, #sab-prototype p, #sab-prototype li { color: #000000; }

#sab-prototype .bga-btn.bga-secondary-btn.non-branded { border: #000000 3px solid; }

#sab-prototype .bga-btn.bga-secondary-btn.non-branded:focus, #sab-prototype .bga-btn.bga-secondary-btn.non-branded:focus-visible, #sab-prototype .bga-btn.bga-secondary-btn.non-branded:hover { background: #000000; }

#sab-prototype #page-header { background: #7d7d7d; }

#sab-prototype #page-header .header-content { background: #C8C8C8; }

#sab-prototype .bga-site-header #header-strap .search-container button, #sab-prototype .bga-site-header #header-strap .search-container button:focus-visible, #sab-prototype .bga-site-header #header-strap .search-container button:focus, #sab-prototype .bga-site-header #header-strap .search-container button:hover { border: #000000 solid 1px; background-color: #000000; cursor: default; }

#sab-prototype .bga-site-header .nav li:focus, #sab-prototype .bga-site-header .nav li:focus-visible, #sab-prototype .bga-site-header .nav li:hover { background: none; }

#sab-prototype .bga-site-header .nav li a, #sab-prototype .bga-site-header .nav li a:focus, #sab-prototype .bga-site-header .nav li a:focus-visible, #sab-prototype .bga-site-header .nav li a:hover { color: #000000; cursor: default; background: none; }

#sab-prototype .bga-footer-example { background: #3e3e3e; }

#sab-prototype .bga-footer-example .footer-links h3, #sab-prototype .bga-footer-example .footer-links .h3 { color: #ffffff; }

#sab-prototype .bga-footer-example .social-links-wrapper .footer-social li, #sab-prototype .bga-footer-example .social-links-wrapper .footer-social li:focus, #sab-prototype .bga-footer-example .social-links-wrapper .footer-social li:focus-visible, #sab-prototype .bga-footer-example .social-links-wrapper .footer-social li:hover { background: #000000; cursor: default; }

#sab-prototype .bga-footer-example .social-links-wrapper .footer-social li svg, #sab-prototype .bga-footer-example .social-links-wrapper .footer-social li:focus svg, #sab-prototype .bga-footer-example .social-links-wrapper .footer-social li:focus-visible svg, #sab-prototype .bga-footer-example .social-links-wrapper .footer-social li:hover svg { fill: #ffffff; }

#sab-prototype .bga-footer-example .bga-btn { background: #F8F8F8; border-color: #000000; }

#sab-prototype .copyright { display: none; }

#sab-prototype #sab-menu .sab-menu-item { position: relative; }

#sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title { align-items: center; column-gap: 8px; }

#sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title h4, #sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title .h4 { display: flex; align-items: flex-start; margin: 0; padding: 0; column-gap: 8px; }

#sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title h4 span, #sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title .h4 span { display: flex; width: 32px; height: 32px; margin: 8px 0 0 0; flex-shrink: 0; border-radius: 50px; justify-content: center; align-items: center; border: #000000 solid 2px; }

#sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title h4 span:after, #sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title .h4 span:after { content: " "; position: absolute; z-index: 0; left: 15px; top: 40px; height: calc(100% - 32px); background: #000000; width: 3px; }

#sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title h4 a, #sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title .h4 a { color: #000000; padding: 8px 8px 8px 8px; display: block; width: calc(100% - 40px); background: none; }

#sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title h4 a:hover, #sab-prototype #sab-menu .sab-menu-item .sab-menu-item-title .h4 a:hover { background: none; }

#sab-prototype #sab-menu .sab-menu-item.show .sab-menu-item-title h4 a, #sab-prototype #sab-menu .sab-menu-item.show .sab-menu-item-title .h4 a { background: #D8D8D8; }

#sab-prototype #sab-menu .sab-menu-item.current h4 span, #sab-prototype #sab-menu .sab-menu-item.current .h4 span { background: #000000; color: #ffffff; }

#sab-prototype #sab-menu .sab-menu-item:last-of-type h4 span:after, #sab-prototype #sab-menu .sab-menu-item:last-of-type .h4 span:after { display: none; }

#sab-prototype #sab-menu .sab-menu-item.inactive .sab-menu-item-title h4 a, #sab-prototype #sab-menu .sab-menu-item.inactive .sab-menu-item-title .h4 a { color: #8b8b8b; cursor: default; }

#sab-prototype #sab-menu .sab-menu-item.inactive .sab-menu-item-title h4 span, #sab-prototype #sab-menu .sab-menu-item.inactive .sab-menu-item-title .h4 span { border-color: #A8A8A8; color: #8b8b8b; }

#sab-prototype #sab-menu .sab-menu-item.inactive .sab-menu-item-title h4 span:after, #sab-prototype #sab-menu .sab-menu-item.inactive .sab-menu-item-title .h4 span:after { background: #A8A8A8; }

#sab-prototype #sab-menu .sab-menu-item.inactive .sab-sub-item li a { color: #8b8b8b; cursor: default; }

#sab-prototype #sab-menu .sab-menu-item.inactive.show .sab-menu-item-title h4 a, #sab-prototype #sab-menu .sab-menu-item.inactive.show .sab-menu-item-title .h4 a { background: #E8E8E8; }

#sab-prototype #sab-menu .sab-menu-item.inactive.show .sab-sub-item { background: #E8E8E8; }

#sab-prototype .email-download-wrapper { border-top: 2px solid #000000; border-bottom: 2px solid #000000; }

#sab-prototype .email-download-wrapper .bga-btn.bga-secondary-btn.non-branded { width: 100%; }

#sab-prototype .sab-sub-item { margin: 0 0 0 40px; padding: 0 8px 8px 8px; }

#sab-prototype .sab-sub-item .submenu-toggle button { background: none; border: none; padding: 0; display: flex; column-gap: 8px; align-items: center; font-size: .875rem; font-weight: 400; color: #000000; margin: 0; }

#sab-prototype .sab-sub-item .submenu-toggle button svg { margin-top: 2px; }

#sab-prototype .sab-sub-item .sab-submenu { display: none; }

#sab-prototype .sab-sub-item ul { margin: 0; padding: 16px 0 0 0; }

#sab-prototype .sab-sub-item li { list-style-type: none; padding: 0; margin: 0 0 16px 0; text-indent: 0; }

#sab-prototype .sab-sub-item li:last-of-type { margin: 0; }

#sab-prototype .sab-sub-item li:before { display: none; }

#sab-prototype .sab-sub-item li a { color: #000000; text-decoration: underline; font-size: .875rem; line-height: 1.5; font-weight: 400; display: block; }

#sab-prototype .sab-sub-item li a:hover { background: none; }

#sab-prototype .sab-sub-item.show { background: #D8D8D8; }

#sab-prototype .sab-sub-item.show .sab-submenu { display: block; }

#sab-prototype .sab-sub-item.show .submenu-toggle svg { transform: scaleY(-1); }

#sab-prototype .sab1-tiles-wrapper { padding: 24px; background: #D8D8D8; }

#sab-prototype .sab-tile.concept1 { border: 1px solid #000000; background: #ffffff; }

#sab-prototype .sab-tile.concept1 .content { padding: 24px; }

#sab-prototype .sab-tile.concept1 .learn-more a { display: flex; column-gap: 8px; align-items: center; color: #000000; }

#sab-prototype .sab-tile.concept1 .learn-more a:hover { background: none; }

#sab-prototype .action-checklist { padding: 24px; background: #E8E8E8; }

#sab-prototype .action-checklist .dropdown-wrapper { display: flex; align-items: center; column-gap: 8px; }

#sab-prototype .action-checklist .dropdown-wrapper .form-select { padding: 4px 48px 4px 8px; min-height: auto; min-width: 250px; font-size: 1.1875rem; font-weight: 600; background-color: #D8D8D8; }

#sab-prototype .action-checklist .dropdown-wrapper .form-select:focus { background-color: #D8D8D8 !important; }

#sab-prototype .action-checklist .action-checkbox { padding: 0; }

#sab-prototype .action-checklist .action-checkbox label { font-weight: 400; background: transparent; width: 100%; padding: 8px; display: inline-flex; align-items: center; }

#sab-prototype .action-checklist .action-checkbox label::before { content: ""; display: inline-flex; height: 28px; width: 28px; margin-right: 8px; border-radius: 0; border: solid 2px #000000; background: #ffffff; cursor: default; flex-shrink: 0; }

#sab-prototype .action-checklist .action-checkbox input[type="checkbox"] { display: none; }

#sab-prototype .sab-bottom-nav { display: flex; justify-content: space-between; }

#sab-prototype .sab-bottom-nav.first-page { justify-content: flex-end; }

#sab-prototype .sab-bottom-nav a { color: #000000; display: flex; align-items: center; column-gap: 8px; }

#sab-prototype .sab-bottom-nav a:focus-visible, #sab-prototype .sab-bottom-nav a:hover { background: none; }

#sab-prototype .sab-bottom-nav a.inactive { color: #8b8b8b; }

#sab-prototype .sab-bottom-nav a.inactive svg, #sab-prototype .sab-bottom-nav a.inactive svg path { fill: #8b8b8b; }

#sab-prototype .print-download-wrapper { display: flex; column-gap: 24px; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item { background: #E8E8E8; border: none; border-left: #B8B8B8 solid 8px; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item:hover { border-bottom: none; background: #C8C8C8; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item.show { border-bottom: none; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-button { color: #333333; background: #E8E8E8; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-button .img-wrapper { background: none !important; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-button .chevron-wrapper { background: #C8C8C8; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-button:focus-visible { border-color: mediumblue; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-button:hover { background: #C8C8C8; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-button:not(.collapsed) { background: #C8C8C8; border-bottom: none; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-button:not(.collapsed):hover { background: #C8C8C8; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-body { background: #C8C8C8; padding: 0; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .accordion-body a { color: mediumblue; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile-wrapper { padding: 0 24px 24px 250px; width: 100%; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile { background: #ffffff; width: 100%; margin-bottom: 16px; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile:last-of-type { margin-bottom: 0; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile .title { padding: 16px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile .title h3, #sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile .title .h3 { margin: 0; padding: 0; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile .content { padding: 0 16px 16px 16px; display: none; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile .content a { color: #000000; text-decoration: underline; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile.show .title svg { transform: scaleY(-1); }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item .sab2-tile.show .content { display: block; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item.inactive .sab2-tile .title { cursor: default; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item.inactive .sab2-tile .title h3, #sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item.inactive .sab2-tile .title .h3 { color: #8b8b8b; }

#sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item.inactive .sab2-tile .title svg, #sab-prototype .bga-pathway-accordion.sab-concept-2 .accordion-item.inactive .sab2-tile .title svg path { fill: #8b8b8b; }

#sab-prototype .showing-header-wrapper.sab2.fixed { background: #8b8b8b; z-index: 7000; }

#sab-prototype .sab2-checklist-panel { position: fixed; background: #ffffff; width: 80%; max-width: 1000px; top: 0; left: 0; z-index: 8000; height: 100%; box-shadow: 5px 0px 4px -1px rgba(79, 79, 79, 0.75); -webkit-box-shadow: 5px 0px 4px -1px rgba(79, 79, 79, 0.75); -moz-box-shadow: 5px 0px 4px -1px rgba(79, 79, 79, 0.75); }

#sab-prototype .sab2-checklist-panel .close { text-indent: -9999px; background: transparent url(/icon-close-black.svg) no-repeat; background-size: 24px 24px; border: none; position: absolute; height: 24px; width: 24px; top: 24px; right: 24px; }

#sab-prototype .sab2-checklist-panel .sab2-checklist-wrapper { height: 100%; overflow-y: scroll; }

#sab-prototype .sab2-checklist-panel .checklist-wrapper.lightweight.sab .checklist-item.open .checklist-item-title { background: #ffffff; }

#sab-prototype .sab2-checklist-panel .checklist-sub-item .checklist-item-content { background: #ffffff; }

#sab-prototype .sab2-checklist-panel .checklist-sub-item .checklist-item-content h4, #sab-prototype .sab2-checklist-panel .checklist-sub-item .checklist-item-content .h4 { margin: 16px 0 8px; }

#sab-prototype .sab2-checklist-panel .checklist-sub-item .checklist-item-content h4:first-of-type, #sab-prototype .sab2-checklist-panel .checklist-sub-item .checklist-item-content .h4:first-of-type { margin-top: 0; }

#sab-prototype .sab2-checklist-panel .checklist-sub-item .checklist-item-content h5, #sab-prototype .sab2-checklist-panel .checklist-sub-item .checklist-item-content .h5 { margin: 0; }

#sab-prototype .sab2-checklist-panel .sab-checkbox { padding: 0; }

#sab-prototype .sab2-checklist-panel .sab-checkbox label { font-weight: 400; background: transparent; width: 100%; padding: 8px; display: inline-flex; align-items: flex-start; }

#sab-prototype .sab2-checklist-panel .sab-checkbox label::before { content: ""; display: inline-flex; height: 28px; width: 28px; margin-right: 8px; border-radius: 0; border: solid 2px #000000; background: #ffffff; cursor: default; flex-shrink: 0; }

#sab-prototype .sab2-checklist-panel .sab-checkbox input[type="checkbox"] { display: none; }

#sab-prototype .checklist-underlay { position: fixed; z-index: 7500; height: 100%; width: 100%; background: #000000; opacity: .45; }

#sab-prototype .checklist-item.inactive:after { background: #A8A8A8; }

#sab-prototype .checklist-item-title-inactive { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 24px 24px 24px; margin-left: 64px; cursor: default; }

#sab-prototype .checklist-item-title-inactive h2, #sab-prototype .checklist-item-title-inactive .h2 { margin: 0; padding: 0; font-size: 26px; color: #8b8b8b; }

#sab-prototype .checklist-item-title-inactive h2 span, #sab-prototype .checklist-item-title-inactive .h2 span { position: absolute; top: 20px; left: -64px; border-radius: 50%; height: 48px; width: 48px; text-align: center; line-height: 38px; z-index: 100; background: #ffffff; display: flex; justify-content: center; align-items: center; border: #A8A8A8 solid 3px; color: #8b8b8b; }

#sab-prototype .checklist-item-title-inactive svg, #sab-prototype .checklist-item-title-inactive svg path { fill: #8b8b8b; }

/*# sourceMappingURL=main.css.map */
/*****CUSTOM *****/

.digitalidentitycontainer { max-width: 430px; }

.digitalidentitybuttoncontainer { text-align: center; }

.digitalidentitybutton { text-align: center; display: inline-block; border: none; text-decoration: none; border-radius: 5px; font-size: 18px; color: #ffffff; background-color: #000; margin: 15px; padding: 12.5px 25px; }

.digitalidentitybutton a:hover, .digitalidentitybutton a:focus { background-color: #333; }

.digitalidentitybutton img { width: 55px; vertical-align: middle; padding-right: 7.5px; }

.digitalidentitycontent { text-align: center; line-height: 1em; }

.digitalidentitycontent p { margin: 0; padding: 25px; color: #313131; }

.calloutHeading {
    font-family: "Open Sans", sans-serif;
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
    color: rgb(51, 51, 51);
    margin-bottom: 2rem;
    letter-spacing: normal;

    @media (max-width: 576px) {
        line-height: 30px;
    }
}

.calloutBox {
    font-family: "Open Sans", sans-serif;
    background: rgb(235, 235, 235);
    height: auto;
    border-top: 4px solid rgb(235, 235, 235);
    display: block;
    padding: 2rem;
    letter-spacing: 0.0125rem;
    line-height: 1.78;

    @media (max-width: 576px) {
        padding: 1.5rem;
    }

    ul {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.78;
        letter-spacing: normal;
        text-align: left;
        list-style: none;
        text-indent: -34px;
        padding-left: 34px;
        margin-bottom: 2rem;

        li {
            font-family: "Open Sans", sans-serif;
            padding-bottom: 1rem;
            line-height: 32px;

            svg {
                width: 18px;
                height: 15px;
                margin-right: 1rem;
                object-fit: contain;
            }
        }
    }
}

.bullet-point-list {padding: 0 0 8px 0 }

.bullet-point-list li::before { content: url(/Bullet-ellipse.svg); padding: 0 16px 0 0; vertical-align: text-bottom; }

.ml-n25 {  margin-left: -25px !important; }

/* add highlight class for border for unsanitized input */
.highlight {
  border: 2px solid #C9201D !important;
}