@charset "UTF-8";
 /*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

 :root,
 .bootstrap5-wrapper [data-bs-theme=light] {
     --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-black: #000;
     --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-primary-text-emphasis: #052c65;
     --bs-secondary-text-emphasis: #2b2f32;
     --bs-success-text-emphasis: #0a3622;
     --bs-info-text-emphasis: #055160;
     --bs-warning-text-emphasis: #664d03;
     --bs-danger-text-emphasis: #58151c;
     --bs-light-text-emphasis: #495057;
     --bs-dark-text-emphasis: #495057;
     --bs-primary-bg-subtle: #cfe2ff;
     --bs-secondary-bg-subtle: #e2e3e5;
     --bs-success-bg-subtle: #d1e7dd;
     --bs-info-bg-subtle: #cff4fc;
     --bs-warning-bg-subtle: #fff3cd;
     --bs-danger-bg-subtle: #f8d7da;
     --bs-light-bg-subtle: #fcfcfd;
     --bs-dark-bg-subtle: #ced4da;
     --bs-primary-border-subtle: #9ec5fe;
     --bs-secondary-border-subtle: #c4c8cb;
     --bs-success-border-subtle: #a3cfbb;
     --bs-info-border-subtle: #9eeaf9;
     --bs-warning-border-subtle: #ffe69c;
     --bs-danger-border-subtle: #f1aeb5;
     --bs-light-border-subtle: #e9ecef;
     --bs-dark-border-subtle: #adb5bd;
     --bs-white-rgb: 255, 255, 255;
     --bs-black-rgb: 0, 0, 0;
     --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
     --bs-body-font-family: var(--bs-font-sans-serif);
     --bs-body-font-size: 1rem;
     --bs-body-font-weight: 400;
     --bs-body-line-height: 1.5;
     --bs-body-color: #212529;
     --bs-body-color-rgb: 33, 37, 41;
     --bs-body-bg: #fff;
     --bs-body-bg-rgb: 255, 255, 255;
     --bs-emphasis-color: #000;
     --bs-emphasis-color-rgb: 0, 0, 0;
     --bs-secondary-color: rgba(33, 37, 41, 0.75);
     --bs-secondary-color-rgb: 33, 37, 41;
     --bs-secondary-bg: #e9ecef;
     --bs-secondary-bg-rgb: 233, 236, 239;
     --bs-tertiary-color: rgba(33, 37, 41, 0.5);
     --bs-tertiary-color-rgb: 33, 37, 41;
     --bs-tertiary-bg: #f8f9fa;
     --bs-tertiary-bg-rgb: 248, 249, 250;
     --bs-heading-color: inherit;
     --bs-link-color: #0d6efd;
     --bs-link-color-rgb: 13, 110, 253;
     --bs-link-decoration: underline;
     --bs-link-hover-color: #0a58ca;
     --bs-link-hover-color-rgb: 10, 88, 202;
     --bs-code-color: #d63384;
     --bs-highlight-color: #212529;
     --bs-highlight-bg: #fff3cd;
     --bs-border-width: 1px;
     --bs-border-style: solid;
     --bs-border-color: #dee2e6;
     --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
     --bs-border-radius: 0.375rem;
     --bs-border-radius-sm: 0.25rem;
     --bs-border-radius-lg: 0.5rem;
     --bs-border-radius-xl: 1rem;
     --bs-border-radius-xxl: 2rem;
     --bs-border-radius-2xl: var(--bs-border-radius-xxl);
     --bs-border-radius-pill: 50rem;
     --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
     --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
     --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
     --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
     --bs-focus-ring-width: 0.25rem;
     --bs-focus-ring-opacity: 0.25;
     --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
     --bs-form-valid-color: #198754;
     --bs-form-valid-border-color: #198754;
     --bs-form-invalid-color: #dc3545;
     --bs-form-invalid-border-color: #dc3545
 }

 .bootstrap5-wrapper [data-bs-theme=dark] {
     color-scheme: dark;
     --bs-body-color: #dee2e6;
     --bs-body-color-rgb: 222, 226, 230;
     --bs-body-bg: #212529;
     --bs-body-bg-rgb: 33, 37, 41;
     --bs-emphasis-color: #fff;
     --bs-emphasis-color-rgb: 255, 255, 255;
     --bs-secondary-color: rgba(222, 226, 230, 0.75);
     --bs-secondary-color-rgb: 222, 226, 230;
     --bs-secondary-bg: #343a40;
     --bs-secondary-bg-rgb: 52, 58, 64;
     --bs-tertiary-color: rgba(222, 226, 230, 0.5);
     --bs-tertiary-color-rgb: 222, 226, 230;
     --bs-tertiary-bg: #2b3035;
     --bs-tertiary-bg-rgb: 43, 48, 53;
     --bs-primary-text-emphasis: #6ea8fe;
     --bs-secondary-text-emphasis: #a7acb1;
     --bs-success-text-emphasis: #75b798;
     --bs-info-text-emphasis: #6edff6;
     --bs-warning-text-emphasis: #ffda6a;
     --bs-danger-text-emphasis: #ea868f;
     --bs-light-text-emphasis: #f8f9fa;
     --bs-dark-text-emphasis: #dee2e6;
     --bs-primary-bg-subtle: #031633;
     --bs-secondary-bg-subtle: #161719;
     --bs-success-bg-subtle: #051b11;
     --bs-info-bg-subtle: #032830;
     --bs-warning-bg-subtle: #332701;
     --bs-danger-bg-subtle: #2c0b0e;
     --bs-light-bg-subtle: #343a40;
     --bs-dark-bg-subtle: #1a1d20;
     --bs-primary-border-subtle: #084298;
     --bs-secondary-border-subtle: #41464b;
     --bs-success-border-subtle: #0f5132;
     --bs-info-border-subtle: #087990;
     --bs-warning-border-subtle: #997404;
     --bs-danger-border-subtle: #842029;
     --bs-light-border-subtle: #495057;
     --bs-dark-border-subtle: #343a40;
     --bs-heading-color: inherit;
     --bs-link-color: #6ea8fe;
     --bs-link-hover-color: #8bb9fe;
     --bs-link-color-rgb: 110, 168, 254;
     --bs-link-hover-color-rgb: 139, 185, 254;
     --bs-code-color: #e685b5;
     --bs-highlight-color: #dee2e6;
     --bs-highlight-bg: #664d03;
     --bs-border-color: #495057;
     --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
     --bs-form-valid-color: #75b798;
     --bs-form-valid-border-color: #75b798;
     --bs-form-invalid-color: #ea868f;
     --bs-form-invalid-border-color: #ea868f
 }

 .bootstrap5-wrapper *,
 .bootstrap5-wrapper ::after,
 .bootstrap5-wrapper ::before {
     box-sizing: border-box
 }

 @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: transparent
 }

 .bootstrap5-wrapper hr {
     margin: 1rem 0;
     color: inherit;
     border: 0;
     border-top: var(--bs-border-width) solid;
     opacity: .25
 }

 .bootstrap5-wrapper .h1,
 .bootstrap5-wrapper .h2,
 .bootstrap5-wrapper .h3,
 .bootstrap5-wrapper .h4,
 .bootstrap5-wrapper .h5,
 .bootstrap5-wrapper .h6,
 .bootstrap5-wrapper h1,
 .bootstrap5-wrapper h2,
 .bootstrap5-wrapper h3,
 .bootstrap5-wrapper h4,
 .bootstrap5-wrapper h5,
 .bootstrap5-wrapper h6 {
     margin-top: 0;
     margin-bottom: .5rem;
     font-weight: 500;
     line-height: 1.2;
     color: var(--bs-heading-color)
 }

 .bootstrap5-wrapper .h1,
 .bootstrap5-wrapper h1 {
     font-size: calc(1.375rem + 1.5vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .h1,
     .bootstrap5-wrapper h1 {
         font-size: 2.5rem
     }
 }

 .bootstrap5-wrapper .h2,
 .bootstrap5-wrapper h2 {
     font-size: calc(1.325rem + .9vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .h2,
     .bootstrap5-wrapper h2 {
         font-size: 2rem
     }
 }

 .bootstrap5-wrapper .h3,
 .bootstrap5-wrapper h3 {
     font-size: calc(1.3rem + .6vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .h3,
     .bootstrap5-wrapper h3 {
         font-size: 1.75rem
     }
 }

 .bootstrap5-wrapper .h4,
 .bootstrap5-wrapper h4 {
     font-size: calc(1.275rem + .3vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .h4,
     .bootstrap5-wrapper h4 {
         font-size: 1.5rem
     }
 }

 .bootstrap5-wrapper .h5,
 .bootstrap5-wrapper h5 {
     font-size: 1.25rem
 }

 .bootstrap5-wrapper .h6,
 .bootstrap5-wrapper h6 {
     font-size: 1rem
 }

 .bootstrap5-wrapper p {
     margin-top: 0;
     margin-bottom: 1rem
 }

 .bootstrap5-wrapper abbr[title] {
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
     cursor: help;
     -webkit-text-decoration-skip-ink: none;
     text-decoration-skip-ink: none
 }

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

 .bootstrap5-wrapper ol,
 .bootstrap5-wrapper ul {
     padding-left: 2rem
 }

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

 .bootstrap5-wrapper ol ol,
 .bootstrap5-wrapper ol ul,
 .bootstrap5-wrapper ul ol,
 .bootstrap5-wrapper ul ul {
     margin-bottom: 0
 }

 .bootstrap5-wrapper dt {
     font-weight: 700
 }

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

 .bootstrap5-wrapper blockquote {
     margin: 0 0 1rem
 }

 .bootstrap5-wrapper b,
 .bootstrap5-wrapper strong {
     font-weight: bolder
 }

 .bootstrap5-wrapper .small,
 .bootstrap5-wrapper small {
     font-size: .875em
 }

 .bootstrap5-wrapper .mark,
 .bootstrap5-wrapper mark {
     padding: .1875em;
     color: var(--bs-highlight-color);
     background-color: var(--bs-highlight-bg)
 }

 .bootstrap5-wrapper sub,
 .bootstrap5-wrapper sup {
     position: relative;
     font-size: .75em;
     line-height: 0;
     vertical-align: baseline
 }

 .bootstrap5-wrapper sub {
     bottom: -.25em
 }

 .bootstrap5-wrapper sup {
     top: -.5em
 }

 .bootstrap5-wrapper a {
     color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
     text-decoration: underline
 }

 .bootstrap5-wrapper a:hover {
     --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
 }

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

 .bootstrap5-wrapper code,
 .bootstrap5-wrapper kbd,
 .bootstrap5-wrapper pre,
 .bootstrap5-wrapper samp {
     font-family: var(--bs-font-monospace);
     font-size: 1em
 }

 .bootstrap5-wrapper pre {
     display: block;
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
     font-size: .875em
 }

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

 .bootstrap5-wrapper code {
     font-size: .875em;
     color: var(--bs-code-color);
     word-wrap: break-word
 }

 .bootstrap5-wrapper a>code {
     color: inherit
 }

 .bootstrap5-wrapper kbd {
     padding: .1875rem .375rem;
     font-size: .875em;
     color: var(--bs-body-bg);
     background-color: var(--bs-body-color);
     border-radius: .25rem
 }

 .bootstrap5-wrapper kbd kbd {
     padding: 0;
     font-size: 1em
 }

 .bootstrap5-wrapper figure {
     margin: 0 0 1rem
 }

 .bootstrap5-wrapper img,
 .bootstrap5-wrapper svg {
     vertical-align: middle
 }

 .bootstrap5-wrapper table {
     caption-side: bottom;
     border-collapse: collapse
 }

 .bootstrap5-wrapper caption {
     padding-top: .5rem;
     padding-bottom: .5rem;
     color: var(--bs-secondary-color);
     text-align: left
 }

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

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

 .bootstrap5-wrapper label {
     display: inline-block
 }

 .bootstrap5-wrapper button {
     border-radius: 0
 }

 .bootstrap5-wrapper button:focus:not(:focus-visible) {
     outline: 0
 }

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

 .bootstrap5-wrapper button,
 .bootstrap5-wrapper select {
     text-transform: none
 }

 .bootstrap5-wrapper [role=button] {
     cursor: pointer
 }

 .bootstrap5-wrapper select {
     word-wrap: normal
 }

 .bootstrap5-wrapper select:disabled {
     opacity: 1
 }

 .bootstrap5-wrapper [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
     display: none !important
 }

 .bootstrap5-wrapper [type=button],
 .bootstrap5-wrapper [type=reset],
 .bootstrap5-wrapper [type=submit],
 .bootstrap5-wrapper button {
     -webkit-appearance: button
 }

 .bootstrap5-wrapper [type=button]:not(:disabled),
 .bootstrap5-wrapper [type=reset]:not(:disabled),
 .bootstrap5-wrapper [type=submit]:not(:disabled),
 .bootstrap5-wrapper button:not(:disabled) {
     cursor: pointer
 }

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

 .bootstrap5-wrapper textarea {
     resize: vertical
 }

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

 .bootstrap5-wrapper legend {
     float: left;
     width: 100%;
     padding: 0;
     margin-bottom: .5rem;
     line-height: inherit;
     font-size: calc(1.275rem + .3vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper legend {
         font-size: 1.5rem
     }
 }

 .bootstrap5-wrapper legend+* {
     clear: left
 }

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

 .bootstrap5-wrapper ::-webkit-inner-spin-button {
     height: auto
 }

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

 .bootstrap5-wrapper [type=search]::-webkit-search-cancel-button {
     cursor: pointer;
     filter: grayscale(1)
 }

 .bootstrap5-wrapper ::-webkit-search-decoration {
     -webkit-appearance: none
 }

 .bootstrap5-wrapper ::-webkit-color-swatch-wrapper {
     padding: 0
 }

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

 .bootstrap5-wrapper ::file-selector-button {
     font: inherit;
     -webkit-appearance: button
 }

 .bootstrap5-wrapper output {
     display: inline-block
 }

 .bootstrap5-wrapper iframe {
     border: 0
 }

 .bootstrap5-wrapper summary {
     display: list-item;
     cursor: pointer
 }

 .bootstrap5-wrapper progress {
     vertical-align: baseline
 }

 .bootstrap5-wrapper [hidden] {
     display: none !important
 }

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

 .bootstrap5-wrapper .display-1 {
     font-weight: 300;
     line-height: 1.2;
     font-size: calc(1.625rem + 4.5vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .display-1 {
         font-size: 5rem
     }
 }

 .bootstrap5-wrapper .display-2 {
     font-weight: 300;
     line-height: 1.2;
     font-size: calc(1.575rem + 3.9vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .display-2 {
         font-size: 4.5rem
     }
 }

 .bootstrap5-wrapper .display-3 {
     font-weight: 300;
     line-height: 1.2;
     font-size: calc(1.525rem + 3.3vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .display-3 {
         font-size: 4rem
     }
 }

 .bootstrap5-wrapper .display-4 {
     font-weight: 300;
     line-height: 1.2;
     font-size: calc(1.475rem + 2.7vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .display-4 {
         font-size: 3.5rem
     }
 }

 .bootstrap5-wrapper .display-5 {
     font-weight: 300;
     line-height: 1.2;
     font-size: calc(1.425rem + 2.1vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .display-5 {
         font-size: 3rem
     }
 }

 .bootstrap5-wrapper .display-6 {
     font-weight: 300;
     line-height: 1.2;
     font-size: calc(1.375rem + 1.5vw)
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .display-6 {
         font-size: 2.5rem
     }
 }

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

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

 .bootstrap5-wrapper .list-inline-item {
     display: inline-block
 }

 .bootstrap5-wrapper .list-inline-item:not(:last-child) {
     margin-right: .5rem
 }

 .bootstrap5-wrapper .initialism {
     font-size: .875em;
     text-transform: uppercase
 }

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

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

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

 .bootstrap5-wrapper .blockquote-footer::before {
     content: "— "
 }

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

 .bootstrap5-wrapper .img-thumbnail {
     padding: .25rem;
     background-color: var(--bs-body-bg);
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
     max-width: 100%;
     height: auto
 }

 .bootstrap5-wrapper .figure {
     display: inline-block
 }

 .bootstrap5-wrapper .figure-img {
     margin-bottom: .5rem;
     line-height: 1
 }

 .bootstrap5-wrapper .figure-caption {
     font-size: .875em;
     color: var(--bs-secondary-color)
 }

 .bootstrap5-wrapper .container,
 .bootstrap5-wrapper .container-fluid,
 .bootstrap5-wrapper .container-lg,
 .bootstrap5-wrapper .container-md,
 .bootstrap5-wrapper .container-sm,
 .bootstrap5-wrapper .container-xl,
 .bootstrap5-wrapper .container-xxl {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     width: 100%;
     padding-right: calc(var(--bs-gutter-x) * .5);
     padding-left: calc(var(--bs-gutter-x) * .5);
     margin-right: auto;
     margin-left: auto
 }

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

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

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

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

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

 :root {
     --bs-breakpoint-xs: 0;
     --bs-breakpoint-sm: 576px;
     --bs-breakpoint-md: 768px;
     --bs-breakpoint-lg: 992px;
     --bs-breakpoint-xl: 1200px;
     --bs-breakpoint-xxl: 1400px
 }

 .bootstrap5-wrapper .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: flex;
     flex-wrap: wrap;
     margin-top: calc(-1 * var(--bs-gutter-y));
     margin-right: calc(-.5 * var(--bs-gutter-x));
     margin-left: calc(-.5 * var(--bs-gutter-x))
 }

 .bootstrap5-wrapper .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)
 }

 .bootstrap5-wrapper .col {
     flex: 1 0 0
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .bootstrap5-wrapper .offset-1 {
     margin-left: 8.33333333%
 }

 .bootstrap5-wrapper .offset-2 {
     margin-left: 16.66666667%
 }

 .bootstrap5-wrapper .offset-3 {
     margin-left: 25%
 }

 .bootstrap5-wrapper .offset-4 {
     margin-left: 33.33333333%
 }

 .bootstrap5-wrapper .offset-5 {
     margin-left: 41.66666667%
 }

 .bootstrap5-wrapper .offset-6 {
     margin-left: 50%
 }

 .bootstrap5-wrapper .offset-7 {
     margin-left: 58.33333333%
 }

 .bootstrap5-wrapper .offset-8 {
     margin-left: 66.66666667%
 }

 .bootstrap5-wrapper .offset-9 {
     margin-left: 75%
 }

 .bootstrap5-wrapper .offset-10 {
     margin-left: 83.33333333%
 }

 .bootstrap5-wrapper .offset-11 {
     margin-left: 91.66666667%
 }

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

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

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

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

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

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

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

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

 .bootstrap5-wrapper .g-4,
 .bootstrap5-wrapper .gx-4 {
     --bs-gutter-x: 1.5rem
 }

 .bootstrap5-wrapper .g-4,
 .bootstrap5-wrapper .gy-4 {
     --bs-gutter-y: 1.5rem
 }

 .bootstrap5-wrapper .g-5,
 .bootstrap5-wrapper .gx-5 {
     --bs-gutter-x: 3rem
 }

 .bootstrap5-wrapper .g-5,
 .bootstrap5-wrapper .gy-5 {
     --bs-gutter-y: 3rem
 }

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

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

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

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

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

 .bootstrap5-wrapper .table {
     --bs-table-color-type: initial;
     --bs-table-bg-type: initial;
     --bs-table-color-state: initial;
     --bs-table-bg-state: initial;
     --bs-table-color: var(--bs-emphasis-color);
     --bs-table-bg: var(--bs-body-bg);
     --bs-table-border-color: var(--bs-border-color);
     --bs-table-accent-bg: transparent;
     --bs-table-striped-color: var(--bs-emphasis-color);
     --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
     --bs-table-active-color: var(--bs-emphasis-color);
     --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
     --bs-table-hover-color: var(--bs-emphasis-color);
     --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
     width: 100%;
     margin-bottom: 1rem;
     vertical-align: top;
     border-color: var(--bs-table-border-color)
 }

 .bootstrap5-wrapper .table>:not(caption)>*>* {
     padding: .5rem .5rem;
     color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
     background-color: var(--bs-table-bg);
     border-bottom-width: var(--bs-border-width);
     box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
 }

 .bootstrap5-wrapper .table>tbody {
     vertical-align: inherit
 }

 .bootstrap5-wrapper .table>thead {
     vertical-align: bottom
 }

 .bootstrap5-wrapper .table-group-divider {
     border-top: calc(var(--bs-border-width) * 2) solid currentcolor
 }

 .bootstrap5-wrapper .caption-top {
     caption-side: top
 }

 .bootstrap5-wrapper .table-sm>:not(caption)>*>* {
     padding: .25rem .25rem
 }

 .bootstrap5-wrapper .table-bordered>:not(caption)>* {
     border-width: var(--bs-border-width) 0
 }

 .bootstrap5-wrapper .table-bordered>:not(caption)>*>* {
     border-width: 0 var(--bs-border-width)
 }

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

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

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

 .bootstrap5-wrapper .table-striped-columns>:not(caption)>tr>:nth-child(2n) {
     --bs-table-color-type: var(--bs-table-striped-color);
     --bs-table-bg-type: var(--bs-table-striped-bg)
 }

 .bootstrap5-wrapper .table-active {
     --bs-table-color-state: var(--bs-table-active-color);
     --bs-table-bg-state: var(--bs-table-active-bg)
 }

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

 .bootstrap5-wrapper .table-primary {
     --bs-table-color: #000;
     --bs-table-bg: #cfe2ff;
     --bs-table-border-color: #a6b5cc;
     --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: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .bootstrap5-wrapper .table-secondary {
     --bs-table-color: #000;
     --bs-table-bg: #e2e3e5;
     --bs-table-border-color: #b5b6b7;
     --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: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .bootstrap5-wrapper .table-success {
     --bs-table-color: #000;
     --bs-table-bg: #d1e7dd;
     --bs-table-border-color: #a7b9b1;
     --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: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .bootstrap5-wrapper .table-info {
     --bs-table-color: #000;
     --bs-table-bg: #cff4fc;
     --bs-table-border-color: #a6c3ca;
     --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: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .bootstrap5-wrapper .table-warning {
     --bs-table-color: #000;
     --bs-table-bg: #fff3cd;
     --bs-table-border-color: #ccc2a4;
     --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: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .bootstrap5-wrapper .table-danger {
     --bs-table-color: #000;
     --bs-table-bg: #f8d7da;
     --bs-table-border-color: #c6acae;
     --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: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .bootstrap5-wrapper .table-light {
     --bs-table-color: #000;
     --bs-table-bg: #f8f9fa;
     --bs-table-border-color: #c6c7c8;
     --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: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .bootstrap5-wrapper .table-dark {
     --bs-table-color: #fff;
     --bs-table-bg: #212529;
     --bs-table-border-color: #4d5154;
     --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: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

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

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

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

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

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

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

 .bootstrap5-wrapper .form-label {
     margin-bottom: .5rem
 }

 .bootstrap5-wrapper .col-form-label {
     padding-top: calc(.375rem + var(--bs-border-width));
     padding-bottom: calc(.375rem + var(--bs-border-width));
     margin-bottom: 0;
     font-size: inherit;
     line-height: 1.5
 }

 .bootstrap5-wrapper .col-form-label-lg {
     padding-top: calc(.5rem + var(--bs-border-width));
     padding-bottom: calc(.5rem + var(--bs-border-width));
     font-size: 1.25rem
 }

 .bootstrap5-wrapper .col-form-label-sm {
     padding-top: calc(.25rem + var(--bs-border-width));
     padding-bottom: calc(.25rem + var(--bs-border-width));
     font-size: .875rem
 }

 .bootstrap5-wrapper .form-text {
     margin-top: .25rem;
     font-size: .875em;
     color: var(--bs-secondary-color)
 }

 .bootstrap5-wrapper .form-control {
     display: block;
     width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: var(--bs-body-color);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: var(--bs-body-bg);
     background-clip: padding-box;
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .form-control {
         transition: none
     }
 }

 .bootstrap5-wrapper .form-control[type=file] {
     overflow: hidden
 }

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

 .bootstrap5-wrapper .form-control:focus {
     color: var(--bs-body-color);
     background-color: var(--bs-body-bg);
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

 .bootstrap5-wrapper .form-control::-webkit-date-and-time-value {
     min-width: 85px;
     height: 1.5em;
     margin: 0
 }

 .bootstrap5-wrapper .form-control::-webkit-datetime-edit {
     display: block;
     padding: 0
 }

 .bootstrap5-wrapper .form-control::placeholder {
     color: var(--bs-secondary-color);
     opacity: 1
 }

 .bootstrap5-wrapper .form-control:disabled {
     background-color: var(--bs-secondary-bg);
     opacity: 1
 }

 .bootstrap5-wrapper .form-control::-webkit-file-upload-button {
     padding: .375rem .75rem;
     margin: -.375rem -.75rem;
     -webkit-margin-end: .75rem;
     margin-inline-end: .75rem;
     color: var(--bs-body-color);
     background-color: var(--bs-tertiary-bg);
     pointer-events: none;
     border-color: inherit;
     border-style: solid;
     border-width: 0;
     border-inline-end-width: var(--bs-border-width);
     border-radius: 0;
     -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .bootstrap5-wrapper .form-control::file-selector-button {
     padding: .375rem .75rem;
     margin: -.375rem -.75rem;
     -webkit-margin-end: .75rem;
     margin-inline-end: .75rem;
     color: var(--bs-body-color);
     background-color: var(--bs-tertiary-bg);
     pointer-events: none;
     border-color: inherit;
     border-style: solid;
     border-width: 0;
     border-inline-end-width: var(--bs-border-width);
     border-radius: 0;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .form-control::-webkit-file-upload-button {
         -webkit-transition: none;
         transition: none
     }
     .bootstrap5-wrapper .form-control::file-selector-button {
         transition: none
     }
 }

 .bootstrap5-wrapper .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
     background-color: var(--bs-secondary-bg)
 }

 .bootstrap5-wrapper .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
     background-color: var(--bs-secondary-bg)
 }

 .bootstrap5-wrapper .form-control-plaintext {
     display: block;
     width: 100%;
     padding: .375rem 0;
     margin-bottom: 0;
     line-height: 1.5;
     color: var(--bs-body-color);
     background-color: transparent;
     border: solid transparent;
     border-width: var(--bs-border-width) 0
 }

 .bootstrap5-wrapper .form-control-plaintext:focus {
     outline: 0
 }

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

 .bootstrap5-wrapper .form-control-sm {
     min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
     padding: .25rem .5rem;
     font-size: .875rem;
     border-radius: var(--bs-border-radius-sm)
 }

 .bootstrap5-wrapper .form-control-sm::-webkit-file-upload-button {
     padding: .25rem .5rem;
     margin: -.25rem -.5rem;
     -webkit-margin-end: .5rem;
     margin-inline-end: .5rem
 }

 .bootstrap5-wrapper .form-control-sm::file-selector-button {
     padding: .25rem .5rem;
     margin: -.25rem -.5rem;
     -webkit-margin-end: .5rem;
     margin-inline-end: .5rem
 }

 .bootstrap5-wrapper .form-control-lg {
     min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
     padding: .5rem 1rem;
     font-size: 1.25rem;
     border-radius: var(--bs-border-radius-lg)
 }

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

 .bootstrap5-wrapper .form-control-lg::file-selector-button {
     padding: .5rem 1rem;
     margin: -.5rem -1rem;
     -webkit-margin-end: 1rem;
     margin-inline-end: 1rem
 }

 .bootstrap5-wrapper textarea.form-control {
     min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
 }

 .bootstrap5-wrapper textarea.form-control-sm {
     min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
 }

 .bootstrap5-wrapper textarea.form-control-lg {
     min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
 }

 .bootstrap5-wrapper .form-control-color {
     width: 3rem;
     height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
     padding: .375rem
 }

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

 .bootstrap5-wrapper .form-control-color::-moz-color-swatch {
     border: 0 !important;
     border-radius: var(--bs-border-radius)
 }

 .bootstrap5-wrapper .form-control-color::-webkit-color-swatch {
     border: 0 !important;
     border-radius: var(--bs-border-radius)
 }

 .bootstrap5-wrapper .form-control-color.form-control-sm {
     height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
 }

 .bootstrap5-wrapper .form-control-color.form-control-lg {
     height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
 }

 .bootstrap5-wrapper .form-select {
     --bs-form-select-bg-img: 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 5 6 6 6-6'/%3e%3c/svg%3e");
     display: block;
     width: 100%;
     padding: .375rem 2.25rem .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: var(--bs-body-color);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: var(--bs-body-bg);
     background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
     background-repeat: no-repeat;
     background-position: right .75rem center;
     background-size: 16px 12px;
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

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

 .bootstrap5-wrapper .form-select:focus {
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

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

 .bootstrap5-wrapper .form-select:disabled {
     background-color: var(--bs-secondary-bg)
 }

 .bootstrap5-wrapper .form-select:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 var(--bs-body-color)
 }

 .bootstrap5-wrapper .form-select-sm {
     padding-top: .25rem;
     padding-bottom: .25rem;
     padding-left: .5rem;
     font-size: .875rem;
     border-radius: var(--bs-border-radius-sm)
 }

 .bootstrap5-wrapper .form-select-lg {
     padding-top: .5rem;
     padding-bottom: .5rem;
     padding-left: 1rem;
     font-size: 1.25rem;
     border-radius: var(--bs-border-radius-lg)
 }

 .bootstrap5-wrapper [data-bs-theme=dark] .form-select {
     --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
 }

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

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

 .bootstrap5-wrapper .form-check-reverse {
     padding-right: 1.5em;
     padding-left: 0;
     text-align: right
 }

 .bootstrap5-wrapper .form-check-reverse .form-check-input {
     float: right;
     margin-right: -1.5em;
     margin-left: 0
 }

 .bootstrap5-wrapper .form-check-input {
     --bs-form-check-bg: var(--bs-body-bg);
     flex-shrink: 0;
     width: 1em;
     height: 1em;
     margin-top: .25em;
     vertical-align: top;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: var(--bs-form-check-bg);
     background-image: var(--bs-form-check-bg-image);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     border: var(--bs-border-width) solid var(--bs-border-color);
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     print-color-adjust: exact
 }

 .bootstrap5-wrapper .form-check-input[type=checkbox] {
     border-radius: .25em
 }

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

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

 .bootstrap5-wrapper .form-check-input:focus {
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

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

 .bootstrap5-wrapper .form-check-input:checked[type=checkbox] {
     --bs-form-check-bg-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 10 3 3 6-6'/%3e%3c/svg%3e")
 }

 .bootstrap5-wrapper .form-check-input:checked[type=radio] {
     --bs-form-check-bg-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")
 }

 .bootstrap5-wrapper .form-check-input[type=checkbox]:indeterminate {
     background-color: #0d6efd;
     border-color: #0d6efd;
     --bs-form-check-bg-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")
 }

 .bootstrap5-wrapper .form-check-input:disabled {
     pointer-events: none;
     filter: none;
     opacity: .5
 }

 .bootstrap5-wrapper .form-check-input:disabled~.form-check-label,
 .bootstrap5-wrapper .form-check-input[disabled]~.form-check-label {
     cursor: default;
     opacity: .5
 }

 .bootstrap5-wrapper .form-switch {
     padding-left: 2.5em
 }

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

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

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

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

 .bootstrap5-wrapper .form-switch.form-check-reverse {
     padding-right: 2.5em;
     padding-left: 0
 }

 .bootstrap5-wrapper .form-switch.form-check-reverse .form-check-input {
     margin-right: -2.5em;
     margin-left: 0
 }

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

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

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

 .bootstrap5-wrapper [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
     --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
 }

 .bootstrap5-wrapper .form-range {
     width: 100%;
     height: 1.5rem;
     padding: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: transparent
 }

 .bootstrap5-wrapper .form-range:focus {
     outline: 0
 }

 .bootstrap5-wrapper .form-range:focus::-webkit-slider-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

 .bootstrap5-wrapper .form-range:focus::-moz-range-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

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

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

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

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

 .bootstrap5-wrapper .form-range::-webkit-slider-runnable-track {
     width: 100%;
     height: .5rem;
     color: transparent;
     cursor: pointer;
     background-color: var(--bs-secondary-bg);
     border-color: transparent;
     border-radius: 1rem
 }

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

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

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

 .bootstrap5-wrapper .form-range::-moz-range-track {
     width: 100%;
     height: .5rem;
     color: transparent;
     cursor: pointer;
     background-color: var(--bs-secondary-bg);
     border-color: transparent;
     border-radius: 1rem
 }

 .bootstrap5-wrapper .form-range:disabled {
     pointer-events: none
 }

 .bootstrap5-wrapper .form-range:disabled::-webkit-slider-thumb {
     background-color: var(--bs-secondary-color)
 }

 .bootstrap5-wrapper .form-range:disabled::-moz-range-thumb {
     background-color: var(--bs-secondary-color)
 }

 .bootstrap5-wrapper .form-floating {
     position: relative
 }

 .bootstrap5-wrapper .form-floating>.form-control,
 .bootstrap5-wrapper .form-floating>.form-control-plaintext,
 .bootstrap5-wrapper .form-floating>.form-select {
     height: calc(3.5rem + calc(var(--bs-border-width) * 2));
     min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
     line-height: 1.25
 }

 .bootstrap5-wrapper .form-floating>label {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     max-width: 100%;
     height: 100%;
     padding: 1rem .75rem;
     overflow: hidden;
     color: rgba(var(--bs-body-color-rgb), .65);
     text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;
     pointer-events: none;
     border: var(--bs-border-width) solid transparent;
     transform-origin: 0 0;
     transition: opacity .1s ease-in-out, transform .1s ease-in-out
 }

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

 .bootstrap5-wrapper .form-floating>.form-control,
 .bootstrap5-wrapper .form-floating>.form-control-plaintext {
     padding: 1rem .75rem
 }

 .bootstrap5-wrapper .form-floating>.form-control-plaintext::placeholder,
 .bootstrap5-wrapper .form-floating>.form-control::placeholder {
     color: transparent
 }

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

 .bootstrap5-wrapper .form-floating>.form-control-plaintext:-webkit-autofill,
 .bootstrap5-wrapper .form-floating>.form-control:-webkit-autofill {
     padding-top: 1.625rem;
     padding-bottom: .625rem
 }

 .bootstrap5-wrapper .form-floating>.form-select {
     padding-top: 1.625rem;
     padding-bottom: .625rem;
     padding-left: .75rem
 }

 .bootstrap5-wrapper .form-floating>.form-control-plaintext~label,
 .bootstrap5-wrapper .form-floating>.form-control:focus~label,
 .bootstrap5-wrapper .form-floating>.form-control:not(:placeholder-shown)~label,
 .bootstrap5-wrapper .form-floating>.form-select~label {
     transform: scale(.85) translateY(-.5rem) translateX(.15rem)
 }

 .bootstrap5-wrapper .form-floating>.form-control:-webkit-autofill~label {
     transform: scale(.85) translateY(-.5rem) translateX(.15rem)
 }

 .bootstrap5-wrapper .form-floating>textarea:focus~label::after,
 .bootstrap5-wrapper .form-floating>textarea:not(:placeholder-shown)~label::after {
     position: absolute;
     inset: 1rem 0.375rem;
     z-index: -1;
     height: 1.5em;
     content: "";
     background-color: var(--bs-body-bg);
     border-radius: var(--bs-border-radius)
 }

 .bootstrap5-wrapper .form-floating>textarea:disabled~label::after {
     background-color: var(--bs-secondary-bg)
 }

 .bootstrap5-wrapper .form-floating>.form-control-plaintext~label {
     border-width: var(--bs-border-width) 0
 }

 .bootstrap5-wrapper .form-floating>.form-control:disabled~label,
 .bootstrap5-wrapper .form-floating>:disabled~label {
     color: #6c757d
 }

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

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

 .bootstrap5-wrapper .input-group>.form-control:focus,
 .bootstrap5-wrapper .input-group>.form-floating:focus-within,
 .bootstrap5-wrapper .input-group>.form-select:focus {
     z-index: 5
 }

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

 .bootstrap5-wrapper .input-group .btn:focus {
     z-index: 5
 }

 .bootstrap5-wrapper .input-group-text {
     display: flex;
     align-items: center;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: var(--bs-body-color);
     text-align: center;
     white-space: nowrap;
     background-color: var(--bs-tertiary-bg);
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius)
 }

 .bootstrap5-wrapper .input-group-lg>.btn,
 .bootstrap5-wrapper .input-group-lg>.form-control,
 .bootstrap5-wrapper .input-group-lg>.form-select,
 .bootstrap5-wrapper .input-group-lg>.input-group-text {
     padding: .5rem 1rem;
     font-size: 1.25rem;
     border-radius: var(--bs-border-radius-lg)
 }

 .bootstrap5-wrapper .input-group-sm>.btn,
 .bootstrap5-wrapper .input-group-sm>.form-control,
 .bootstrap5-wrapper .input-group-sm>.form-select,
 .bootstrap5-wrapper .input-group-sm>.input-group-text {
     padding: .25rem .5rem;
     font-size: .875rem;
     border-radius: var(--bs-border-radius-sm)
 }

 .bootstrap5-wrapper .input-group-lg>.form-select,
 .bootstrap5-wrapper .input-group-sm>.form-select {
     padding-right: 3rem
 }

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

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

 .bootstrap5-wrapper .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
     margin-left: calc(-1 * var(--bs-border-width));
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .bootstrap5-wrapper .input-group>.form-floating:not(:first-child)>.form-control,
 .bootstrap5-wrapper .input-group>.form-floating:not(:first-child)>.form-select {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .bootstrap5-wrapper .valid-feedback {
     display: none;
     width: 100%;
     margin-top: .25rem;
     font-size: .875em;
     color: var(--bs-form-valid-color)
 }

 .bootstrap5-wrapper .valid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: .25rem .5rem;
     margin-top: .1rem;
     font-size: .875rem;
     color: #fff;
     background-color: var(--bs-success);
     border-radius: var(--bs-border-radius)
 }

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

 .bootstrap5-wrapper .form-control.is-valid,
 .bootstrap5-wrapper .was-validated .form-control:valid {
     border-color: var(--bs-form-valid-border-color);
     padding-right: calc(1.5em + .75rem);
     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.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right calc(.375em + .1875rem) center;
     background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .bootstrap5-wrapper .form-control.is-valid:focus,
 .bootstrap5-wrapper .was-validated .form-control:valid:focus {
     border-color: var(--bs-form-valid-border-color);
     box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
 }

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

 .bootstrap5-wrapper .form-select.is-valid,
 .bootstrap5-wrapper .was-validated .form-select:valid {
     border-color: var(--bs-form-valid-border-color)
 }

 .bootstrap5-wrapper .form-select.is-valid:not([multiple]):not([size]),
 .bootstrap5-wrapper .form-select.is-valid:not([multiple])[size="1"],
 .bootstrap5-wrapper .was-validated .form-select:valid:not([multiple]):not([size]),
 .bootstrap5-wrapper .was-validated .form-select:valid:not([multiple])[size="1"] {
     --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
     padding-right: 4.125rem;
     background-position: right .75rem center, center right 2.25rem;
     background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .bootstrap5-wrapper .form-select.is-valid:focus,
 .bootstrap5-wrapper .was-validated .form-select:valid:focus {
     border-color: var(--bs-form-valid-border-color);
     box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
 }

 .bootstrap5-wrapper .form-control-color.is-valid,
 .bootstrap5-wrapper .was-validated .form-control-color:valid {
     width: calc(3rem + calc(1.5em + .75rem))
 }

 .bootstrap5-wrapper .form-check-input.is-valid,
 .bootstrap5-wrapper .was-validated .form-check-input:valid {
     border-color: var(--bs-form-valid-border-color)
 }

 .bootstrap5-wrapper .form-check-input.is-valid:checked,
 .bootstrap5-wrapper .was-validated .form-check-input:valid:checked {
     background-color: var(--bs-form-valid-color)
 }

 .bootstrap5-wrapper .form-check-input.is-valid:focus,
 .bootstrap5-wrapper .was-validated .form-check-input:valid:focus {
     box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
 }

 .bootstrap5-wrapper .form-check-input.is-valid~.form-check-label,
 .bootstrap5-wrapper .was-validated .form-check-input:valid~.form-check-label {
     color: var(--bs-form-valid-color)
 }

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

 .bootstrap5-wrapper .input-group>.form-control:not(:focus).is-valid,
 .bootstrap5-wrapper .input-group>.form-floating:not(:focus-within).is-valid,
 .bootstrap5-wrapper .input-group>.form-select:not(:focus).is-valid,
 .bootstrap5-wrapper .was-validated .input-group>.form-control:not(:focus):valid,
 .bootstrap5-wrapper .was-validated .input-group>.form-floating:not(:focus-within):valid,
 .bootstrap5-wrapper .was-validated .input-group>.form-select:not(:focus):valid {
     z-index: 3
 }

 .bootstrap5-wrapper .invalid-feedback {
     display: none;
     width: 100%;
     margin-top: .25rem;
     font-size: .875em;
     color: var(--bs-form-invalid-color)
 }

 .bootstrap5-wrapper .invalid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: .25rem .5rem;
     margin-top: .1rem;
     font-size: .875rem;
     color: #fff;
     background-color: var(--bs-danger);
     border-radius: var(--bs-border-radius)
 }

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

 .bootstrap5-wrapper .form-control.is-invalid,
 .bootstrap5-wrapper .was-validated .form-control:invalid {
     border-color: var(--bs-form-invalid-border-color);
     padding-right: calc(1.5em + .75rem);
     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(.375em + .1875rem) center;
     background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .bootstrap5-wrapper .form-control.is-invalid:focus,
 .bootstrap5-wrapper .was-validated .form-control:invalid:focus {
     border-color: var(--bs-form-invalid-border-color);
     box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
 }

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

 .bootstrap5-wrapper .form-select.is-invalid,
 .bootstrap5-wrapper .was-validated .form-select:invalid {
     border-color: var(--bs-form-invalid-border-color)
 }

 .bootstrap5-wrapper .form-select.is-invalid:not([multiple]):not([size]),
 .bootstrap5-wrapper .form-select.is-invalid:not([multiple])[size="1"],
 .bootstrap5-wrapper .was-validated .form-select:invalid:not([multiple]):not([size]),
 .bootstrap5-wrapper .was-validated .form-select:invalid:not([multiple])[size="1"] {
     --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%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");
     padding-right: 4.125rem;
     background-position: right .75rem center, center right 2.25rem;
     background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .bootstrap5-wrapper .form-select.is-invalid:focus,
 .bootstrap5-wrapper .was-validated .form-select:invalid:focus {
     border-color: var(--bs-form-invalid-border-color);
     box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
 }

 .bootstrap5-wrapper .form-control-color.is-invalid,
 .bootstrap5-wrapper .was-validated .form-control-color:invalid {
     width: calc(3rem + calc(1.5em + .75rem))
 }

 .bootstrap5-wrapper .form-check-input.is-invalid,
 .bootstrap5-wrapper .was-validated .form-check-input:invalid {
     border-color: var(--bs-form-invalid-border-color)
 }

 .bootstrap5-wrapper .form-check-input.is-invalid:checked,
 .bootstrap5-wrapper .was-validated .form-check-input:invalid:checked {
     background-color: var(--bs-form-invalid-color)
 }

 .bootstrap5-wrapper .form-check-input.is-invalid:focus,
 .bootstrap5-wrapper .was-validated .form-check-input:invalid:focus {
     box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
 }

 .bootstrap5-wrapper .form-check-input.is-invalid~.form-check-label,
 .bootstrap5-wrapper .was-validated .form-check-input:invalid~.form-check-label {
     color: var(--bs-form-invalid-color)
 }

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

 .bootstrap5-wrapper .input-group>.form-control:not(:focus).is-invalid,
 .bootstrap5-wrapper .input-group>.form-floating:not(:focus-within).is-invalid,
 .bootstrap5-wrapper .input-group>.form-select:not(:focus).is-invalid,
 .bootstrap5-wrapper .was-validated .input-group>.form-control:not(:focus):invalid,
 .bootstrap5-wrapper .was-validated .input-group>.form-floating:not(:focus-within):invalid,
 .bootstrap5-wrapper .was-validated .input-group>.form-select:not(:focus):invalid {
     z-index: 4
 }

 .bootstrap5-wrapper .btn {
     --bs-btn-padding-x: 0.75rem;
     --bs-btn-padding-y: 0.375rem;
     --bs-btn-font-family: ;
     --bs-btn-font-size: 1rem;
     --bs-btn-font-weight: 400;
     --bs-btn-line-height: 1.5;
     --bs-btn-color: var(--bs-body-color);
     --bs-btn-bg: transparent;
     --bs-btn-border-width: var(--bs-border-width);
     --bs-btn-border-color: transparent;
     --bs-btn-border-radius: var(--bs-border-radius);
     --bs-btn-hover-border-color: transparent;
     --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
     --bs-btn-disabled-opacity: 0.65;
     --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
     display: inline-block;
     padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
     font-family: var(--bs-btn-font-family);
     font-size: var(--bs-btn-font-size);
     font-weight: var(--bs-btn-font-weight);
     line-height: var(--bs-btn-line-height);
     color: var(--bs-btn-color);
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
     border-radius: var(--bs-btn-border-radius);
     background-color: var(--bs-btn-bg);
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .btn {
         transition: none
     }
 }

 .bootstrap5-wrapper .btn:hover {
     color: var(--bs-btn-hover-color);
     background-color: var(--bs-btn-hover-bg);
     border-color: var(--bs-btn-hover-border-color)
 }

 .bootstrap5-wrapper .btn-check+.btn:hover {
     color: var(--bs-btn-color);
     background-color: var(--bs-btn-bg);
     border-color: var(--bs-btn-border-color)
 }

 .bootstrap5-wrapper .btn:focus-visible {
     color: var(--bs-btn-hover-color);
     background-color: var(--bs-btn-hover-bg);
     border-color: var(--bs-btn-hover-border-color);
     outline: 0;
     box-shadow: var(--bs-btn-focus-box-shadow)
 }

 .bootstrap5-wrapper .btn-check:focus-visible+.btn {
     border-color: var(--bs-btn-hover-border-color);
     outline: 0;
     box-shadow: var(--bs-btn-focus-box-shadow)
 }

 .bootstrap5-wrapper .btn-check:checked+.btn,
 .bootstrap5-wrapper .btn.active,
 .bootstrap5-wrapper .btn.show,
 .bootstrap5-wrapper .btn:first-child:active,
 .bootstrap5-wrapper :not(.btn-check)+.btn:active {
     color: var(--bs-btn-active-color);
     background-color: var(--bs-btn-active-bg);
     border-color: var(--bs-btn-active-border-color)
 }

 .bootstrap5-wrapper .btn-check:checked+.btn:focus-visible,
 .bootstrap5-wrapper .btn.active:focus-visible,
 .bootstrap5-wrapper .btn.show:focus-visible,
 .bootstrap5-wrapper .btn:first-child:active:focus-visible,
 .bootstrap5-wrapper :not(.btn-check)+.btn:active:focus-visible {
     box-shadow: var(--bs-btn-focus-box-shadow)
 }

 .bootstrap5-wrapper .btn-check:checked:focus-visible+.btn {
     box-shadow: var(--bs-btn-focus-box-shadow)
 }

 .bootstrap5-wrapper .btn.disabled,
 .bootstrap5-wrapper .btn:disabled,
 .bootstrap5-wrapper fieldset:disabled .btn {
     color: var(--bs-btn-disabled-color);
     pointer-events: none;
     background-color: var(--bs-btn-disabled-bg);
     border-color: var(--bs-btn-disabled-border-color);
     opacity: var(--bs-btn-disabled-opacity)
 }

 .bootstrap5-wrapper .btn-primary {
     --bs-btn-color: #fff;
     --bs-btn-bg: #0d6efd;
     --bs-btn-border-color: #0d6efd;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #0b5ed7;
     --bs-btn-hover-border-color: #0a58ca;
     --bs-btn-focus-shadow-rgb: 49, 132, 253;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #0a58ca;
     --bs-btn-active-border-color: #0a53be;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #0d6efd;
     --bs-btn-disabled-border-color: #0d6efd
 }

 .bootstrap5-wrapper .btn-secondary {
     --bs-btn-color: #fff;
     --bs-btn-bg: #6c757d;
     --bs-btn-border-color: #6c757d;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #5c636a;
     --bs-btn-hover-border-color: #565e64;
     --bs-btn-focus-shadow-rgb: 130, 138, 145;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #565e64;
     --bs-btn-active-border-color: #51585e;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #6c757d;
     --bs-btn-disabled-border-color: #6c757d
 }

 .bootstrap5-wrapper .btn-success {
     --bs-btn-color: #fff;
     --bs-btn-bg: #198754;
     --bs-btn-border-color: #198754;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #157347;
     --bs-btn-hover-border-color: #146c43;
     --bs-btn-focus-shadow-rgb: 60, 153, 110;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #146c43;
     --bs-btn-active-border-color: #13653f;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #198754;
     --bs-btn-disabled-border-color: #198754
 }

 .bootstrap5-wrapper .btn-info {
     --bs-btn-color: #000;
     --bs-btn-bg: #0dcaf0;
     --bs-btn-border-color: #0dcaf0;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #31d2f2;
     --bs-btn-hover-border-color: #25cff2;
     --bs-btn-focus-shadow-rgb: 11, 172, 204;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #3dd5f3;
     --bs-btn-active-border-color: #25cff2;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #000;
     --bs-btn-disabled-bg: #0dcaf0;
     --bs-btn-disabled-border-color: #0dcaf0
 }

 .bootstrap5-wrapper .btn-warning {
     --bs-btn-color: #000;
     --bs-btn-bg: #ffc107;
     --bs-btn-border-color: #ffc107;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #ffca2c;
     --bs-btn-hover-border-color: #ffc720;
     --bs-btn-focus-shadow-rgb: 217, 164, 6;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #ffcd39;
     --bs-btn-active-border-color: #ffc720;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #000;
     --bs-btn-disabled-bg: #ffc107;
     --bs-btn-disabled-border-color: #ffc107
 }

 .bootstrap5-wrapper .btn-danger {
     --bs-btn-color: #fff;
     --bs-btn-bg: #dc3545;
     --bs-btn-border-color: #dc3545;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #bb2d3b;
     --bs-btn-hover-border-color: #b02a37;
     --bs-btn-focus-shadow-rgb: 225, 83, 97;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #b02a37;
     --bs-btn-active-border-color: #a52834;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #dc3545;
     --bs-btn-disabled-border-color: #dc3545
 }

 .bootstrap5-wrapper .btn-light {
     --bs-btn-color: #000;
     --bs-btn-bg: #f8f9fa;
     --bs-btn-border-color: #f8f9fa;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #d3d4d5;
     --bs-btn-hover-border-color: #c6c7c8;
     --bs-btn-focus-shadow-rgb: 211, 212, 213;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #c6c7c8;
     --bs-btn-active-border-color: #babbbc;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #000;
     --bs-btn-disabled-bg: #f8f9fa;
     --bs-btn-disabled-border-color: #f8f9fa
 }

 .bootstrap5-wrapper .btn-dark {
     --bs-btn-color: #fff;
     --bs-btn-bg: #212529;
     --bs-btn-border-color: #212529;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #424649;
     --bs-btn-hover-border-color: #373b3e;
     --bs-btn-focus-shadow-rgb: 66, 70, 73;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #4d5154;
     --bs-btn-active-border-color: #373b3e;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #212529;
     --bs-btn-disabled-border-color: #212529
 }

 .bootstrap5-wrapper .btn-outline-primary {
     --bs-btn-color: #0d6efd;
     --bs-btn-border-color: #0d6efd;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #0d6efd;
     --bs-btn-hover-border-color: #0d6efd;
     --bs-btn-focus-shadow-rgb: 13, 110, 253;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #0d6efd;
     --bs-btn-active-border-color: #0d6efd;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #0d6efd;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #0d6efd;
     --bs-gradient: none
 }

 .bootstrap5-wrapper .btn-outline-secondary {
     --bs-btn-color: #6c757d;
     --bs-btn-border-color: #6c757d;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #6c757d;
     --bs-btn-hover-border-color: #6c757d;
     --bs-btn-focus-shadow-rgb: 108, 117, 125;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #6c757d;
     --bs-btn-active-border-color: #6c757d;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #6c757d;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #6c757d;
     --bs-gradient: none
 }

 .bootstrap5-wrapper .btn-outline-success {
     --bs-btn-color: #198754;
     --bs-btn-border-color: #198754;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #198754;
     --bs-btn-hover-border-color: #198754;
     --bs-btn-focus-shadow-rgb: 25, 135, 84;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #198754;
     --bs-btn-active-border-color: #198754;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #198754;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #198754;
     --bs-gradient: none
 }

 .bootstrap5-wrapper .btn-outline-info {
     --bs-btn-color: #0dcaf0;
     --bs-btn-border-color: #0dcaf0;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #0dcaf0;
     --bs-btn-hover-border-color: #0dcaf0;
     --bs-btn-focus-shadow-rgb: 13, 202, 240;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #0dcaf0;
     --bs-btn-active-border-color: #0dcaf0;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #0dcaf0;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #0dcaf0;
     --bs-gradient: none
 }

 .bootstrap5-wrapper .btn-outline-warning {
     --bs-btn-color: #ffc107;
     --bs-btn-border-color: #ffc107;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #ffc107;
     --bs-btn-hover-border-color: #ffc107;
     --bs-btn-focus-shadow-rgb: 255, 193, 7;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #ffc107;
     --bs-btn-active-border-color: #ffc107;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #ffc107;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #ffc107;
     --bs-gradient: none
 }

 .bootstrap5-wrapper .btn-outline-danger {
     --bs-btn-color: #dc3545;
     --bs-btn-border-color: #dc3545;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #dc3545;
     --bs-btn-hover-border-color: #dc3545;
     --bs-btn-focus-shadow-rgb: 220, 53, 69;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #dc3545;
     --bs-btn-active-border-color: #dc3545;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #dc3545;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #dc3545;
     --bs-gradient: none
 }

 .bootstrap5-wrapper .btn-outline-light {
     --bs-btn-color: #f8f9fa;
     --bs-btn-border-color: #f8f9fa;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #f8f9fa;
     --bs-btn-hover-border-color: #f8f9fa;
     --bs-btn-focus-shadow-rgb: 248, 249, 250;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #f8f9fa;
     --bs-btn-active-border-color: #f8f9fa;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #f8f9fa;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #f8f9fa;
     --bs-gradient: none
 }

 .bootstrap5-wrapper .btn-outline-dark {
     --bs-btn-color: #212529;
     --bs-btn-border-color: #212529;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #212529;
     --bs-btn-hover-border-color: #212529;
     --bs-btn-focus-shadow-rgb: 33, 37, 41;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #212529;
     --bs-btn-active-border-color: #212529;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #212529;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #212529;
     --bs-gradient: none
 }

 .bootstrap5-wrapper .btn-link {
     --bs-btn-font-weight: 400;
     --bs-btn-color: var(--bs-link-color);
     --bs-btn-bg: transparent;
     --bs-btn-border-color: transparent;
     --bs-btn-hover-color: var(--bs-link-hover-color);
     --bs-btn-hover-border-color: transparent;
     --bs-btn-active-color: var(--bs-link-hover-color);
     --bs-btn-active-border-color: transparent;
     --bs-btn-disabled-color: #6c757d;
     --bs-btn-disabled-border-color: transparent;
     --bs-btn-box-shadow: 0 0 0 #000;
     --bs-btn-focus-shadow-rgb: 49, 132, 253;
     text-decoration: underline
 }

 .bootstrap5-wrapper .btn-link:focus-visible {
     color: var(--bs-btn-color)
 }

 .bootstrap5-wrapper .btn-link:hover {
     color: var(--bs-btn-hover-color)
 }

 .bootstrap5-wrapper .btn-group-lg>.btn,
 .bootstrap5-wrapper .btn-lg {
     --bs-btn-padding-y: 0.5rem;
     --bs-btn-padding-x: 1rem;
     --bs-btn-font-size: 1.25rem;
     --bs-btn-border-radius: var(--bs-border-radius-lg)
 }

 .bootstrap5-wrapper .btn-group-sm>.btn,
 .bootstrap5-wrapper .btn-sm {
     --bs-btn-padding-y: 0.25rem;
     --bs-btn-padding-x: 0.5rem;
     --bs-btn-font-size: 0.875rem;
     --bs-btn-border-radius: var(--bs-border-radius-sm)
 }

 .bootstrap5-wrapper .fade {
     transition: opacity .15s linear
 }

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .fade {
         transition: none
     }
 }

 .bootstrap5-wrapper .fade:not(.show) {
     opacity: 0
 }

 .bootstrap5-wrapper .collapse:not(.show) {
     display: none
 }

 .bootstrap5-wrapper .collapsing {
     height: 0;
     overflow: hidden;
     transition: height .35s ease
 }

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

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

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

 .bootstrap5-wrapper .dropdown,
 .bootstrap5-wrapper .dropdown-center,
 .bootstrap5-wrapper .dropend,
 .bootstrap5-wrapper .dropstart,
 .bootstrap5-wrapper .dropup,
 .bootstrap5-wrapper .dropup-center {
     position: relative
 }

 .bootstrap5-wrapper .dropdown-toggle {
     white-space: nowrap
 }

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

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

 .bootstrap5-wrapper .dropdown-menu {
     --bs-dropdown-zindex: 1000;
     --bs-dropdown-min-width: 10rem;
     --bs-dropdown-padding-x: 0;
     --bs-dropdown-padding-y: 0.5rem;
     --bs-dropdown-spacer: 0.125rem;
     --bs-dropdown-font-size: 1rem;
     --bs-dropdown-color: var(--bs-body-color);
     --bs-dropdown-bg: var(--bs-body-bg);
     --bs-dropdown-border-color: var(--bs-border-color-translucent);
     --bs-dropdown-border-radius: var(--bs-border-radius);
     --bs-dropdown-border-width: var(--bs-border-width);
     --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
     --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
     --bs-dropdown-divider-margin-y: 0.5rem;
     --bs-dropdown-box-shadow: var(--bs-box-shadow);
     --bs-dropdown-link-color: var(--bs-body-color);
     --bs-dropdown-link-hover-color: var(--bs-body-color);
     --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
     --bs-dropdown-link-active-color: #fff;
     --bs-dropdown-link-active-bg: #0d6efd;
     --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
     --bs-dropdown-item-padding-x: 1rem;
     --bs-dropdown-item-padding-y: 0.25rem;
     --bs-dropdown-header-color: #6c757d;
     --bs-dropdown-header-padding-x: 1rem;
     --bs-dropdown-header-padding-y: 0.5rem;
     position: absolute;
     z-index: var(--bs-dropdown-zindex);
     display: none;
     min-width: var(--bs-dropdown-min-width);
     padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
     margin: 0;
     font-size: var(--bs-dropdown-font-size);
     color: var(--bs-dropdown-color);
     text-align: left;
     list-style: none;
     background-color: var(--bs-dropdown-bg);
     background-clip: padding-box;
     border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
     border-radius: var(--bs-dropdown-border-radius)
 }

 .bootstrap5-wrapper .dropdown-menu[data-bs-popper] {
     top: 100%;
     left: 0;
     margin-top: var(--bs-dropdown-spacer)
 }

 .bootstrap5-wrapper .dropdown-menu-start {
     --bs-position: start
 }

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

 .bootstrap5-wrapper .dropdown-menu-end {
     --bs-position: end
 }

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

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

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

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

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

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

 .bootstrap5-wrapper .dropup .dropdown-menu[data-bs-popper] {
     top: auto;
     bottom: 100%;
     margin-top: 0;
     margin-bottom: var(--bs-dropdown-spacer)
 }

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

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

 .bootstrap5-wrapper .dropend .dropdown-menu[data-bs-popper] {
     top: 0;
     right: auto;
     left: 100%;
     margin-top: 0;
     margin-left: var(--bs-dropdown-spacer)
 }

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

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

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

 .bootstrap5-wrapper .dropstart .dropdown-menu[data-bs-popper] {
     top: 0;
     right: 100%;
     left: auto;
     margin-top: 0;
     margin-right: var(--bs-dropdown-spacer)
 }

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

 .bootstrap5-wrapper .dropstart .dropdown-toggle::after {
     display: none
 }

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

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

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

 .bootstrap5-wrapper .dropdown-divider {
     height: 0;
     margin: var(--bs-dropdown-divider-margin-y) 0;
     overflow: hidden;
     border-top: 1px solid var(--bs-dropdown-divider-bg);
     opacity: 1
 }

 .bootstrap5-wrapper .dropdown-item {
     display: block;
     width: 100%;
     padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
     clear: both;
     font-weight: 400;
     color: var(--bs-dropdown-link-color);
     text-align: inherit;
     text-decoration: none;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
     border-radius: var(--bs-dropdown-item-border-radius, 0)
 }

 .bootstrap5-wrapper .dropdown-item:focus,
 .bootstrap5-wrapper .dropdown-item:hover {
     color: var(--bs-dropdown-link-hover-color);
     background-color: var(--bs-dropdown-link-hover-bg)
 }

 .bootstrap5-wrapper .dropdown-item.active,
 .bootstrap5-wrapper .dropdown-item:active {
     color: var(--bs-dropdown-link-active-color);
     text-decoration: none;
     background-color: var(--bs-dropdown-link-active-bg)
 }

 .bootstrap5-wrapper .dropdown-item.disabled,
 .bootstrap5-wrapper .dropdown-item:disabled {
     color: var(--bs-dropdown-link-disabled-color);
     pointer-events: none;
     background-color: transparent
 }

 .bootstrap5-wrapper .dropdown-menu.show {
     display: block
 }

 .bootstrap5-wrapper .dropdown-header {
     display: block;
     padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
     margin-bottom: 0;
     font-size: .875rem;
     color: var(--bs-dropdown-header-color);
     white-space: nowrap
 }

 .bootstrap5-wrapper .dropdown-item-text {
     display: block;
     padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
     color: var(--bs-dropdown-link-color)
 }

 .bootstrap5-wrapper .dropdown-menu-dark {
     --bs-dropdown-color: #dee2e6;
     --bs-dropdown-bg: #343a40;
     --bs-dropdown-border-color: var(--bs-border-color-translucent);
     --bs-dropdown-box-shadow: ;
     --bs-dropdown-link-color: #dee2e6;
     --bs-dropdown-link-hover-color: #fff;
     --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
     --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
     --bs-dropdown-link-active-color: #fff;
     --bs-dropdown-link-active-bg: #0d6efd;
     --bs-dropdown-link-disabled-color: #adb5bd;
     --bs-dropdown-header-color: #adb5bd
 }

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

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

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

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

 .bootstrap5-wrapper .btn-toolbar .input-group {
     width: auto
 }

 .bootstrap5-wrapper .btn-group {
     border-radius: var(--bs-border-radius)
 }

 .bootstrap5-wrapper .btn-group>.btn-group:not(:first-child),
 .bootstrap5-wrapper .btn-group>:not(.btn-check:first-child)+.btn {
     margin-left: calc(-1 * var(--bs-border-width))
 }

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

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

 .bootstrap5-wrapper .dropdown-toggle-split {
     padding-right: .5625rem;
     padding-left: .5625rem
 }

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

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

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

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

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

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

 .bootstrap5-wrapper .btn-group-vertical>.btn-group:not(:first-child),
 .bootstrap5-wrapper .btn-group-vertical>.btn:not(:first-child) {
     margin-top: calc(-1 * var(--bs-border-width))
 }

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

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

 .bootstrap5-wrapper .nav {
     --bs-nav-link-padding-x: 1rem;
     --bs-nav-link-padding-y: 0.5rem;
     --bs-nav-link-font-weight: ;
     --bs-nav-link-color: var(--bs-link-color);
     --bs-nav-link-hover-color: var(--bs-link-hover-color);
     --bs-nav-link-disabled-color: var(--bs-secondary-color);
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .bootstrap5-wrapper .nav-link {
     display: block;
     padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
     font-size: var(--bs-nav-link-font-size);
     font-weight: var(--bs-nav-link-font-weight);
     color: var(--bs-nav-link-color);
     text-decoration: none;
     background: 0 0;
     border: 0;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .nav-link {
         transition: none
     }
 }

 .bootstrap5-wrapper .nav-link:focus,
 .bootstrap5-wrapper .nav-link:hover {
     color: var(--bs-nav-link-hover-color)
 }

 .bootstrap5-wrapper .nav-link:focus-visible {
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

 .bootstrap5-wrapper .nav-link.disabled,
 .bootstrap5-wrapper .nav-link:disabled {
     color: var(--bs-nav-link-disabled-color);
     pointer-events: none;
     cursor: default
 }

 .bootstrap5-wrapper .nav-tabs {
     --bs-nav-tabs-border-width: var(--bs-border-width);
     --bs-nav-tabs-border-color: var(--bs-border-color);
     --bs-nav-tabs-border-radius: var(--bs-border-radius);
     --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
     --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
     --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
     --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
     border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
 }

 .bootstrap5-wrapper .nav-tabs .nav-link {
     margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
     border: var(--bs-nav-tabs-border-width) solid transparent;
     border-top-left-radius: var(--bs-nav-tabs-border-radius);
     border-top-right-radius: var(--bs-nav-tabs-border-radius)
 }

 .bootstrap5-wrapper .nav-tabs .nav-link:focus,
 .bootstrap5-wrapper .nav-tabs .nav-link:hover {
     isolation: isolate;
     border-color: var(--bs-nav-tabs-link-hover-border-color)
 }

 .bootstrap5-wrapper .nav-tabs .nav-item.show .nav-link,
 .bootstrap5-wrapper .nav-tabs .nav-link.active {
     color: var(--bs-nav-tabs-link-active-color);
     background-color: var(--bs-nav-tabs-link-active-bg);
     border-color: var(--bs-nav-tabs-link-active-border-color)
 }

 .bootstrap5-wrapper .nav-tabs .dropdown-menu {
     margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }

 .bootstrap5-wrapper .nav-pills {
     --bs-nav-pills-border-radius: var(--bs-border-radius);
     --bs-nav-pills-link-active-color: #fff;
     --bs-nav-pills-link-active-bg: #0d6efd
 }

 .bootstrap5-wrapper .nav-pills .nav-link {
     border-radius: var(--bs-nav-pills-border-radius)
 }

 .bootstrap5-wrapper .nav-pills .nav-link.active,
 .bootstrap5-wrapper .nav-pills .show>.nav-link {
     color: var(--bs-nav-pills-link-active-color);
     background-color: var(--bs-nav-pills-link-active-bg)
 }

 .bootstrap5-wrapper .nav-underline {
     --bs-nav-underline-gap: 1rem;
     --bs-nav-underline-border-width: 0.125rem;
     --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
     gap: var(--bs-nav-underline-gap)
 }

 .bootstrap5-wrapper .nav-underline .nav-link {
     padding-right: 0;
     padding-left: 0;
     border-bottom: var(--bs-nav-underline-border-width) solid transparent
 }

 .bootstrap5-wrapper .nav-underline .nav-link:focus,
 .bootstrap5-wrapper .nav-underline .nav-link:hover {
     border-bottom-color: currentcolor
 }

 .bootstrap5-wrapper .nav-underline .nav-link.active,
 .bootstrap5-wrapper .nav-underline .show>.nav-link {
     font-weight: 700;
     color: var(--bs-nav-underline-link-active-color);
     border-bottom-color: currentcolor
 }

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

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

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

 .bootstrap5-wrapper .tab-content>.tab-pane {
     display: none
 }

 .bootstrap5-wrapper .tab-content>.active {
     display: block
 }

 .bootstrap5-wrapper .navbar {
     --bs-navbar-padding-x: 0;
     --bs-navbar-padding-y: 0.5rem;
     --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
     --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
     --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
     --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
     --bs-navbar-brand-padding-y: 0.3125rem;
     --bs-navbar-brand-margin-end: 1rem;
     --bs-navbar-brand-font-size: 1.25rem;
     --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
     --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
     --bs-navbar-nav-link-padding-x: 0.5rem;
     --bs-navbar-toggler-padding-y: 0.25rem;
     --bs-navbar-toggler-padding-x: 0.75rem;
     --bs-navbar-toggler-font-size: 1.25rem;
     --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
     --bs-navbar-toggler-border-radius: var(--bs-border-radius);
     --bs-navbar-toggler-focus-width: 0.25rem;
     --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
 }

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

 .bootstrap5-wrapper .navbar-brand {
     padding-top: var(--bs-navbar-brand-padding-y);
     padding-bottom: var(--bs-navbar-brand-padding-y);
     margin-right: var(--bs-navbar-brand-margin-end);
     font-size: var(--bs-navbar-brand-font-size);
     color: var(--bs-navbar-brand-color);
     text-decoration: none;
     white-space: nowrap
 }

 .bootstrap5-wrapper .navbar-brand:focus,
 .bootstrap5-wrapper .navbar-brand:hover {
     color: var(--bs-navbar-brand-hover-color)
 }

 .bootstrap5-wrapper .navbar-nav {
     --bs-nav-link-padding-x: 0;
     --bs-nav-link-padding-y: 0.5rem;
     --bs-nav-link-font-weight: ;
     --bs-nav-link-color: var(--bs-navbar-color);
     --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
     --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
     display: flex;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .bootstrap5-wrapper .navbar-nav .nav-link.active,
 .bootstrap5-wrapper .navbar-nav .nav-link.show {
     color: var(--bs-navbar-active-color)
 }

 .bootstrap5-wrapper .navbar-nav .dropdown-menu {
     position: static
 }

 .bootstrap5-wrapper .navbar-text {
     padding-top: .5rem;
     padding-bottom: .5rem;
     color: var(--bs-navbar-color)
 }

 .bootstrap5-wrapper .navbar-text a,
 .bootstrap5-wrapper .navbar-text a:focus,
 .bootstrap5-wrapper .navbar-text a:hover {
     color: var(--bs-navbar-active-color)
 }

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

 .bootstrap5-wrapper .navbar-toggler {
     padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
     font-size: var(--bs-navbar-toggler-font-size);
     line-height: 1;
     color: var(--bs-navbar-color);
     background-color: transparent;
     border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
     border-radius: var(--bs-navbar-toggler-border-radius);
     transition: var(--bs-navbar-toggler-transition)
 }

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

 .bootstrap5-wrapper .navbar-toggler:hover {
     text-decoration: none
 }

 .bootstrap5-wrapper .navbar-toggler:focus {
     text-decoration: none;
     outline: 0;
     box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
 }

 .bootstrap5-wrapper .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     background-image: var(--bs-navbar-toggler-icon-bg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%
 }

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

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

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

 @media (min-width:992px) {
     .bootstrap5-wrapper .navbar-expand-lg {
         flex-wrap: nowrap;
         justify-content: flex-start
     }
     .bootstrap5-wrapper .navbar-expand-lg .navbar-nav {
         flex-direction: row
     }
     .bootstrap5-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute
     }
     .bootstrap5-wrapper .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: var(--bs-navbar-nav-link-padding-x);
         padding-left: var(--bs-navbar-nav-link-padding-x)
     }
     .bootstrap5-wrapper .navbar-expand-lg .navbar-nav-scroll {
         overflow: visible
     }
     .bootstrap5-wrapper .navbar-expand-lg .navbar-collapse {
         display: flex !important;
         flex-basis: auto
     }
     .bootstrap5-wrapper .navbar-expand-lg .navbar-toggler {
         display: none
     }
     .bootstrap5-wrapper .navbar-expand-lg .offcanvas {
         position: static;
         z-index: auto;
         flex-grow: 1;
         width: auto !important;
         height: auto !important;
         visibility: visible !important;
         background-color: transparent !important;
         border: 0 !important;
         transform: none !important;
         transition: none
     }
     .bootstrap5-wrapper .navbar-expand-lg .offcanvas .offcanvas-header {
         display: none
     }
     .bootstrap5-wrapper .navbar-expand-lg .offcanvas .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible
     }
 }

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

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

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

 .bootstrap5-wrapper .navbar-expand .navbar-nav {
     flex-direction: row
 }

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

 .bootstrap5-wrapper .navbar-expand .navbar-nav .nav-link {
     padding-right: var(--bs-navbar-nav-link-padding-x);
     padding-left: var(--bs-navbar-nav-link-padding-x)
 }

 .bootstrap5-wrapper .navbar-expand .navbar-nav-scroll {
     overflow: visible
 }

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

 .bootstrap5-wrapper .navbar-expand .navbar-toggler {
     display: none
 }

 .bootstrap5-wrapper .navbar-expand .offcanvas {
     position: static;
     z-index: auto;
     flex-grow: 1;
     width: auto !important;
     height: auto !important;
     visibility: visible !important;
     background-color: transparent !important;
     border: 0 !important;
     transform: none !important;
     transition: none
 }

 .bootstrap5-wrapper .navbar-expand .offcanvas .offcanvas-header {
     display: none
 }

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

 .bootstrap5-wrapper .navbar-dark,
 .bootstrap5-wrapper .navbar[data-bs-theme=dark] {
     --bs-navbar-color: rgba(255, 255, 255, 0.55);
     --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
     --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
     --bs-navbar-active-color: #fff;
     --bs-navbar-brand-color: #fff;
     --bs-navbar-brand-hover-color: #fff;
     --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
     --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }

 .bootstrap5-wrapper [data-bs-theme=dark] .navbar-toggler-icon {
     --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }

 .bootstrap5-wrapper .card {
     --bs-card-spacer-y: 1rem;
     --bs-card-spacer-x: 1rem;
     --bs-card-title-spacer-y: 0.5rem;
     --bs-card-title-color: ;
     --bs-card-subtitle-color: ;
     --bs-card-border-width: var(--bs-border-width);
     --bs-card-border-color: var(--bs-border-color-translucent);
     --bs-card-border-radius: var(--bs-border-radius);
     --bs-card-box-shadow: ;
     --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
     --bs-card-cap-padding-y: 0.5rem;
     --bs-card-cap-padding-x: 1rem;
     --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
     --bs-card-cap-color: ;
     --bs-card-height: ;
     --bs-card-color: ;
     --bs-card-bg: var(--bs-body-bg);
     --bs-card-img-overlay-padding: 1rem;
     --bs-card-group-margin: 0.75rem;
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     height: var(--bs-card-height);
     color: var(--bs-body-color);
     word-wrap: break-word;
     background-color: var(--bs-card-bg);
     background-clip: border-box;
     border: var(--bs-card-border-width) solid var(--bs-card-border-color);
     border-radius: var(--bs-card-border-radius)
 }

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

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

 .bootstrap5-wrapper .card>.list-group:first-child {
     border-top-width: 0;
     border-top-left-radius: var(--bs-card-inner-border-radius);
     border-top-right-radius: var(--bs-card-inner-border-radius)
 }

 .bootstrap5-wrapper .card>.list-group:last-child {
     border-bottom-width: 0;
     border-bottom-right-radius: var(--bs-card-inner-border-radius);
     border-bottom-left-radius: var(--bs-card-inner-border-radius)
 }

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

 .bootstrap5-wrapper .card-body {
     flex: 1 1 auto;
     padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
     color: var(--bs-card-color)
 }

 .bootstrap5-wrapper .card-title {
     margin-bottom: var(--bs-card-title-spacer-y);
     color: var(--bs-card-title-color)
 }

 .bootstrap5-wrapper .card-subtitle {
     margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
     margin-bottom: 0;
     color: var(--bs-card-subtitle-color)
 }

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

 .bootstrap5-wrapper .card-link+.card-link {
     margin-left: var(--bs-card-spacer-x)
 }

 .bootstrap5-wrapper .card-header {
     padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
     margin-bottom: 0;
     color: var(--bs-card-cap-color);
     background-color: var(--bs-card-cap-bg);
     border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
 }

 .bootstrap5-wrapper .card-header:first-child {
     border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
 }

 .bootstrap5-wrapper .card-footer {
     padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
     color: var(--bs-card-cap-color);
     background-color: var(--bs-card-cap-bg);
     border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
 }

 .bootstrap5-wrapper .card-footer:last-child {
     border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
 }

 .bootstrap5-wrapper .card-header-tabs {
     margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
     margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
     margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
     border-bottom: 0
 }

 .bootstrap5-wrapper .card-header-tabs .nav-link.active {
     background-color: var(--bs-card-bg);
     border-bottom-color: var(--bs-card-bg)
 }

 .bootstrap5-wrapper .card-header-pills {
     margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
     margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
 }

 .bootstrap5-wrapper .card-img-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: var(--bs-card-img-overlay-padding);
     border-radius: var(--bs-card-inner-border-radius)
 }

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

 .bootstrap5-wrapper .card-img,
 .bootstrap5-wrapper .card-img-top {
     border-top-left-radius: var(--bs-card-inner-border-radius);
     border-top-right-radius: var(--bs-card-inner-border-radius)
 }

 .bootstrap5-wrapper .card-img,
 .bootstrap5-wrapper .card-img-bottom {
     border-bottom-right-radius: var(--bs-card-inner-border-radius);
     border-bottom-left-radius: var(--bs-card-inner-border-radius)
 }

 .bootstrap5-wrapper .card-group>.card {
     margin-bottom: var(--bs-card-group-margin)
 }

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

 .bootstrap5-wrapper .accordion {
     --bs-accordion-color: var(--bs-body-color);
     --bs-accordion-bg: var(--bs-body-bg);
     --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
     --bs-accordion-border-color: var(--bs-border-color);
     --bs-accordion-border-width: var(--bs-border-width);
     --bs-accordion-border-radius: var(--bs-border-radius);
     --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
     --bs-accordion-btn-padding-x: 1.25rem;
     --bs-accordion-btn-padding-y: 1rem;
     --bs-accordion-btn-color: var(--bs-body-color);
     --bs-accordion-btn-bg: var(--bs-accordion-bg);
     --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     --bs-accordion-btn-icon-width: 1.25rem;
     --bs-accordion-btn-icon-transform: rotate(-180deg);
     --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
     --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
     --bs-accordion-body-padding-x: 1.25rem;
     --bs-accordion-body-padding-y: 1rem;
     --bs-accordion-active-color: var(--bs-primary-text-emphasis);
     --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
 }

 .bootstrap5-wrapper .accordion-button {
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
     font-size: 1rem;
     color: var(--bs-accordion-btn-color);
     text-align: left;
     background-color: var(--bs-accordion-btn-bg);
     border: 0;
     border-radius: 0;
     overflow-anchor: none;
     transition: var(--bs-accordion-transition)
 }

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

 .bootstrap5-wrapper .accordion-button:not(.collapsed) {
     color: var(--bs-accordion-active-color);
     background-color: var(--bs-accordion-active-bg);
     box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
 }

 .bootstrap5-wrapper .accordion-button:not(.collapsed)::after {
     background-image: var(--bs-accordion-btn-active-icon);
     transform: var(--bs-accordion-btn-icon-transform)
 }

 .bootstrap5-wrapper .accordion-button::after {
     flex-shrink: 0;
     width: var(--bs-accordion-btn-icon-width);
     height: var(--bs-accordion-btn-icon-width);
     margin-left: auto;
     content: "";
     background-image: var(--bs-accordion-btn-icon);
     background-repeat: no-repeat;
     background-size: var(--bs-accordion-btn-icon-width);
     transition: var(--bs-accordion-btn-icon-transition)
 }

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

 .bootstrap5-wrapper .accordion-button:hover {
     z-index: 2
 }

 .bootstrap5-wrapper .accordion-button:focus {
     z-index: 3;
     outline: 0;
     box-shadow: var(--bs-accordion-btn-focus-box-shadow)
 }

 .bootstrap5-wrapper .accordion-header {
     margin-bottom: 0
 }

 .bootstrap5-wrapper .accordion-item {
     color: var(--bs-accordion-color);
     background-color: var(--bs-accordion-bg);
     border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
 }

 .bootstrap5-wrapper .accordion-item:first-of-type {
     border-top-left-radius: var(--bs-accordion-border-radius);
     border-top-right-radius: var(--bs-accordion-border-radius)
 }

 .bootstrap5-wrapper .accordion-item:first-of-type>.accordion-header .accordion-button {
     border-top-left-radius: var(--bs-accordion-inner-border-radius);
     border-top-right-radius: var(--bs-accordion-inner-border-radius)
 }

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

 .bootstrap5-wrapper .accordion-item:last-of-type {
     border-bottom-right-radius: var(--bs-accordion-border-radius);
     border-bottom-left-radius: var(--bs-accordion-border-radius)
 }

 .bootstrap5-wrapper .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
     border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
     border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
 }

 .bootstrap5-wrapper .accordion-item:last-of-type>.accordion-collapse {
     border-bottom-right-radius: var(--bs-accordion-border-radius);
     border-bottom-left-radius: var(--bs-accordion-border-radius)
 }

 .bootstrap5-wrapper .accordion-body {
     padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
 }

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

 .bootstrap5-wrapper .accordion-flush>.accordion-item:first-child {
     border-top: 0
 }

 .bootstrap5-wrapper .accordion-flush>.accordion-item:last-child {
     border-bottom: 0
 }

 .bootstrap5-wrapper .accordion-flush>.accordion-item>.accordion-collapse,
 .bootstrap5-wrapper .accordion-flush>.accordion-item>.accordion-header .accordion-button,
 .bootstrap5-wrapper .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
     border-radius: 0
 }

 .bootstrap5-wrapper [data-bs-theme=dark] .accordion-button::after {
     --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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-.708'/%3e%3c/svg%3e");
     --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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-.708'/%3e%3c/svg%3e")
 }

 .bootstrap5-wrapper .breadcrumb {
     --bs-breadcrumb-padding-x: 0;
     --bs-breadcrumb-padding-y: 0;
     --bs-breadcrumb-margin-bottom: 1rem;
     --bs-breadcrumb-bg: ;
     --bs-breadcrumb-border-radius: ;
     --bs-breadcrumb-divider-color: var(--bs-secondary-color);
     --bs-breadcrumb-item-padding-x: 0.5rem;
     --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
     display: flex;
     flex-wrap: wrap;
     padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
     margin-bottom: var(--bs-breadcrumb-margin-bottom);
     font-size: var(--bs-breadcrumb-font-size);
     list-style: none;
     background-color: var(--bs-breadcrumb-bg);
     border-radius: var(--bs-breadcrumb-border-radius)
 }

 .bootstrap5-wrapper .breadcrumb-item+.breadcrumb-item {
     padding-left: var(--bs-breadcrumb-item-padding-x)
 }

 .bootstrap5-wrapper .breadcrumb-item+.breadcrumb-item::before {
     float: left;
     padding-right: var(--bs-breadcrumb-item-padding-x);
     color: var(--bs-breadcrumb-divider-color);
     content: var(--bs-breadcrumb-divider, "/")
 }

 .bootstrap5-wrapper .breadcrumb-item.active {
     color: var(--bs-breadcrumb-item-active-color)
 }

 .bootstrap5-wrapper .pagination {
     --bs-pagination-padding-x: 0.75rem;
     --bs-pagination-padding-y: 0.375rem;
     --bs-pagination-font-size: 1rem;
     --bs-pagination-color: var(--bs-link-color);
     --bs-pagination-bg: var(--bs-body-bg);
     --bs-pagination-border-width: var(--bs-border-width);
     --bs-pagination-border-color: var(--bs-border-color);
     --bs-pagination-border-radius: var(--bs-border-radius);
     --bs-pagination-hover-color: var(--bs-link-hover-color);
     --bs-pagination-hover-bg: var(--bs-tertiary-bg);
     --bs-pagination-hover-border-color: var(--bs-border-color);
     --bs-pagination-focus-color: var(--bs-link-hover-color);
     --bs-pagination-focus-bg: var(--bs-secondary-bg);
     --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
     --bs-pagination-active-color: #fff;
     --bs-pagination-active-bg: #0d6efd;
     --bs-pagination-active-border-color: #0d6efd;
     --bs-pagination-disabled-color: var(--bs-secondary-color);
     --bs-pagination-disabled-bg: var(--bs-secondary-bg);
     --bs-pagination-disabled-border-color: var(--bs-border-color);
     display: flex;
     padding-left: 0;
     list-style: none
 }

 .bootstrap5-wrapper .page-link {
     position: relative;
     display: block;
     padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
     font-size: var(--bs-pagination-font-size);
     color: var(--bs-pagination-color);
     text-decoration: none;
     background-color: var(--bs-pagination-bg);
     border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .page-link {
         transition: none
     }
 }

 .bootstrap5-wrapper .page-link:hover {
     z-index: 2;
     color: var(--bs-pagination-hover-color);
     background-color: var(--bs-pagination-hover-bg);
     border-color: var(--bs-pagination-hover-border-color)
 }

 .bootstrap5-wrapper .page-link:focus {
     z-index: 3;
     color: var(--bs-pagination-focus-color);
     background-color: var(--bs-pagination-focus-bg);
     outline: 0;
     box-shadow: var(--bs-pagination-focus-box-shadow)
 }

 .bootstrap5-wrapper .active>.page-link,
 .bootstrap5-wrapper .page-link.active {
     z-index: 3;
     color: var(--bs-pagination-active-color);
     background-color: var(--bs-pagination-active-bg);
     border-color: var(--bs-pagination-active-border-color)
 }

 .bootstrap5-wrapper .disabled>.page-link,
 .bootstrap5-wrapper .page-link.disabled {
     color: var(--bs-pagination-disabled-color);
     pointer-events: none;
     background-color: var(--bs-pagination-disabled-bg);
     border-color: var(--bs-pagination-disabled-border-color)
 }

 .bootstrap5-wrapper .page-item:not(:first-child) .page-link {
     margin-left: calc(-1 * var(--bs-border-width))
 }

 .bootstrap5-wrapper .page-item:first-child .page-link {
     border-top-left-radius: var(--bs-pagination-border-radius);
     border-bottom-left-radius: var(--bs-pagination-border-radius)
 }

 .bootstrap5-wrapper .page-item:last-child .page-link {
     border-top-right-radius: var(--bs-pagination-border-radius);
     border-bottom-right-radius: var(--bs-pagination-border-radius)
 }

 .bootstrap5-wrapper .pagination-lg {
     --bs-pagination-padding-x: 1.5rem;
     --bs-pagination-padding-y: 0.75rem;
     --bs-pagination-font-size: 1.25rem;
     --bs-pagination-border-radius: var(--bs-border-radius-lg)
 }

 .bootstrap5-wrapper .pagination-sm {
     --bs-pagination-padding-x: 0.5rem;
     --bs-pagination-padding-y: 0.25rem;
     --bs-pagination-font-size: 0.875rem;
     --bs-pagination-border-radius: var(--bs-border-radius-sm)
 }

 .bootstrap5-wrapper .badge {
     --bs-badge-padding-x: 0.65em;
     --bs-badge-padding-y: 0.35em;
     --bs-badge-font-size: 0.75em;
     --bs-badge-font-weight: 700;
     --bs-badge-color: #fff;
     --bs-badge-border-radius: var(--bs-border-radius);
     display: inline-block;
     padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
     font-size: var(--bs-badge-font-size);
     font-weight: var(--bs-badge-font-weight);
     line-height: 1;
     color: var(--bs-badge-color);
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: var(--bs-badge-border-radius)
 }

 .bootstrap5-wrapper .badge:empty {
     display: none
 }

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

 .bootstrap5-wrapper .alert {
     --bs-alert-bg: transparent;
     --bs-alert-padding-x: 1rem;
     --bs-alert-padding-y: 1rem;
     --bs-alert-margin-bottom: 1rem;
     --bs-alert-color: inherit;
     --bs-alert-border-color: transparent;
     --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
     --bs-alert-border-radius: var(--bs-border-radius);
     --bs-alert-link-color: inherit;
     position: relative;
     padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
     margin-bottom: var(--bs-alert-margin-bottom);
     color: var(--bs-alert-color);
     background-color: var(--bs-alert-bg);
     border: var(--bs-alert-border);
     border-radius: var(--bs-alert-border-radius)
 }

 .bootstrap5-wrapper .alert-heading {
     color: inherit
 }

 .bootstrap5-wrapper .alert-link {
     font-weight: 700;
     color: var(--bs-alert-link-color)
 }

 .bootstrap5-wrapper .alert-dismissible {
     padding-right: 3rem
 }

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

 .bootstrap5-wrapper .alert-primary {
     --bs-alert-color: var(--bs-primary-text-emphasis);
     --bs-alert-bg: var(--bs-primary-bg-subtle);
     --bs-alert-border-color: var(--bs-primary-border-subtle);
     --bs-alert-link-color: var(--bs-primary-text-emphasis)
 }

 .bootstrap5-wrapper .alert-secondary {
     --bs-alert-color: var(--bs-secondary-text-emphasis);
     --bs-alert-bg: var(--bs-secondary-bg-subtle);
     --bs-alert-border-color: var(--bs-secondary-border-subtle);
     --bs-alert-link-color: var(--bs-secondary-text-emphasis)
 }

 .bootstrap5-wrapper .alert-success {
     --bs-alert-color: var(--bs-success-text-emphasis);
     --bs-alert-bg: var(--bs-success-bg-subtle);
     --bs-alert-border-color: var(--bs-success-border-subtle);
     --bs-alert-link-color: var(--bs-success-text-emphasis)
 }

 .bootstrap5-wrapper .alert-info {
     --bs-alert-color: var(--bs-info-text-emphasis);
     --bs-alert-bg: var(--bs-info-bg-subtle);
     --bs-alert-border-color: var(--bs-info-border-subtle);
     --bs-alert-link-color: var(--bs-info-text-emphasis)
 }

 .bootstrap5-wrapper .alert-warning {
     --bs-alert-color: var(--bs-warning-text-emphasis);
     --bs-alert-bg: var(--bs-warning-bg-subtle);
     --bs-alert-border-color: var(--bs-warning-border-subtle);
     --bs-alert-link-color: var(--bs-warning-text-emphasis)
 }

 .bootstrap5-wrapper .alert-danger {
     --bs-alert-color: var(--bs-danger-text-emphasis);
     --bs-alert-bg: var(--bs-danger-bg-subtle);
     --bs-alert-border-color: var(--bs-danger-border-subtle);
     --bs-alert-link-color: var(--bs-danger-text-emphasis)
 }

 .bootstrap5-wrapper .alert-light {
     --bs-alert-color: var(--bs-light-text-emphasis);
     --bs-alert-bg: var(--bs-light-bg-subtle);
     --bs-alert-border-color: var(--bs-light-border-subtle);
     --bs-alert-link-color: var(--bs-light-text-emphasis)
 }

 .bootstrap5-wrapper .alert-dark {
     --bs-alert-color: var(--bs-dark-text-emphasis);
     --bs-alert-bg: var(--bs-dark-bg-subtle);
     --bs-alert-border-color: var(--bs-dark-border-subtle);
     --bs-alert-link-color: var(--bs-dark-text-emphasis)
 }

 @keyframes progress-bar-stripes {
     0% {
         background-position-x: var(--bs-progress-height)
     }
 }

 .bootstrap5-wrapper .progress,
 .bootstrap5-wrapper .progress-stacked {
     --bs-progress-height: 1rem;
     --bs-progress-font-size: 0.75rem;
     --bs-progress-bg: var(--bs-secondary-bg);
     --bs-progress-border-radius: var(--bs-border-radius);
     --bs-progress-box-shadow: var(--bs-box-shadow-inset);
     --bs-progress-bar-color: #fff;
     --bs-progress-bar-bg: #0d6efd;
     --bs-progress-bar-transition: width 0.6s ease;
     display: flex;
     height: var(--bs-progress-height);
     overflow: hidden;
     font-size: var(--bs-progress-font-size);
     background-color: var(--bs-progress-bg);
     border-radius: var(--bs-progress-border-radius)
 }

 .bootstrap5-wrapper .progress-bar {
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
     color: var(--bs-progress-bar-color);
     text-align: center;
     white-space: nowrap;
     background-color: var(--bs-progress-bar-bg);
     transition: var(--bs-progress-bar-transition)
 }

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

 .bootstrap5-wrapper .progress-bar-striped {
     background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
     background-size: var(--bs-progress-height) var(--bs-progress-height)
 }

 .bootstrap5-wrapper .progress-stacked>.progress {
     overflow: visible
 }

 .bootstrap5-wrapper .progress-stacked>.progress>.progress-bar {
     width: 100%
 }

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

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

 .bootstrap5-wrapper .list-group {
     --bs-list-group-color: var(--bs-body-color);
     --bs-list-group-bg: var(--bs-body-bg);
     --bs-list-group-border-color: var(--bs-border-color);
     --bs-list-group-border-width: var(--bs-border-width);
     --bs-list-group-border-radius: var(--bs-border-radius);
     --bs-list-group-item-padding-x: 1rem;
     --bs-list-group-item-padding-y: 0.5rem;
     --bs-list-group-action-color: var(--bs-secondary-color);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
     --bs-list-group-action-active-color: var(--bs-body-color);
     --bs-list-group-action-active-bg: var(--bs-secondary-bg);
     --bs-list-group-disabled-color: var(--bs-secondary-color);
     --bs-list-group-disabled-bg: var(--bs-body-bg);
     --bs-list-group-active-color: #fff;
     --bs-list-group-active-bg: #0d6efd;
     --bs-list-group-active-border-color: #0d6efd;
     display: flex;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     border-radius: var(--bs-list-group-border-radius)
 }

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

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

 .bootstrap5-wrapper .list-group-item {
     position: relative;
     display: block;
     padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
     color: var(--bs-list-group-color);
     text-decoration: none;
     background-color: var(--bs-list-group-bg);
     border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
 }

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

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

 .bootstrap5-wrapper .list-group-item.disabled,
 .bootstrap5-wrapper .list-group-item:disabled {
     color: var(--bs-list-group-disabled-color);
     pointer-events: none;
     background-color: var(--bs-list-group-disabled-bg)
 }

 .bootstrap5-wrapper .list-group-item.active {
     z-index: 2;
     color: var(--bs-list-group-active-color);
     background-color: var(--bs-list-group-active-bg);
     border-color: var(--bs-list-group-active-border-color)
 }

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

 .bootstrap5-wrapper .list-group-item+.list-group-item.active {
     margin-top: calc(-1 * var(--bs-list-group-border-width));
     border-top-width: var(--bs-list-group-border-width)
 }

 .bootstrap5-wrapper .list-group-item-action {
     width: 100%;
     color: var(--bs-list-group-action-color);
     text-align: inherit
 }

 .bootstrap5-wrapper .list-group-item-action:not(.active):focus,
 .bootstrap5-wrapper .list-group-item-action:not(.active):hover {
     z-index: 1;
     color: var(--bs-list-group-action-hover-color);
     text-decoration: none;
     background-color: var(--bs-list-group-action-hover-bg)
 }

 .bootstrap5-wrapper .list-group-item-action:not(.active):active {
     color: var(--bs-list-group-action-active-color);
     background-color: var(--bs-list-group-action-active-bg)
 }

 .bootstrap5-wrapper .list-group-horizontal {
     flex-direction: row
 }

 .bootstrap5-wrapper .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
     border-bottom-left-radius: var(--bs-list-group-border-radius);
     border-top-right-radius: 0
 }

 .bootstrap5-wrapper .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
     border-top-right-radius: var(--bs-list-group-border-radius);
     border-bottom-left-radius: 0
 }

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

 .bootstrap5-wrapper .list-group-horizontal>.list-group-item+.list-group-item {
     border-top-width: var(--bs-list-group-border-width);
     border-left-width: 0
 }

 .bootstrap5-wrapper .list-group-horizontal>.list-group-item+.list-group-item.active {
     margin-left: calc(-1 * var(--bs-list-group-border-width));
     border-left-width: var(--bs-list-group-border-width)
 }

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

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

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

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

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

 .bootstrap5-wrapper .list-group-flush {
     border-radius: 0
 }

 .bootstrap5-wrapper .list-group-flush>.list-group-item {
     border-width: 0 0 var(--bs-list-group-border-width)
 }

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

 .bootstrap5-wrapper .list-group-item-primary {
     --bs-list-group-color: var(--bs-primary-text-emphasis);
     --bs-list-group-bg: var(--bs-primary-bg-subtle);
     --bs-list-group-border-color: var(--bs-primary-border-subtle);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
     --bs-list-group-action-active-color: var(--bs-emphasis-color);
     --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
     --bs-list-group-active-color: var(--bs-primary-bg-subtle);
     --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
     --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
 }

 .bootstrap5-wrapper .list-group-item-secondary {
     --bs-list-group-color: var(--bs-secondary-text-emphasis);
     --bs-list-group-bg: var(--bs-secondary-bg-subtle);
     --bs-list-group-border-color: var(--bs-secondary-border-subtle);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
     --bs-list-group-action-active-color: var(--bs-emphasis-color);
     --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
     --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
     --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
     --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
 }

 .bootstrap5-wrapper .list-group-item-success {
     --bs-list-group-color: var(--bs-success-text-emphasis);
     --bs-list-group-bg: var(--bs-success-bg-subtle);
     --bs-list-group-border-color: var(--bs-success-border-subtle);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
     --bs-list-group-action-active-color: var(--bs-emphasis-color);
     --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
     --bs-list-group-active-color: var(--bs-success-bg-subtle);
     --bs-list-group-active-bg: var(--bs-success-text-emphasis);
     --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
 }

 .bootstrap5-wrapper .list-group-item-info {
     --bs-list-group-color: var(--bs-info-text-emphasis);
     --bs-list-group-bg: var(--bs-info-bg-subtle);
     --bs-list-group-border-color: var(--bs-info-border-subtle);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
     --bs-list-group-action-active-color: var(--bs-emphasis-color);
     --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
     --bs-list-group-active-color: var(--bs-info-bg-subtle);
     --bs-list-group-active-bg: var(--bs-info-text-emphasis);
     --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
 }

 .bootstrap5-wrapper .list-group-item-warning {
     --bs-list-group-color: var(--bs-warning-text-emphasis);
     --bs-list-group-bg: var(--bs-warning-bg-subtle);
     --bs-list-group-border-color: var(--bs-warning-border-subtle);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
     --bs-list-group-action-active-color: var(--bs-emphasis-color);
     --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
     --bs-list-group-active-color: var(--bs-warning-bg-subtle);
     --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
     --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
 }

 .bootstrap5-wrapper .list-group-item-danger {
     --bs-list-group-color: var(--bs-danger-text-emphasis);
     --bs-list-group-bg: var(--bs-danger-bg-subtle);
     --bs-list-group-border-color: var(--bs-danger-border-subtle);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
     --bs-list-group-action-active-color: var(--bs-emphasis-color);
     --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
     --bs-list-group-active-color: var(--bs-danger-bg-subtle);
     --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
     --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
 }

 .bootstrap5-wrapper .list-group-item-light {
     --bs-list-group-color: var(--bs-light-text-emphasis);
     --bs-list-group-bg: var(--bs-light-bg-subtle);
     --bs-list-group-border-color: var(--bs-light-border-subtle);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
     --bs-list-group-action-active-color: var(--bs-emphasis-color);
     --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
     --bs-list-group-active-color: var(--bs-light-bg-subtle);
     --bs-list-group-active-bg: var(--bs-light-text-emphasis);
     --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
 }

 .bootstrap5-wrapper .list-group-item-dark {
     --bs-list-group-color: var(--bs-dark-text-emphasis);
     --bs-list-group-bg: var(--bs-dark-bg-subtle);
     --bs-list-group-border-color: var(--bs-dark-border-subtle);
     --bs-list-group-action-hover-color: var(--bs-emphasis-color);
     --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
     --bs-list-group-action-active-color: var(--bs-emphasis-color);
     --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
     --bs-list-group-active-color: var(--bs-dark-bg-subtle);
     --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
     --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
 }

 .bootstrap5-wrapper .btn-close {
     --bs-btn-close-color: #000;
     --bs-btn-close-bg: 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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
     --bs-btn-close-opacity: 0.5;
     --bs-btn-close-hover-opacity: 0.75;
     --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
     --bs-btn-close-focus-opacity: 1;
     --bs-btn-close-disabled-opacity: 0.25;
     box-sizing: content-box;
     width: 1em;
     height: 1em;
     padding: .25em .25em;
     color: var(--bs-btn-close-color);
     background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
     filter: var(--bs-btn-close-filter);
     border: 0;
     border-radius: .375rem;
     opacity: var(--bs-btn-close-opacity)
 }

 .bootstrap5-wrapper .btn-close:hover {
     color: var(--bs-btn-close-color);
     text-decoration: none;
     opacity: var(--bs-btn-close-hover-opacity)
 }

 .bootstrap5-wrapper .btn-close:focus {
     outline: 0;
     box-shadow: var(--bs-btn-close-focus-shadow);
     opacity: var(--bs-btn-close-focus-opacity)
 }

 .bootstrap5-wrapper .btn-close.disabled,
 .bootstrap5-wrapper .btn-close:disabled {
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     opacity: var(--bs-btn-close-disabled-opacity)
 }

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

 :root,
 .bootstrap5-wrapper [data-bs-theme=light] {
     --bs-btn-close-filter:
 }

 .bootstrap5-wrapper [data-bs-theme=dark] {
     --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
 }

 .bootstrap5-wrapper .toast {
     --bs-toast-zindex: 1090;
     --bs-toast-padding-x: 0.75rem;
     --bs-toast-padding-y: 0.5rem;
     --bs-toast-spacing: 1.5rem;
     --bs-toast-max-width: 350px;
     --bs-toast-font-size: 0.875rem;
     --bs-toast-color: ;
     --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
     --bs-toast-border-width: var(--bs-border-width);
     --bs-toast-border-color: var(--bs-border-color-translucent);
     --bs-toast-border-radius: var(--bs-border-radius);
     --bs-toast-box-shadow: var(--bs-box-shadow);
     --bs-toast-header-color: var(--bs-secondary-color);
     --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
     --bs-toast-header-border-color: var(--bs-border-color-translucent);
     width: var(--bs-toast-max-width);
     max-width: 100%;
     font-size: var(--bs-toast-font-size);
     color: var(--bs-toast-color);
     pointer-events: auto;
     background-color: var(--bs-toast-bg);
     background-clip: padding-box;
     border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
     box-shadow: var(--bs-toast-box-shadow);
     border-radius: var(--bs-toast-border-radius)
 }

 .bootstrap5-wrapper .toast.showing {
     opacity: 0
 }

 .bootstrap5-wrapper .toast:not(.show) {
     display: none
 }

 .bootstrap5-wrapper .toast-container {
     --bs-toast-zindex: 1090;
     position: absolute;
     z-index: var(--bs-toast-zindex);
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     max-width: 100%;
     pointer-events: none
 }

 .bootstrap5-wrapper .toast-container>:not(:last-child) {
     margin-bottom: var(--bs-toast-spacing)
 }

 .bootstrap5-wrapper .toast-header {
     display: flex;
     align-items: center;
     padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
     color: var(--bs-toast-header-color);
     background-color: var(--bs-toast-header-bg);
     background-clip: padding-box;
     border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
     border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
     border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
 }

 .bootstrap5-wrapper .toast-header .btn-close {
     margin-right: calc(-.5 * var(--bs-toast-padding-x));
     margin-left: var(--bs-toast-padding-x)
 }

 .bootstrap5-wrapper .toast-body {
     padding: var(--bs-toast-padding-x);
     word-wrap: break-word
 }

 .bootstrap5-wrapper .modal {
     --bs-modal-zindex: 1055;
     --bs-modal-width: 500px;
     --bs-modal-padding: 1rem;
     --bs-modal-margin: 0.5rem;
     --bs-modal-color: var(--bs-body-color);
     --bs-modal-bg: var(--bs-body-bg);
     --bs-modal-border-color: var(--bs-border-color-translucent);
     --bs-modal-border-width: var(--bs-border-width);
     --bs-modal-border-radius: var(--bs-border-radius-lg);
     --bs-modal-box-shadow: var(--bs-box-shadow-sm);
     --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
     --bs-modal-header-padding-x: 1rem;
     --bs-modal-header-padding-y: 1rem;
     --bs-modal-header-padding: 1rem 1rem;
     --bs-modal-header-border-color: var(--bs-border-color);
     --bs-modal-header-border-width: var(--bs-border-width);
     --bs-modal-title-line-height: 1.5;
     --bs-modal-footer-gap: 0.5rem;
     --bs-modal-footer-bg: ;
     --bs-modal-footer-border-color: var(--bs-border-color);
     --bs-modal-footer-border-width: var(--bs-border-width);
     position: fixed;
     top: 0;
     left: 0;
     z-index: var(--bs-modal-zindex);
     display: none;
     width: 100%;
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     outline: 0
 }

 .bootstrap5-wrapper .modal-dialog {
     position: relative;
     width: auto;
     margin: var(--bs-modal-margin);
     pointer-events: none
 }

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

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .modal.fade .modal-dialog {
         transition: none
     }
 }

 .bootstrap5-wrapper .modal.show .modal-dialog {
     transform: none
 }

 .bootstrap5-wrapper .modal.modal-static .modal-dialog {
     transform: scale(1.02)
 }

 .bootstrap5-wrapper .modal-dialog-scrollable {
     height: calc(100% - var(--bs-modal-margin) * 2)
 }

 .bootstrap5-wrapper .modal-dialog-scrollable .modal-content {
     max-height: 100%;
     overflow: hidden
 }

 .bootstrap5-wrapper .modal-dialog-scrollable .modal-body {
     overflow-y: auto
 }

 .bootstrap5-wrapper .modal-dialog-centered {
     display: flex;
     align-items: center;
     min-height: calc(100% - var(--bs-modal-margin) * 2)
 }

 .bootstrap5-wrapper .modal-content {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     color: var(--bs-modal-color);
     pointer-events: auto;
     background-color: var(--bs-modal-bg);
     background-clip: padding-box;
     border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
     border-radius: var(--bs-modal-border-radius);
     outline: 0
 }

 .bootstrap5-wrapper .modal-backdrop {
     --bs-backdrop-zindex: 1050;
     --bs-backdrop-bg: #000;
     --bs-backdrop-opacity: 0.5;
     position: fixed;
     top: 0;
     left: 0;
     z-index: var(--bs-backdrop-zindex);
     width: 100vw;
     height: 100vh;
     background-color: var(--bs-backdrop-bg)
 }

 .bootstrap5-wrapper .modal-backdrop.fade {
     opacity: 0
 }

 .bootstrap5-wrapper .modal-backdrop.show {
     opacity: var(--bs-backdrop-opacity)
 }

 .bootstrap5-wrapper .modal-header {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     padding: var(--bs-modal-header-padding);
     border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
     border-top-left-radius: var(--bs-modal-inner-border-radius);
     border-top-right-radius: var(--bs-modal-inner-border-radius)
 }

 .bootstrap5-wrapper .modal-header .btn-close {
     padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
     margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
     margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
     margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
     margin-left: auto
 }

 .bootstrap5-wrapper .modal-title {
     margin-bottom: 0;
     line-height: var(--bs-modal-title-line-height)
 }

 .bootstrap5-wrapper .modal-body {
     position: relative;
     flex: 1 1 auto;
     padding: var(--bs-modal-padding)
 }

 .bootstrap5-wrapper .modal-footer {
     display: flex;
     flex-shrink: 0;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
     background-color: var(--bs-modal-footer-bg);
     border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
     border-bottom-right-radius: var(--bs-modal-inner-border-radius);
     border-bottom-left-radius: var(--bs-modal-inner-border-radius)
 }

 .bootstrap5-wrapper .modal-footer>* {
     margin: calc(var(--bs-modal-footer-gap) * .5)
 }

 @media (min-width:576px) {
     .bootstrap5-wrapper .modal {
         --bs-modal-margin: 1.75rem;
         --bs-modal-box-shadow: var(--bs-box-shadow)
     }
     .bootstrap5-wrapper .modal-dialog {
         max-width: var(--bs-modal-width);
         margin-right: auto;
         margin-left: auto
     }
     .bootstrap5-wrapper .modal-sm {
         --bs-modal-width: 300px
     }
 }

 @media (min-width:992px) {
     .bootstrap5-wrapper .modal-lg,
     .bootstrap5-wrapper .modal-xl {
         --bs-modal-width: 800px
     }
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .modal-xl {
         --bs-modal-width: 1140px
     }
 }

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

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

 .bootstrap5-wrapper .modal-fullscreen .modal-footer,
 .bootstrap5-wrapper .modal-fullscreen .modal-header {
     border-radius: 0
 }

 .bootstrap5-wrapper .modal-fullscreen .modal-body {
     overflow-y: auto
 }

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

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

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

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

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

 .bootstrap5-wrapper .tooltip {
     --bs-tooltip-zindex: 1080;
     --bs-tooltip-max-width: 200px;
     --bs-tooltip-padding-x: 0.5rem;
     --bs-tooltip-padding-y: 0.25rem;
     --bs-tooltip-margin: ;
     --bs-tooltip-font-size: 0.875rem;
     --bs-tooltip-color: var(--bs-body-bg);
     --bs-tooltip-bg: var(--bs-emphasis-color);
     --bs-tooltip-border-radius: var(--bs-border-radius);
     --bs-tooltip-opacity: 0.9;
     --bs-tooltip-arrow-width: 0.8rem;
     --bs-tooltip-arrow-height: 0.4rem;
     z-index: var(--bs-tooltip-zindex);
     display: block;
     margin: var(--bs-tooltip-margin);
     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;
     white-space: normal;
     word-spacing: normal;
     line-break: auto;
     font-size: var(--bs-tooltip-font-size);
     word-wrap: break-word;
     opacity: 0
 }

 .bootstrap5-wrapper .tooltip.show {
     opacity: var(--bs-tooltip-opacity)
 }

 .bootstrap5-wrapper .tooltip .tooltip-arrow {
     display: block;
     width: var(--bs-tooltip-arrow-width);
     height: var(--bs-tooltip-arrow-height)
 }

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

 .bootstrap5-wrapper .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
 .bootstrap5-wrapper .bs-tooltip-top .tooltip-arrow {
     bottom: calc(-1 * var(--bs-tooltip-arrow-height))
 }

 .bootstrap5-wrapper .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
 .bootstrap5-wrapper .bs-tooltip-top .tooltip-arrow::before {
     top: -1px;
     border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
     border-top-color: var(--bs-tooltip-bg)
 }

 .bootstrap5-wrapper .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
 .bootstrap5-wrapper .bs-tooltip-end .tooltip-arrow {
     left: calc(-1 * var(--bs-tooltip-arrow-height));
     width: var(--bs-tooltip-arrow-height);
     height: var(--bs-tooltip-arrow-width)
 }

 .bootstrap5-wrapper .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
 .bootstrap5-wrapper .bs-tooltip-end .tooltip-arrow::before {
     right: -1px;
     border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
     border-right-color: var(--bs-tooltip-bg)
 }

 .bootstrap5-wrapper .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
 .bootstrap5-wrapper .bs-tooltip-bottom .tooltip-arrow {
     top: calc(-1 * var(--bs-tooltip-arrow-height))
 }

 .bootstrap5-wrapper .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
 .bootstrap5-wrapper .bs-tooltip-bottom .tooltip-arrow::before {
     bottom: -1px;
     border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
     border-bottom-color: var(--bs-tooltip-bg)
 }

 .bootstrap5-wrapper .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
 .bootstrap5-wrapper .bs-tooltip-start .tooltip-arrow {
     right: calc(-1 * var(--bs-tooltip-arrow-height));
     width: var(--bs-tooltip-arrow-height);
     height: var(--bs-tooltip-arrow-width)
 }

 .bootstrap5-wrapper .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
 .bootstrap5-wrapper .bs-tooltip-start .tooltip-arrow::before {
     left: -1px;
     border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
     border-left-color: var(--bs-tooltip-bg)
 }

 .bootstrap5-wrapper .tooltip-inner {
     max-width: var(--bs-tooltip-max-width);
     padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
     color: var(--bs-tooltip-color);
     text-align: center;
     background-color: var(--bs-tooltip-bg);
     border-radius: var(--bs-tooltip-border-radius)
 }

 .bootstrap5-wrapper .popover {
     --bs-popover-zindex: 1070;
     --bs-popover-max-width: 276px;
     --bs-popover-font-size: 0.875rem;
     --bs-popover-bg: var(--bs-body-bg);
     --bs-popover-border-width: var(--bs-border-width);
     --bs-popover-border-color: var(--bs-border-color-translucent);
     --bs-popover-border-radius: var(--bs-border-radius-lg);
     --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
     --bs-popover-box-shadow: var(--bs-box-shadow);
     --bs-popover-header-padding-x: 1rem;
     --bs-popover-header-padding-y: 0.5rem;
     --bs-popover-header-font-size: 1rem;
     --bs-popover-header-color: inherit;
     --bs-popover-header-bg: var(--bs-secondary-bg);
     --bs-popover-body-padding-x: 1rem;
     --bs-popover-body-padding-y: 1rem;
     --bs-popover-body-color: var(--bs-body-color);
     --bs-popover-arrow-width: 1rem;
     --bs-popover-arrow-height: 0.5rem;
     --bs-popover-arrow-border: var(--bs-popover-border-color);
     z-index: var(--bs-popover-zindex);
     display: block;
     max-width: var(--bs-popover-max-width);
     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;
     white-space: normal;
     word-spacing: normal;
     line-break: auto;
     font-size: var(--bs-popover-font-size);
     word-wrap: break-word;
     background-color: var(--bs-popover-bg);
     background-clip: padding-box;
     border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
     border-radius: var(--bs-popover-border-radius)
 }

 .bootstrap5-wrapper .popover .popover-arrow {
     display: block;
     width: var(--bs-popover-arrow-width);
     height: var(--bs-popover-arrow-height)
 }

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

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
 .bootstrap5-wrapper .bs-popover-top>.popover-arrow {
     bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
 .bootstrap5-wrapper .bs-popover-top>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-top>.popover-arrow::before {
     border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
 .bootstrap5-wrapper .bs-popover-top>.popover-arrow::before {
     bottom: 0;
     border-top-color: var(--bs-popover-arrow-border)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-top>.popover-arrow::after {
     bottom: var(--bs-popover-border-width);
     border-top-color: var(--bs-popover-bg)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
 .bootstrap5-wrapper .bs-popover-end>.popover-arrow {
     left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
     width: var(--bs-popover-arrow-height);
     height: var(--bs-popover-arrow-width)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
 .bootstrap5-wrapper .bs-popover-end>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-end>.popover-arrow::before {
     border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
 .bootstrap5-wrapper .bs-popover-end>.popover-arrow::before {
     left: 0;
     border-right-color: var(--bs-popover-arrow-border)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-end>.popover-arrow::after {
     left: var(--bs-popover-border-width);
     border-right-color: var(--bs-popover-bg)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
 .bootstrap5-wrapper .bs-popover-bottom>.popover-arrow {
     top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
 .bootstrap5-wrapper .bs-popover-bottom>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-bottom>.popover-arrow::before {
     border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
 .bootstrap5-wrapper .bs-popover-bottom>.popover-arrow::before {
     top: 0;
     border-bottom-color: var(--bs-popover-arrow-border)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-bottom>.popover-arrow::after {
     top: var(--bs-popover-border-width);
     border-bottom-color: var(--bs-popover-bg)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
 .bootstrap5-wrapper .bs-popover-bottom .popover-header::before {
     position: absolute;
     top: 0;
     left: 50%;
     display: block;
     width: var(--bs-popover-arrow-width);
     margin-left: calc(-.5 * var(--bs-popover-arrow-width));
     content: "";
     border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
 .bootstrap5-wrapper .bs-popover-start>.popover-arrow {
     right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
     width: var(--bs-popover-arrow-height);
     height: var(--bs-popover-arrow-width)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
 .bootstrap5-wrapper .bs-popover-start>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-start>.popover-arrow::before {
     border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
 .bootstrap5-wrapper .bs-popover-start>.popover-arrow::before {
     right: 0;
     border-left-color: var(--bs-popover-arrow-border)
 }

 .bootstrap5-wrapper .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
 .bootstrap5-wrapper .bs-popover-start>.popover-arrow::after {
     right: var(--bs-popover-border-width);
     border-left-color: var(--bs-popover-bg)
 }

 .bootstrap5-wrapper .popover-header {
     padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
     margin-bottom: 0;
     font-size: var(--bs-popover-header-font-size);
     color: var(--bs-popover-header-color);
     background-color: var(--bs-popover-header-bg);
     border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
     border-top-left-radius: var(--bs-popover-inner-border-radius);
     border-top-right-radius: var(--bs-popover-inner-border-radius)
 }

 .bootstrap5-wrapper .popover-header:empty {
     display: none
 }

 .bootstrap5-wrapper .popover-body {
     padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
     color: var(--bs-popover-body-color)
 }

 .bootstrap5-wrapper .carousel {
     position: relative
 }

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

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

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

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

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

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

 .bootstrap5-wrapper .active.carousel-item-end,
 .bootstrap5-wrapper .carousel-item-next:not(.carousel-item-start) {
     transform: translateX(100%)
 }

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

 .bootstrap5-wrapper .carousel-fade .carousel-item {
     opacity: 0;
     transition-property: opacity;
     transform: none
 }

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

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

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

 .bootstrap5-wrapper .carousel-control-next,
 .bootstrap5-wrapper .carousel-control-prev {
     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: 0 0;
     filter: var(--bs-carousel-control-icon-filter);
     border: 0;
     opacity: .5;
     transition: opacity .15s ease
 }

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

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

 .bootstrap5-wrapper .carousel-control-prev {
     left: 0
 }

 .bootstrap5-wrapper .carousel-control-next {
     right: 0
 }

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

 .bootstrap5-wrapper .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 0'/%3e%3c/svg%3e")
 }

 .bootstrap5-wrapper .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-.708'/%3e%3c/svg%3e")
 }

 .bootstrap5-wrapper .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%
 }

 .bootstrap5-wrapper .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: var(--bs-carousel-indicator-active-bg);
     background-clip: padding-box;
     border: 0;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     opacity: .5;
     transition: opacity .6s ease
 }

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

 .bootstrap5-wrapper .carousel-indicators .active {
     opacity: 1
 }

 .bootstrap5-wrapper .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 1.25rem;
     left: 15%;
     padding-top: 1.25rem;
     padding-bottom: 1.25rem;
     color: var(--bs-carousel-caption-color);
     text-align: center
 }

 .bootstrap5-wrapper .carousel-dark {
     --bs-carousel-indicator-active-bg: #000;
     --bs-carousel-caption-color: #000;
     --bs-carousel-control-icon-filter: invert(1) grayscale(100)
 }

 :root,
 .bootstrap5-wrapper [data-bs-theme=light] {
     --bs-carousel-indicator-active-bg: #fff;
     --bs-carousel-caption-color: #fff;
     --bs-carousel-control-icon-filter:
 }

 .bootstrap5-wrapper [data-bs-theme=dark] {
     --bs-carousel-indicator-active-bg: #000;
     --bs-carousel-caption-color: #000;
     --bs-carousel-control-icon-filter: invert(1) grayscale(100)
 }

 .bootstrap5-wrapper .spinner-border,
 .bootstrap5-wrapper .spinner-grow {
     display: inline-block;
     flex-shrink: 0;
     width: var(--bs-spinner-width);
     height: var(--bs-spinner-height);
     vertical-align: var(--bs-spinner-vertical-align);
     border-radius: 50%;
     animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
 }

 @keyframes spinner-border {
     to {
         transform: rotate(360deg)
     }
 }

 .bootstrap5-wrapper .spinner-border {
     --bs-spinner-width: 2rem;
     --bs-spinner-height: 2rem;
     --bs-spinner-vertical-align: -0.125em;
     --bs-spinner-border-width: 0.25em;
     --bs-spinner-animation-speed: 0.75s;
     --bs-spinner-animation-name: spinner-border;
     border: var(--bs-spinner-border-width) solid currentcolor;
     border-right-color: transparent
 }

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

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

 .bootstrap5-wrapper .spinner-grow {
     --bs-spinner-width: 2rem;
     --bs-spinner-height: 2rem;
     --bs-spinner-vertical-align: -0.125em;
     --bs-spinner-animation-speed: 0.75s;
     --bs-spinner-animation-name: spinner-grow;
     background-color: currentcolor;
     opacity: 0
 }

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

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .spinner-border,
     .bootstrap5-wrapper .spinner-grow {
         --bs-spinner-animation-speed: 1.5s
     }
 }

 .bootstrap5-wrapper .offcanvas,
 .bootstrap5-wrapper .offcanvas-lg,
 .bootstrap5-wrapper .offcanvas-md,
 .bootstrap5-wrapper .offcanvas-sm,
 .bootstrap5-wrapper .offcanvas-xl,
 .bootstrap5-wrapper .offcanvas-xxl {
     --bs-offcanvas-zindex: 1045;
     --bs-offcanvas-width: 400px;
     --bs-offcanvas-height: 30vh;
     --bs-offcanvas-padding-x: 1rem;
     --bs-offcanvas-padding-y: 1rem;
     --bs-offcanvas-color: var(--bs-body-color);
     --bs-offcanvas-bg: var(--bs-body-bg);
     --bs-offcanvas-border-width: var(--bs-border-width);
     --bs-offcanvas-border-color: var(--bs-border-color-translucent);
     --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
     --bs-offcanvas-transition: transform 0.3s ease-in-out;
     --bs-offcanvas-title-line-height: 1.5
 }

 @media (max-width:575.98px) {
     .bootstrap5-wrapper .offcanvas-sm {
         position: fixed;
         bottom: 0;
         z-index: var(--bs-offcanvas-zindex);
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: var(--bs-offcanvas-transition)
     }
 }

 @media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .offcanvas-sm {
         transition: none
     }
 }

 @media (max-width:575.98px) {
     .bootstrap5-wrapper .offcanvas-sm.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
     .bootstrap5-wrapper .offcanvas-sm.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
     .bootstrap5-wrapper .offcanvas-sm.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
     .bootstrap5-wrapper .offcanvas-sm.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
     .bootstrap5-wrapper .offcanvas-sm.show:not(.hiding),
     .bootstrap5-wrapper .offcanvas-sm.showing {
         transform: none
     }
     .bootstrap5-wrapper .offcanvas-sm.hiding,
     .bootstrap5-wrapper .offcanvas-sm.show,
     .bootstrap5-wrapper .offcanvas-sm.showing {
         visibility: visible
     }
 }

 @media (min-width:576px) {
     .bootstrap5-wrapper .offcanvas-sm {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }
     .bootstrap5-wrapper .offcanvas-sm .offcanvas-header {
         display: none
     }
     .bootstrap5-wrapper .offcanvas-sm .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 @media (max-width:767.98px) {
     .bootstrap5-wrapper .offcanvas-md {
         position: fixed;
         bottom: 0;
         z-index: var(--bs-offcanvas-zindex);
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: var(--bs-offcanvas-transition)
     }
 }

 @media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .offcanvas-md {
         transition: none
     }
 }

 @media (max-width:767.98px) {
     .bootstrap5-wrapper .offcanvas-md.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
     .bootstrap5-wrapper .offcanvas-md.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
     .bootstrap5-wrapper .offcanvas-md.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
     .bootstrap5-wrapper .offcanvas-md.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
     .bootstrap5-wrapper .offcanvas-md.show:not(.hiding),
     .bootstrap5-wrapper .offcanvas-md.showing {
         transform: none
     }
     .bootstrap5-wrapper .offcanvas-md.hiding,
     .bootstrap5-wrapper .offcanvas-md.show,
     .bootstrap5-wrapper .offcanvas-md.showing {
         visibility: visible
     }
 }

 @media (min-width:768px) {
     .bootstrap5-wrapper .offcanvas-md {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }
     .bootstrap5-wrapper .offcanvas-md .offcanvas-header {
         display: none
     }
     .bootstrap5-wrapper .offcanvas-md .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 @media (max-width:991.98px) {
     .bootstrap5-wrapper .offcanvas-lg {
         position: fixed;
         bottom: 0;
         z-index: var(--bs-offcanvas-zindex);
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: var(--bs-offcanvas-transition)
     }
 }

 @media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .offcanvas-lg {
         transition: none
     }
 }

 @media (max-width:991.98px) {
     .bootstrap5-wrapper .offcanvas-lg.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
     .bootstrap5-wrapper .offcanvas-lg.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
     .bootstrap5-wrapper .offcanvas-lg.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
     .bootstrap5-wrapper .offcanvas-lg.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
     .bootstrap5-wrapper .offcanvas-lg.show:not(.hiding),
     .bootstrap5-wrapper .offcanvas-lg.showing {
         transform: none
     }
     .bootstrap5-wrapper .offcanvas-lg.hiding,
     .bootstrap5-wrapper .offcanvas-lg.show,
     .bootstrap5-wrapper .offcanvas-lg.showing {
         visibility: visible
     }
 }

 @media (min-width:992px) {
     .bootstrap5-wrapper .offcanvas-lg {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }
     .bootstrap5-wrapper .offcanvas-lg .offcanvas-header {
         display: none
     }
     .bootstrap5-wrapper .offcanvas-lg .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 @media (max-width:1199.98px) {
     .bootstrap5-wrapper .offcanvas-xl {
         position: fixed;
         bottom: 0;
         z-index: var(--bs-offcanvas-zindex);
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: var(--bs-offcanvas-transition)
     }
 }

 @media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .offcanvas-xl {
         transition: none
     }
 }

 @media (max-width:1199.98px) {
     .bootstrap5-wrapper .offcanvas-xl.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
     .bootstrap5-wrapper .offcanvas-xl.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
     .bootstrap5-wrapper .offcanvas-xl.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
     .bootstrap5-wrapper .offcanvas-xl.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
     .bootstrap5-wrapper .offcanvas-xl.show:not(.hiding),
     .bootstrap5-wrapper .offcanvas-xl.showing {
         transform: none
     }
     .bootstrap5-wrapper .offcanvas-xl.hiding,
     .bootstrap5-wrapper .offcanvas-xl.show,
     .bootstrap5-wrapper .offcanvas-xl.showing {
         visibility: visible
     }
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .offcanvas-xl {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }
     .bootstrap5-wrapper .offcanvas-xl .offcanvas-header {
         display: none
     }
     .bootstrap5-wrapper .offcanvas-xl .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 @media (max-width:1399.98px) {
     .bootstrap5-wrapper .offcanvas-xxl {
         position: fixed;
         bottom: 0;
         z-index: var(--bs-offcanvas-zindex);
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: var(--bs-offcanvas-transition)
     }
 }

 @media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .offcanvas-xxl {
         transition: none
     }
 }

 @media (max-width:1399.98px) {
     .bootstrap5-wrapper .offcanvas-xxl.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
     .bootstrap5-wrapper .offcanvas-xxl.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
     .bootstrap5-wrapper .offcanvas-xxl.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
     .bootstrap5-wrapper .offcanvas-xxl.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
     .bootstrap5-wrapper .offcanvas-xxl.show:not(.hiding),
     .bootstrap5-wrapper .offcanvas-xxl.showing {
         transform: none
     }
     .bootstrap5-wrapper .offcanvas-xxl.hiding,
     .bootstrap5-wrapper .offcanvas-xxl.show,
     .bootstrap5-wrapper .offcanvas-xxl.showing {
         visibility: visible
     }
 }

 @media (min-width:1400px) {
     .bootstrap5-wrapper .offcanvas-xxl {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }
     .bootstrap5-wrapper .offcanvas-xxl .offcanvas-header {
         display: none
     }
     .bootstrap5-wrapper .offcanvas-xxl .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 .bootstrap5-wrapper .offcanvas {
     position: fixed;
     bottom: 0;
     z-index: var(--bs-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
     color: var(--bs-offcanvas-color);
     visibility: hidden;
     background-color: var(--bs-offcanvas-bg);
     background-clip: padding-box;
     outline: 0;
     transition: var(--bs-offcanvas-transition)
 }

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

 .bootstrap5-wrapper .offcanvas.offcanvas-start {
     top: 0;
     left: 0;
     width: var(--bs-offcanvas-width);
     border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateX(-100%)
 }

 .bootstrap5-wrapper .offcanvas.offcanvas-end {
     top: 0;
     right: 0;
     width: var(--bs-offcanvas-width);
     border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateX(100%)
 }

 .bootstrap5-wrapper .offcanvas.offcanvas-top {
     top: 0;
     right: 0;
     left: 0;
     height: var(--bs-offcanvas-height);
     max-height: 100%;
     border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(-100%)
 }

 .bootstrap5-wrapper .offcanvas.offcanvas-bottom {
     right: 0;
     left: 0;
     height: var(--bs-offcanvas-height);
     max-height: 100%;
     border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(100%)
 }

 .bootstrap5-wrapper .offcanvas.show:not(.hiding),
 .bootstrap5-wrapper .offcanvas.showing {
     transform: none
 }

 .bootstrap5-wrapper .offcanvas.hiding,
 .bootstrap5-wrapper .offcanvas.show,
 .bootstrap5-wrapper .offcanvas.showing {
     visibility: visible
 }

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

 .bootstrap5-wrapper .offcanvas-backdrop.fade {
     opacity: 0
 }

 .bootstrap5-wrapper .offcanvas-backdrop.show {
     opacity: .5
 }

 .bootstrap5-wrapper .offcanvas-header {
     display: flex;
     align-items: center;
     padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
 }

 .bootstrap5-wrapper .offcanvas-header .btn-close {
     padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
     margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
     margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
     margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
     margin-left: auto
 }

 .bootstrap5-wrapper .offcanvas-title {
     margin-bottom: 0;
     line-height: var(--bs-offcanvas-title-line-height)
 }

 .bootstrap5-wrapper .offcanvas-body {
     flex-grow: 1;
     padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
     overflow-y: auto
 }

 .bootstrap5-wrapper .placeholder {
     display: inline-block;
     min-height: 1em;
     vertical-align: middle;
     cursor: wait;
     background-color: currentcolor;
     opacity: .5
 }

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

 .bootstrap5-wrapper .placeholder-xs {
     min-height: .6em
 }

 .bootstrap5-wrapper .placeholder-sm {
     min-height: .8em
 }

 .bootstrap5-wrapper .placeholder-lg {
     min-height: 1.2em
 }

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

 @keyframes placeholder-glow {
     50% {
         opacity: .2
     }
 }

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

 @keyframes placeholder-wave {
     100% {
         -webkit-mask-position: -200% 0%;
         mask-position: -200% 0%
     }
 }

 .bootstrap5-wrapper .clearfix::after {
     display: block;
     clear: both;
     content: ""
 }

 .bootstrap5-wrapper .text-bg-primary {
     color: #fff !important;
     background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
 }

 .bootstrap5-wrapper .text-bg-secondary {
     color: #fff !important;
     background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
 }

 .bootstrap5-wrapper .text-bg-success {
     color: #fff !important;
     background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
 }

 .bootstrap5-wrapper .text-bg-info {
     color: #000 !important;
     background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
 }

 .bootstrap5-wrapper .text-bg-warning {
     color: #000 !important;
     background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
 }

 .bootstrap5-wrapper .text-bg-danger {
     color: #fff !important;
     background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
 }

 .bootstrap5-wrapper .text-bg-light {
     color: #000 !important;
     background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
 }

 .bootstrap5-wrapper .text-bg-dark {
     color: #fff !important;
     background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-primary {
     color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-primary:focus,
 .bootstrap5-wrapper .link-primary:hover {
     color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-secondary {
     color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-secondary:focus,
 .bootstrap5-wrapper .link-secondary:hover {
     color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-success {
     color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-success:focus,
 .bootstrap5-wrapper .link-success:hover {
     color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-info {
     color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-info:focus,
 .bootstrap5-wrapper .link-info:hover {
     color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-warning {
     color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-warning:focus,
 .bootstrap5-wrapper .link-warning:hover {
     color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-danger {
     color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-danger:focus,
 .bootstrap5-wrapper .link-danger:hover {
     color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-light {
     color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-light:focus,
 .bootstrap5-wrapper .link-light:hover {
     color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-dark {
     color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-dark:focus,
 .bootstrap5-wrapper .link-dark:hover {
     color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-body-emphasis {
     color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-body-emphasis:focus,
 .bootstrap5-wrapper .link-body-emphasis:hover {
     color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
     -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
     text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important
 }

 .bootstrap5-wrapper .focus-ring:focus {
     outline: 0;
     box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
 }

 .bootstrap5-wrapper .icon-link {
     display: inline-flex;
     gap: .375rem;
     align-items: center;
     -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
     text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
     text-underline-offset: 0.25em;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .bootstrap5-wrapper .icon-link>.bi {
     flex-shrink: 0;
     width: 1em;
     height: 1em;
     fill: currentcolor;
     transition: .2s ease-in-out transform
 }

 @media (prefers-reduced-motion:reduce) {
     .bootstrap5-wrapper .icon-link>.bi {
         transition: none
     }
 }

 .bootstrap5-wrapper .icon-link-hover:focus-visible>.bi,
 .bootstrap5-wrapper .icon-link-hover:hover>.bi {
     transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
 }

 .bootstrap5-wrapper .ratio {
     position: relative;
     width: 100%
 }

 .bootstrap5-wrapper .ratio::before {
     display: block;
     padding-top: var(--bs-aspect-ratio);
     content: ""
 }

 .bootstrap5-wrapper .ratio>* {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .bootstrap5-wrapper .ratio-1x1 {
     --bs-aspect-ratio: 100%
 }

 .bootstrap5-wrapper .ratio-4x3 {
     --bs-aspect-ratio: 75%
 }

 .bootstrap5-wrapper .ratio-16x9 {
     --bs-aspect-ratio: 56.25%
 }

 .bootstrap5-wrapper .ratio-21x9 {
     --bs-aspect-ratio: 42.8571428571%
 }

 .bootstrap5-wrapper .fixed-top {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030
 }

 .bootstrap5-wrapper .fixed-bottom {
     position: fixed;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1030
 }

 .bootstrap5-wrapper .sticky-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020
 }

 .bootstrap5-wrapper .sticky-bottom {
     position: -webkit-sticky;
     position: sticky;
     bottom: 0;
     z-index: 1020
 }

 @media (min-width:576px) {
     .bootstrap5-wrapper .sticky-sm-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }
     .bootstrap5-wrapper .sticky-sm-bottom {
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         z-index: 1020
     }
 }

 @media (min-width:768px) {
     .bootstrap5-wrapper .sticky-md-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }
     .bootstrap5-wrapper .sticky-md-bottom {
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         z-index: 1020
     }
 }

 @media (min-width:992px) {
     .bootstrap5-wrapper .sticky-lg-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }
     .bootstrap5-wrapper .sticky-lg-bottom {
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         z-index: 1020
     }
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .sticky-xl-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }
     .bootstrap5-wrapper .sticky-xl-bottom {
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         z-index: 1020
     }
 }

 @media (min-width:1400px) {
     .bootstrap5-wrapper .sticky-xxl-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }
     .bootstrap5-wrapper .sticky-xxl-bottom {
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         z-index: 1020
     }
 }

 .bootstrap5-wrapper .hstack {
     display: flex;
     flex-direction: row;
     align-items: center;
     align-self: stretch
 }

 .bootstrap5-wrapper .vstack {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     align-self: stretch
 }

 .bootstrap5-wrapper .visually-hidden,
 .bootstrap5-wrapper .visually-hidden-focusable:not(:focus):not(:focus-within) {
     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
 }

 .bootstrap5-wrapper .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
 .bootstrap5-wrapper .visually-hidden:not(caption) {
     position: absolute !important
 }

 .bootstrap5-wrapper .visually-hidden *,
 .bootstrap5-wrapper .visually-hidden-focusable:not(:focus):not(:focus-within) * {
     overflow: hidden !important
 }

 .bootstrap5-wrapper .stretched-link::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     content: ""
 }

 .bootstrap5-wrapper .text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .bootstrap5-wrapper .vr {
     display: inline-block;
     align-self: stretch;
     width: var(--bs-border-width);
     min-height: 1em;
     background-color: currentcolor;
     opacity: .25
 }

 .bootstrap5-wrapper .align-baseline {
     vertical-align: baseline !important
 }

 .bootstrap5-wrapper .align-top {
     vertical-align: top !important
 }

 .bootstrap5-wrapper .align-middle {
     vertical-align: middle !important
 }

 .bootstrap5-wrapper .align-bottom {
     vertical-align: bottom !important
 }

 .bootstrap5-wrapper .align-text-bottom {
     vertical-align: text-bottom !important
 }

 .bootstrap5-wrapper .align-text-top {
     vertical-align: text-top !important
 }

 .bootstrap5-wrapper .float-start {
     float: left !important
 }

 .bootstrap5-wrapper .float-end {
     float: right !important
 }

 .bootstrap5-wrapper .float-none {
     float: none !important
 }

 .bootstrap5-wrapper .object-fit-contain {
     -o-object-fit: contain !important;
     object-fit: contain !important
 }

 .bootstrap5-wrapper .object-fit-cover {
     -o-object-fit: cover !important;
     object-fit: cover !important
 }

 .bootstrap5-wrapper .object-fit-fill {
     -o-object-fit: fill !important;
     object-fit: fill !important
 }

 .bootstrap5-wrapper .object-fit-scale {
     -o-object-fit: scale-down !important;
     object-fit: scale-down !important
 }

 .bootstrap5-wrapper .object-fit-none {
     -o-object-fit: none !important;
     object-fit: none !important
 }

 .bootstrap5-wrapper .opacity-0 {
     opacity: 0 !important
 }

 .bootstrap5-wrapper .opacity-25 {
     opacity: .25 !important
 }

 .bootstrap5-wrapper .opacity-50 {
     opacity: .5 !important
 }

 .bootstrap5-wrapper .opacity-75 {
     opacity: .75 !important
 }

 .bootstrap5-wrapper .opacity-100 {
     opacity: 1 !important
 }

 .bootstrap5-wrapper .overflow-auto {
     overflow: auto !important
 }

 .bootstrap5-wrapper .overflow-hidden {
     overflow: hidden !important
 }

 .bootstrap5-wrapper .overflow-visible {
     overflow: visible !important
 }

 .bootstrap5-wrapper .overflow-scroll {
     overflow: scroll !important
 }

 .bootstrap5-wrapper .overflow-x-auto {
     overflow-x: auto !important
 }

 .bootstrap5-wrapper .overflow-x-hidden {
     overflow-x: hidden !important
 }

 .bootstrap5-wrapper .overflow-x-visible {
     overflow-x: visible !important
 }

 .bootstrap5-wrapper .overflow-x-scroll {
     overflow-x: scroll !important
 }

 .bootstrap5-wrapper .overflow-y-auto {
     overflow-y: auto !important
 }

 .bootstrap5-wrapper .overflow-y-hidden {
     overflow-y: hidden !important
 }

 .bootstrap5-wrapper .overflow-y-visible {
     overflow-y: visible !important
 }

 .bootstrap5-wrapper .overflow-y-scroll {
     overflow-y: scroll !important
 }

 .bootstrap5-wrapper .d-inline {
     display: inline !important
 }

 .bootstrap5-wrapper .d-inline-block {
     display: inline-block !important
 }

 .bootstrap5-wrapper .d-block {
     display: block !important
 }

 .bootstrap5-wrapper .d-grid {
     display: grid !important
 }

 .bootstrap5-wrapper .d-inline-grid {
     display: inline-grid !important
 }

 .bootstrap5-wrapper .d-table {
     display: table !important
 }

 .bootstrap5-wrapper .d-table-row {
     display: table-row !important
 }

 .bootstrap5-wrapper .d-table-cell {
     display: table-cell !important
 }

 .bootstrap5-wrapper .d-flex {
     display: flex !important
 }

 .bootstrap5-wrapper .d-inline-flex {
     display: inline-flex !important
 }

 .bootstrap5-wrapper .d-none {
     display: none !important
 }

 .bootstrap5-wrapper .shadow {
     box-shadow: var(--bs-box-shadow) !important
 }

 .bootstrap5-wrapper .shadow-sm {
     box-shadow: var(--bs-box-shadow-sm) !important
 }

 .bootstrap5-wrapper .shadow-lg {
     box-shadow: var(--bs-box-shadow-lg) !important
 }

 .bootstrap5-wrapper .shadow-none {
     box-shadow: none !important
 }

 .bootstrap5-wrapper .focus-ring-primary {
     --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
 }

 .bootstrap5-wrapper .focus-ring-secondary {
     --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
 }

 .bootstrap5-wrapper .focus-ring-success {
     --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
 }

 .bootstrap5-wrapper .focus-ring-info {
     --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
 }

 .bootstrap5-wrapper .focus-ring-warning {
     --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
 }

 .bootstrap5-wrapper .focus-ring-danger {
     --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
 }

 .bootstrap5-wrapper .focus-ring-light {
     --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
 }

 .bootstrap5-wrapper .focus-ring-dark {
     --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
 }

 .bootstrap5-wrapper .position-static {
     position: static !important
 }

 .bootstrap5-wrapper .position-relative {
     position: relative !important
 }

 .bootstrap5-wrapper .position-absolute {
     position: absolute !important
 }

 .bootstrap5-wrapper .position-fixed {
     position: fixed !important
 }

 .bootstrap5-wrapper .position-sticky {
     position: -webkit-sticky !important;
     position: sticky !important
 }

 .bootstrap5-wrapper .top-0 {
     top: 0 !important
 }

 .bootstrap5-wrapper .top-50 {
     top: 50% !important
 }

 .bootstrap5-wrapper .top-100 {
     top: 100% !important
 }

 .bootstrap5-wrapper .bottom-0 {
     bottom: 0 !important
 }

 .bootstrap5-wrapper .bottom-50 {
     bottom: 50% !important
 }

 .bootstrap5-wrapper .bottom-100 {
     bottom: 100% !important
 }

 .bootstrap5-wrapper .start-0 {
     left: 0 !important
 }

 .bootstrap5-wrapper .start-50 {
     left: 50% !important
 }

 .bootstrap5-wrapper .start-100 {
     left: 100% !important
 }

 .bootstrap5-wrapper .end-0 {
     right: 0 !important
 }

 .bootstrap5-wrapper .end-50 {
     right: 50% !important
 }

 .bootstrap5-wrapper .end-100 {
     right: 100% !important
 }

 .bootstrap5-wrapper .translate-middle {
     transform: translate(-50%, -50%) !important
 }

 .bootstrap5-wrapper .translate-middle-x {
     transform: translateX(-50%) !important
 }

 .bootstrap5-wrapper .translate-middle-y {
     transform: translateY(-50%) !important
 }

 .bootstrap5-wrapper .border {
     border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .bootstrap5-wrapper .border-0 {
     border: 0 !important
 }

 .bootstrap5-wrapper .border-top {
     border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .bootstrap5-wrapper .border-top-0 {
     border-top: 0 !important
 }

 .bootstrap5-wrapper .border-end {
     border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .bootstrap5-wrapper .border-end-0 {
     border-right: 0 !important
 }

 .bootstrap5-wrapper .border-bottom {
     border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .bootstrap5-wrapper .border-bottom-0 {
     border-bottom: 0 !important
 }

 .bootstrap5-wrapper .border-start {
     border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .bootstrap5-wrapper .border-start-0 {
     border-left: 0 !important
 }

 .bootstrap5-wrapper .border-primary {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-secondary {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-success {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-info {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-warning {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-danger {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-light {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-dark {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-black {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-white {
     --bs-border-opacity: 1;
     border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
 }

 .bootstrap5-wrapper .border-primary-subtle {
     border-color: var(--bs-primary-border-subtle) !important
 }

 .bootstrap5-wrapper .border-secondary-subtle {
     border-color: var(--bs-secondary-border-subtle) !important
 }

 .bootstrap5-wrapper .border-success-subtle {
     border-color: var(--bs-success-border-subtle) !important
 }

 .bootstrap5-wrapper .border-info-subtle {
     border-color: var(--bs-info-border-subtle) !important
 }

 .bootstrap5-wrapper .border-warning-subtle {
     border-color: var(--bs-warning-border-subtle) !important
 }

 .bootstrap5-wrapper .border-danger-subtle {
     border-color: var(--bs-danger-border-subtle) !important
 }

 .bootstrap5-wrapper .border-light-subtle {
     border-color: var(--bs-light-border-subtle) !important
 }

 .bootstrap5-wrapper .border-dark-subtle {
     border-color: var(--bs-dark-border-subtle) !important
 }

 .bootstrap5-wrapper .border-1 {
     border-width: 1px !important
 }

 .bootstrap5-wrapper .border-2 {
     border-width: 2px !important
 }

 .bootstrap5-wrapper .border-3 {
     border-width: 3px !important
 }

 .bootstrap5-wrapper .border-4 {
     border-width: 4px !important
 }

 .bootstrap5-wrapper .border-5 {
     border-width: 5px !important
 }

 .bootstrap5-wrapper .border-opacity-10 {
     --bs-border-opacity: 0.1
 }

 .bootstrap5-wrapper .border-opacity-25 {
     --bs-border-opacity: 0.25
 }

 .bootstrap5-wrapper .border-opacity-50 {
     --bs-border-opacity: 0.5
 }

 .bootstrap5-wrapper .border-opacity-75 {
     --bs-border-opacity: 0.75
 }

 .bootstrap5-wrapper .border-opacity-100 {
     --bs-border-opacity: 1
 }

 .bootstrap5-wrapper .w-25 {
     width: 25% !important
 }

 .bootstrap5-wrapper .w-50 {
     width: 50% !important
 }

 .bootstrap5-wrapper .w-75 {
     width: 75% !important
 }

 .bootstrap5-wrapper .w-100 {
     width: 100% !important
 }

 .bootstrap5-wrapper .w-auto {
     width: auto !important
 }

 .bootstrap5-wrapper .mw-100 {
     max-width: 100% !important
 }

 .bootstrap5-wrapper .vw-100 {
     width: 100vw !important
 }

 .bootstrap5-wrapper .min-vw-100 {
     min-width: 100vw !important
 }

 .bootstrap5-wrapper .h-25 {
     height: 25% !important
 }

 .bootstrap5-wrapper .h-50 {
     height: 50% !important
 }

 .bootstrap5-wrapper .h-75 {
     height: 75% !important
 }

 .bootstrap5-wrapper .h-100 {
     height: 100% !important
 }

 .bootstrap5-wrapper .h-auto {
     height: auto !important
 }

 .bootstrap5-wrapper .mh-100 {
     max-height: 100% !important
 }

 .bootstrap5-wrapper .vh-100 {
     height: 100vh !important
 }

 .bootstrap5-wrapper .min-vh-100 {
     min-height: 100vh !important
 }

 .bootstrap5-wrapper .flex-fill {
     flex: 1 1 auto !important
 }

 .bootstrap5-wrapper .flex-row {
     flex-direction: row !important
 }

 .bootstrap5-wrapper .flex-column {
     flex-direction: column !important
 }

 .bootstrap5-wrapper .flex-row-reverse {
     flex-direction: row-reverse !important
 }

 .bootstrap5-wrapper .flex-column-reverse {
     flex-direction: column-reverse !important
 }

 .bootstrap5-wrapper .flex-grow-0 {
     flex-grow: 0 !important
 }

 .bootstrap5-wrapper .flex-grow-1 {
     flex-grow: 1 !important
 }

 .bootstrap5-wrapper .flex-shrink-0 {
     flex-shrink: 0 !important
 }

 .bootstrap5-wrapper .flex-shrink-1 {
     flex-shrink: 1 !important
 }

 .bootstrap5-wrapper .flex-wrap {
     flex-wrap: wrap !important
 }

 .bootstrap5-wrapper .flex-nowrap {
     flex-wrap: nowrap !important
 }

 .bootstrap5-wrapper .flex-wrap-reverse {
     flex-wrap: wrap-reverse !important
 }

 .bootstrap5-wrapper .justify-content-start {
     justify-content: flex-start !important
 }

 .bootstrap5-wrapper .justify-content-end {
     justify-content: flex-end !important
 }

 .bootstrap5-wrapper .justify-content-center {
     justify-content: center !important
 }

 .bootstrap5-wrapper .justify-content-between {
     justify-content: space-between !important
 }

 .bootstrap5-wrapper .justify-content-around {
     justify-content: space-around !important
 }

 .bootstrap5-wrapper .justify-content-evenly {
     justify-content: space-evenly !important
 }

 .bootstrap5-wrapper .align-items-start {
     align-items: flex-start !important
 }

 .bootstrap5-wrapper .align-items-end {
     align-items: flex-end !important
 }

 .bootstrap5-wrapper .align-items-center {
     align-items: center !important
 }

 .bootstrap5-wrapper .align-items-baseline {
     align-items: baseline !important
 }

 .bootstrap5-wrapper .align-items-stretch {
     align-items: stretch !important
 }

 .bootstrap5-wrapper .align-content-start {
     align-content: flex-start !important
 }

 .bootstrap5-wrapper .align-content-end {
     align-content: flex-end !important
 }

 .bootstrap5-wrapper .align-content-center {
     align-content: center !important
 }

 .bootstrap5-wrapper .align-content-between {
     align-content: space-between !important
 }

 .bootstrap5-wrapper .align-content-around {
     align-content: space-around !important
 }

 .bootstrap5-wrapper .align-content-stretch {
     align-content: stretch !important
 }

 .bootstrap5-wrapper .align-self-auto {
     align-self: auto !important
 }

 .bootstrap5-wrapper .align-self-start {
     align-self: flex-start !important
 }

 .bootstrap5-wrapper .align-self-end {
     align-self: flex-end !important
 }

 .bootstrap5-wrapper .align-self-center {
     align-self: center !important
 }

 .bootstrap5-wrapper .align-self-baseline {
     align-self: baseline !important
 }

 .bootstrap5-wrapper .align-self-stretch {
     align-self: stretch !important
 }

 .bootstrap5-wrapper .order-first {
     order: -1 !important
 }

 .bootstrap5-wrapper .order-0 {
     order: 0 !important
 }

 .bootstrap5-wrapper .order-1 {
     order: 1 !important
 }

 .bootstrap5-wrapper .order-2 {
     order: 2 !important
 }

 .bootstrap5-wrapper .order-3 {
     order: 3 !important
 }

 .bootstrap5-wrapper .order-4 {
     order: 4 !important
 }

 .bootstrap5-wrapper .order-5 {
     order: 5 !important
 }

 .bootstrap5-wrapper .order-last {
     order: 6 !important
 }

 .bootstrap5-wrapper .m-0 {
     margin: 0 !important
 }

 .bootstrap5-wrapper .m-1 {
     margin: .25rem !important
 }

 .bootstrap5-wrapper .m-2 {
     margin: .5rem !important
 }

 .bootstrap5-wrapper .m-3 {
     margin: 1rem !important
 }

 .bootstrap5-wrapper .m-4 {
     margin: 1.5rem !important
 }

 .bootstrap5-wrapper .m-5 {
     margin: 3rem !important
 }

 .bootstrap5-wrapper .m-auto {
     margin: auto !important
 }

 .bootstrap5-wrapper .mx-0 {
     margin-right: 0 !important;
     margin-left: 0 !important
 }

 .bootstrap5-wrapper .mx-1 {
     margin-right: .25rem !important;
     margin-left: .25rem !important
 }

 .bootstrap5-wrapper .mx-2 {
     margin-right: .5rem !important;
     margin-left: .5rem !important
 }

 .bootstrap5-wrapper .mx-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important
 }

 .bootstrap5-wrapper .mx-4 {
     margin-right: 1.5rem !important;
     margin-left: 1.5rem !important
 }

 .bootstrap5-wrapper .mx-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important
 }

 .bootstrap5-wrapper .mx-auto {
     margin-right: auto !important;
     margin-left: auto !important
 }

 .bootstrap5-wrapper .my-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important
 }

 .bootstrap5-wrapper .my-1 {
     margin-top: .25rem !important;
     margin-bottom: .25rem !important
 }

 .bootstrap5-wrapper .my-2 {
     margin-top: .5rem !important;
     margin-bottom: .5rem !important
 }

 .bootstrap5-wrapper .my-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important
 }

 .bootstrap5-wrapper .my-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important
 }

 .bootstrap5-wrapper .my-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important
 }

 .bootstrap5-wrapper .my-auto {
     margin-top: auto !important;
     margin-bottom: auto !important
 }

 .bootstrap5-wrapper .mt-0 {
     margin-top: 0 !important
 }

 .bootstrap5-wrapper .mt-1 {
     margin-top: .25rem !important
 }

 .bootstrap5-wrapper .mt-2 {
     margin-top: .5rem !important
 }

 .bootstrap5-wrapper .mt-3 {
     margin-top: 1rem !important
 }

 .bootstrap5-wrapper .mt-4 {
     margin-top: 1.5rem !important
 }

 .bootstrap5-wrapper .mt-5 {
     margin-top: 3rem !important
 }

 .bootstrap5-wrapper .mt-auto {
     margin-top: auto !important
 }

 .bootstrap5-wrapper .me-0 {
     margin-right: 0 !important
 }

 .bootstrap5-wrapper .me-1 {
     margin-right: .25rem !important
 }

 .bootstrap5-wrapper .me-2 {
     margin-right: .5rem !important
 }

 .bootstrap5-wrapper .me-3 {
     margin-right: 1rem !important
 }

 .bootstrap5-wrapper .me-4 {
     margin-right: 1.5rem !important
 }

 .bootstrap5-wrapper .me-5 {
     margin-right: 3rem !important
 }

 .bootstrap5-wrapper .me-auto {
     margin-right: auto !important
 }

 .bootstrap5-wrapper .mb-0 {
     margin-bottom: 0 !important
 }

 .bootstrap5-wrapper .mb-1 {
     margin-bottom: .25rem !important
 }

 .bootstrap5-wrapper .mb-2 {
     margin-bottom: .5rem !important
 }

 .bootstrap5-wrapper .mb-3 {
     margin-bottom: 1rem !important
 }

 .bootstrap5-wrapper .mb-4 {
     margin-bottom: 1.5rem !important
 }

 .bootstrap5-wrapper .mb-5 {
     margin-bottom: 3rem !important
 }

 .bootstrap5-wrapper .mb-auto {
     margin-bottom: auto !important
 }

 .bootstrap5-wrapper .ms-0 {
     margin-left: 0 !important
 }

 .bootstrap5-wrapper .ms-1 {
     margin-left: .25rem !important
 }

 .bootstrap5-wrapper .ms-2 {
     margin-left: .5rem !important
 }

 .bootstrap5-wrapper .ms-3 {
     margin-left: 1rem !important
 }

 .bootstrap5-wrapper .ms-4 {
     margin-left: 1.5rem !important
 }

 .bootstrap5-wrapper .ms-5 {
     margin-left: 3rem !important
 }

 .bootstrap5-wrapper .ms-auto {
     margin-left: auto !important
 }

 .bootstrap5-wrapper .p-0 {
     padding: 0 !important
 }

 .bootstrap5-wrapper .p-1 {
     padding: .25rem !important
 }

 .bootstrap5-wrapper .p-2 {
     padding: .5rem !important
 }

 .bootstrap5-wrapper .p-3 {
     padding: 1rem !important
 }

 .bootstrap5-wrapper .p-4 {
     padding: 1.5rem !important
 }

 .bootstrap5-wrapper .p-5 {
     padding: 3rem !important
 }

 .bootstrap5-wrapper .px-0 {
     padding-right: 0 !important;
     padding-left: 0 !important
 }

 .bootstrap5-wrapper .px-1 {
     padding-right: .25rem !important;
     padding-left: .25rem !important
 }

 .bootstrap5-wrapper .px-2 {
     padding-right: .5rem !important;
     padding-left: .5rem !important
 }

 .bootstrap5-wrapper .px-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important
 }

 .bootstrap5-wrapper .px-4 {
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important
 }

 .bootstrap5-wrapper .px-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important
 }

 .bootstrap5-wrapper .py-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important
 }

 .bootstrap5-wrapper .py-1 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important
 }

 .bootstrap5-wrapper .py-2 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important
 }

 .bootstrap5-wrapper .py-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important
 }

 .bootstrap5-wrapper .py-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important
 }

 .bootstrap5-wrapper .py-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important
 }

 .bootstrap5-wrapper .pt-0 {
     padding-top: 0 !important
 }

 .bootstrap5-wrapper .pt-1 {
     padding-top: .25rem !important
 }

 .bootstrap5-wrapper .pt-2 {
     padding-top: .5rem !important
 }

 .bootstrap5-wrapper .pt-3 {
     padding-top: 1rem !important
 }

 .bootstrap5-wrapper .pt-4 {
     padding-top: 1.5rem !important
 }

 .bootstrap5-wrapper .pt-5 {
     padding-top: 3rem !important
 }

 .bootstrap5-wrapper .pe-0 {
     padding-right: 0 !important
 }

 .bootstrap5-wrapper .pe-1 {
     padding-right: .25rem !important
 }

 .bootstrap5-wrapper .pe-2 {
     padding-right: .5rem !important
 }

 .bootstrap5-wrapper .pe-3 {
     padding-right: 1rem !important
 }

 .bootstrap5-wrapper .pe-4 {
     padding-right: 1.5rem !important
 }

 .bootstrap5-wrapper .pe-5 {
     padding-right: 3rem !important
 }

 .bootstrap5-wrapper .pb-0 {
     padding-bottom: 0 !important
 }

 .bootstrap5-wrapper .pb-1 {
     padding-bottom: .25rem !important
 }

 .bootstrap5-wrapper .pb-2 {
     padding-bottom: .5rem !important
 }

 .bootstrap5-wrapper .pb-3 {
     padding-bottom: 1rem !important
 }

 .bootstrap5-wrapper .pb-4 {
     padding-bottom: 1.5rem !important
 }

 .bootstrap5-wrapper .pb-5 {
     padding-bottom: 3rem !important
 }

 .bootstrap5-wrapper .ps-0 {
     padding-left: 0 !important
 }

 .bootstrap5-wrapper .ps-1 {
     padding-left: .25rem !important
 }

 .bootstrap5-wrapper .ps-2 {
     padding-left: .5rem !important
 }

 .bootstrap5-wrapper .ps-3 {
     padding-left: 1rem !important
 }

 .bootstrap5-wrapper .ps-4 {
     padding-left: 1.5rem !important
 }

 .bootstrap5-wrapper .ps-5 {
     padding-left: 3rem !important
 }

 .bootstrap5-wrapper .gap-0 {
     gap: 0 !important
 }

 .bootstrap5-wrapper .gap-1 {
     gap: .25rem !important
 }

 .bootstrap5-wrapper .gap-2 {
     gap: .5rem !important
 }

 .bootstrap5-wrapper .gap-3 {
     gap: 1rem !important
 }

 .bootstrap5-wrapper .gap-4 {
     gap: 1.5rem !important
 }

 .bootstrap5-wrapper .gap-5 {
     gap: 3rem !important
 }

 .bootstrap5-wrapper .row-gap-0 {
     row-gap: 0 !important
 }

 .bootstrap5-wrapper .row-gap-1 {
     row-gap: .25rem !important
 }

 .bootstrap5-wrapper .row-gap-2 {
     row-gap: .5rem !important
 }

 .bootstrap5-wrapper .row-gap-3 {
     row-gap: 1rem !important
 }

 .bootstrap5-wrapper .row-gap-4 {
     row-gap: 1.5rem !important
 }

 .bootstrap5-wrapper .row-gap-5 {
     row-gap: 3rem !important
 }

 .bootstrap5-wrapper .column-gap-0 {
     -moz-column-gap: 0 !important;
     column-gap: 0 !important
 }

 .bootstrap5-wrapper .column-gap-1 {
     -moz-column-gap: 0.25rem !important;
     column-gap: .25rem !important
 }

 .bootstrap5-wrapper .column-gap-2 {
     -moz-column-gap: 0.5rem !important;
     column-gap: .5rem !important
 }

 .bootstrap5-wrapper .column-gap-3 {
     -moz-column-gap: 1rem !important;
     column-gap: 1rem !important
 }

 .bootstrap5-wrapper .column-gap-4 {
     -moz-column-gap: 1.5rem !important;
     column-gap: 1.5rem !important
 }

 .bootstrap5-wrapper .column-gap-5 {
     -moz-column-gap: 3rem !important;
     column-gap: 3rem !important
 }

 .bootstrap5-wrapper .font-monospace {
     font-family: var(--bs-font-monospace) !important
 }

 .bootstrap5-wrapper .fs-1 {
     font-size: calc(1.375rem + 1.5vw) !important
 }

 .bootstrap5-wrapper .fs-2 {
     font-size: calc(1.325rem + .9vw) !important
 }

 .bootstrap5-wrapper .fs-3 {
     font-size: calc(1.3rem + .6vw) !important
 }

 .bootstrap5-wrapper .fs-4 {
     font-size: calc(1.275rem + .3vw) !important
 }

 .bootstrap5-wrapper .fs-5 {
     font-size: 1.25rem !important
 }

 .bootstrap5-wrapper .fs-6 {
     font-size: 1rem !important
 }

 .bootstrap5-wrapper .fst-italic {
     font-style: italic !important
 }

 .bootstrap5-wrapper .fst-normal {
     font-style: normal !important
 }

 .bootstrap5-wrapper .fw-lighter {
     font-weight: lighter !important
 }

 .bootstrap5-wrapper .fw-light {
     font-weight: 300 !important
 }

 .bootstrap5-wrapper .fw-normal {
     font-weight: 400 !important
 }

 .bootstrap5-wrapper .fw-medium {
     font-weight: 500 !important
 }

 .bootstrap5-wrapper .fw-semibold {
     font-weight: 600 !important
 }

 .bootstrap5-wrapper .fw-bold {
     font-weight: 700 !important
 }

 .bootstrap5-wrapper .fw-bolder {
     font-weight: bolder !important
 }

 .bootstrap5-wrapper .lh-1 {
     line-height: 1 !important
 }

 .bootstrap5-wrapper .lh-sm {
     line-height: 1.25 !important
 }

 .bootstrap5-wrapper .lh-base {
     line-height: 1.5 !important
 }

 .bootstrap5-wrapper .lh-lg {
     line-height: 2 !important
 }

 .bootstrap5-wrapper .text-start {
     text-align: left !important
 }

 .bootstrap5-wrapper .text-end {
     text-align: right !important
 }

 .bootstrap5-wrapper .text-center {
     text-align: center !important
 }

 .bootstrap5-wrapper .text-decoration-none {
     text-decoration: none !important
 }

 .bootstrap5-wrapper .text-decoration-underline {
     text-decoration: underline !important
 }

 .bootstrap5-wrapper .text-decoration-line-through {
     text-decoration: line-through !important
 }

 .bootstrap5-wrapper .text-lowercase {
     text-transform: lowercase !important
 }

 .bootstrap5-wrapper .text-uppercase {
     text-transform: uppercase !important
 }

 .bootstrap5-wrapper .text-capitalize {
     text-transform: capitalize !important
 }

 .bootstrap5-wrapper .text-wrap {
     white-space: normal !important
 }

 .bootstrap5-wrapper .text-nowrap {
     white-space: nowrap !important
 }

 .bootstrap5-wrapper .text-break {
     word-wrap: break-word !important;
     word-break: break-word !important
 }

 .bootstrap5-wrapper .text-primary {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-secondary {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-success {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-info {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-warning {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-danger {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-light {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-dark {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-black {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-white {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-body {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
 }

 .bootstrap5-wrapper .text-muted {
     --bs-text-opacity: 1;
     color: var(--bs-secondary-color) !important
 }

 .bootstrap5-wrapper .text-black-50 {
     --bs-text-opacity: 1;
     color: rgba(0, 0, 0, .5) !important
 }

 .bootstrap5-wrapper .text-white-50 {
     --bs-text-opacity: 1;
     color: rgba(255, 255, 255, .5) !important
 }

 .bootstrap5-wrapper .text-body-secondary {
     --bs-text-opacity: 1;
     color: var(--bs-secondary-color) !important
 }

 .bootstrap5-wrapper .text-body-tertiary {
     --bs-text-opacity: 1;
     color: var(--bs-tertiary-color) !important
 }

 .bootstrap5-wrapper .text-body-emphasis {
     --bs-text-opacity: 1;
     color: var(--bs-emphasis-color) !important
 }

 .bootstrap5-wrapper .text-reset {
     --bs-text-opacity: 1;
     color: inherit !important
 }

 .bootstrap5-wrapper .text-opacity-25 {
     --bs-text-opacity: 0.25
 }

 .bootstrap5-wrapper .text-opacity-50 {
     --bs-text-opacity: 0.5
 }

 .bootstrap5-wrapper .text-opacity-75 {
     --bs-text-opacity: 0.75
 }

 .bootstrap5-wrapper .text-opacity-100 {
     --bs-text-opacity: 1
 }

 .bootstrap5-wrapper .text-primary-emphasis {
     color: var(--bs-primary-text-emphasis) !important
 }

 .bootstrap5-wrapper .text-secondary-emphasis {
     color: var(--bs-secondary-text-emphasis) !important
 }

 .bootstrap5-wrapper .text-success-emphasis {
     color: var(--bs-success-text-emphasis) !important
 }

 .bootstrap5-wrapper .text-info-emphasis {
     color: var(--bs-info-text-emphasis) !important
 }

 .bootstrap5-wrapper .text-warning-emphasis {
     color: var(--bs-warning-text-emphasis) !important
 }

 .bootstrap5-wrapper .text-danger-emphasis {
     color: var(--bs-danger-text-emphasis) !important
 }

 .bootstrap5-wrapper .text-light-emphasis {
     color: var(--bs-light-text-emphasis) !important
 }

 .bootstrap5-wrapper .text-dark-emphasis {
     color: var(--bs-dark-text-emphasis) !important
 }

 .bootstrap5-wrapper .link-opacity-10 {
     --bs-link-opacity: 0.1
 }

 .bootstrap5-wrapper .link-opacity-10-hover:hover {
     --bs-link-opacity: 0.1
 }

 .bootstrap5-wrapper .link-opacity-25 {
     --bs-link-opacity: 0.25
 }

 .bootstrap5-wrapper .link-opacity-25-hover:hover {
     --bs-link-opacity: 0.25
 }

 .bootstrap5-wrapper .link-opacity-50 {
     --bs-link-opacity: 0.5
 }

 .bootstrap5-wrapper .link-opacity-50-hover:hover {
     --bs-link-opacity: 0.5
 }

 .bootstrap5-wrapper .link-opacity-75 {
     --bs-link-opacity: 0.75
 }

 .bootstrap5-wrapper .link-opacity-75-hover:hover {
     --bs-link-opacity: 0.75
 }

 .bootstrap5-wrapper .link-opacity-100 {
     --bs-link-opacity: 1
 }

 .bootstrap5-wrapper .link-opacity-100-hover:hover {
     --bs-link-opacity: 1
 }

 .bootstrap5-wrapper .link-offset-1 {
     text-underline-offset: 0.125em !important
 }

 .bootstrap5-wrapper .link-offset-1-hover:hover {
     text-underline-offset: 0.125em !important
 }

 .bootstrap5-wrapper .link-offset-2 {
     text-underline-offset: 0.25em !important
 }

 .bootstrap5-wrapper .link-offset-2-hover:hover {
     text-underline-offset: 0.25em !important
 }

 .bootstrap5-wrapper .link-offset-3 {
     text-underline-offset: 0.375em !important
 }

 .bootstrap5-wrapper .link-offset-3-hover:hover {
     text-underline-offset: 0.375em !important
 }

 .bootstrap5-wrapper .link-underline-primary {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
     text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
 }

 .bootstrap5-wrapper .link-underline-secondary {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
     text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
 }

 .bootstrap5-wrapper .link-underline-success {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
     text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
 }

 .bootstrap5-wrapper .link-underline-info {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
     text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
 }

 .bootstrap5-wrapper .link-underline-warning {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
     text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
 }

 .bootstrap5-wrapper .link-underline-danger {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
     text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
 }

 .bootstrap5-wrapper .link-underline-light {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
     text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
 }

 .bootstrap5-wrapper .link-underline-dark {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
     text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
 }

 .bootstrap5-wrapper .link-underline {
     --bs-link-underline-opacity: 1;
     -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
     text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
 }

 .bootstrap5-wrapper .link-underline-opacity-0 {
     --bs-link-underline-opacity: 0
 }

 .bootstrap5-wrapper .link-underline-opacity-0-hover:hover {
     --bs-link-underline-opacity: 0
 }

 .bootstrap5-wrapper .link-underline-opacity-10 {
     --bs-link-underline-opacity: 0.1
 }

 .bootstrap5-wrapper .link-underline-opacity-10-hover:hover {
     --bs-link-underline-opacity: 0.1
 }

 .bootstrap5-wrapper .link-underline-opacity-25 {
     --bs-link-underline-opacity: 0.25
 }

 .bootstrap5-wrapper .link-underline-opacity-25-hover:hover {
     --bs-link-underline-opacity: 0.25
 }

 .bootstrap5-wrapper .link-underline-opacity-50 {
     --bs-link-underline-opacity: 0.5
 }

 .bootstrap5-wrapper .link-underline-opacity-50-hover:hover {
     --bs-link-underline-opacity: 0.5
 }

 .bootstrap5-wrapper .link-underline-opacity-75 {
     --bs-link-underline-opacity: 0.75
 }

 .bootstrap5-wrapper .link-underline-opacity-75-hover:hover {
     --bs-link-underline-opacity: 0.75
 }

 .bootstrap5-wrapper .link-underline-opacity-100 {
     --bs-link-underline-opacity: 1
 }

 .bootstrap5-wrapper .link-underline-opacity-100-hover:hover {
     --bs-link-underline-opacity: 1
 }

 .bootstrap5-wrapper .bg-primary {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-secondary {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-success {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-info {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-warning {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-danger {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-light {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-dark {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-black {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-white {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-body {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-transparent {
     --bs-bg-opacity: 1;
     background-color: transparent !important
 }

 .bootstrap5-wrapper .bg-body-secondary {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-body-tertiary {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
 }

 .bootstrap5-wrapper .bg-opacity-10 {
     --bs-bg-opacity: 0.1
 }

 .bootstrap5-wrapper .bg-opacity-25 {
     --bs-bg-opacity: 0.25
 }

 .bootstrap5-wrapper .bg-opacity-50 {
     --bs-bg-opacity: 0.5
 }

 .bootstrap5-wrapper .bg-opacity-75 {
     --bs-bg-opacity: 0.75
 }

 .bootstrap5-wrapper .bg-opacity-100 {
     --bs-bg-opacity: 1
 }

 .bootstrap5-wrapper .bg-primary-subtle {
     background-color: var(--bs-primary-bg-subtle) !important
 }

 .bootstrap5-wrapper .bg-secondary-subtle {
     background-color: var(--bs-secondary-bg-subtle) !important
 }

 .bootstrap5-wrapper .bg-success-subtle {
     background-color: var(--bs-success-bg-subtle) !important
 }

 .bootstrap5-wrapper .bg-info-subtle {
     background-color: var(--bs-info-bg-subtle) !important
 }

 .bootstrap5-wrapper .bg-warning-subtle {
     background-color: var(--bs-warning-bg-subtle) !important
 }

 .bootstrap5-wrapper .bg-danger-subtle {
     background-color: var(--bs-danger-bg-subtle) !important
 }

 .bootstrap5-wrapper .bg-light-subtle {
     background-color: var(--bs-light-bg-subtle) !important
 }

 .bootstrap5-wrapper .bg-dark-subtle {
     background-color: var(--bs-dark-bg-subtle) !important
 }

 .bootstrap5-wrapper .bg-gradient {
     background-image: var(--bs-gradient) !important
 }

 .bootstrap5-wrapper .user-select-all {
     -webkit-user-select: all !important;
     -moz-user-select: all !important;
     user-select: all !important
 }

 .bootstrap5-wrapper .user-select-auto {
     -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
     user-select: auto !important
 }

 .bootstrap5-wrapper .user-select-none {
     -webkit-user-select: none !important;
     -moz-user-select: none !important;
     user-select: none !important
 }

 .bootstrap5-wrapper .pe-none {
     pointer-events: none !important
 }

 .bootstrap5-wrapper .pe-auto {
     pointer-events: auto !important
 }

 .bootstrap5-wrapper .rounded {
     border-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-0 {
     border-radius: 0 !important
 }

 .bootstrap5-wrapper .rounded-1 {
     border-radius: var(--bs-border-radius-sm) !important
 }

 .bootstrap5-wrapper .rounded-2 {
     border-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-3 {
     border-radius: var(--bs-border-radius-lg) !important
 }

 .bootstrap5-wrapper .rounded-4 {
     border-radius: var(--bs-border-radius-xl) !important
 }

 .bootstrap5-wrapper .rounded-5 {
     border-radius: var(--bs-border-radius-xxl) !important
 }

 .bootstrap5-wrapper .rounded-circle {
     border-radius: 50% !important
 }

 .bootstrap5-wrapper .rounded-pill {
     border-radius: var(--bs-border-radius-pill) !important
 }

 .bootstrap5-wrapper .rounded-top {
     border-top-left-radius: var(--bs-border-radius) !important;
     border-top-right-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-top-0 {
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important
 }

 .bootstrap5-wrapper .rounded-top-1 {
     border-top-left-radius: var(--bs-border-radius-sm) !important;
     border-top-right-radius: var(--bs-border-radius-sm) !important
 }

 .bootstrap5-wrapper .rounded-top-2 {
     border-top-left-radius: var(--bs-border-radius) !important;
     border-top-right-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-top-3 {
     border-top-left-radius: var(--bs-border-radius-lg) !important;
     border-top-right-radius: var(--bs-border-radius-lg) !important
 }

 .bootstrap5-wrapper .rounded-top-4 {
     border-top-left-radius: var(--bs-border-radius-xl) !important;
     border-top-right-radius: var(--bs-border-radius-xl) !important
 }

 .bootstrap5-wrapper .rounded-top-5 {
     border-top-left-radius: var(--bs-border-radius-xxl) !important;
     border-top-right-radius: var(--bs-border-radius-xxl) !important
 }

 .bootstrap5-wrapper .rounded-top-circle {
     border-top-left-radius: 50% !important;
     border-top-right-radius: 50% !important
 }

 .bootstrap5-wrapper .rounded-top-pill {
     border-top-left-radius: var(--bs-border-radius-pill) !important;
     border-top-right-radius: var(--bs-border-radius-pill) !important
 }

 .bootstrap5-wrapper .rounded-end {
     border-top-right-radius: var(--bs-border-radius) !important;
     border-bottom-right-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-end-0 {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important
 }

 .bootstrap5-wrapper .rounded-end-1 {
     border-top-right-radius: var(--bs-border-radius-sm) !important;
     border-bottom-right-radius: var(--bs-border-radius-sm) !important
 }

 .bootstrap5-wrapper .rounded-end-2 {
     border-top-right-radius: var(--bs-border-radius) !important;
     border-bottom-right-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-end-3 {
     border-top-right-radius: var(--bs-border-radius-lg) !important;
     border-bottom-right-radius: var(--bs-border-radius-lg) !important
 }

 .bootstrap5-wrapper .rounded-end-4 {
     border-top-right-radius: var(--bs-border-radius-xl) !important;
     border-bottom-right-radius: var(--bs-border-radius-xl) !important
 }

 .bootstrap5-wrapper .rounded-end-5 {
     border-top-right-radius: var(--bs-border-radius-xxl) !important;
     border-bottom-right-radius: var(--bs-border-radius-xxl) !important
 }

 .bootstrap5-wrapper .rounded-end-circle {
     border-top-right-radius: 50% !important;
     border-bottom-right-radius: 50% !important
 }

 .bootstrap5-wrapper .rounded-end-pill {
     border-top-right-radius: var(--bs-border-radius-pill) !important;
     border-bottom-right-radius: var(--bs-border-radius-pill) !important
 }

 .bootstrap5-wrapper .rounded-bottom {
     border-bottom-right-radius: var(--bs-border-radius) !important;
     border-bottom-left-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-bottom-0 {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important
 }

 .bootstrap5-wrapper .rounded-bottom-1 {
     border-bottom-right-radius: var(--bs-border-radius-sm) !important;
     border-bottom-left-radius: var(--bs-border-radius-sm) !important
 }

 .bootstrap5-wrapper .rounded-bottom-2 {
     border-bottom-right-radius: var(--bs-border-radius) !important;
     border-bottom-left-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-bottom-3 {
     border-bottom-right-radius: var(--bs-border-radius-lg) !important;
     border-bottom-left-radius: var(--bs-border-radius-lg) !important
 }

 .bootstrap5-wrapper .rounded-bottom-4 {
     border-bottom-right-radius: var(--bs-border-radius-xl) !important;
     border-bottom-left-radius: var(--bs-border-radius-xl) !important
 }

 .bootstrap5-wrapper .rounded-bottom-5 {
     border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
     border-bottom-left-radius: var(--bs-border-radius-xxl) !important
 }

 .bootstrap5-wrapper .rounded-bottom-circle {
     border-bottom-right-radius: 50% !important;
     border-bottom-left-radius: 50% !important
 }

 .bootstrap5-wrapper .rounded-bottom-pill {
     border-bottom-right-radius: var(--bs-border-radius-pill) !important;
     border-bottom-left-radius: var(--bs-border-radius-pill) !important
 }

 .bootstrap5-wrapper .rounded-start {
     border-bottom-left-radius: var(--bs-border-radius) !important;
     border-top-left-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-start-0 {
     border-bottom-left-radius: 0 !important;
     border-top-left-radius: 0 !important
 }

 .bootstrap5-wrapper .rounded-start-1 {
     border-bottom-left-radius: var(--bs-border-radius-sm) !important;
     border-top-left-radius: var(--bs-border-radius-sm) !important
 }

 .bootstrap5-wrapper .rounded-start-2 {
     border-bottom-left-radius: var(--bs-border-radius) !important;
     border-top-left-radius: var(--bs-border-radius) !important
 }

 .bootstrap5-wrapper .rounded-start-3 {
     border-bottom-left-radius: var(--bs-border-radius-lg) !important;
     border-top-left-radius: var(--bs-border-radius-lg) !important
 }

 .bootstrap5-wrapper .rounded-start-4 {
     border-bottom-left-radius: var(--bs-border-radius-xl) !important;
     border-top-left-radius: var(--bs-border-radius-xl) !important
 }

 .bootstrap5-wrapper .rounded-start-5 {
     border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
     border-top-left-radius: var(--bs-border-radius-xxl) !important
 }

 .bootstrap5-wrapper .rounded-start-circle {
     border-bottom-left-radius: 50% !important;
     border-top-left-radius: 50% !important
 }

 .bootstrap5-wrapper .rounded-start-pill {
     border-bottom-left-radius: var(--bs-border-radius-pill) !important;
     border-top-left-radius: var(--bs-border-radius-pill) !important
 }

 .bootstrap5-wrapper .visible {
     visibility: visible !important
 }

 .bootstrap5-wrapper .invisible {
     visibility: hidden !important
 }

 .bootstrap5-wrapper .z-n1 {
     z-index: -1 !important
 }

 .bootstrap5-wrapper .z-0 {
     z-index: 0 !important
 }

 .bootstrap5-wrapper .z-1 {
     z-index: 1 !important
 }

 .bootstrap5-wrapper .z-2 {
     z-index: 2 !important
 }

 .bootstrap5-wrapper .z-3 {
     z-index: 3 !important
 }

 @media (min-width:576px) {
     .bootstrap5-wrapper .float-sm-start {
         float: left !important
     }
     .bootstrap5-wrapper .float-sm-end {
         float: right !important
     }
     .bootstrap5-wrapper .float-sm-none {
         float: none !important
     }
     .bootstrap5-wrapper .object-fit-sm-contain {
         -o-object-fit: contain !important;
         object-fit: contain !important
     }
     .bootstrap5-wrapper .object-fit-sm-cover {
         -o-object-fit: cover !important;
         object-fit: cover !important
     }
     .bootstrap5-wrapper .object-fit-sm-fill {
         -o-object-fit: fill !important;
         object-fit: fill !important
     }
     .bootstrap5-wrapper .object-fit-sm-scale {
         -o-object-fit: scale-down !important;
         object-fit: scale-down !important
     }
     .bootstrap5-wrapper .object-fit-sm-none {
         -o-object-fit: none !important;
         object-fit: none !important
     }
     .bootstrap5-wrapper .d-sm-inline {
         display: inline !important
     }
     .bootstrap5-wrapper .d-sm-inline-block {
         display: inline-block !important
     }
     .bootstrap5-wrapper .d-sm-block {
         display: block !important
     }
     .bootstrap5-wrapper .d-sm-grid {
         display: grid !important
     }
     .bootstrap5-wrapper .d-sm-inline-grid {
         display: inline-grid !important
     }
     .bootstrap5-wrapper .d-sm-table {
         display: table !important
     }
     .bootstrap5-wrapper .d-sm-table-row {
         display: table-row !important
     }
     .bootstrap5-wrapper .d-sm-table-cell {
         display: table-cell !important
     }
     .bootstrap5-wrapper .d-sm-flex {
         display: flex !important
     }
     .bootstrap5-wrapper .d-sm-inline-flex {
         display: inline-flex !important
     }
     .bootstrap5-wrapper .d-sm-none {
         display: none !important
     }
     .bootstrap5-wrapper .flex-sm-fill {
         flex: 1 1 auto !important
     }
     .bootstrap5-wrapper .flex-sm-row {
         flex-direction: row !important
     }
     .bootstrap5-wrapper .flex-sm-column {
         flex-direction: column !important
     }
     .bootstrap5-wrapper .flex-sm-row-reverse {
         flex-direction: row-reverse !important
     }
     .bootstrap5-wrapper .flex-sm-column-reverse {
         flex-direction: column-reverse !important
     }
     .bootstrap5-wrapper .flex-sm-grow-0 {
         flex-grow: 0 !important
     }
     .bootstrap5-wrapper .flex-sm-grow-1 {
         flex-grow: 1 !important
     }
     .bootstrap5-wrapper .flex-sm-shrink-0 {
         flex-shrink: 0 !important
     }
     .bootstrap5-wrapper .flex-sm-shrink-1 {
         flex-shrink: 1 !important
     }
     .bootstrap5-wrapper .flex-sm-wrap {
         flex-wrap: wrap !important
     }
     .bootstrap5-wrapper .flex-sm-nowrap {
         flex-wrap: nowrap !important
     }
     .bootstrap5-wrapper .flex-sm-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }
     .bootstrap5-wrapper .justify-content-sm-start {
         justify-content: flex-start !important
     }
     .bootstrap5-wrapper .justify-content-sm-end {
         justify-content: flex-end !important
     }
     .bootstrap5-wrapper .justify-content-sm-center {
         justify-content: center !important
     }
     .bootstrap5-wrapper .justify-content-sm-between {
         justify-content: space-between !important
     }
     .bootstrap5-wrapper .justify-content-sm-around {
         justify-content: space-around !important
     }
     .bootstrap5-wrapper .justify-content-sm-evenly {
         justify-content: space-evenly !important
     }
     .bootstrap5-wrapper .align-items-sm-start {
         align-items: flex-start !important
     }
     .bootstrap5-wrapper .align-items-sm-end {
         align-items: flex-end !important
     }
     .bootstrap5-wrapper .align-items-sm-center {
         align-items: center !important
     }
     .bootstrap5-wrapper .align-items-sm-baseline {
         align-items: baseline !important
     }
     .bootstrap5-wrapper .align-items-sm-stretch {
         align-items: stretch !important
     }
     .bootstrap5-wrapper .align-content-sm-start {
         align-content: flex-start !important
     }
     .bootstrap5-wrapper .align-content-sm-end {
         align-content: flex-end !important
     }
     .bootstrap5-wrapper .align-content-sm-center {
         align-content: center !important
     }
     .bootstrap5-wrapper .align-content-sm-between {
         align-content: space-between !important
     }
     .bootstrap5-wrapper .align-content-sm-around {
         align-content: space-around !important
     }
     .bootstrap5-wrapper .align-content-sm-stretch {
         align-content: stretch !important
     }
     .bootstrap5-wrapper .align-self-sm-auto {
         align-self: auto !important
     }
     .bootstrap5-wrapper .align-self-sm-start {
         align-self: flex-start !important
     }
     .bootstrap5-wrapper .align-self-sm-end {
         align-self: flex-end !important
     }
     .bootstrap5-wrapper .align-self-sm-center {
         align-self: center !important
     }
     .bootstrap5-wrapper .align-self-sm-baseline {
         align-self: baseline !important
     }
     .bootstrap5-wrapper .align-self-sm-stretch {
         align-self: stretch !important
     }
     .bootstrap5-wrapper .order-sm-first {
         order: -1 !important
     }
     .bootstrap5-wrapper .order-sm-0 {
         order: 0 !important
     }
     .bootstrap5-wrapper .order-sm-1 {
         order: 1 !important
     }
     .bootstrap5-wrapper .order-sm-2 {
         order: 2 !important
     }
     .bootstrap5-wrapper .order-sm-3 {
         order: 3 !important
     }
     .bootstrap5-wrapper .order-sm-4 {
         order: 4 !important
     }
     .bootstrap5-wrapper .order-sm-5 {
         order: 5 !important
     }
     .bootstrap5-wrapper .order-sm-last {
         order: 6 !important
     }
     .bootstrap5-wrapper .m-sm-0 {
         margin: 0 !important
     }
     .bootstrap5-wrapper .m-sm-1 {
         margin: .25rem !important
     }
     .bootstrap5-wrapper .m-sm-2 {
         margin: .5rem !important
     }
     .bootstrap5-wrapper .m-sm-3 {
         margin: 1rem !important
     }
     .bootstrap5-wrapper .m-sm-4 {
         margin: 1.5rem !important
     }
     .bootstrap5-wrapper .m-sm-5 {
         margin: 3rem !important
     }
     .bootstrap5-wrapper .m-sm-auto {
         margin: auto !important
     }
     .bootstrap5-wrapper .mx-sm-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .mx-sm-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .mx-sm-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .mx-sm-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .mx-sm-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .mx-sm-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .mx-sm-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }
     .bootstrap5-wrapper .my-sm-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .my-sm-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .my-sm-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .my-sm-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .my-sm-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .my-sm-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .my-sm-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .mt-sm-0 {
         margin-top: 0 !important
     }
     .bootstrap5-wrapper .mt-sm-1 {
         margin-top: .25rem !important
     }
     .bootstrap5-wrapper .mt-sm-2 {
         margin-top: .5rem !important
     }
     .bootstrap5-wrapper .mt-sm-3 {
         margin-top: 1rem !important
     }
     .bootstrap5-wrapper .mt-sm-4 {
         margin-top: 1.5rem !important
     }
     .bootstrap5-wrapper .mt-sm-5 {
         margin-top: 3rem !important
     }
     .bootstrap5-wrapper .mt-sm-auto {
         margin-top: auto !important
     }
     .bootstrap5-wrapper .me-sm-0 {
         margin-right: 0 !important
     }
     .bootstrap5-wrapper .me-sm-1 {
         margin-right: .25rem !important
     }
     .bootstrap5-wrapper .me-sm-2 {
         margin-right: .5rem !important
     }
     .bootstrap5-wrapper .me-sm-3 {
         margin-right: 1rem !important
     }
     .bootstrap5-wrapper .me-sm-4 {
         margin-right: 1.5rem !important
     }
     .bootstrap5-wrapper .me-sm-5 {
         margin-right: 3rem !important
     }
     .bootstrap5-wrapper .me-sm-auto {
         margin-right: auto !important
     }
     .bootstrap5-wrapper .mb-sm-0 {
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .mb-sm-1 {
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .mb-sm-2 {
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .mb-sm-3 {
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .mb-sm-4 {
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .mb-sm-5 {
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .mb-sm-auto {
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .ms-sm-0 {
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .ms-sm-1 {
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .ms-sm-2 {
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .ms-sm-3 {
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .ms-sm-4 {
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ms-sm-5 {
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .ms-sm-auto {
         margin-left: auto !important
     }
     .bootstrap5-wrapper .p-sm-0 {
         padding: 0 !important
     }
     .bootstrap5-wrapper .p-sm-1 {
         padding: .25rem !important
     }
     .bootstrap5-wrapper .p-sm-2 {
         padding: .5rem !important
     }
     .bootstrap5-wrapper .p-sm-3 {
         padding: 1rem !important
     }
     .bootstrap5-wrapper .p-sm-4 {
         padding: 1.5rem !important
     }
     .bootstrap5-wrapper .p-sm-5 {
         padding: 3rem !important
     }
     .bootstrap5-wrapper .px-sm-0 {
         padding-right: 0 !important;
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .px-sm-1 {
         padding-right: .25rem !important;
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .px-sm-2 {
         padding-right: .5rem !important;
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .px-sm-3 {
         padding-right: 1rem !important;
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .px-sm-4 {
         padding-right: 1.5rem !important;
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .px-sm-5 {
         padding-right: 3rem !important;
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .py-sm-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .py-sm-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .py-sm-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .py-sm-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .py-sm-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .py-sm-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .pt-sm-0 {
         padding-top: 0 !important
     }
     .bootstrap5-wrapper .pt-sm-1 {
         padding-top: .25rem !important
     }
     .bootstrap5-wrapper .pt-sm-2 {
         padding-top: .5rem !important
     }
     .bootstrap5-wrapper .pt-sm-3 {
         padding-top: 1rem !important
     }
     .bootstrap5-wrapper .pt-sm-4 {
         padding-top: 1.5rem !important
     }
     .bootstrap5-wrapper .pt-sm-5 {
         padding-top: 3rem !important
     }
     .bootstrap5-wrapper .pe-sm-0 {
         padding-right: 0 !important
     }
     .bootstrap5-wrapper .pe-sm-1 {
         padding-right: .25rem !important
     }
     .bootstrap5-wrapper .pe-sm-2 {
         padding-right: .5rem !important
     }
     .bootstrap5-wrapper .pe-sm-3 {
         padding-right: 1rem !important
     }
     .bootstrap5-wrapper .pe-sm-4 {
         padding-right: 1.5rem !important
     }
     .bootstrap5-wrapper .pe-sm-5 {
         padding-right: 3rem !important
     }
     .bootstrap5-wrapper .pb-sm-0 {
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .pb-sm-1 {
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .pb-sm-2 {
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .pb-sm-3 {
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .pb-sm-4 {
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .pb-sm-5 {
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .ps-sm-0 {
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .ps-sm-1 {
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .ps-sm-2 {
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .ps-sm-3 {
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .ps-sm-4 {
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ps-sm-5 {
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .gap-sm-0 {
         gap: 0 !important
     }
     .bootstrap5-wrapper .gap-sm-1 {
         gap: .25rem !important
     }
     .bootstrap5-wrapper .gap-sm-2 {
         gap: .5rem !important
     }
     .bootstrap5-wrapper .gap-sm-3 {
         gap: 1rem !important
     }
     .bootstrap5-wrapper .gap-sm-4 {
         gap: 1.5rem !important
     }
     .bootstrap5-wrapper .gap-sm-5 {
         gap: 3rem !important
     }
     .bootstrap5-wrapper .row-gap-sm-0 {
         row-gap: 0 !important
     }
     .bootstrap5-wrapper .row-gap-sm-1 {
         row-gap: .25rem !important
     }
     .bootstrap5-wrapper .row-gap-sm-2 {
         row-gap: .5rem !important
     }
     .bootstrap5-wrapper .row-gap-sm-3 {
         row-gap: 1rem !important
     }
     .bootstrap5-wrapper .row-gap-sm-4 {
         row-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .row-gap-sm-5 {
         row-gap: 3rem !important
     }
     .bootstrap5-wrapper .column-gap-sm-0 {
         -moz-column-gap: 0 !important;
         column-gap: 0 !important
     }
     .bootstrap5-wrapper .column-gap-sm-1 {
         -moz-column-gap: 0.25rem !important;
         column-gap: .25rem !important
     }
     .bootstrap5-wrapper .column-gap-sm-2 {
         -moz-column-gap: 0.5rem !important;
         column-gap: .5rem !important
     }
     .bootstrap5-wrapper .column-gap-sm-3 {
         -moz-column-gap: 1rem !important;
         column-gap: 1rem !important
     }
     .bootstrap5-wrapper .column-gap-sm-4 {
         -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .column-gap-sm-5 {
         -moz-column-gap: 3rem !important;
         column-gap: 3rem !important
     }
     .bootstrap5-wrapper .text-sm-start {
         text-align: left !important
     }
     .bootstrap5-wrapper .text-sm-end {
         text-align: right !important
     }
     .bootstrap5-wrapper .text-sm-center {
         text-align: center !important
     }
 }

 @media (min-width:768px) {
     .bootstrap5-wrapper .float-md-start {
         float: left !important
     }
     .bootstrap5-wrapper .float-md-end {
         float: right !important
     }
     .bootstrap5-wrapper .float-md-none {
         float: none !important
     }
     .bootstrap5-wrapper .object-fit-md-contain {
         -o-object-fit: contain !important;
         object-fit: contain !important
     }
     .bootstrap5-wrapper .object-fit-md-cover {
         -o-object-fit: cover !important;
         object-fit: cover !important
     }
     .bootstrap5-wrapper .object-fit-md-fill {
         -o-object-fit: fill !important;
         object-fit: fill !important
     }
     .bootstrap5-wrapper .object-fit-md-scale {
         -o-object-fit: scale-down !important;
         object-fit: scale-down !important
     }
     .bootstrap5-wrapper .object-fit-md-none {
         -o-object-fit: none !important;
         object-fit: none !important
     }
     .bootstrap5-wrapper .d-md-inline {
         display: inline !important
     }
     .bootstrap5-wrapper .d-md-inline-block {
         display: inline-block !important
     }
     .bootstrap5-wrapper .d-md-block {
         display: block !important
     }
     .bootstrap5-wrapper .d-md-grid {
         display: grid !important
     }
     .bootstrap5-wrapper .d-md-inline-grid {
         display: inline-grid !important
     }
     .bootstrap5-wrapper .d-md-table {
         display: table !important
     }
     .bootstrap5-wrapper .d-md-table-row {
         display: table-row !important
     }
     .bootstrap5-wrapper .d-md-table-cell {
         display: table-cell !important
     }
     .bootstrap5-wrapper .d-md-flex {
         display: flex !important
     }
     .bootstrap5-wrapper .d-md-inline-flex {
         display: inline-flex !important
     }
     .bootstrap5-wrapper .d-md-none {
         display: none !important
     }
     .bootstrap5-wrapper .flex-md-fill {
         flex: 1 1 auto !important
     }
     .bootstrap5-wrapper .flex-md-row {
         flex-direction: row !important
     }
     .bootstrap5-wrapper .flex-md-column {
         flex-direction: column !important
     }
     .bootstrap5-wrapper .flex-md-row-reverse {
         flex-direction: row-reverse !important
     }
     .bootstrap5-wrapper .flex-md-column-reverse {
         flex-direction: column-reverse !important
     }
     .bootstrap5-wrapper .flex-md-grow-0 {
         flex-grow: 0 !important
     }
     .bootstrap5-wrapper .flex-md-grow-1 {
         flex-grow: 1 !important
     }
     .bootstrap5-wrapper .flex-md-shrink-0 {
         flex-shrink: 0 !important
     }
     .bootstrap5-wrapper .flex-md-shrink-1 {
         flex-shrink: 1 !important
     }
     .bootstrap5-wrapper .flex-md-wrap {
         flex-wrap: wrap !important
     }
     .bootstrap5-wrapper .flex-md-nowrap {
         flex-wrap: nowrap !important
     }
     .bootstrap5-wrapper .flex-md-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }
     .bootstrap5-wrapper .justify-content-md-start {
         justify-content: flex-start !important
     }
     .bootstrap5-wrapper .justify-content-md-end {
         justify-content: flex-end !important
     }
     .bootstrap5-wrapper .justify-content-md-center {
         justify-content: center !important
     }
     .bootstrap5-wrapper .justify-content-md-between {
         justify-content: space-between !important
     }
     .bootstrap5-wrapper .justify-content-md-around {
         justify-content: space-around !important
     }
     .bootstrap5-wrapper .justify-content-md-evenly {
         justify-content: space-evenly !important
     }
     .bootstrap5-wrapper .align-items-md-start {
         align-items: flex-start !important
     }
     .bootstrap5-wrapper .align-items-md-end {
         align-items: flex-end !important
     }
     .bootstrap5-wrapper .align-items-md-center {
         align-items: center !important
     }
     .bootstrap5-wrapper .align-items-md-baseline {
         align-items: baseline !important
     }
     .bootstrap5-wrapper .align-items-md-stretch {
         align-items: stretch !important
     }
     .bootstrap5-wrapper .align-content-md-start {
         align-content: flex-start !important
     }
     .bootstrap5-wrapper .align-content-md-end {
         align-content: flex-end !important
     }
     .bootstrap5-wrapper .align-content-md-center {
         align-content: center !important
     }
     .bootstrap5-wrapper .align-content-md-between {
         align-content: space-between !important
     }
     .bootstrap5-wrapper .align-content-md-around {
         align-content: space-around !important
     }
     .bootstrap5-wrapper .align-content-md-stretch {
         align-content: stretch !important
     }
     .bootstrap5-wrapper .align-self-md-auto {
         align-self: auto !important
     }
     .bootstrap5-wrapper .align-self-md-start {
         align-self: flex-start !important
     }
     .bootstrap5-wrapper .align-self-md-end {
         align-self: flex-end !important
     }
     .bootstrap5-wrapper .align-self-md-center {
         align-self: center !important
     }
     .bootstrap5-wrapper .align-self-md-baseline {
         align-self: baseline !important
     }
     .bootstrap5-wrapper .align-self-md-stretch {
         align-self: stretch !important
     }
     .bootstrap5-wrapper .order-md-first {
         order: -1 !important
     }
     .bootstrap5-wrapper .order-md-0 {
         order: 0 !important
     }
     .bootstrap5-wrapper .order-md-1 {
         order: 1 !important
     }
     .bootstrap5-wrapper .order-md-2 {
         order: 2 !important
     }
     .bootstrap5-wrapper .order-md-3 {
         order: 3 !important
     }
     .bootstrap5-wrapper .order-md-4 {
         order: 4 !important
     }
     .bootstrap5-wrapper .order-md-5 {
         order: 5 !important
     }
     .bootstrap5-wrapper .order-md-last {
         order: 6 !important
     }
     .bootstrap5-wrapper .m-md-0 {
         margin: 0 !important
     }
     .bootstrap5-wrapper .m-md-1 {
         margin: .25rem !important
     }
     .bootstrap5-wrapper .m-md-2 {
         margin: .5rem !important
     }
     .bootstrap5-wrapper .m-md-3 {
         margin: 1rem !important
     }
     .bootstrap5-wrapper .m-md-4 {
         margin: 1.5rem !important
     }
     .bootstrap5-wrapper .m-md-5 {
         margin: 3rem !important
     }
     .bootstrap5-wrapper .m-md-auto {
         margin: auto !important
     }
     .bootstrap5-wrapper .mx-md-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .mx-md-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .mx-md-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .mx-md-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .mx-md-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .mx-md-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .mx-md-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }
     .bootstrap5-wrapper .my-md-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .my-md-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .my-md-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .my-md-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .my-md-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .my-md-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .my-md-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .mt-md-0 {
         margin-top: 0 !important
     }
     .bootstrap5-wrapper .mt-md-1 {
         margin-top: .25rem !important
     }
     .bootstrap5-wrapper .mt-md-2 {
         margin-top: .5rem !important
     }
     .bootstrap5-wrapper .mt-md-3 {
         margin-top: 1rem !important
     }
     .bootstrap5-wrapper .mt-md-4 {
         margin-top: 1.5rem !important
     }
     .bootstrap5-wrapper .mt-md-5 {
         margin-top: 3rem !important
     }
     .bootstrap5-wrapper .mt-md-auto {
         margin-top: auto !important
     }
     .bootstrap5-wrapper .me-md-0 {
         margin-right: 0 !important
     }
     .bootstrap5-wrapper .me-md-1 {
         margin-right: .25rem !important
     }
     .bootstrap5-wrapper .me-md-2 {
         margin-right: .5rem !important
     }
     .bootstrap5-wrapper .me-md-3 {
         margin-right: 1rem !important
     }
     .bootstrap5-wrapper .me-md-4 {
         margin-right: 1.5rem !important
     }
     .bootstrap5-wrapper .me-md-5 {
         margin-right: 3rem !important
     }
     .bootstrap5-wrapper .me-md-auto {
         margin-right: auto !important
     }
     .bootstrap5-wrapper .mb-md-0 {
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .mb-md-1 {
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .mb-md-2 {
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .mb-md-3 {
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .mb-md-4 {
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .mb-md-5 {
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .mb-md-auto {
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .ms-md-0 {
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .ms-md-1 {
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .ms-md-2 {
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .ms-md-3 {
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .ms-md-4 {
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ms-md-5 {
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .ms-md-auto {
         margin-left: auto !important
     }
     .bootstrap5-wrapper .p-md-0 {
         padding: 0 !important
     }
     .bootstrap5-wrapper .p-md-1 {
         padding: .25rem !important
     }
     .bootstrap5-wrapper .p-md-2 {
         padding: .5rem !important
     }
     .bootstrap5-wrapper .p-md-3 {
         padding: 1rem !important
     }
     .bootstrap5-wrapper .p-md-4 {
         padding: 1.5rem !important
     }
     .bootstrap5-wrapper .p-md-5 {
         padding: 3rem !important
     }
     .bootstrap5-wrapper .px-md-0 {
         padding-right: 0 !important;
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .px-md-1 {
         padding-right: .25rem !important;
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .px-md-2 {
         padding-right: .5rem !important;
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .px-md-3 {
         padding-right: 1rem !important;
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .px-md-4 {
         padding-right: 1.5rem !important;
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .px-md-5 {
         padding-right: 3rem !important;
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .py-md-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .py-md-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .py-md-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .py-md-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .py-md-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .py-md-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .pt-md-0 {
         padding-top: 0 !important
     }
     .bootstrap5-wrapper .pt-md-1 {
         padding-top: .25rem !important
     }
     .bootstrap5-wrapper .pt-md-2 {
         padding-top: .5rem !important
     }
     .bootstrap5-wrapper .pt-md-3 {
         padding-top: 1rem !important
     }
     .bootstrap5-wrapper .pt-md-4 {
         padding-top: 1.5rem !important
     }
     .bootstrap5-wrapper .pt-md-5 {
         padding-top: 3rem !important
     }
     .bootstrap5-wrapper .pe-md-0 {
         padding-right: 0 !important
     }
     .bootstrap5-wrapper .pe-md-1 {
         padding-right: .25rem !important
     }
     .bootstrap5-wrapper .pe-md-2 {
         padding-right: .5rem !important
     }
     .bootstrap5-wrapper .pe-md-3 {
         padding-right: 1rem !important
     }
     .bootstrap5-wrapper .pe-md-4 {
         padding-right: 1.5rem !important
     }
     .bootstrap5-wrapper .pe-md-5 {
         padding-right: 3rem !important
     }
     .bootstrap5-wrapper .pb-md-0 {
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .pb-md-1 {
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .pb-md-2 {
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .pb-md-3 {
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .pb-md-4 {
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .pb-md-5 {
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .ps-md-0 {
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .ps-md-1 {
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .ps-md-2 {
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .ps-md-3 {
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .ps-md-4 {
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ps-md-5 {
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .gap-md-0 {
         gap: 0 !important
     }
     .bootstrap5-wrapper .gap-md-1 {
         gap: .25rem !important
     }
     .bootstrap5-wrapper .gap-md-2 {
         gap: .5rem !important
     }
     .bootstrap5-wrapper .gap-md-3 {
         gap: 1rem !important
     }
     .bootstrap5-wrapper .gap-md-4 {
         gap: 1.5rem !important
     }
     .bootstrap5-wrapper .gap-md-5 {
         gap: 3rem !important
     }
     .bootstrap5-wrapper .row-gap-md-0 {
         row-gap: 0 !important
     }
     .bootstrap5-wrapper .row-gap-md-1 {
         row-gap: .25rem !important
     }
     .bootstrap5-wrapper .row-gap-md-2 {
         row-gap: .5rem !important
     }
     .bootstrap5-wrapper .row-gap-md-3 {
         row-gap: 1rem !important
     }
     .bootstrap5-wrapper .row-gap-md-4 {
         row-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .row-gap-md-5 {
         row-gap: 3rem !important
     }
     .bootstrap5-wrapper .column-gap-md-0 {
         -moz-column-gap: 0 !important;
         column-gap: 0 !important
     }
     .bootstrap5-wrapper .column-gap-md-1 {
         -moz-column-gap: 0.25rem !important;
         column-gap: .25rem !important
     }
     .bootstrap5-wrapper .column-gap-md-2 {
         -moz-column-gap: 0.5rem !important;
         column-gap: .5rem !important
     }
     .bootstrap5-wrapper .column-gap-md-3 {
         -moz-column-gap: 1rem !important;
         column-gap: 1rem !important
     }
     .bootstrap5-wrapper .column-gap-md-4 {
         -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .column-gap-md-5 {
         -moz-column-gap: 3rem !important;
         column-gap: 3rem !important
     }
     .bootstrap5-wrapper .text-md-start {
         text-align: left !important
     }
     .bootstrap5-wrapper .text-md-end {
         text-align: right !important
     }
     .bootstrap5-wrapper .text-md-center {
         text-align: center !important
     }
 }

 @media (min-width:992px) {
     .bootstrap5-wrapper .float-lg-start {
         float: left !important
     }
     .bootstrap5-wrapper .float-lg-end {
         float: right !important
     }
     .bootstrap5-wrapper .float-lg-none {
         float: none !important
     }
     .bootstrap5-wrapper .object-fit-lg-contain {
         -o-object-fit: contain !important;
         object-fit: contain !important
     }
     .bootstrap5-wrapper .object-fit-lg-cover {
         -o-object-fit: cover !important;
         object-fit: cover !important
     }
     .bootstrap5-wrapper .object-fit-lg-fill {
         -o-object-fit: fill !important;
         object-fit: fill !important
     }
     .bootstrap5-wrapper .object-fit-lg-scale {
         -o-object-fit: scale-down !important;
         object-fit: scale-down !important
     }
     .bootstrap5-wrapper .object-fit-lg-none {
         -o-object-fit: none !important;
         object-fit: none !important
     }
     .bootstrap5-wrapper .d-lg-inline {
         display: inline !important
     }
     .bootstrap5-wrapper .d-lg-inline-block {
         display: inline-block !important
     }
     .bootstrap5-wrapper .d-lg-block {
         display: block !important
     }
     .bootstrap5-wrapper .d-lg-grid {
         display: grid !important
     }
     .bootstrap5-wrapper .d-lg-inline-grid {
         display: inline-grid !important
     }
     .bootstrap5-wrapper .d-lg-table {
         display: table !important
     }
     .bootstrap5-wrapper .d-lg-table-row {
         display: table-row !important
     }
     .bootstrap5-wrapper .d-lg-table-cell {
         display: table-cell !important
     }
     .bootstrap5-wrapper .d-lg-flex {
         display: flex !important
     }
     .bootstrap5-wrapper .d-lg-inline-flex {
         display: inline-flex !important
     }
     .bootstrap5-wrapper .d-lg-none {
         display: none !important
     }
     .bootstrap5-wrapper .flex-lg-fill {
         flex: 1 1 auto !important
     }
     .bootstrap5-wrapper .flex-lg-row {
         flex-direction: row !important
     }
     .bootstrap5-wrapper .flex-lg-column {
         flex-direction: column !important
     }
     .bootstrap5-wrapper .flex-lg-row-reverse {
         flex-direction: row-reverse !important
     }
     .bootstrap5-wrapper .flex-lg-column-reverse {
         flex-direction: column-reverse !important
     }
     .bootstrap5-wrapper .flex-lg-grow-0 {
         flex-grow: 0 !important
     }
     .bootstrap5-wrapper .flex-lg-grow-1 {
         flex-grow: 1 !important
     }
     .bootstrap5-wrapper .flex-lg-shrink-0 {
         flex-shrink: 0 !important
     }
     .bootstrap5-wrapper .flex-lg-shrink-1 {
         flex-shrink: 1 !important
     }
     .bootstrap5-wrapper .flex-lg-wrap {
         flex-wrap: wrap !important
     }
     .bootstrap5-wrapper .flex-lg-nowrap {
         flex-wrap: nowrap !important
     }
     .bootstrap5-wrapper .flex-lg-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }
     .bootstrap5-wrapper .justify-content-lg-start {
         justify-content: flex-start !important
     }
     .bootstrap5-wrapper .justify-content-lg-end {
         justify-content: flex-end !important
     }
     .bootstrap5-wrapper .justify-content-lg-center {
         justify-content: center !important
     }
     .bootstrap5-wrapper .justify-content-lg-between {
         justify-content: space-between !important
     }
     .bootstrap5-wrapper .justify-content-lg-around {
         justify-content: space-around !important
     }
     .bootstrap5-wrapper .justify-content-lg-evenly {
         justify-content: space-evenly !important
     }
     .bootstrap5-wrapper .align-items-lg-start {
         align-items: flex-start !important
     }
     .bootstrap5-wrapper .align-items-lg-end {
         align-items: flex-end !important
     }
     .bootstrap5-wrapper .align-items-lg-center {
         align-items: center !important
     }
     .bootstrap5-wrapper .align-items-lg-baseline {
         align-items: baseline !important
     }
     .bootstrap5-wrapper .align-items-lg-stretch {
         align-items: stretch !important
     }
     .bootstrap5-wrapper .align-content-lg-start {
         align-content: flex-start !important
     }
     .bootstrap5-wrapper .align-content-lg-end {
         align-content: flex-end !important
     }
     .bootstrap5-wrapper .align-content-lg-center {
         align-content: center !important
     }
     .bootstrap5-wrapper .align-content-lg-between {
         align-content: space-between !important
     }
     .bootstrap5-wrapper .align-content-lg-around {
         align-content: space-around !important
     }
     .bootstrap5-wrapper .align-content-lg-stretch {
         align-content: stretch !important
     }
     .bootstrap5-wrapper .align-self-lg-auto {
         align-self: auto !important
     }
     .bootstrap5-wrapper .align-self-lg-start {
         align-self: flex-start !important
     }
     .bootstrap5-wrapper .align-self-lg-end {
         align-self: flex-end !important
     }
     .bootstrap5-wrapper .align-self-lg-center {
         align-self: center !important
     }
     .bootstrap5-wrapper .align-self-lg-baseline {
         align-self: baseline !important
     }
     .bootstrap5-wrapper .align-self-lg-stretch {
         align-self: stretch !important
     }
     .bootstrap5-wrapper .order-lg-first {
         order: -1 !important
     }
     .bootstrap5-wrapper .order-lg-0 {
         order: 0 !important
     }
     .bootstrap5-wrapper .order-lg-1 {
         order: 1 !important
     }
     .bootstrap5-wrapper .order-lg-2 {
         order: 2 !important
     }
     .bootstrap5-wrapper .order-lg-3 {
         order: 3 !important
     }
     .bootstrap5-wrapper .order-lg-4 {
         order: 4 !important
     }
     .bootstrap5-wrapper .order-lg-5 {
         order: 5 !important
     }
     .bootstrap5-wrapper .order-lg-last {
         order: 6 !important
     }
     .bootstrap5-wrapper .m-lg-0 {
         margin: 0 !important
     }
     .bootstrap5-wrapper .m-lg-1 {
         margin: .25rem !important
     }
     .bootstrap5-wrapper .m-lg-2 {
         margin: .5rem !important
     }
     .bootstrap5-wrapper .m-lg-3 {
         margin: 1rem !important
     }
     .bootstrap5-wrapper .m-lg-4 {
         margin: 1.5rem !important
     }
     .bootstrap5-wrapper .m-lg-5 {
         margin: 3rem !important
     }
     .bootstrap5-wrapper .m-lg-auto {
         margin: auto !important
     }
     .bootstrap5-wrapper .mx-lg-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .mx-lg-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .mx-lg-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .mx-lg-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .mx-lg-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .mx-lg-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .mx-lg-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }
     .bootstrap5-wrapper .my-lg-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .my-lg-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .my-lg-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .my-lg-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .my-lg-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .my-lg-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .my-lg-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .mt-lg-0 {
         margin-top: 0 !important
     }
     .bootstrap5-wrapper .mt-lg-1 {
         margin-top: .25rem !important
     }
     .bootstrap5-wrapper .mt-lg-2 {
         margin-top: .5rem !important
     }
     .bootstrap5-wrapper .mt-lg-3 {
         margin-top: 1rem !important
     }
     .bootstrap5-wrapper .mt-lg-4 {
         margin-top: 1.5rem !important
     }
     .bootstrap5-wrapper .mt-lg-5 {
         margin-top: 3rem !important
     }
     .bootstrap5-wrapper .mt-lg-auto {
         margin-top: auto !important
     }
     .bootstrap5-wrapper .me-lg-0 {
         margin-right: 0 !important
     }
     .bootstrap5-wrapper .me-lg-1 {
         margin-right: .25rem !important
     }
     .bootstrap5-wrapper .me-lg-2 {
         margin-right: .5rem !important
     }
     .bootstrap5-wrapper .me-lg-3 {
         margin-right: 1rem !important
     }
     .bootstrap5-wrapper .me-lg-4 {
         margin-right: 1.5rem !important
     }
     .bootstrap5-wrapper .me-lg-5 {
         margin-right: 3rem !important
     }
     .bootstrap5-wrapper .me-lg-auto {
         margin-right: auto !important
     }
     .bootstrap5-wrapper .mb-lg-0 {
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .mb-lg-1 {
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .mb-lg-2 {
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .mb-lg-3 {
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .mb-lg-4 {
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .mb-lg-5 {
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .mb-lg-auto {
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .ms-lg-0 {
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .ms-lg-1 {
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .ms-lg-2 {
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .ms-lg-3 {
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .ms-lg-4 {
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ms-lg-5 {
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .ms-lg-auto {
         margin-left: auto !important
     }
     .bootstrap5-wrapper .p-lg-0 {
         padding: 0 !important
     }
     .bootstrap5-wrapper .p-lg-1 {
         padding: .25rem !important
     }
     .bootstrap5-wrapper .p-lg-2 {
         padding: .5rem !important
     }
     .bootstrap5-wrapper .p-lg-3 {
         padding: 1rem !important
     }
     .bootstrap5-wrapper .p-lg-4 {
         padding: 1.5rem !important
     }
     .bootstrap5-wrapper .p-lg-5 {
         padding: 3rem !important
     }
     .bootstrap5-wrapper .px-lg-0 {
         padding-right: 0 !important;
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .px-lg-1 {
         padding-right: .25rem !important;
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .px-lg-2 {
         padding-right: .5rem !important;
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .px-lg-3 {
         padding-right: 1rem !important;
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .px-lg-4 {
         padding-right: 1.5rem !important;
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .px-lg-5 {
         padding-right: 3rem !important;
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .py-lg-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .py-lg-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .py-lg-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .py-lg-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .py-lg-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .py-lg-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .pt-lg-0 {
         padding-top: 0 !important
     }
     .bootstrap5-wrapper .pt-lg-1 {
         padding-top: .25rem !important
     }
     .bootstrap5-wrapper .pt-lg-2 {
         padding-top: .5rem !important
     }
     .bootstrap5-wrapper .pt-lg-3 {
         padding-top: 1rem !important
     }
     .bootstrap5-wrapper .pt-lg-4 {
         padding-top: 1.5rem !important
     }
     .bootstrap5-wrapper .pt-lg-5 {
         padding-top: 3rem !important
     }
     .bootstrap5-wrapper .pe-lg-0 {
         padding-right: 0 !important
     }
     .bootstrap5-wrapper .pe-lg-1 {
         padding-right: .25rem !important
     }
     .bootstrap5-wrapper .pe-lg-2 {
         padding-right: .5rem !important
     }
     .bootstrap5-wrapper .pe-lg-3 {
         padding-right: 1rem !important
     }
     .bootstrap5-wrapper .pe-lg-4 {
         padding-right: 1.5rem !important
     }
     .bootstrap5-wrapper .pe-lg-5 {
         padding-right: 3rem !important
     }
     .bootstrap5-wrapper .pb-lg-0 {
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .pb-lg-1 {
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .pb-lg-2 {
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .pb-lg-3 {
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .pb-lg-4 {
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .pb-lg-5 {
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .ps-lg-0 {
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .ps-lg-1 {
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .ps-lg-2 {
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .ps-lg-3 {
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .ps-lg-4 {
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ps-lg-5 {
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .gap-lg-0 {
         gap: 0 !important
     }
     .bootstrap5-wrapper .gap-lg-1 {
         gap: .25rem !important
     }
     .bootstrap5-wrapper .gap-lg-2 {
         gap: .5rem !important
     }
     .bootstrap5-wrapper .gap-lg-3 {
         gap: 1rem !important
     }
     .bootstrap5-wrapper .gap-lg-4 {
         gap: 1.5rem !important
     }
     .bootstrap5-wrapper .gap-lg-5 {
         gap: 3rem !important
     }
     .bootstrap5-wrapper .row-gap-lg-0 {
         row-gap: 0 !important
     }
     .bootstrap5-wrapper .row-gap-lg-1 {
         row-gap: .25rem !important
     }
     .bootstrap5-wrapper .row-gap-lg-2 {
         row-gap: .5rem !important
     }
     .bootstrap5-wrapper .row-gap-lg-3 {
         row-gap: 1rem !important
     }
     .bootstrap5-wrapper .row-gap-lg-4 {
         row-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .row-gap-lg-5 {
         row-gap: 3rem !important
     }
     .bootstrap5-wrapper .column-gap-lg-0 {
         -moz-column-gap: 0 !important;
         column-gap: 0 !important
     }
     .bootstrap5-wrapper .column-gap-lg-1 {
         -moz-column-gap: 0.25rem !important;
         column-gap: .25rem !important
     }
     .bootstrap5-wrapper .column-gap-lg-2 {
         -moz-column-gap: 0.5rem !important;
         column-gap: .5rem !important
     }
     .bootstrap5-wrapper .column-gap-lg-3 {
         -moz-column-gap: 1rem !important;
         column-gap: 1rem !important
     }
     .bootstrap5-wrapper .column-gap-lg-4 {
         -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .column-gap-lg-5 {
         -moz-column-gap: 3rem !important;
         column-gap: 3rem !important
     }
     .bootstrap5-wrapper .text-lg-start {
         text-align: left !important
     }
     .bootstrap5-wrapper .text-lg-end {
         text-align: right !important
     }
     .bootstrap5-wrapper .text-lg-center {
         text-align: center !important
     }
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .float-xl-start {
         float: left !important
     }
     .bootstrap5-wrapper .float-xl-end {
         float: right !important
     }
     .bootstrap5-wrapper .float-xl-none {
         float: none !important
     }
     .bootstrap5-wrapper .object-fit-xl-contain {
         -o-object-fit: contain !important;
         object-fit: contain !important
     }
     .bootstrap5-wrapper .object-fit-xl-cover {
         -o-object-fit: cover !important;
         object-fit: cover !important
     }
     .bootstrap5-wrapper .object-fit-xl-fill {
         -o-object-fit: fill !important;
         object-fit: fill !important
     }
     .bootstrap5-wrapper .object-fit-xl-scale {
         -o-object-fit: scale-down !important;
         object-fit: scale-down !important
     }
     .bootstrap5-wrapper .object-fit-xl-none {
         -o-object-fit: none !important;
         object-fit: none !important
     }
     .bootstrap5-wrapper .d-xl-inline {
         display: inline !important
     }
     .bootstrap5-wrapper .d-xl-inline-block {
         display: inline-block !important
     }
     .bootstrap5-wrapper .d-xl-block {
         display: block !important
     }
     .bootstrap5-wrapper .d-xl-grid {
         display: grid !important
     }
     .bootstrap5-wrapper .d-xl-inline-grid {
         display: inline-grid !important
     }
     .bootstrap5-wrapper .d-xl-table {
         display: table !important
     }
     .bootstrap5-wrapper .d-xl-table-row {
         display: table-row !important
     }
     .bootstrap5-wrapper .d-xl-table-cell {
         display: table-cell !important
     }
     .bootstrap5-wrapper .d-xl-flex {
         display: flex !important
     }
     .bootstrap5-wrapper .d-xl-inline-flex {
         display: inline-flex !important
     }
     .bootstrap5-wrapper .d-xl-none {
         display: none !important
     }
     .bootstrap5-wrapper .flex-xl-fill {
         flex: 1 1 auto !important
     }
     .bootstrap5-wrapper .flex-xl-row {
         flex-direction: row !important
     }
     .bootstrap5-wrapper .flex-xl-column {
         flex-direction: column !important
     }
     .bootstrap5-wrapper .flex-xl-row-reverse {
         flex-direction: row-reverse !important
     }
     .bootstrap5-wrapper .flex-xl-column-reverse {
         flex-direction: column-reverse !important
     }
     .bootstrap5-wrapper .flex-xl-grow-0 {
         flex-grow: 0 !important
     }
     .bootstrap5-wrapper .flex-xl-grow-1 {
         flex-grow: 1 !important
     }
     .bootstrap5-wrapper .flex-xl-shrink-0 {
         flex-shrink: 0 !important
     }
     .bootstrap5-wrapper .flex-xl-shrink-1 {
         flex-shrink: 1 !important
     }
     .bootstrap5-wrapper .flex-xl-wrap {
         flex-wrap: wrap !important
     }
     .bootstrap5-wrapper .flex-xl-nowrap {
         flex-wrap: nowrap !important
     }
     .bootstrap5-wrapper .flex-xl-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }
     .bootstrap5-wrapper .justify-content-xl-start {
         justify-content: flex-start !important
     }
     .bootstrap5-wrapper .justify-content-xl-end {
         justify-content: flex-end !important
     }
     .bootstrap5-wrapper .justify-content-xl-center {
         justify-content: center !important
     }
     .bootstrap5-wrapper .justify-content-xl-between {
         justify-content: space-between !important
     }
     .bootstrap5-wrapper .justify-content-xl-around {
         justify-content: space-around !important
     }
     .bootstrap5-wrapper .justify-content-xl-evenly {
         justify-content: space-evenly !important
     }
     .bootstrap5-wrapper .align-items-xl-start {
         align-items: flex-start !important
     }
     .bootstrap5-wrapper .align-items-xl-end {
         align-items: flex-end !important
     }
     .bootstrap5-wrapper .align-items-xl-center {
         align-items: center !important
     }
     .bootstrap5-wrapper .align-items-xl-baseline {
         align-items: baseline !important
     }
     .bootstrap5-wrapper .align-items-xl-stretch {
         align-items: stretch !important
     }
     .bootstrap5-wrapper .align-content-xl-start {
         align-content: flex-start !important
     }
     .bootstrap5-wrapper .align-content-xl-end {
         align-content: flex-end !important
     }
     .bootstrap5-wrapper .align-content-xl-center {
         align-content: center !important
     }
     .bootstrap5-wrapper .align-content-xl-between {
         align-content: space-between !important
     }
     .bootstrap5-wrapper .align-content-xl-around {
         align-content: space-around !important
     }
     .bootstrap5-wrapper .align-content-xl-stretch {
         align-content: stretch !important
     }
     .bootstrap5-wrapper .align-self-xl-auto {
         align-self: auto !important
     }
     .bootstrap5-wrapper .align-self-xl-start {
         align-self: flex-start !important
     }
     .bootstrap5-wrapper .align-self-xl-end {
         align-self: flex-end !important
     }
     .bootstrap5-wrapper .align-self-xl-center {
         align-self: center !important
     }
     .bootstrap5-wrapper .align-self-xl-baseline {
         align-self: baseline !important
     }
     .bootstrap5-wrapper .align-self-xl-stretch {
         align-self: stretch !important
     }
     .bootstrap5-wrapper .order-xl-first {
         order: -1 !important
     }
     .bootstrap5-wrapper .order-xl-0 {
         order: 0 !important
     }
     .bootstrap5-wrapper .order-xl-1 {
         order: 1 !important
     }
     .bootstrap5-wrapper .order-xl-2 {
         order: 2 !important
     }
     .bootstrap5-wrapper .order-xl-3 {
         order: 3 !important
     }
     .bootstrap5-wrapper .order-xl-4 {
         order: 4 !important
     }
     .bootstrap5-wrapper .order-xl-5 {
         order: 5 !important
     }
     .bootstrap5-wrapper .order-xl-last {
         order: 6 !important
     }
     .bootstrap5-wrapper .m-xl-0 {
         margin: 0 !important
     }
     .bootstrap5-wrapper .m-xl-1 {
         margin: .25rem !important
     }
     .bootstrap5-wrapper .m-xl-2 {
         margin: .5rem !important
     }
     .bootstrap5-wrapper .m-xl-3 {
         margin: 1rem !important
     }
     .bootstrap5-wrapper .m-xl-4 {
         margin: 1.5rem !important
     }
     .bootstrap5-wrapper .m-xl-5 {
         margin: 3rem !important
     }
     .bootstrap5-wrapper .m-xl-auto {
         margin: auto !important
     }
     .bootstrap5-wrapper .mx-xl-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .mx-xl-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .mx-xl-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .mx-xl-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .mx-xl-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .mx-xl-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .mx-xl-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }
     .bootstrap5-wrapper .my-xl-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .my-xl-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .my-xl-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .my-xl-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .my-xl-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .my-xl-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .my-xl-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .mt-xl-0 {
         margin-top: 0 !important
     }
     .bootstrap5-wrapper .mt-xl-1 {
         margin-top: .25rem !important
     }
     .bootstrap5-wrapper .mt-xl-2 {
         margin-top: .5rem !important
     }
     .bootstrap5-wrapper .mt-xl-3 {
         margin-top: 1rem !important
     }
     .bootstrap5-wrapper .mt-xl-4 {
         margin-top: 1.5rem !important
     }
     .bootstrap5-wrapper .mt-xl-5 {
         margin-top: 3rem !important
     }
     .bootstrap5-wrapper .mt-xl-auto {
         margin-top: auto !important
     }
     .bootstrap5-wrapper .me-xl-0 {
         margin-right: 0 !important
     }
     .bootstrap5-wrapper .me-xl-1 {
         margin-right: .25rem !important
     }
     .bootstrap5-wrapper .me-xl-2 {
         margin-right: .5rem !important
     }
     .bootstrap5-wrapper .me-xl-3 {
         margin-right: 1rem !important
     }
     .bootstrap5-wrapper .me-xl-4 {
         margin-right: 1.5rem !important
     }
     .bootstrap5-wrapper .me-xl-5 {
         margin-right: 3rem !important
     }
     .bootstrap5-wrapper .me-xl-auto {
         margin-right: auto !important
     }
     .bootstrap5-wrapper .mb-xl-0 {
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .mb-xl-1 {
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .mb-xl-2 {
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .mb-xl-3 {
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .mb-xl-4 {
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .mb-xl-5 {
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .mb-xl-auto {
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .ms-xl-0 {
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .ms-xl-1 {
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .ms-xl-2 {
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .ms-xl-3 {
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .ms-xl-4 {
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ms-xl-5 {
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .ms-xl-auto {
         margin-left: auto !important
     }
     .bootstrap5-wrapper .p-xl-0 {
         padding: 0 !important
     }
     .bootstrap5-wrapper .p-xl-1 {
         padding: .25rem !important
     }
     .bootstrap5-wrapper .p-xl-2 {
         padding: .5rem !important
     }
     .bootstrap5-wrapper .p-xl-3 {
         padding: 1rem !important
     }
     .bootstrap5-wrapper .p-xl-4 {
         padding: 1.5rem !important
     }
     .bootstrap5-wrapper .p-xl-5 {
         padding: 3rem !important
     }
     .bootstrap5-wrapper .px-xl-0 {
         padding-right: 0 !important;
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .px-xl-1 {
         padding-right: .25rem !important;
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .px-xl-2 {
         padding-right: .5rem !important;
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .px-xl-3 {
         padding-right: 1rem !important;
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .px-xl-4 {
         padding-right: 1.5rem !important;
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .px-xl-5 {
         padding-right: 3rem !important;
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .py-xl-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .py-xl-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .py-xl-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .py-xl-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .py-xl-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .py-xl-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .pt-xl-0 {
         padding-top: 0 !important
     }
     .bootstrap5-wrapper .pt-xl-1 {
         padding-top: .25rem !important
     }
     .bootstrap5-wrapper .pt-xl-2 {
         padding-top: .5rem !important
     }
     .bootstrap5-wrapper .pt-xl-3 {
         padding-top: 1rem !important
     }
     .bootstrap5-wrapper .pt-xl-4 {
         padding-top: 1.5rem !important
     }
     .bootstrap5-wrapper .pt-xl-5 {
         padding-top: 3rem !important
     }
     .bootstrap5-wrapper .pe-xl-0 {
         padding-right: 0 !important
     }
     .bootstrap5-wrapper .pe-xl-1 {
         padding-right: .25rem !important
     }
     .bootstrap5-wrapper .pe-xl-2 {
         padding-right: .5rem !important
     }
     .bootstrap5-wrapper .pe-xl-3 {
         padding-right: 1rem !important
     }
     .bootstrap5-wrapper .pe-xl-4 {
         padding-right: 1.5rem !important
     }
     .bootstrap5-wrapper .pe-xl-5 {
         padding-right: 3rem !important
     }
     .bootstrap5-wrapper .pb-xl-0 {
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .pb-xl-1 {
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .pb-xl-2 {
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .pb-xl-3 {
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .pb-xl-4 {
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .pb-xl-5 {
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .ps-xl-0 {
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .ps-xl-1 {
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .ps-xl-2 {
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .ps-xl-3 {
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .ps-xl-4 {
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ps-xl-5 {
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .gap-xl-0 {
         gap: 0 !important
     }
     .bootstrap5-wrapper .gap-xl-1 {
         gap: .25rem !important
     }
     .bootstrap5-wrapper .gap-xl-2 {
         gap: .5rem !important
     }
     .bootstrap5-wrapper .gap-xl-3 {
         gap: 1rem !important
     }
     .bootstrap5-wrapper .gap-xl-4 {
         gap: 1.5rem !important
     }
     .bootstrap5-wrapper .gap-xl-5 {
         gap: 3rem !important
     }
     .bootstrap5-wrapper .row-gap-xl-0 {
         row-gap: 0 !important
     }
     .bootstrap5-wrapper .row-gap-xl-1 {
         row-gap: .25rem !important
     }
     .bootstrap5-wrapper .row-gap-xl-2 {
         row-gap: .5rem !important
     }
     .bootstrap5-wrapper .row-gap-xl-3 {
         row-gap: 1rem !important
     }
     .bootstrap5-wrapper .row-gap-xl-4 {
         row-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .row-gap-xl-5 {
         row-gap: 3rem !important
     }
     .bootstrap5-wrapper .column-gap-xl-0 {
         -moz-column-gap: 0 !important;
         column-gap: 0 !important
     }
     .bootstrap5-wrapper .column-gap-xl-1 {
         -moz-column-gap: 0.25rem !important;
         column-gap: .25rem !important
     }
     .bootstrap5-wrapper .column-gap-xl-2 {
         -moz-column-gap: 0.5rem !important;
         column-gap: .5rem !important
     }
     .bootstrap5-wrapper .column-gap-xl-3 {
         -moz-column-gap: 1rem !important;
         column-gap: 1rem !important
     }
     .bootstrap5-wrapper .column-gap-xl-4 {
         -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .column-gap-xl-5 {
         -moz-column-gap: 3rem !important;
         column-gap: 3rem !important
     }
     .bootstrap5-wrapper .text-xl-start {
         text-align: left !important
     }
     .bootstrap5-wrapper .text-xl-end {
         text-align: right !important
     }
     .bootstrap5-wrapper .text-xl-center {
         text-align: center !important
     }
 }

 @media (min-width:1400px) {
     .bootstrap5-wrapper .float-xxl-start {
         float: left !important
     }
     .bootstrap5-wrapper .float-xxl-end {
         float: right !important
     }
     .bootstrap5-wrapper .float-xxl-none {
         float: none !important
     }
     .bootstrap5-wrapper .object-fit-xxl-contain {
         -o-object-fit: contain !important;
         object-fit: contain !important
     }
     .bootstrap5-wrapper .object-fit-xxl-cover {
         -o-object-fit: cover !important;
         object-fit: cover !important
     }
     .bootstrap5-wrapper .object-fit-xxl-fill {
         -o-object-fit: fill !important;
         object-fit: fill !important
     }
     .bootstrap5-wrapper .object-fit-xxl-scale {
         -o-object-fit: scale-down !important;
         object-fit: scale-down !important
     }
     .bootstrap5-wrapper .object-fit-xxl-none {
         -o-object-fit: none !important;
         object-fit: none !important
     }
     .bootstrap5-wrapper .d-xxl-inline {
         display: inline !important
     }
     .bootstrap5-wrapper .d-xxl-inline-block {
         display: inline-block !important
     }
     .bootstrap5-wrapper .d-xxl-block {
         display: block !important
     }
     .bootstrap5-wrapper .d-xxl-grid {
         display: grid !important
     }
     .bootstrap5-wrapper .d-xxl-inline-grid {
         display: inline-grid !important
     }
     .bootstrap5-wrapper .d-xxl-table {
         display: table !important
     }
     .bootstrap5-wrapper .d-xxl-table-row {
         display: table-row !important
     }
     .bootstrap5-wrapper .d-xxl-table-cell {
         display: table-cell !important
     }
     .bootstrap5-wrapper .d-xxl-flex {
         display: flex !important
     }
     .bootstrap5-wrapper .d-xxl-inline-flex {
         display: inline-flex !important
     }
     .bootstrap5-wrapper .d-xxl-none {
         display: none !important
     }
     .bootstrap5-wrapper .flex-xxl-fill {
         flex: 1 1 auto !important
     }
     .bootstrap5-wrapper .flex-xxl-row {
         flex-direction: row !important
     }
     .bootstrap5-wrapper .flex-xxl-column {
         flex-direction: column !important
     }
     .bootstrap5-wrapper .flex-xxl-row-reverse {
         flex-direction: row-reverse !important
     }
     .bootstrap5-wrapper .flex-xxl-column-reverse {
         flex-direction: column-reverse !important
     }
     .bootstrap5-wrapper .flex-xxl-grow-0 {
         flex-grow: 0 !important
     }
     .bootstrap5-wrapper .flex-xxl-grow-1 {
         flex-grow: 1 !important
     }
     .bootstrap5-wrapper .flex-xxl-shrink-0 {
         flex-shrink: 0 !important
     }
     .bootstrap5-wrapper .flex-xxl-shrink-1 {
         flex-shrink: 1 !important
     }
     .bootstrap5-wrapper .flex-xxl-wrap {
         flex-wrap: wrap !important
     }
     .bootstrap5-wrapper .flex-xxl-nowrap {
         flex-wrap: nowrap !important
     }
     .bootstrap5-wrapper .flex-xxl-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }
     .bootstrap5-wrapper .justify-content-xxl-start {
         justify-content: flex-start !important
     }
     .bootstrap5-wrapper .justify-content-xxl-end {
         justify-content: flex-end !important
     }
     .bootstrap5-wrapper .justify-content-xxl-center {
         justify-content: center !important
     }
     .bootstrap5-wrapper .justify-content-xxl-between {
         justify-content: space-between !important
     }
     .bootstrap5-wrapper .justify-content-xxl-around {
         justify-content: space-around !important
     }
     .bootstrap5-wrapper .justify-content-xxl-evenly {
         justify-content: space-evenly !important
     }
     .bootstrap5-wrapper .align-items-xxl-start {
         align-items: flex-start !important
     }
     .bootstrap5-wrapper .align-items-xxl-end {
         align-items: flex-end !important
     }
     .bootstrap5-wrapper .align-items-xxl-center {
         align-items: center !important
     }
     .bootstrap5-wrapper .align-items-xxl-baseline {
         align-items: baseline !important
     }
     .bootstrap5-wrapper .align-items-xxl-stretch {
         align-items: stretch !important
     }
     .bootstrap5-wrapper .align-content-xxl-start {
         align-content: flex-start !important
     }
     .bootstrap5-wrapper .align-content-xxl-end {
         align-content: flex-end !important
     }
     .bootstrap5-wrapper .align-content-xxl-center {
         align-content: center !important
     }
     .bootstrap5-wrapper .align-content-xxl-between {
         align-content: space-between !important
     }
     .bootstrap5-wrapper .align-content-xxl-around {
         align-content: space-around !important
     }
     .bootstrap5-wrapper .align-content-xxl-stretch {
         align-content: stretch !important
     }
     .bootstrap5-wrapper .align-self-xxl-auto {
         align-self: auto !important
     }
     .bootstrap5-wrapper .align-self-xxl-start {
         align-self: flex-start !important
     }
     .bootstrap5-wrapper .align-self-xxl-end {
         align-self: flex-end !important
     }
     .bootstrap5-wrapper .align-self-xxl-center {
         align-self: center !important
     }
     .bootstrap5-wrapper .align-self-xxl-baseline {
         align-self: baseline !important
     }
     .bootstrap5-wrapper .align-self-xxl-stretch {
         align-self: stretch !important
     }
     .bootstrap5-wrapper .order-xxl-first {
         order: -1 !important
     }
     .bootstrap5-wrapper .order-xxl-0 {
         order: 0 !important
     }
     .bootstrap5-wrapper .order-xxl-1 {
         order: 1 !important
     }
     .bootstrap5-wrapper .order-xxl-2 {
         order: 2 !important
     }
     .bootstrap5-wrapper .order-xxl-3 {
         order: 3 !important
     }
     .bootstrap5-wrapper .order-xxl-4 {
         order: 4 !important
     }
     .bootstrap5-wrapper .order-xxl-5 {
         order: 5 !important
     }
     .bootstrap5-wrapper .order-xxl-last {
         order: 6 !important
     }
     .bootstrap5-wrapper .m-xxl-0 {
         margin: 0 !important
     }
     .bootstrap5-wrapper .m-xxl-1 {
         margin: .25rem !important
     }
     .bootstrap5-wrapper .m-xxl-2 {
         margin: .5rem !important
     }
     .bootstrap5-wrapper .m-xxl-3 {
         margin: 1rem !important
     }
     .bootstrap5-wrapper .m-xxl-4 {
         margin: 1.5rem !important
     }
     .bootstrap5-wrapper .m-xxl-5 {
         margin: 3rem !important
     }
     .bootstrap5-wrapper .m-xxl-auto {
         margin: auto !important
     }
     .bootstrap5-wrapper .mx-xxl-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .mx-xxl-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .mx-xxl-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .mx-xxl-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .mx-xxl-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .mx-xxl-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .mx-xxl-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }
     .bootstrap5-wrapper .my-xxl-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .my-xxl-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .my-xxl-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .my-xxl-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .my-xxl-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .my-xxl-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .my-xxl-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .mt-xxl-0 {
         margin-top: 0 !important
     }
     .bootstrap5-wrapper .mt-xxl-1 {
         margin-top: .25rem !important
     }
     .bootstrap5-wrapper .mt-xxl-2 {
         margin-top: .5rem !important
     }
     .bootstrap5-wrapper .mt-xxl-3 {
         margin-top: 1rem !important
     }
     .bootstrap5-wrapper .mt-xxl-4 {
         margin-top: 1.5rem !important
     }
     .bootstrap5-wrapper .mt-xxl-5 {
         margin-top: 3rem !important
     }
     .bootstrap5-wrapper .mt-xxl-auto {
         margin-top: auto !important
     }
     .bootstrap5-wrapper .me-xxl-0 {
         margin-right: 0 !important
     }
     .bootstrap5-wrapper .me-xxl-1 {
         margin-right: .25rem !important
     }
     .bootstrap5-wrapper .me-xxl-2 {
         margin-right: .5rem !important
     }
     .bootstrap5-wrapper .me-xxl-3 {
         margin-right: 1rem !important
     }
     .bootstrap5-wrapper .me-xxl-4 {
         margin-right: 1.5rem !important
     }
     .bootstrap5-wrapper .me-xxl-5 {
         margin-right: 3rem !important
     }
     .bootstrap5-wrapper .me-xxl-auto {
         margin-right: auto !important
     }
     .bootstrap5-wrapper .mb-xxl-0 {
         margin-bottom: 0 !important
     }
     .bootstrap5-wrapper .mb-xxl-1 {
         margin-bottom: .25rem !important
     }
     .bootstrap5-wrapper .mb-xxl-2 {
         margin-bottom: .5rem !important
     }
     .bootstrap5-wrapper .mb-xxl-3 {
         margin-bottom: 1rem !important
     }
     .bootstrap5-wrapper .mb-xxl-4 {
         margin-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .mb-xxl-5 {
         margin-bottom: 3rem !important
     }
     .bootstrap5-wrapper .mb-xxl-auto {
         margin-bottom: auto !important
     }
     .bootstrap5-wrapper .ms-xxl-0 {
         margin-left: 0 !important
     }
     .bootstrap5-wrapper .ms-xxl-1 {
         margin-left: .25rem !important
     }
     .bootstrap5-wrapper .ms-xxl-2 {
         margin-left: .5rem !important
     }
     .bootstrap5-wrapper .ms-xxl-3 {
         margin-left: 1rem !important
     }
     .bootstrap5-wrapper .ms-xxl-4 {
         margin-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ms-xxl-5 {
         margin-left: 3rem !important
     }
     .bootstrap5-wrapper .ms-xxl-auto {
         margin-left: auto !important
     }
     .bootstrap5-wrapper .p-xxl-0 {
         padding: 0 !important
     }
     .bootstrap5-wrapper .p-xxl-1 {
         padding: .25rem !important
     }
     .bootstrap5-wrapper .p-xxl-2 {
         padding: .5rem !important
     }
     .bootstrap5-wrapper .p-xxl-3 {
         padding: 1rem !important
     }
     .bootstrap5-wrapper .p-xxl-4 {
         padding: 1.5rem !important
     }
     .bootstrap5-wrapper .p-xxl-5 {
         padding: 3rem !important
     }
     .bootstrap5-wrapper .px-xxl-0 {
         padding-right: 0 !important;
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .px-xxl-1 {
         padding-right: .25rem !important;
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .px-xxl-2 {
         padding-right: .5rem !important;
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .px-xxl-3 {
         padding-right: 1rem !important;
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .px-xxl-4 {
         padding-right: 1.5rem !important;
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .px-xxl-5 {
         padding-right: 3rem !important;
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .py-xxl-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .py-xxl-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .py-xxl-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .py-xxl-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .py-xxl-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .py-xxl-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .pt-xxl-0 {
         padding-top: 0 !important
     }
     .bootstrap5-wrapper .pt-xxl-1 {
         padding-top: .25rem !important
     }
     .bootstrap5-wrapper .pt-xxl-2 {
         padding-top: .5rem !important
     }
     .bootstrap5-wrapper .pt-xxl-3 {
         padding-top: 1rem !important
     }
     .bootstrap5-wrapper .pt-xxl-4 {
         padding-top: 1.5rem !important
     }
     .bootstrap5-wrapper .pt-xxl-5 {
         padding-top: 3rem !important
     }
     .bootstrap5-wrapper .pe-xxl-0 {
         padding-right: 0 !important
     }
     .bootstrap5-wrapper .pe-xxl-1 {
         padding-right: .25rem !important
     }
     .bootstrap5-wrapper .pe-xxl-2 {
         padding-right: .5rem !important
     }
     .bootstrap5-wrapper .pe-xxl-3 {
         padding-right: 1rem !important
     }
     .bootstrap5-wrapper .pe-xxl-4 {
         padding-right: 1.5rem !important
     }
     .bootstrap5-wrapper .pe-xxl-5 {
         padding-right: 3rem !important
     }
     .bootstrap5-wrapper .pb-xxl-0 {
         padding-bottom: 0 !important
     }
     .bootstrap5-wrapper .pb-xxl-1 {
         padding-bottom: .25rem !important
     }
     .bootstrap5-wrapper .pb-xxl-2 {
         padding-bottom: .5rem !important
     }
     .bootstrap5-wrapper .pb-xxl-3 {
         padding-bottom: 1rem !important
     }
     .bootstrap5-wrapper .pb-xxl-4 {
         padding-bottom: 1.5rem !important
     }
     .bootstrap5-wrapper .pb-xxl-5 {
         padding-bottom: 3rem !important
     }
     .bootstrap5-wrapper .ps-xxl-0 {
         padding-left: 0 !important
     }
     .bootstrap5-wrapper .ps-xxl-1 {
         padding-left: .25rem !important
     }
     .bootstrap5-wrapper .ps-xxl-2 {
         padding-left: .5rem !important
     }
     .bootstrap5-wrapper .ps-xxl-3 {
         padding-left: 1rem !important
     }
     .bootstrap5-wrapper .ps-xxl-4 {
         padding-left: 1.5rem !important
     }
     .bootstrap5-wrapper .ps-xxl-5 {
         padding-left: 3rem !important
     }
     .bootstrap5-wrapper .gap-xxl-0 {
         gap: 0 !important
     }
     .bootstrap5-wrapper .gap-xxl-1 {
         gap: .25rem !important
     }
     .bootstrap5-wrapper .gap-xxl-2 {
         gap: .5rem !important
     }
     .bootstrap5-wrapper .gap-xxl-3 {
         gap: 1rem !important
     }
     .bootstrap5-wrapper .gap-xxl-4 {
         gap: 1.5rem !important
     }
     .bootstrap5-wrapper .gap-xxl-5 {
         gap: 3rem !important
     }
     .bootstrap5-wrapper .row-gap-xxl-0 {
         row-gap: 0 !important
     }
     .bootstrap5-wrapper .row-gap-xxl-1 {
         row-gap: .25rem !important
     }
     .bootstrap5-wrapper .row-gap-xxl-2 {
         row-gap: .5rem !important
     }
     .bootstrap5-wrapper .row-gap-xxl-3 {
         row-gap: 1rem !important
     }
     .bootstrap5-wrapper .row-gap-xxl-4 {
         row-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .row-gap-xxl-5 {
         row-gap: 3rem !important
     }
     .bootstrap5-wrapper .column-gap-xxl-0 {
         -moz-column-gap: 0 !important;
         column-gap: 0 !important
     }
     .bootstrap5-wrapper .column-gap-xxl-1 {
         -moz-column-gap: 0.25rem !important;
         column-gap: .25rem !important
     }
     .bootstrap5-wrapper .column-gap-xxl-2 {
         -moz-column-gap: 0.5rem !important;
         column-gap: .5rem !important
     }
     .bootstrap5-wrapper .column-gap-xxl-3 {
         -moz-column-gap: 1rem !important;
         column-gap: 1rem !important
     }
     .bootstrap5-wrapper .column-gap-xxl-4 {
         -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important
     }
     .bootstrap5-wrapper .column-gap-xxl-5 {
         -moz-column-gap: 3rem !important;
         column-gap: 3rem !important
     }
     .bootstrap5-wrapper .text-xxl-start {
         text-align: left !important
     }
     .bootstrap5-wrapper .text-xxl-end {
         text-align: right !important
     }
     .bootstrap5-wrapper .text-xxl-center {
         text-align: center !important
     }
 }

 @media (min-width:1200px) {
     .bootstrap5-wrapper .fs-1 {
         font-size: 2.5rem !important
     }
     .bootstrap5-wrapper .fs-2 {
         font-size: 2rem !important
     }
     .bootstrap5-wrapper .fs-3 {
         font-size: 1.75rem !important
     }
     .bootstrap5-wrapper .fs-4 {
         font-size: 1.5rem !important
     }
 }

 @media print {
     .bootstrap5-wrapper .d-print-inline {
         display: inline !important
     }
     .bootstrap5-wrapper .d-print-inline-block {
         display: inline-block !important
     }
     .bootstrap5-wrapper .d-print-block {
         display: block !important
     }
     .bootstrap5-wrapper .d-print-grid {
         display: grid !important
     }
     .bootstrap5-wrapper .d-print-inline-grid {
         display: inline-grid !important
     }
     .bootstrap5-wrapper .d-print-table {
         display: table !important
     }
     .bootstrap5-wrapper .d-print-table-row {
         display: table-row !important
     }
     .bootstrap5-wrapper .d-print-table-cell {
         display: table-cell !important
     }
     .bootstrap5-wrapper .d-print-flex {
         display: flex !important
     }
     .bootstrap5-wrapper .d-print-inline-flex {
         display: inline-flex !important
     }
     .bootstrap5-wrapper .d-print-none {
         display: none !important
     }
 }

 /*# sourceMappingURL=bootstrap.min.css.map */

 /* Unscoped: BS5 modal backdrop is appended to <body> by JS, outside .bootstrap5-wrapper */

 .modal-backdrop {
     --bs-backdrop-zindex: 1050;
     --bs-backdrop-bg: #000;
     --bs-backdrop-opacity: 0.5;
     position: fixed;
     top: 0;
     left: 0;
     z-index: var(--bs-backdrop-zindex);
     width: 100vw;
     height: 100vh;
     background-color: var(--bs-backdrop-bg)
 }

 .modal-backdrop.fade {
     opacity: 0
 }

 .modal-backdrop.show {
     opacity: var(--bs-backdrop-opacity)
 }

 /*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */

 /* grid component */

 .aem-Grid {
     display: block;
     width: 100%;
 }

 .aem-Grid::before,
 .aem-Grid::after {
     display: table;
     content: " ";
 }

 .aem-Grid::after {
     clear: both;
 }

 /* placeholder for new components */

 .aem-Grid-newComponent {
     clear: both;
     margin: 0;
 }

 /* column of a grid */

 .aem-GridColumn {
     box-sizing: border-box;
     clear: both;
 }

 /* force showing hidden */

 .aem-GridShowHidden>.aem-Grid>.aem-GridColumn {
     display: block !important;
 }

 /* Generates all the rules for the grid columns up to the given amount of column */

 /* Generates all the rules for the grid column offset up to the given amount of column */

 /* Generates all the rules for the grid and columns for the given break point and total of columns */

 /* Generates all the rules for the grids and columns */

 /* API function to be called to generate a grid config */

 /* maximum amount of grid cells */

 /* default breakpoint */

 .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 20%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 40%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 60%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 80%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 20%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 40%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 60%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 80%;
 }

 .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 16.66666667%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 83.33333333%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 16.66666667%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 83.33333333%;
 }

 .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 14.28571429%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 28.57142857%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 42.85714286%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 57.14285714%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 71.42857143%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 85.71428571%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 14.28571429%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 28.57142857%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 42.85714286%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 57.14285714%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 71.42857143%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 85.71428571%;
 }

 .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 12.5%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 37.5%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 62.5%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 87.5%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 12.5%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 37.5%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 62.5%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 87.5%;
 }

 .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 11.11111111%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 22.22222222%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 44.44444444%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 55.55555556%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 77.77777778%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 88.88888889%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 11.11111111%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 22.22222222%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 44.44444444%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 55.55555556%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 77.77777778%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 88.88888889%;
 }

 .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 10%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 20%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 30%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 40%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 60%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 70%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 80%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 90%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 10%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 20%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 30%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 40%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 60%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 70%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 80%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 90%;
 }

 .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 9.09090909%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 18.18181818%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 27.27272727%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 36.36363636%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 45.45454545%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 54.54545455%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 63.63636364%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 72.72727273%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 81.81818182%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 90.90909091%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 9.09090909%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 18.18181818%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 27.27272727%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 36.36363636%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 45.45454545%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 54.54545455%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 63.63636364%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 72.72727273%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 81.81818182%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 90.90909091%;
 }

 .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 8.33333333%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 16.66666667%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 41.66666667%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 58.33333333%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 83.33333333%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 91.66666667%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 8.33333333%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 16.66666667%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 41.66666667%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 58.33333333%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 83.33333333%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 91.66666667%;
 }

 .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 7.69230769%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 15.38461538%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 23.07692308%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 30.76923077%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 38.46153846%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 46.15384615%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 53.84615385%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 61.53846154%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 69.23076923%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 76.92307692%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 84.61538462%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 92.30769231%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 7.69230769%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 15.38461538%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 23.07692308%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 30.76923077%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 38.46153846%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 46.15384615%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 53.84615385%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 61.53846154%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 69.23076923%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 76.92307692%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 84.61538462%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 92.30769231%;
 }

 .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 7.14285714%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 14.28571429%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 21.42857143%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 28.57142857%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 35.71428571%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 42.85714286%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 57.14285714%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 64.28571429%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 71.42857143%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 78.57142857%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 85.71428571%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 92.85714286%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 7.14285714%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 14.28571429%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 21.42857143%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 28.57142857%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 35.71428571%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 42.85714286%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 57.14285714%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 64.28571429%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 71.42857143%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 78.57142857%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 85.71428571%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 92.85714286%;
 }

 .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 6.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 13.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 20%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 26.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 40%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 46.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 53.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 60%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 73.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 80%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 86.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 93.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 6.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 13.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 20%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 26.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 40%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 46.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 53.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 60%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 73.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 80%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 86.66666667%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 93.33333333%;
 }

 .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 6.25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 12.5%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 18.75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 31.25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 37.5%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 43.75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 56.25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 62.5%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 68.75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 81.25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 87.5%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 93.75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 6.25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 12.5%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 18.75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 31.25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 37.5%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 43.75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 56.25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 62.5%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 68.75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 81.25%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 87.5%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 93.75%;
 }

 .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 5.88235294%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 11.76470588%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 17.64705882%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 23.52941176%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 29.41176471%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 35.29411765%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 41.17647059%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 47.05882353%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 52.94117647%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 58.82352941%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 64.70588235%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 70.58823529%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 76.47058824%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 82.35294118%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 88.23529412%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 94.11764706%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 5.88235294%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 11.76470588%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 17.64705882%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 23.52941176%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 29.41176471%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 35.29411765%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 41.17647059%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 47.05882353%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 52.94117647%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 58.82352941%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 64.70588235%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 70.58823529%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 76.47058824%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 82.35294118%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 88.23529412%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 94.11764706%;
 }

 .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 5.55555556%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 11.11111111%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 16.66666667%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 22.22222222%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 27.77777778%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 38.88888889%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 44.44444444%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 55.55555556%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 61.11111111%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 72.22222222%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 77.77777778%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 83.33333333%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 88.88888889%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 94.44444444%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 5.55555556%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 11.11111111%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 16.66666667%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 22.22222222%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 27.77777778%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 38.88888889%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 44.44444444%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 55.55555556%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 61.11111111%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 72.22222222%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 77.77777778%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 83.33333333%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 88.88888889%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 94.44444444%;
 }

 .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 5.26315789%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 10.52631579%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 15.78947368%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 21.05263158%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 26.31578947%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 31.57894737%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 36.84210526%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 42.10526316%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 47.36842105%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 52.63157895%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 57.89473684%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 63.15789474%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 68.42105263%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 73.68421053%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 78.94736842%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 84.21052632%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 89.47368421%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 94.73684211%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 5.26315789%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 10.52631579%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 15.78947368%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 21.05263158%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 26.31578947%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 31.57894737%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 36.84210526%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 42.10526316%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 47.36842105%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 52.63157895%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 57.89473684%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 63.15789474%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 68.42105263%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 73.68421053%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 78.94736842%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 84.21052632%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 89.47368421%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 94.73684211%;
 }

 .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 5%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 10%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 15%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 20%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 30%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 35%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 40%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 45%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 55%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 60%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 65%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 70%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 80%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 85%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 90%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 95%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 5%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 10%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 15%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 20%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 30%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 35%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 40%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 45%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 55%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 60%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 65%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 70%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 80%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 85%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 90%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 95%;
 }

 .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 4.76190476%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 9.52380952%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 14.28571429%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 19.04761905%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 23.80952381%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 28.57142857%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 38.0952381%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 42.85714286%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 47.61904762%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 52.38095238%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 57.14285714%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 61.9047619%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 71.42857143%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 76.19047619%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 80.95238095%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 85.71428571%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 90.47619048%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 95.23809524%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--default--21 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 4.76190476%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 9.52380952%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 14.28571429%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 19.04761905%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 23.80952381%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 28.57142857%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 38.0952381%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 42.85714286%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 47.61904762%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 52.38095238%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 57.14285714%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 61.9047619%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 71.42857143%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 76.19047619%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 80.95238095%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 85.71428571%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 90.47619048%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 95.23809524%;
 }

 .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--default--21 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 4.54545455%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 9.09090909%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 13.63636364%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 18.18181818%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 22.72727273%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 27.27272727%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 31.81818182%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 36.36363636%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 40.90909091%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 45.45454545%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 54.54545455%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 59.09090909%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 63.63636364%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 68.18181818%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 72.72727273%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 77.27272727%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 81.81818182%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 86.36363636%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 90.90909091%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--21 {
     float: left;
     clear: none;
     width: 95.45454545%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--default--22 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 4.54545455%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 9.09090909%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 13.63636364%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 18.18181818%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 22.72727273%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 27.27272727%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 31.81818182%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 36.36363636%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 40.90909091%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 45.45454545%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 54.54545455%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 59.09090909%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 63.63636364%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 68.18181818%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 72.72727273%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 77.27272727%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 81.81818182%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 86.36363636%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 90.90909091%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--21 {
     margin-left: 95.45454545%;
 }

 .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--default--22 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 4.34782609%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 8.69565217%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 13.04347826%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 17.39130435%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 21.73913043%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 26.08695652%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 30.43478261%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 34.7826087%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 39.13043478%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 43.47826087%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 47.82608696%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 52.17391304%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 56.52173913%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 60.86956522%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 65.2173913%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 69.56521739%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 73.91304348%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 78.26086957%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 82.60869565%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 86.95652174%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--21 {
     float: left;
     clear: none;
     width: 91.30434783%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--22 {
     float: left;
     clear: none;
     width: 95.65217391%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--default--23 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 4.34782609%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 8.69565217%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 13.04347826%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 17.39130435%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 21.73913043%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 26.08695652%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 30.43478261%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 34.7826087%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 39.13043478%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 43.47826087%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 47.82608696%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 52.17391304%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 56.52173913%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 60.86956522%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 65.2173913%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 69.56521739%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 73.91304348%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 78.26086957%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 82.60869565%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 86.95652174%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--21 {
     margin-left: 91.30434783%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--22 {
     margin-left: 95.65217391%;
 }

 .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--default--23 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 4.16666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 8.33333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 12.5%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 16.66666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 20.83333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 29.16666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 37.5%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 41.66666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 45.83333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 54.16666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 58.33333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 62.5%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 70.83333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 79.16666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 83.33333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--21 {
     float: left;
     clear: none;
     width: 87.5%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--22 {
     float: left;
     clear: none;
     width: 91.66666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--23 {
     float: left;
     clear: none;
     width: 95.83333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--default--24 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 4.16666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 8.33333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 12.5%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 16.66666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 20.83333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 29.16666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 37.5%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 41.66666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 45.83333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 54.16666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 58.33333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 62.5%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 70.83333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 79.16666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 83.33333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--21 {
     margin-left: 87.5%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--22 {
     margin-left: 91.66666667%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--23 {
     margin-left: 95.83333333%;
 }

 .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--default--24 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 20%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 40%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 60%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 80%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 20%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 40%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 60%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 80%;
 }

 .aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 16.66666667%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 83.33333333%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 16.66666667%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 83.33333333%;
 }

 .aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 14.28571429%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 28.57142857%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 42.85714286%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 57.14285714%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 71.42857143%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 85.71428571%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 14.28571429%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 28.57142857%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 42.85714286%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 57.14285714%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 71.42857143%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 85.71428571%;
 }

 .aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 12.5%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 37.5%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 62.5%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 87.5%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 12.5%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 37.5%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 62.5%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 87.5%;
 }

 .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 11.11111111%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 22.22222222%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 44.44444444%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 55.55555556%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 77.77777778%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 88.88888889%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 11.11111111%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 22.22222222%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 44.44444444%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 55.55555556%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 77.77777778%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 88.88888889%;
 }

 .aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 10%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 20%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 30%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 40%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 60%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 70%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 80%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 90%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 10%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 20%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 30%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 40%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 60%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 70%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 80%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 90%;
 }

 .aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 9.09090909%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 18.18181818%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 27.27272727%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 36.36363636%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 45.45454545%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 54.54545455%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 63.63636364%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 72.72727273%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 81.81818182%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 90.90909091%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 9.09090909%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 18.18181818%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 27.27272727%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 36.36363636%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 45.45454545%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 54.54545455%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 63.63636364%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 72.72727273%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 81.81818182%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 90.90909091%;
 }

 .aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 8.33333333%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 16.66666667%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 41.66666667%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 58.33333333%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 83.33333333%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 91.66666667%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 8.33333333%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 16.66666667%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 41.66666667%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 58.33333333%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 83.33333333%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 91.66666667%;
 }

 .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 7.69230769%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 15.38461538%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 23.07692308%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 30.76923077%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 38.46153846%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 46.15384615%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 53.84615385%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 61.53846154%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 69.23076923%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 76.92307692%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 84.61538462%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 92.30769231%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 7.69230769%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 15.38461538%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 23.07692308%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 30.76923077%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 38.46153846%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 46.15384615%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 53.84615385%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 61.53846154%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 69.23076923%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 76.92307692%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 84.61538462%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 92.30769231%;
 }

 .aem-Grid.aem-Grid--default--13>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 7.14285714%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 14.28571429%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 21.42857143%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 28.57142857%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 35.71428571%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 42.85714286%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 57.14285714%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 64.28571429%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 71.42857143%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 78.57142857%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 85.71428571%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 92.85714286%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 7.14285714%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 14.28571429%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 21.42857143%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 28.57142857%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 35.71428571%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 42.85714286%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 57.14285714%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 64.28571429%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 71.42857143%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 78.57142857%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 85.71428571%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 92.85714286%;
 }

 .aem-Grid.aem-Grid--default--14>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 6.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 13.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 20%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 26.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 40%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 46.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 53.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 60%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 73.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 80%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 86.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 93.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 6.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 13.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 20%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 26.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 40%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 46.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 53.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 60%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 73.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 80%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 86.66666667%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 93.33333333%;
 }

 .aem-Grid.aem-Grid--default--15>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 6.25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 12.5%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 18.75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 31.25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 37.5%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 43.75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 56.25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 62.5%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 68.75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 81.25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 87.5%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 93.75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 6.25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 12.5%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 18.75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 31.25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 37.5%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 43.75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 56.25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 62.5%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 68.75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 81.25%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 87.5%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 93.75%;
 }

 .aem-Grid.aem-Grid--default--16>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 5.88235294%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 11.76470588%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 17.64705882%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 23.52941176%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 29.41176471%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 35.29411765%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 41.17647059%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 47.05882353%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 52.94117647%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 58.82352941%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 64.70588235%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 70.58823529%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 76.47058824%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 82.35294118%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 88.23529412%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 94.11764706%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 5.88235294%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 11.76470588%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 17.64705882%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 23.52941176%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 29.41176471%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 35.29411765%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 41.17647059%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 47.05882353%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 52.94117647%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 58.82352941%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 64.70588235%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 70.58823529%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 76.47058824%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 82.35294118%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 88.23529412%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 94.11764706%;
 }

 .aem-Grid.aem-Grid--default--17>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 5.55555556%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 11.11111111%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 16.66666667%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 22.22222222%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 27.77777778%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 38.88888889%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 44.44444444%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 55.55555556%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 61.11111111%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 72.22222222%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 77.77777778%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 83.33333333%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 88.88888889%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 94.44444444%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 5.55555556%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 11.11111111%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 16.66666667%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 22.22222222%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 27.77777778%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 38.88888889%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 44.44444444%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 55.55555556%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 61.11111111%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 72.22222222%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 77.77777778%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 83.33333333%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 88.88888889%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 94.44444444%;
 }

 .aem-Grid.aem-Grid--default--18>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 5.26315789%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 10.52631579%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 15.78947368%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 21.05263158%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 26.31578947%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 31.57894737%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 36.84210526%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 42.10526316%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 47.36842105%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 52.63157895%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 57.89473684%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 63.15789474%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 68.42105263%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 73.68421053%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 78.94736842%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 84.21052632%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 89.47368421%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 94.73684211%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 5.26315789%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 10.52631579%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 15.78947368%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 21.05263158%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 26.31578947%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 31.57894737%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 36.84210526%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 42.10526316%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 47.36842105%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 52.63157895%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 57.89473684%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 63.15789474%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 68.42105263%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 73.68421053%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 78.94736842%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 84.21052632%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 89.47368421%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 94.73684211%;
 }

 .aem-Grid.aem-Grid--default--19>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 5%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 10%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 15%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 20%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 30%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 35%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 40%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 45%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 55%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 60%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 65%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 70%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 80%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 85%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 90%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 95%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 5%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 10%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 15%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 20%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 30%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 35%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 40%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 45%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 55%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 60%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 65%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 70%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 80%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 85%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 90%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 95%;
 }

 .aem-Grid.aem-Grid--default--20>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 4.76190476%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 9.52380952%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 14.28571429%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 19.04761905%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 23.80952381%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 28.57142857%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 38.0952381%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 42.85714286%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 47.61904762%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 52.38095238%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 57.14285714%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 61.9047619%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 71.42857143%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 76.19047619%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 80.95238095%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 85.71428571%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 90.47619048%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 95.23809524%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--default--21 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 4.76190476%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 9.52380952%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 14.28571429%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 19.04761905%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 23.80952381%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 28.57142857%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 38.0952381%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 42.85714286%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 47.61904762%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 52.38095238%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 57.14285714%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 61.9047619%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 71.42857143%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 76.19047619%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 80.95238095%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 85.71428571%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 90.47619048%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 95.23809524%;
 }

 .aem-Grid.aem-Grid--default--21>.aem-GridColumn.aem-GridColumn--offset--default--21 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 4.54545455%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 9.09090909%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 13.63636364%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 18.18181818%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 22.72727273%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 27.27272727%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 31.81818182%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 36.36363636%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 40.90909091%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 45.45454545%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 54.54545455%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 59.09090909%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 63.63636364%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 68.18181818%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 72.72727273%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 77.27272727%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 81.81818182%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 86.36363636%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 90.90909091%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--21 {
     float: left;
     clear: none;
     width: 95.45454545%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--default--22 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 4.54545455%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 9.09090909%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 13.63636364%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 18.18181818%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 22.72727273%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 27.27272727%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 31.81818182%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 36.36363636%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 40.90909091%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 45.45454545%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 54.54545455%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 59.09090909%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 63.63636364%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 68.18181818%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 72.72727273%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 77.27272727%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 81.81818182%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 86.36363636%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 90.90909091%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--21 {
     margin-left: 95.45454545%;
 }

 .aem-Grid.aem-Grid--default--22>.aem-GridColumn.aem-GridColumn--offset--default--22 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 4.34782609%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 8.69565217%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 13.04347826%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 17.39130435%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 21.73913043%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 26.08695652%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 30.43478261%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 34.7826087%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 39.13043478%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 43.47826087%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 47.82608696%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 52.17391304%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 56.52173913%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 60.86956522%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 65.2173913%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 69.56521739%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 73.91304348%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 78.26086957%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 82.60869565%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 86.95652174%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--21 {
     float: left;
     clear: none;
     width: 91.30434783%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--22 {
     float: left;
     clear: none;
     width: 95.65217391%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--default--23 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 4.34782609%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 8.69565217%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 13.04347826%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 17.39130435%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 21.73913043%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 26.08695652%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 30.43478261%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 34.7826087%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 39.13043478%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 43.47826087%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 47.82608696%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 52.17391304%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 56.52173913%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 60.86956522%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 65.2173913%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 69.56521739%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 73.91304348%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 78.26086957%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 82.60869565%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 86.95652174%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--21 {
     margin-left: 91.30434783%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--22 {
     margin-left: 95.65217391%;
 }

 .aem-Grid.aem-Grid--default--23>.aem-GridColumn.aem-GridColumn--offset--default--23 {
     margin-left: 100%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--1 {
     float: left;
     clear: none;
     width: 4.16666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--2 {
     float: left;
     clear: none;
     width: 8.33333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--3 {
     float: left;
     clear: none;
     width: 12.5%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--4 {
     float: left;
     clear: none;
     width: 16.66666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--5 {
     float: left;
     clear: none;
     width: 20.83333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--6 {
     float: left;
     clear: none;
     width: 25%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--7 {
     float: left;
     clear: none;
     width: 29.16666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--8 {
     float: left;
     clear: none;
     width: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--9 {
     float: left;
     clear: none;
     width: 37.5%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--10 {
     float: left;
     clear: none;
     width: 41.66666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--11 {
     float: left;
     clear: none;
     width: 45.83333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--12 {
     float: left;
     clear: none;
     width: 50%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--13 {
     float: left;
     clear: none;
     width: 54.16666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--14 {
     float: left;
     clear: none;
     width: 58.33333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--15 {
     float: left;
     clear: none;
     width: 62.5%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--16 {
     float: left;
     clear: none;
     width: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--17 {
     float: left;
     clear: none;
     width: 70.83333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--18 {
     float: left;
     clear: none;
     width: 75%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--19 {
     float: left;
     clear: none;
     width: 79.16666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--20 {
     float: left;
     clear: none;
     width: 83.33333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--21 {
     float: left;
     clear: none;
     width: 87.5%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--22 {
     float: left;
     clear: none;
     width: 91.66666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--23 {
     float: left;
     clear: none;
     width: 95.83333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--default--24 {
     float: left;
     clear: none;
     width: 100%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--0 {
     margin-left: 0%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--1 {
     margin-left: 4.16666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--2 {
     margin-left: 8.33333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--3 {
     margin-left: 12.5%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--4 {
     margin-left: 16.66666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--5 {
     margin-left: 20.83333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--6 {
     margin-left: 25%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--7 {
     margin-left: 29.16666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--8 {
     margin-left: 33.33333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--9 {
     margin-left: 37.5%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--10 {
     margin-left: 41.66666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--11 {
     margin-left: 45.83333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--12 {
     margin-left: 50%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--13 {
     margin-left: 54.16666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--14 {
     margin-left: 58.33333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--15 {
     margin-left: 62.5%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--16 {
     margin-left: 66.66666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--17 {
     margin-left: 70.83333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--18 {
     margin-left: 75%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--19 {
     margin-left: 79.16666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--20 {
     margin-left: 83.33333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--21 {
     margin-left: 87.5%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--22 {
     margin-left: 91.66666667%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--23 {
     margin-left: 95.83333333%;
 }

 .aem-Grid.aem-Grid--default--24>.aem-GridColumn.aem-GridColumn--offset--default--24 {
     margin-left: 100%;
 }

 .aem-Grid>.aem-GridColumn.aem-GridColumn--default--newline {
     /* newline behavior */
     display: block;
     clear: both !important;
 }

 .aem-Grid>.aem-GridColumn.aem-GridColumn--default--none {
     /* none behavior */
     display: block;
     clear: none !important;
     float: left;
 }

 .aem-Grid>.aem-GridColumn.aem-GridColumn--default--hide {
     /* hide behavior */
     display: none;
 }

 /* phone breakpoint */

 @media (max-width: 768px) {
     .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 11.11111111%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 22.22222222%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 44.44444444%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 55.55555556%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 77.77777778%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 88.88888889%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 11.11111111%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 22.22222222%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 44.44444444%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 55.55555556%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 77.77777778%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 88.88888889%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 10%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 30%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 70%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 90%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 10%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 30%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 70%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 90%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 9.09090909%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 18.18181818%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 27.27272727%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 36.36363636%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 45.45454545%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 54.54545455%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 63.63636364%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 72.72727273%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 81.81818182%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 90.90909091%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 9.09090909%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 18.18181818%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 27.27272727%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 36.36363636%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 45.45454545%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 54.54545455%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 63.63636364%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 72.72727273%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 81.81818182%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 90.90909091%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 8.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 41.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 58.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 91.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 8.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 41.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 58.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 91.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 7.69230769%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 15.38461538%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 23.07692308%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 30.76923077%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 38.46153846%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 46.15384615%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 53.84615385%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 61.53846154%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 69.23076923%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 76.92307692%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 84.61538462%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 92.30769231%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 7.69230769%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 15.38461538%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 23.07692308%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 30.76923077%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 38.46153846%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 46.15384615%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 53.84615385%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 61.53846154%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 69.23076923%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 76.92307692%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 84.61538462%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 92.30769231%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 7.14285714%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 21.42857143%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 35.71428571%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 64.28571429%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 78.57142857%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 92.85714286%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 7.14285714%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 21.42857143%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 35.71428571%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 64.28571429%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 78.57142857%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 92.85714286%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 6.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 13.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 26.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 46.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 53.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 73.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 86.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 93.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 6.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 13.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 26.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 46.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 53.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 73.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 86.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 93.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 6.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 18.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 31.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 43.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 56.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 68.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 81.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 93.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 6.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 18.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 31.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 43.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 56.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 68.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 81.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 93.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 5.88235294%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 11.76470588%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 17.64705882%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 23.52941176%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 29.41176471%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 35.29411765%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 41.17647059%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 47.05882353%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 52.94117647%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 58.82352941%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 64.70588235%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 70.58823529%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 76.47058824%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 82.35294118%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 88.23529412%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 94.11764706%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 5.88235294%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 11.76470588%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 17.64705882%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 23.52941176%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 29.41176471%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 35.29411765%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 41.17647059%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 47.05882353%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 52.94117647%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 58.82352941%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 64.70588235%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 70.58823529%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 76.47058824%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 82.35294118%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 88.23529412%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 94.11764706%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 5.55555556%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 11.11111111%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 22.22222222%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 27.77777778%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 38.88888889%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 44.44444444%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 55.55555556%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 61.11111111%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 72.22222222%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 77.77777778%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 88.88888889%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 94.44444444%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 5.55555556%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 11.11111111%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 22.22222222%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 27.77777778%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 38.88888889%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 44.44444444%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 55.55555556%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 61.11111111%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 72.22222222%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 77.77777778%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 88.88888889%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 94.44444444%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 5.26315789%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 10.52631579%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 15.78947368%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 21.05263158%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 26.31578947%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 31.57894737%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 36.84210526%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 42.10526316%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 47.36842105%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 52.63157895%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 57.89473684%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 63.15789474%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 68.42105263%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 73.68421053%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 78.94736842%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 84.21052632%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 89.47368421%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 94.73684211%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 5.26315789%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 10.52631579%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 15.78947368%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 21.05263158%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 26.31578947%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 31.57894737%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 36.84210526%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 42.10526316%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 47.36842105%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 52.63157895%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 57.89473684%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 63.15789474%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 68.42105263%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 73.68421053%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 78.94736842%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 84.21052632%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 89.47368421%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 94.73684211%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 5%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 10%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 15%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 30%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 35%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 45%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 55%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 65%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 70%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 85%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 90%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 95%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 5%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 10%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 15%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 30%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 35%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 45%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 55%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 65%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 70%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 85%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 90%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 95%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 4.76190476%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 9.52380952%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 19.04761905%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 23.80952381%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 38.0952381%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 47.61904762%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 52.38095238%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 61.9047619%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 76.19047619%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 80.95238095%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 90.47619048%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 95.23809524%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--phone--21 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 4.76190476%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 9.52380952%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 19.04761905%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 23.80952381%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 38.0952381%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 47.61904762%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 52.38095238%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 61.9047619%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 76.19047619%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 80.95238095%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 90.47619048%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 95.23809524%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--phone--21 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 4.54545455%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 9.09090909%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 13.63636364%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 18.18181818%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 22.72727273%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 27.27272727%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 31.81818182%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 36.36363636%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 40.90909091%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 45.45454545%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 54.54545455%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 59.09090909%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 63.63636364%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 68.18181818%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 72.72727273%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 77.27272727%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 81.81818182%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 86.36363636%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 90.90909091%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--21 {
         float: left;
         clear: none;
         width: 95.45454545%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--phone--22 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 4.54545455%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 9.09090909%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 13.63636364%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 18.18181818%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 22.72727273%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 27.27272727%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 31.81818182%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 36.36363636%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 40.90909091%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 45.45454545%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 54.54545455%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 59.09090909%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 63.63636364%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 68.18181818%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 72.72727273%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 77.27272727%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 81.81818182%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 86.36363636%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 90.90909091%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--21 {
         margin-left: 95.45454545%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--phone--22 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 4.34782609%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 8.69565217%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 13.04347826%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 17.39130435%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 21.73913043%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 26.08695652%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 30.43478261%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 34.7826087%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 39.13043478%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 43.47826087%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 47.82608696%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 52.17391304%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 56.52173913%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 60.86956522%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 65.2173913%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 69.56521739%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 73.91304348%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 78.26086957%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 82.60869565%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 86.95652174%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--21 {
         float: left;
         clear: none;
         width: 91.30434783%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--22 {
         float: left;
         clear: none;
         width: 95.65217391%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--phone--23 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 4.34782609%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 8.69565217%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 13.04347826%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 17.39130435%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 21.73913043%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 26.08695652%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 30.43478261%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 34.7826087%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 39.13043478%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 43.47826087%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 47.82608696%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 52.17391304%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 56.52173913%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 60.86956522%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 65.2173913%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 69.56521739%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 73.91304348%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 78.26086957%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 82.60869565%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 86.95652174%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--21 {
         margin-left: 91.30434783%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--22 {
         margin-left: 95.65217391%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--phone--23 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 4.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 8.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 20.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 29.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 41.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 45.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 54.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 58.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 70.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 79.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--21 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--22 {
         float: left;
         clear: none;
         width: 91.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--23 {
         float: left;
         clear: none;
         width: 95.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--phone--24 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 4.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 8.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 20.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 29.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 41.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 45.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 54.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 58.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 70.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 79.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--21 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--22 {
         margin-left: 91.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--23 {
         margin-left: 95.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--phone--24 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 11.11111111%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 22.22222222%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 44.44444444%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 55.55555556%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 77.77777778%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 88.88888889%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 11.11111111%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 22.22222222%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 44.44444444%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 55.55555556%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 77.77777778%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 88.88888889%;
     }
     .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 10%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 30%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 70%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 90%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 10%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 30%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 70%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 90%;
     }
     .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 9.09090909%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 18.18181818%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 27.27272727%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 36.36363636%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 45.45454545%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 54.54545455%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 63.63636364%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 72.72727273%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 81.81818182%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 90.90909091%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 9.09090909%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 18.18181818%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 27.27272727%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 36.36363636%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 45.45454545%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 54.54545455%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 63.63636364%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 72.72727273%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 81.81818182%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 90.90909091%;
     }
     .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 8.33333333%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 41.66666667%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 58.33333333%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 91.66666667%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 8.33333333%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 41.66666667%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 58.33333333%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 91.66666667%;
     }
     .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 7.69230769%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 15.38461538%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 23.07692308%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 30.76923077%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 38.46153846%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 46.15384615%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 53.84615385%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 61.53846154%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 69.23076923%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 76.92307692%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 84.61538462%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 92.30769231%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 7.69230769%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 15.38461538%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 23.07692308%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 30.76923077%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 38.46153846%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 46.15384615%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 53.84615385%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 61.53846154%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 69.23076923%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 76.92307692%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 84.61538462%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 92.30769231%;
     }
     .aem-Grid.aem-Grid--phone--13>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 7.14285714%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 21.42857143%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 35.71428571%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 64.28571429%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 78.57142857%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 92.85714286%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 7.14285714%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 21.42857143%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 35.71428571%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 64.28571429%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 78.57142857%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 92.85714286%;
     }
     .aem-Grid.aem-Grid--phone--14>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 6.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 13.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 26.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 46.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 53.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 73.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 86.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 93.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 6.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 13.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 26.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 46.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 53.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 73.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 86.66666667%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 93.33333333%;
     }
     .aem-Grid.aem-Grid--phone--15>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 6.25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 18.75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 31.25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 43.75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 56.25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 68.75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 81.25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 93.75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 6.25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 18.75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 31.25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 43.75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 56.25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 68.75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 81.25%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 93.75%;
     }
     .aem-Grid.aem-Grid--phone--16>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 5.88235294%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 11.76470588%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 17.64705882%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 23.52941176%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 29.41176471%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 35.29411765%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 41.17647059%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 47.05882353%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 52.94117647%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 58.82352941%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 64.70588235%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 70.58823529%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 76.47058824%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 82.35294118%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 88.23529412%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 94.11764706%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 5.88235294%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 11.76470588%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 17.64705882%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 23.52941176%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 29.41176471%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 35.29411765%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 41.17647059%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 47.05882353%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 52.94117647%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 58.82352941%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 64.70588235%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 70.58823529%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 76.47058824%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 82.35294118%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 88.23529412%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 94.11764706%;
     }
     .aem-Grid.aem-Grid--phone--17>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 5.55555556%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 11.11111111%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 22.22222222%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 27.77777778%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 38.88888889%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 44.44444444%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 55.55555556%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 61.11111111%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 72.22222222%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 77.77777778%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 88.88888889%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 94.44444444%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 5.55555556%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 11.11111111%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 22.22222222%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 27.77777778%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 38.88888889%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 44.44444444%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 55.55555556%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 61.11111111%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 72.22222222%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 77.77777778%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 88.88888889%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 94.44444444%;
     }
     .aem-Grid.aem-Grid--phone--18>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 5.26315789%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 10.52631579%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 15.78947368%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 21.05263158%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 26.31578947%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 31.57894737%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 36.84210526%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 42.10526316%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 47.36842105%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 52.63157895%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 57.89473684%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 63.15789474%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 68.42105263%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 73.68421053%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 78.94736842%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 84.21052632%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 89.47368421%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 94.73684211%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 5.26315789%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 10.52631579%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 15.78947368%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 21.05263158%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 26.31578947%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 31.57894737%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 36.84210526%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 42.10526316%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 47.36842105%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 52.63157895%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 57.89473684%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 63.15789474%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 68.42105263%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 73.68421053%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 78.94736842%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 84.21052632%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 89.47368421%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 94.73684211%;
     }
     .aem-Grid.aem-Grid--phone--19>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 5%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 10%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 15%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 30%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 35%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 45%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 55%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 65%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 70%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 85%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 90%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 95%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 5%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 10%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 15%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 30%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 35%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 45%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 55%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 65%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 70%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 85%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 90%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 95%;
     }
     .aem-Grid.aem-Grid--phone--20>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 4.76190476%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 9.52380952%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 19.04761905%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 23.80952381%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 38.0952381%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 47.61904762%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 52.38095238%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 61.9047619%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 76.19047619%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 80.95238095%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 90.47619048%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 95.23809524%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--phone--21 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 4.76190476%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 9.52380952%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 19.04761905%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 23.80952381%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 38.0952381%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 47.61904762%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 52.38095238%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 61.9047619%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 76.19047619%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 80.95238095%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 90.47619048%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 95.23809524%;
     }
     .aem-Grid.aem-Grid--phone--21>.aem-GridColumn.aem-GridColumn--offset--phone--21 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 4.54545455%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 9.09090909%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 13.63636364%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 18.18181818%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 22.72727273%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 27.27272727%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 31.81818182%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 36.36363636%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 40.90909091%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 45.45454545%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 54.54545455%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 59.09090909%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 63.63636364%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 68.18181818%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 72.72727273%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 77.27272727%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 81.81818182%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 86.36363636%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 90.90909091%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--21 {
         float: left;
         clear: none;
         width: 95.45454545%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--phone--22 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 4.54545455%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 9.09090909%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 13.63636364%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 18.18181818%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 22.72727273%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 27.27272727%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 31.81818182%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 36.36363636%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 40.90909091%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 45.45454545%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 54.54545455%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 59.09090909%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 63.63636364%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 68.18181818%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 72.72727273%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 77.27272727%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 81.81818182%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 86.36363636%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 90.90909091%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--21 {
         margin-left: 95.45454545%;
     }
     .aem-Grid.aem-Grid--phone--22>.aem-GridColumn.aem-GridColumn--offset--phone--22 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 4.34782609%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 8.69565217%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 13.04347826%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 17.39130435%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 21.73913043%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 26.08695652%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 30.43478261%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 34.7826087%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 39.13043478%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 43.47826087%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 47.82608696%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 52.17391304%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 56.52173913%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 60.86956522%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 65.2173913%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 69.56521739%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 73.91304348%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 78.26086957%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 82.60869565%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 86.95652174%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--21 {
         float: left;
         clear: none;
         width: 91.30434783%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--22 {
         float: left;
         clear: none;
         width: 95.65217391%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--phone--23 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 4.34782609%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 8.69565217%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 13.04347826%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 17.39130435%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 21.73913043%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 26.08695652%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 30.43478261%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 34.7826087%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 39.13043478%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 43.47826087%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 47.82608696%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 52.17391304%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 56.52173913%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 60.86956522%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 65.2173913%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 69.56521739%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 73.91304348%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 78.26086957%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 82.60869565%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 86.95652174%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--21 {
         margin-left: 91.30434783%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--22 {
         margin-left: 95.65217391%;
     }
     .aem-Grid.aem-Grid--phone--23>.aem-GridColumn.aem-GridColumn--offset--phone--23 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--1 {
         float: left;
         clear: none;
         width: 4.16666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--2 {
         float: left;
         clear: none;
         width: 8.33333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--3 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--4 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--5 {
         float: left;
         clear: none;
         width: 20.83333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--6 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--7 {
         float: left;
         clear: none;
         width: 29.16666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--8 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--9 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--10 {
         float: left;
         clear: none;
         width: 41.66666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--11 {
         float: left;
         clear: none;
         width: 45.83333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--12 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--13 {
         float: left;
         clear: none;
         width: 54.16666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--14 {
         float: left;
         clear: none;
         width: 58.33333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--15 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--16 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--17 {
         float: left;
         clear: none;
         width: 70.83333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--18 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--19 {
         float: left;
         clear: none;
         width: 79.16666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--20 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--21 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--22 {
         float: left;
         clear: none;
         width: 91.66666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--23 {
         float: left;
         clear: none;
         width: 95.83333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--phone--24 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
         margin-left: 4.16666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
         margin-left: 8.33333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
         margin-left: 20.83333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
         margin-left: 29.16666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
         margin-left: 41.66666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
         margin-left: 45.83333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--13 {
         margin-left: 54.16666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--14 {
         margin-left: 58.33333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--15 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--16 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--17 {
         margin-left: 70.83333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--18 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--19 {
         margin-left: 79.16666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--20 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--21 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--22 {
         margin-left: 91.66666667%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--23 {
         margin-left: 95.83333333%;
     }
     .aem-Grid.aem-Grid--phone--24>.aem-GridColumn.aem-GridColumn--offset--phone--24 {
         margin-left: 100%;
     }
     .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--newline {
         /* newline behavior */
         display: block;
         clear: both !important;
     }
     .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--none {
         /* none behavior */
         display: block;
         clear: none !important;
         float: left;
     }
     .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--hide {
         /* hide behavior */
         display: none;
     }
 }

 /* tablet breakpoint */

 @media (min-width: 769px) and (max-width: 1200px) {
     .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 11.11111111%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 22.22222222%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 44.44444444%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 55.55555556%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 77.77777778%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 88.88888889%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 11.11111111%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 22.22222222%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 44.44444444%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 55.55555556%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 77.77777778%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 88.88888889%;
     }
     .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 10%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 30%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 70%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 90%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 10%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 30%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 70%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 90%;
     }
     .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 9.09090909%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 18.18181818%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 27.27272727%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 36.36363636%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 45.45454545%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 54.54545455%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 63.63636364%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 72.72727273%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 81.81818182%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 90.90909091%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 9.09090909%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 18.18181818%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 27.27272727%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 36.36363636%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 45.45454545%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 54.54545455%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 63.63636364%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 72.72727273%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 81.81818182%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 90.90909091%;
     }
     .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 8.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 41.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 58.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 91.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 8.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 41.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 58.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 91.66666667%;
     }
     .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 7.69230769%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 15.38461538%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 23.07692308%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 30.76923077%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 38.46153846%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 46.15384615%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 53.84615385%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 61.53846154%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 69.23076923%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 76.92307692%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 84.61538462%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 92.30769231%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 7.69230769%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 15.38461538%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 23.07692308%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 30.76923077%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 38.46153846%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 46.15384615%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 53.84615385%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 61.53846154%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 69.23076923%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 76.92307692%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 84.61538462%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 92.30769231%;
     }
     .aem-Grid.aem-Grid--13>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 7.14285714%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 21.42857143%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 35.71428571%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 64.28571429%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 78.57142857%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 92.85714286%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 7.14285714%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 21.42857143%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 35.71428571%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 64.28571429%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 78.57142857%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 92.85714286%;
     }
     .aem-Grid.aem-Grid--14>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 6.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 13.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 26.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 46.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 53.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 73.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 86.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 93.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 6.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 13.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 26.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 46.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 53.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 73.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 86.66666667%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 93.33333333%;
     }
     .aem-Grid.aem-Grid--15>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 6.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 18.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 31.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 43.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 56.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 68.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 81.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 93.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 6.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 18.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 31.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 43.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 56.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 68.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 81.25%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 93.75%;
     }
     .aem-Grid.aem-Grid--16>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 5.88235294%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 11.76470588%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 17.64705882%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 23.52941176%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 29.41176471%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 35.29411765%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 41.17647059%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 47.05882353%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 52.94117647%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 58.82352941%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 64.70588235%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 70.58823529%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 76.47058824%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 82.35294118%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 88.23529412%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 94.11764706%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 5.88235294%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 11.76470588%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 17.64705882%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 23.52941176%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 29.41176471%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 35.29411765%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 41.17647059%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 47.05882353%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 52.94117647%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 58.82352941%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 64.70588235%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 70.58823529%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 76.47058824%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 82.35294118%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 88.23529412%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 94.11764706%;
     }
     .aem-Grid.aem-Grid--17>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 5.55555556%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 11.11111111%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 22.22222222%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 27.77777778%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 38.88888889%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 44.44444444%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 55.55555556%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 61.11111111%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 72.22222222%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 77.77777778%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 88.88888889%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 94.44444444%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 5.55555556%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 11.11111111%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 22.22222222%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 27.77777778%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 38.88888889%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 44.44444444%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 55.55555556%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 61.11111111%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 72.22222222%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 77.77777778%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 88.88888889%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 94.44444444%;
     }
     .aem-Grid.aem-Grid--18>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 5.26315789%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 10.52631579%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 15.78947368%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 21.05263158%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 26.31578947%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 31.57894737%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 36.84210526%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 42.10526316%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 47.36842105%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 52.63157895%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 57.89473684%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 63.15789474%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 68.42105263%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 73.68421053%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 78.94736842%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 84.21052632%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 89.47368421%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 94.73684211%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 5.26315789%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 10.52631579%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 15.78947368%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 21.05263158%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 26.31578947%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 31.57894737%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 36.84210526%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 42.10526316%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 47.36842105%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 52.63157895%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 57.89473684%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 63.15789474%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 68.42105263%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 73.68421053%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 78.94736842%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 84.21052632%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 89.47368421%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 94.73684211%;
     }
     .aem-Grid.aem-Grid--19>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 5%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 10%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 15%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 30%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 35%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 45%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 55%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 65%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 70%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 85%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 90%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 95%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 5%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 10%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 15%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 30%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 35%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 45%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 55%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 65%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 70%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 85%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 90%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 95%;
     }
     .aem-Grid.aem-Grid--20>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 4.76190476%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 9.52380952%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 19.04761905%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 23.80952381%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 38.0952381%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 47.61904762%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 52.38095238%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 61.9047619%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 76.19047619%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 80.95238095%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 90.47619048%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 95.23809524%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--tablet--21 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 4.76190476%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 9.52380952%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 19.04761905%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 23.80952381%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 38.0952381%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 47.61904762%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 52.38095238%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 61.9047619%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 76.19047619%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 80.95238095%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 90.47619048%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 95.23809524%;
     }
     .aem-Grid.aem-Grid--21>.aem-GridColumn.aem-GridColumn--offset--tablet--21 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 4.54545455%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 9.09090909%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 13.63636364%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 18.18181818%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 22.72727273%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 27.27272727%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 31.81818182%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 36.36363636%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 40.90909091%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 45.45454545%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 54.54545455%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 59.09090909%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 63.63636364%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 68.18181818%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 72.72727273%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 77.27272727%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 81.81818182%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 86.36363636%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 90.90909091%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--21 {
         float: left;
         clear: none;
         width: 95.45454545%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--tablet--22 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 4.54545455%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 9.09090909%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 13.63636364%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 18.18181818%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 22.72727273%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 27.27272727%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 31.81818182%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 36.36363636%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 40.90909091%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 45.45454545%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 54.54545455%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 59.09090909%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 63.63636364%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 68.18181818%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 72.72727273%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 77.27272727%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 81.81818182%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 86.36363636%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 90.90909091%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--21 {
         margin-left: 95.45454545%;
     }
     .aem-Grid.aem-Grid--22>.aem-GridColumn.aem-GridColumn--offset--tablet--22 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 4.34782609%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 8.69565217%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 13.04347826%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 17.39130435%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 21.73913043%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 26.08695652%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 30.43478261%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 34.7826087%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 39.13043478%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 43.47826087%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 47.82608696%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 52.17391304%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 56.52173913%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 60.86956522%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 65.2173913%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 69.56521739%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 73.91304348%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 78.26086957%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 82.60869565%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 86.95652174%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--21 {
         float: left;
         clear: none;
         width: 91.30434783%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--22 {
         float: left;
         clear: none;
         width: 95.65217391%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--tablet--23 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 4.34782609%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 8.69565217%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 13.04347826%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 17.39130435%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 21.73913043%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 26.08695652%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 30.43478261%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 34.7826087%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 39.13043478%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 43.47826087%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 47.82608696%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 52.17391304%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 56.52173913%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 60.86956522%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 65.2173913%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 69.56521739%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 73.91304348%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 78.26086957%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 82.60869565%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 86.95652174%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--21 {
         margin-left: 91.30434783%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--22 {
         margin-left: 95.65217391%;
     }
     .aem-Grid.aem-Grid--23>.aem-GridColumn.aem-GridColumn--offset--tablet--23 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 4.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 8.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 20.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 29.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 41.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 45.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 54.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 58.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 70.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 79.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--21 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--22 {
         float: left;
         clear: none;
         width: 91.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--23 {
         float: left;
         clear: none;
         width: 95.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--tablet--24 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 4.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 8.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 20.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 29.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 41.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 45.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 54.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 58.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 70.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 79.16666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--21 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--22 {
         margin-left: 91.66666667%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--23 {
         margin-left: 95.83333333%;
     }
     .aem-Grid.aem-Grid--24>.aem-GridColumn.aem-GridColumn--offset--tablet--24 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 11.11111111%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 22.22222222%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 44.44444444%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 55.55555556%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 77.77777778%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 88.88888889%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 11.11111111%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 22.22222222%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 44.44444444%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 55.55555556%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 77.77777778%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 88.88888889%;
     }
     .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 10%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 30%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 70%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 90%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 10%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 30%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 70%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 90%;
     }
     .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 9.09090909%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 18.18181818%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 27.27272727%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 36.36363636%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 45.45454545%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 54.54545455%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 63.63636364%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 72.72727273%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 81.81818182%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 90.90909091%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 9.09090909%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 18.18181818%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 27.27272727%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 36.36363636%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 45.45454545%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 54.54545455%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 63.63636364%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 72.72727273%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 81.81818182%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 90.90909091%;
     }
     .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 8.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 41.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 58.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 91.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 8.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 41.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 58.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 91.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 7.69230769%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 15.38461538%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 23.07692308%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 30.76923077%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 38.46153846%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 46.15384615%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 53.84615385%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 61.53846154%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 69.23076923%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 76.92307692%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 84.61538462%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 92.30769231%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 7.69230769%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 15.38461538%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 23.07692308%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 30.76923077%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 38.46153846%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 46.15384615%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 53.84615385%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 61.53846154%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 69.23076923%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 76.92307692%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 84.61538462%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 92.30769231%;
     }
     .aem-Grid.aem-Grid--tablet--13>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 7.14285714%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 21.42857143%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 35.71428571%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 64.28571429%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 78.57142857%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 92.85714286%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 7.14285714%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 21.42857143%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 35.71428571%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 64.28571429%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 78.57142857%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 92.85714286%;
     }
     .aem-Grid.aem-Grid--tablet--14>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 6.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 13.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 26.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 46.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 53.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 73.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 86.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 93.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 6.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 13.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 26.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 46.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 53.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 73.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 86.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 93.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--15>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 6.25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 18.75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 31.25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 43.75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 56.25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 68.75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 81.25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 93.75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 6.25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 18.75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 31.25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 43.75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 56.25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 68.75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 81.25%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 93.75%;
     }
     .aem-Grid.aem-Grid--tablet--16>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 5.88235294%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 11.76470588%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 17.64705882%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 23.52941176%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 29.41176471%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 35.29411765%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 41.17647059%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 47.05882353%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 52.94117647%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 58.82352941%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 64.70588235%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 70.58823529%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 76.47058824%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 82.35294118%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 88.23529412%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 94.11764706%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 5.88235294%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 11.76470588%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 17.64705882%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 23.52941176%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 29.41176471%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 35.29411765%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 41.17647059%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 47.05882353%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 52.94117647%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 58.82352941%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 64.70588235%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 70.58823529%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 76.47058824%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 82.35294118%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 88.23529412%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 94.11764706%;
     }
     .aem-Grid.aem-Grid--tablet--17>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 5.55555556%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 11.11111111%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 22.22222222%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 27.77777778%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 38.88888889%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 44.44444444%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 55.55555556%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 61.11111111%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 72.22222222%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 77.77777778%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 88.88888889%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 94.44444444%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 5.55555556%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 11.11111111%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 22.22222222%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 27.77777778%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 38.88888889%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 44.44444444%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 55.55555556%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 61.11111111%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 72.22222222%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 77.77777778%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 88.88888889%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 94.44444444%;
     }
     .aem-Grid.aem-Grid--tablet--18>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 5.26315789%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 10.52631579%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 15.78947368%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 21.05263158%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 26.31578947%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 31.57894737%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 36.84210526%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 42.10526316%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 47.36842105%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 52.63157895%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 57.89473684%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 63.15789474%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 68.42105263%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 73.68421053%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 78.94736842%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 84.21052632%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 89.47368421%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 94.73684211%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 5.26315789%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 10.52631579%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 15.78947368%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 21.05263158%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 26.31578947%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 31.57894737%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 36.84210526%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 42.10526316%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 47.36842105%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 52.63157895%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 57.89473684%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 63.15789474%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 68.42105263%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 73.68421053%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 78.94736842%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 84.21052632%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 89.47368421%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 94.73684211%;
     }
     .aem-Grid.aem-Grid--tablet--19>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 5%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 10%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 15%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 20%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 30%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 35%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 40%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 45%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 55%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 60%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 65%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 70%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 80%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 85%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 90%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 95%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 5%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 10%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 15%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 20%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 30%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 35%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 40%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 45%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 55%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 60%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 65%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 70%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 80%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 85%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 90%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 95%;
     }
     .aem-Grid.aem-Grid--tablet--20>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 4.76190476%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 9.52380952%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 14.28571429%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 19.04761905%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 23.80952381%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 28.57142857%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 38.0952381%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 42.85714286%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 47.61904762%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 52.38095238%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 57.14285714%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 61.9047619%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 71.42857143%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 76.19047619%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 80.95238095%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 85.71428571%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 90.47619048%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 95.23809524%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--tablet--21 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 4.76190476%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 9.52380952%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 14.28571429%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 19.04761905%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 23.80952381%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 28.57142857%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 38.0952381%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 42.85714286%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 47.61904762%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 52.38095238%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 57.14285714%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 61.9047619%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 71.42857143%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 76.19047619%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 80.95238095%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 85.71428571%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 90.47619048%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 95.23809524%;
     }
     .aem-Grid.aem-Grid--tablet--21>.aem-GridColumn.aem-GridColumn--offset--tablet--21 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 4.54545455%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 9.09090909%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 13.63636364%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 18.18181818%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 22.72727273%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 27.27272727%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 31.81818182%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 36.36363636%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 40.90909091%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 45.45454545%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 54.54545455%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 59.09090909%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 63.63636364%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 68.18181818%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 72.72727273%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 77.27272727%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 81.81818182%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 86.36363636%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 90.90909091%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--21 {
         float: left;
         clear: none;
         width: 95.45454545%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--tablet--22 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 4.54545455%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 9.09090909%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 13.63636364%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 18.18181818%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 22.72727273%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 27.27272727%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 31.81818182%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 36.36363636%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 40.90909091%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 45.45454545%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 54.54545455%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 59.09090909%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 63.63636364%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 68.18181818%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 72.72727273%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 77.27272727%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 81.81818182%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 86.36363636%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 90.90909091%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--21 {
         margin-left: 95.45454545%;
     }
     .aem-Grid.aem-Grid--tablet--22>.aem-GridColumn.aem-GridColumn--offset--tablet--22 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 4.34782609%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 8.69565217%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 13.04347826%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 17.39130435%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 21.73913043%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 26.08695652%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 30.43478261%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 34.7826087%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 39.13043478%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 43.47826087%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 47.82608696%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 52.17391304%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 56.52173913%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 60.86956522%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 65.2173913%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 69.56521739%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 73.91304348%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 78.26086957%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 82.60869565%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 86.95652174%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--21 {
         float: left;
         clear: none;
         width: 91.30434783%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--22 {
         float: left;
         clear: none;
         width: 95.65217391%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--tablet--23 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 4.34782609%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 8.69565217%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 13.04347826%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 17.39130435%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 21.73913043%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 26.08695652%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 30.43478261%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 34.7826087%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 39.13043478%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 43.47826087%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 47.82608696%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 52.17391304%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 56.52173913%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 60.86956522%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 65.2173913%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 69.56521739%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 73.91304348%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 78.26086957%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 82.60869565%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 86.95652174%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--21 {
         margin-left: 91.30434783%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--22 {
         margin-left: 95.65217391%;
     }
     .aem-Grid.aem-Grid--tablet--23>.aem-GridColumn.aem-GridColumn--offset--tablet--23 {
         margin-left: 100%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--1 {
         float: left;
         clear: none;
         width: 4.16666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--2 {
         float: left;
         clear: none;
         width: 8.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--3 {
         float: left;
         clear: none;
         width: 12.5%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--4 {
         float: left;
         clear: none;
         width: 16.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--5 {
         float: left;
         clear: none;
         width: 20.83333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--6 {
         float: left;
         clear: none;
         width: 25%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--7 {
         float: left;
         clear: none;
         width: 29.16666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--8 {
         float: left;
         clear: none;
         width: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--9 {
         float: left;
         clear: none;
         width: 37.5%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--10 {
         float: left;
         clear: none;
         width: 41.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--11 {
         float: left;
         clear: none;
         width: 45.83333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--12 {
         float: left;
         clear: none;
         width: 50%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--13 {
         float: left;
         clear: none;
         width: 54.16666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--14 {
         float: left;
         clear: none;
         width: 58.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--15 {
         float: left;
         clear: none;
         width: 62.5%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--16 {
         float: left;
         clear: none;
         width: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--17 {
         float: left;
         clear: none;
         width: 70.83333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--18 {
         float: left;
         clear: none;
         width: 75%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--19 {
         float: left;
         clear: none;
         width: 79.16666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--20 {
         float: left;
         clear: none;
         width: 83.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--21 {
         float: left;
         clear: none;
         width: 87.5%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--22 {
         float: left;
         clear: none;
         width: 91.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--23 {
         float: left;
         clear: none;
         width: 95.83333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--tablet--24 {
         float: left;
         clear: none;
         width: 100%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
         margin-left: 0%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
         margin-left: 4.16666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
         margin-left: 8.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
         margin-left: 12.5%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
         margin-left: 16.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
         margin-left: 20.83333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
         margin-left: 25%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
         margin-left: 29.16666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
         margin-left: 33.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
         margin-left: 37.5%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
         margin-left: 41.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
         margin-left: 45.83333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
         margin-left: 50%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--13 {
         margin-left: 54.16666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--14 {
         margin-left: 58.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--15 {
         margin-left: 62.5%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--16 {
         margin-left: 66.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--17 {
         margin-left: 70.83333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--18 {
         margin-left: 75%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--19 {
         margin-left: 79.16666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--20 {
         margin-left: 83.33333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--21 {
         margin-left: 87.5%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--22 {
         margin-left: 91.66666667%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--23 {
         margin-left: 95.83333333%;
     }
     .aem-Grid.aem-Grid--tablet--24>.aem-GridColumn.aem-GridColumn--offset--tablet--24 {
         margin-left: 100%;
     }
     .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--newline {
         /* newline behavior */
         display: block;
         clear: both !important;
     }
     .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--none {
         /* none behavior */
         display: block;
         clear: none !important;
         float: left;
     }
     .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--hide {
         /* hide behavior */
         display: none;
     }
 }

 /*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 :root {
     --blue: #007bff;
     --indigo: #6610f2;
     --purple: #6f42c1;
     --pink: #e83e8c;
     --red: #dc3545;
     --orange: #fd7e14;
     --yellow: #ffc107;
     --green: #28a745;
     --teal: #20c997;
     --cyan: #17a2b8;
     --white: #fff;
     --gray: #6c757d;
     --gray-dark: #343a40;
     --primary: #007bff;
     --secondary: #6c757d;
     --success: #28a745;
     --info: #17a2b8;
     --warning: #ffc107;
     --danger: #dc3545;
     --light: #f8f9fa;
     --dark: #343a40;
     --breakpoint-xs: 0;
     --breakpoint-sm: 576px;
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
     --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }

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

 html {
     font-family: sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 article,
 aside,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section {
     display: block;
 }

 body {
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     text-align: left;
     background-color: #fff;
 }

 [tabindex="-1"]:focus {
     outline: 0 !important;
 }

 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
 }

 p {
     margin-top: 0;
     margin-bottom: 1rem;
 }

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

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

 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 {
     font-size: 80%;
 }

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

 sub {
     bottom: -.25em;
 }

 sup {
     top: -.5em;
 }

 a {
     color: #007bff;
     text-decoration: none;
     background-color: transparent;
 }

 a:hover {
     color: #0056b3;
     text-decoration: underline;
 }

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

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

 a:not([href]):not([tabindex]):focus {
     outline: 0;
 }

 pre,
 code,
 kbd,
 samp {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 1em;
 }

 pre {
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
 }

 figure {
     margin: 0 0 1rem;
 }

 img {
     vertical-align: middle;
     border-style: none;
 }

 svg {
     overflow: hidden;
     vertical-align: middle;
 }

 table {
     border-collapse: collapse;
 }

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

 th {
     text-align: inherit;
 }

 label {
     display: inline-block;
     margin-bottom: 0.5rem;
 }

 button {
     border-radius: 0;
 }

 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color;
 }

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

 button,
 input {
     overflow: visible;
 }

 button,
 select {
     text-transform: none;
 }

 select {
     word-wrap: normal;
 }

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

 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     padding: 0;
     border-style: none;
 }

 input[type="radio"],
 input[type="checkbox"] {
     box-sizing: border-box;
     padding: 0;
 }

 input[type="date"],
 input[type="time"],
 input[type="datetime-local"],
 input[type="month"] {
     -webkit-appearance: listbox;
 }

 textarea {
     overflow: auto;
     resize: vertical;
 }

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

 legend {
     display: block;
     width: 100%;
     max-width: 100%;
     padding: 0;
     margin-bottom: .5rem;
     font-size: 1.5rem;
     line-height: inherit;
     color: inherit;
     white-space: normal;
 }

 progress {
     vertical-align: baseline;
 }

 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }

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

 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }

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

 output {
     display: inline-block;
 }

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

 template {
     display: none;
 }

 [hidden] {
     display: none !important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
     margin-bottom: 0.5rem;
     font-weight: 500;
     line-height: 1.2;
 }

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

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

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

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

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

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

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

 .display-1 {
     font-size: 6rem;
     font-weight: 300;
     line-height: 1.2;
 }

 .display-2 {
     font-size: 5.5rem;
     font-weight: 300;
     line-height: 1.2;
 }

 .display-3 {
     font-size: 4.5rem;
     font-weight: 300;
     line-height: 1.2;
 }

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

 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
 }

 small,
 .small {
     font-size: 80%;
     font-weight: 400;
 }

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

 .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: 90%;
     text-transform: uppercase;
 }

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

 .blockquote-footer {
     display: block;
     font-size: 80%;
     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: 90%;
     color: #6c757d;
 }

 code {
     font-size: 87.5%;
     color: #e83e8c;
     word-break: break-word;
 }

 a>code {
     color: inherit;
 }

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

 kbd kbd {
     padding: 0;
     font-size: 100%;
     font-weight: 700;
 }

 pre {
     display: block;
     font-size: 87.5%;
     color: #212529;
 }

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

 .pre-scrollable {
     max-height: 340px;
     overflow-y: scroll;
 }

 .container {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

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

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

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

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

 .container-fluid {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
 }

 .no-gutters {
     margin-right: 0;
     margin-left: 0;
 }

 .no-gutters>.col,
 .no-gutters>[class*="col-"] {
     padding-right: 0;
     padding-left: 0;
 }

 .col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12,
 .col,
 .col-auto,
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm,
 .col-sm-auto,
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md,
 .col-md-auto,
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg,
 .col-lg-auto,
 .col-xl-1,
 .col-xl-2,
 .col-xl-3,
 .col-xl-4,
 .col-xl-5,
 .col-xl-6,
 .col-xl-7,
 .col-xl-8,
 .col-xl-9,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .col-xl,
 .col-xl-auto {
     position: relative;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
 }

 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
 }

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

 .col-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
 }

 .col-2 {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
 }

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

 .col-4 {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
 }

 .col-5 {
     -ms-flex: 0 0 41.666667%;
     flex: 0 0 41.666667%;
     max-width: 41.666667%;
 }

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

 .col-7 {
     -ms-flex: 0 0 58.333333%;
     flex: 0 0 58.333333%;
     max-width: 58.333333%;
 }

 .col-8 {
     -ms-flex: 0 0 66.666667%;
     flex: 0 0 66.666667%;
     max-width: 66.666667%;
 }

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

 .col-10 {
     -ms-flex: 0 0 83.333333%;
     flex: 0 0 83.333333%;
     max-width: 83.333333%;
 }

 .col-11 {
     -ms-flex: 0 0 91.666667%;
     flex: 0 0 91.666667%;
     max-width: 91.666667%;
 }

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

 .order-first {
     -ms-flex-order: -1;
     order: -1;
 }

 .order-last {
     -ms-flex-order: 13;
     order: 13;
 }

 .order-0 {
     -ms-flex-order: 0;
     order: 0;
 }

 .order-1 {
     -ms-flex-order: 1;
     order: 1;
 }

 .order-2 {
     -ms-flex-order: 2;
     order: 2;
 }

 .order-3 {
     -ms-flex-order: 3;
     order: 3;
 }

 .order-4 {
     -ms-flex-order: 4;
     order: 4;
 }

 .order-5 {
     -ms-flex-order: 5;
     order: 5;
 }

 .order-6 {
     -ms-flex-order: 6;
     order: 6;
 }

 .order-7 {
     -ms-flex-order: 7;
     order: 7;
 }

 .order-8 {
     -ms-flex-order: 8;
     order: 8;
 }

 .order-9 {
     -ms-flex-order: 9;
     order: 9;
 }

 .order-10 {
     -ms-flex-order: 10;
     order: 10;
 }

 .order-11 {
     -ms-flex-order: 11;
     order: 11;
 }

 .order-12 {
     -ms-flex-order: 12;
     order: 12;
 }

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

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

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

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

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

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

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

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

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

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

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

 @media (min-width: 576px) {
     .col-sm {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }
     .col-sm-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }
     .col-sm-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }
     .col-sm-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
     .col-sm-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-sm-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }
     .col-sm-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }
     .col-sm-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-sm-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
     .col-sm-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
     .col-sm-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
     .col-sm-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
     .col-sm-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }
     .col-sm-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
     .order-sm-first {
         -ms-flex-order: -1;
         order: -1;
     }
     .order-sm-last {
         -ms-flex-order: 13;
         order: 13;
     }
     .order-sm-0 {
         -ms-flex-order: 0;
         order: 0;
     }
     .order-sm-1 {
         -ms-flex-order: 1;
         order: 1;
     }
     .order-sm-2 {
         -ms-flex-order: 2;
         order: 2;
     }
     .order-sm-3 {
         -ms-flex-order: 3;
         order: 3;
     }
     .order-sm-4 {
         -ms-flex-order: 4;
         order: 4;
     }
     .order-sm-5 {
         -ms-flex-order: 5;
         order: 5;
     }
     .order-sm-6 {
         -ms-flex-order: 6;
         order: 6;
     }
     .order-sm-7 {
         -ms-flex-order: 7;
         order: 7;
     }
     .order-sm-8 {
         -ms-flex-order: 8;
         order: 8;
     }
     .order-sm-9 {
         -ms-flex-order: 9;
         order: 9;
     }
     .order-sm-10 {
         -ms-flex-order: 10;
         order: 10;
     }
     .order-sm-11 {
         -ms-flex-order: 11;
         order: 11;
     }
     .order-sm-12 {
         -ms-flex-order: 12;
         order: 12;
     }
     .offset-sm-0 {
         margin-left: 0;
     }
     .offset-sm-1 {
         margin-left: 8.333333%;
     }
     .offset-sm-2 {
         margin-left: 16.666667%;
     }
     .offset-sm-3 {
         margin-left: 25%;
     }
     .offset-sm-4 {
         margin-left: 33.333333%;
     }
     .offset-sm-5 {
         margin-left: 41.666667%;
     }
     .offset-sm-6 {
         margin-left: 50%;
     }
     .offset-sm-7 {
         margin-left: 58.333333%;
     }
     .offset-sm-8 {
         margin-left: 66.666667%;
     }
     .offset-sm-9 {
         margin-left: 75%;
     }
     .offset-sm-10 {
         margin-left: 83.333333%;
     }
     .offset-sm-11 {
         margin-left: 91.666667%;
     }
 }

 @media (min-width: 768px) {
     .col-md {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }
     .col-md-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }
     .col-md-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }
     .col-md-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
     .col-md-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-md-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }
     .col-md-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }
     .col-md-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-md-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
     .col-md-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
     .col-md-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
     .col-md-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
     .col-md-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }
     .col-md-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
     .order-md-first {
         -ms-flex-order: -1;
         order: -1;
     }
     .order-md-last {
         -ms-flex-order: 13;
         order: 13;
     }
     .order-md-0 {
         -ms-flex-order: 0;
         order: 0;
     }
     .order-md-1 {
         -ms-flex-order: 1;
         order: 1;
     }
     .order-md-2 {
         -ms-flex-order: 2;
         order: 2;
     }
     .order-md-3 {
         -ms-flex-order: 3;
         order: 3;
     }
     .order-md-4 {
         -ms-flex-order: 4;
         order: 4;
     }
     .order-md-5 {
         -ms-flex-order: 5;
         order: 5;
     }
     .order-md-6 {
         -ms-flex-order: 6;
         order: 6;
     }
     .order-md-7 {
         -ms-flex-order: 7;
         order: 7;
     }
     .order-md-8 {
         -ms-flex-order: 8;
         order: 8;
     }
     .order-md-9 {
         -ms-flex-order: 9;
         order: 9;
     }
     .order-md-10 {
         -ms-flex-order: 10;
         order: 10;
     }
     .order-md-11 {
         -ms-flex-order: 11;
         order: 11;
     }
     .order-md-12 {
         -ms-flex-order: 12;
         order: 12;
     }
     .offset-md-0 {
         margin-left: 0;
     }
     .offset-md-1 {
         margin-left: 8.333333%;
     }
     .offset-md-2 {
         margin-left: 16.666667%;
     }
     .offset-md-3 {
         margin-left: 25%;
     }
     .offset-md-4 {
         margin-left: 33.333333%;
     }
     .offset-md-5 {
         margin-left: 41.666667%;
     }
     .offset-md-6 {
         margin-left: 50%;
     }
     .offset-md-7 {
         margin-left: 58.333333%;
     }
     .offset-md-8 {
         margin-left: 66.666667%;
     }
     .offset-md-9 {
         margin-left: 75%;
     }
     .offset-md-10 {
         margin-left: 83.333333%;
     }
     .offset-md-11 {
         margin-left: 91.666667%;
     }
 }

 @media (min-width: 992px) {
     .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }
     .col-lg-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }
     .col-lg-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }
     .col-lg-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
     .col-lg-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-lg-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }
     .col-lg-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }
     .col-lg-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-lg-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
     .col-lg-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
     .col-lg-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
     .col-lg-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
     .col-lg-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }
     .col-lg-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
     .order-lg-first {
         -ms-flex-order: -1;
         order: -1;
     }
     .order-lg-last {
         -ms-flex-order: 13;
         order: 13;
     }
     .order-lg-0 {
         -ms-flex-order: 0;
         order: 0;
     }
     .order-lg-1 {
         -ms-flex-order: 1;
         order: 1;
     }
     .order-lg-2 {
         -ms-flex-order: 2;
         order: 2;
     }
     .order-lg-3 {
         -ms-flex-order: 3;
         order: 3;
     }
     .order-lg-4 {
         -ms-flex-order: 4;
         order: 4;
     }
     .order-lg-5 {
         -ms-flex-order: 5;
         order: 5;
     }
     .order-lg-6 {
         -ms-flex-order: 6;
         order: 6;
     }
     .order-lg-7 {
         -ms-flex-order: 7;
         order: 7;
     }
     .order-lg-8 {
         -ms-flex-order: 8;
         order: 8;
     }
     .order-lg-9 {
         -ms-flex-order: 9;
         order: 9;
     }
     .order-lg-10 {
         -ms-flex-order: 10;
         order: 10;
     }
     .order-lg-11 {
         -ms-flex-order: 11;
         order: 11;
     }
     .order-lg-12 {
         -ms-flex-order: 12;
         order: 12;
     }
     .offset-lg-0 {
         margin-left: 0;
     }
     .offset-lg-1 {
         margin-left: 8.333333%;
     }
     .offset-lg-2 {
         margin-left: 16.666667%;
     }
     .offset-lg-3 {
         margin-left: 25%;
     }
     .offset-lg-4 {
         margin-left: 33.333333%;
     }
     .offset-lg-5 {
         margin-left: 41.666667%;
     }
     .offset-lg-6 {
         margin-left: 50%;
     }
     .offset-lg-7 {
         margin-left: 58.333333%;
     }
     .offset-lg-8 {
         margin-left: 66.666667%;
     }
     .offset-lg-9 {
         margin-left: 75%;
     }
     .offset-lg-10 {
         margin-left: 83.333333%;
     }
     .offset-lg-11 {
         margin-left: 91.666667%;
     }
 }

 @media (min-width: 1200px) {
     .col-xl {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }
     .col-xl-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }
     .col-xl-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }
     .col-xl-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
     .col-xl-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-xl-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }
     .col-xl-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }
     .col-xl-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-xl-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
     .col-xl-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
     .col-xl-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
     .col-xl-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
     .col-xl-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }
     .col-xl-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
     .order-xl-first {
         -ms-flex-order: -1;
         order: -1;
     }
     .order-xl-last {
         -ms-flex-order: 13;
         order: 13;
     }
     .order-xl-0 {
         -ms-flex-order: 0;
         order: 0;
     }
     .order-xl-1 {
         -ms-flex-order: 1;
         order: 1;
     }
     .order-xl-2 {
         -ms-flex-order: 2;
         order: 2;
     }
     .order-xl-3 {
         -ms-flex-order: 3;
         order: 3;
     }
     .order-xl-4 {
         -ms-flex-order: 4;
         order: 4;
     }
     .order-xl-5 {
         -ms-flex-order: 5;
         order: 5;
     }
     .order-xl-6 {
         -ms-flex-order: 6;
         order: 6;
     }
     .order-xl-7 {
         -ms-flex-order: 7;
         order: 7;
     }
     .order-xl-8 {
         -ms-flex-order: 8;
         order: 8;
     }
     .order-xl-9 {
         -ms-flex-order: 9;
         order: 9;
     }
     .order-xl-10 {
         -ms-flex-order: 10;
         order: 10;
     }
     .order-xl-11 {
         -ms-flex-order: 11;
         order: 11;
     }
     .order-xl-12 {
         -ms-flex-order: 12;
         order: 12;
     }
     .offset-xl-0 {
         margin-left: 0;
     }
     .offset-xl-1 {
         margin-left: 8.333333%;
     }
     .offset-xl-2 {
         margin-left: 16.666667%;
     }
     .offset-xl-3 {
         margin-left: 25%;
     }
     .offset-xl-4 {
         margin-left: 33.333333%;
     }
     .offset-xl-5 {
         margin-left: 41.666667%;
     }
     .offset-xl-6 {
         margin-left: 50%;
     }
     .offset-xl-7 {
         margin-left: 58.333333%;
     }
     .offset-xl-8 {
         margin-left: 66.666667%;
     }
     .offset-xl-9 {
         margin-left: 75%;
     }
     .offset-xl-10 {
         margin-left: 83.333333%;
     }
     .offset-xl-11 {
         margin-left: 91.666667%;
     }
 }

 .table {
     width: 100%;
     margin-bottom: 1rem;
     color: #212529;
 }

 .table th,
 .table td {
     padding: 0.75rem;
     vertical-align: top;
     border-top: 1px solid #dee2e6;
 }

 .table thead th {
     vertical-align: bottom;
     border-bottom: 2px solid #dee2e6;
 }

 .table tbody+tbody {
     border-top: 2px solid #dee2e6;
 }

 .table-sm th,
 .table-sm td {
     padding: 0.3rem;
 }

 .table-bordered {
     border: 1px solid #dee2e6;
 }

 .table-bordered th,
 .table-bordered td {
     border: 1px solid #dee2e6;
 }

 .table-bordered thead th,
 .table-bordered thead td {
     border-bottom-width: 2px;
 }

 .table-borderless th,
 .table-borderless td,
 .table-borderless thead th,
 .table-borderless tbody+tbody {
     border: 0;
 }

 .table-striped tbody tr:nth-of-type(odd) {
     background-color: rgba(0, 0, 0, 0.05);
 }

 .table-hover tbody tr:hover {
     color: #212529;
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-primary,
 .table-primary>th,
 .table-primary>td {
     background-color: #b8daff;
 }

 .table-primary th,
 .table-primary td,
 .table-primary thead th,
 .table-primary tbody+tbody {
     border-color: #7abaff;
 }

 .table-hover .table-primary:hover {
     background-color: #9fcdff;
 }

 .table-hover .table-primary:hover>td,
 .table-hover .table-primary:hover>th {
     background-color: #9fcdff;
 }

 .table-secondary,
 .table-secondary>th,
 .table-secondary>td {
     background-color: #d6d8db;
 }

 .table-secondary th,
 .table-secondary td,
 .table-secondary thead th,
 .table-secondary tbody+tbody {
     border-color: #b3b7bb;
 }

 .table-hover .table-secondary:hover {
     background-color: #c8cbcf;
 }

 .table-hover .table-secondary:hover>td,
 .table-hover .table-secondary:hover>th {
     background-color: #c8cbcf;
 }

 .table-success,
 .table-success>th,
 .table-success>td {
     background-color: #c3e6cb;
 }

 .table-success th,
 .table-success td,
 .table-success thead th,
 .table-success tbody+tbody {
     border-color: #8fd19e;
 }

 .table-hover .table-success:hover {
     background-color: #b1dfbb;
 }

 .table-hover .table-success:hover>td,
 .table-hover .table-success:hover>th {
     background-color: #b1dfbb;
 }

 .table-info,
 .table-info>th,
 .table-info>td {
     background-color: #bee5eb;
 }

 .table-info th,
 .table-info td,
 .table-info thead th,
 .table-info tbody+tbody {
     border-color: #86cfda;
 }

 .table-hover .table-info:hover {
     background-color: #abdde5;
 }

 .table-hover .table-info:hover>td,
 .table-hover .table-info:hover>th {
     background-color: #abdde5;
 }

 .table-warning,
 .table-warning>th,
 .table-warning>td {
     background-color: #ffeeba;
 }

 .table-warning th,
 .table-warning td,
 .table-warning thead th,
 .table-warning tbody+tbody {
     border-color: #ffdf7e;
 }

 .table-hover .table-warning:hover {
     background-color: #ffe8a1;
 }

 .table-hover .table-warning:hover>td,
 .table-hover .table-warning:hover>th {
     background-color: #ffe8a1;
 }

 .table-danger,
 .table-danger>th,
 .table-danger>td {
     background-color: #f5c6cb;
 }

 .table-danger th,
 .table-danger td,
 .table-danger thead th,
 .table-danger tbody+tbody {
     border-color: #ed969e;
 }

 .table-hover .table-danger:hover {
     background-color: #f1b0b7;
 }

 .table-hover .table-danger:hover>td,
 .table-hover .table-danger:hover>th {
     background-color: #f1b0b7;
 }

 .table-light,
 .table-light>th,
 .table-light>td {
     background-color: #fdfdfe;
 }

 .table-light th,
 .table-light td,
 .table-light thead th,
 .table-light tbody+tbody {
     border-color: #fbfcfc;
 }

 .table-hover .table-light:hover {
     background-color: #ececf6;
 }

 .table-hover .table-light:hover>td,
 .table-hover .table-light:hover>th {
     background-color: #ececf6;
 }

 .table-dark,
 .table-dark>th,
 .table-dark>td {
     background-color: #c6c8ca;
 }

 .table-dark th,
 .table-dark td,
 .table-dark thead th,
 .table-dark tbody+tbody {
     border-color: #95999c;
 }

 .table-hover .table-dark:hover {
     background-color: #b9bbbe;
 }

 .table-hover .table-dark:hover>td,
 .table-hover .table-dark:hover>th {
     background-color: #b9bbbe;
 }

 .table-active,
 .table-active>th,
 .table-active>td {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-hover .table-active:hover {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-hover .table-active:hover>td,
 .table-hover .table-active:hover>th {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table .thead-dark th {
     color: #fff;
     background-color: #343a40;
     border-color: #454d55;
 }

 .table .thead-light th {
     color: #495057;
     background-color: #e9ecef;
     border-color: #dee2e6;
 }

 .table-dark {
     color: #fff;
     background-color: #343a40;
 }

 .table-dark th,
 .table-dark td,
 .table-dark thead th {
     border-color: #454d55;
 }

 .table-dark.table-bordered {
     border: 0;
 }

 .table-dark.table-striped tbody tr:nth-of-type(odd) {
     background-color: rgba(255, 255, 255, 0.05);
 }

 .table-dark.table-hover tbody tr:hover {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.075);
 }

 @media (max-width: 575.98px) {
     .table-responsive-sm {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
     .table-responsive-sm>.table-bordered {
         border: 0;
     }
 }

 @media (max-width: 767.98px) {
     .table-responsive-md {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
     .table-responsive-md>.table-bordered {
         border: 0;
     }
 }

 @media (max-width: 991.98px) {
     .table-responsive-lg {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
     .table-responsive-lg>.table-bordered {
         border: 0;
     }
 }

 @media (max-width: 1199.98px) {
     .table-responsive-xl {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
     .table-responsive-xl>.table-bordered {
         border: 0;
     }
 }

 .table-responsive {
     display: block;
     width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }

 .table-responsive>.table-bordered {
     border: 0;
 }

 .form-control {
     display: block;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     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::-ms-expand {
     background-color: transparent;
     border: 0;
 }

 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

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

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

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

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

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

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

 select.form-control:focus::-ms-value {
     color: #495057;
     background-color: #fff;
 }

 .form-control-file,
 .form-control-range {
     display: block;
     width: 100%;
 }

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

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

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

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

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

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

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

 select.form-control[size],
 select.form-control[multiple] {
     height: auto;
 }

 textarea.form-control {
     height: auto;
 }

 .form-group {
     margin-bottom: 1rem;
 }

 .form-text {
     display: block;
     margin-top: 0.25rem;
 }

 .form-row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -5px;
     margin-left: -5px;
 }

 .form-row>.col,
 .form-row>[class*="col-"] {
     padding-right: 5px;
     padding-left: 5px;
 }

 .form-check {
     position: relative;
     display: block;
     padding-left: 1.25rem;
 }

 .form-check-input {
     position: absolute;
     margin-top: 0.3rem;
     margin-left: -1.25rem;
 }

 .form-check-input:disabled~.form-check-label {
     color: #6c757d;
 }

 .form-check-label {
     margin-bottom: 0;
 }

 .form-check-inline {
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 0;
     margin-right: 0.75rem;
 }

 .form-check-inline .form-check-input {
     position: static;
     margin-top: 0;
     margin-right: 0.3125rem;
     margin-left: 0;
 }

 .valid-feedback {
     display: none;
     width: 100%;
     margin-top: 0.25rem;
     font-size: 80%;
     color: #28a745;
 }

 .valid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: .1rem;
     font-size: 0.875rem;
     line-height: 1.5;
     color: #fff;
     background-color: rgba(40, 167, 69, 0.9);
     border-radius: 0.25rem;
 }

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

 .was-validated .form-control:valid:focus,
 .form-control.is-valid:focus {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

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

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

 .was-validated .custom-select:valid,
 .custom-select.is-valid {
     border-color: #28a745;
     padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .custom-select:valid:focus,
 .custom-select.is-valid:focus {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

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

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

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

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

 .was-validated .custom-control-input:valid~.custom-control-label,
 .custom-control-input.is-valid~.custom-control-label {
     color: #28a745;
 }

 .was-validated .custom-control-input:valid~.custom-control-label::before,
 .custom-control-input.is-valid~.custom-control-label::before {
     border-color: #28a745;
 }

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

 .was-validated .custom-control-input:valid:checked~.custom-control-label::before,
 .custom-control-input.is-valid:checked~.custom-control-label::before {
     border-color: #34ce57;
     background-color: #34ce57;
 }

 .was-validated .custom-control-input:valid:focus~.custom-control-label::before,
 .custom-control-input.is-valid:focus~.custom-control-label::before {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
 .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
     border-color: #28a745;
 }

 .was-validated .custom-file-input:valid~.custom-file-label,
 .custom-file-input.is-valid~.custom-file-label {
     border-color: #28a745;
 }

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

 .was-validated .custom-file-input:valid:focus~.custom-file-label,
 .custom-file-input.is-valid:focus~.custom-file-label {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .invalid-feedback {
     display: none;
     width: 100%;
     margin-top: 0.25rem;
     font-size: 80%;
     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: 0.875rem;
     line-height: 1.5;
     color: #fff;
     background-color: rgba(220, 53, 69, 0.9);
     border-radius: 0.25rem;
 }

 .was-validated .form-control:invalid,
 .form-control.is-invalid {
     border-color: #dc3545;
     padding-right: calc(1.5em + 0.75rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
     background-repeat: no-repeat;
     background-position: center right calc(0.375em + 0.1875rem);
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .form-control:invalid:focus,
 .form-control.is-invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

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

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

 .was-validated .custom-select:invalid,
 .custom-select.is-invalid {
     border-color: #dc3545;
     padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .custom-select:invalid:focus,
 .custom-select.is-invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

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

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

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

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

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

 .was-validated .custom-control-input:invalid~.custom-control-label::before,
 .custom-control-input.is-invalid~.custom-control-label::before {
     border-color: #dc3545;
 }

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

 .was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
 .custom-control-input.is-invalid:checked~.custom-control-label::before {
     border-color: #e4606d;
     background-color: #e4606d;
 }

 .was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
 .custom-control-input.is-invalid:focus~.custom-control-label::before {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
 .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
     border-color: #dc3545;
 }

 .was-validated .custom-file-input:invalid~.custom-file-label,
 .custom-file-input.is-invalid~.custom-file-label {
     border-color: #dc3545;
 }

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

 .was-validated .custom-file-input:invalid:focus~.custom-file-label,
 .custom-file-input.is-invalid:focus~.custom-file-label {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .form-inline {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-flex-align: center;
     align-items: center;
 }

 .form-inline .form-check {
     width: 100%;
 }

 @media (min-width: 576px) {
     .form-inline label {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin-bottom: 0;
     }
     .form-inline .form-group {
         display: -ms-flexbox;
         display: flex;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         -ms-flex-align: center;
         align-items: center;
         margin-bottom: 0;
     }
     .form-inline .form-control {
         display: inline-block;
         width: auto;
         vertical-align: middle;
     }
     .form-inline .form-control-plaintext {
         display: inline-block;
     }
     .form-inline .input-group,
     .form-inline .custom-select {
         width: auto;
     }
     .form-inline .form-check {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center;
         -ms-flex-pack: center;
         justify-content: center;
         width: auto;
         padding-left: 0;
     }
     .form-inline .form-check-input {
         position: relative;
         -ms-flex-negative: 0;
         flex-shrink: 0;
         margin-top: 0;
         margin-right: 0.25rem;
         margin-left: 0;
     }
     .form-inline .custom-control {
         -ms-flex-align: center;
         align-items: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
     .form-inline .custom-control-label {
         margin-bottom: 0;
     }
 }

 .btn {
     display: inline-block;
     font-weight: 400;
     color: #212529;
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: 0.25rem;
     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: #212529;
     text-decoration: none;
 }

 .btn:focus,
 .btn.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .btn.disabled,
 .btn:disabled {
     opacity: 0.65;
 }

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

 .btn-primary {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-primary:hover {
     color: #fff;
     background-color: #0069d9;
     border-color: #0062cc;
 }

 .btn-primary:focus,
 .btn-primary.focus {
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }

 .btn-primary.disabled,
 .btn-primary:disabled {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #0062cc;
     border-color: #005cbf;
 }

 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }

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

 .btn-secondary:hover {
     color: #fff;
     background-color: #5a6268;
     border-color: #545b62;
 }

 .btn-secondary:focus,
 .btn-secondary.focus {
     box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
 }

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

 .btn-secondary:not(:disabled):not(.disabled):active,
 .btn-secondary:not(:disabled):not(.disabled).active,
 .show>.btn-secondary.dropdown-toggle {
     color: #fff;
     background-color: #545b62;
     border-color: #4e555b;
 }

 .btn-secondary:not(:disabled):not(.disabled):active:focus,
 .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
 }

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

 .btn-success:hover {
     color: #fff;
     background-color: #218838;
     border-color: #1e7e34;
 }

 .btn-success:focus,
 .btn-success.focus {
     box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
 }

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

 .btn-success:not(:disabled):not(.disabled):active,
 .btn-success:not(:disabled):not(.disabled).active,
 .show>.btn-success.dropdown-toggle {
     color: #fff;
     background-color: #1e7e34;
     border-color: #1c7430;
 }

 .btn-success:not(:disabled):not(.disabled):active:focus,
 .btn-success:not(:disabled):not(.disabled).active:focus,
 .show>.btn-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
 }

 .btn-info {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-info:hover {
     color: #fff;
     background-color: #138496;
     border-color: #117a8b;
 }

 .btn-info:focus,
 .btn-info.focus {
     box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
 }

 .btn-info.disabled,
 .btn-info:disabled {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-info:not(:disabled):not(.disabled):active,
 .btn-info:not(:disabled):not(.disabled).active,
 .show>.btn-info.dropdown-toggle {
     color: #fff;
     background-color: #117a8b;
     border-color: #10707f;
 }

 .btn-info:not(:disabled):not(.disabled):active:focus,
 .btn-info:not(:disabled):not(.disabled).active:focus,
 .show>.btn-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
 }

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

 .btn-warning:hover {
     color: #212529;
     background-color: #e0a800;
     border-color: #d39e00;
 }

 .btn-warning:focus,
 .btn-warning.focus {
     box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
 }

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

 .btn-warning:not(:disabled):not(.disabled):active,
 .btn-warning:not(:disabled):not(.disabled).active,
 .show>.btn-warning.dropdown-toggle {
     color: #212529;
     background-color: #d39e00;
     border-color: #c69500;
 }

 .btn-warning:not(:disabled):not(.disabled):active:focus,
 .btn-warning:not(:disabled):not(.disabled).active:focus,
 .show>.btn-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
 }

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

 .btn-danger:hover {
     color: #fff;
     background-color: #c82333;
     border-color: #bd2130;
 }

 .btn-danger:focus,
 .btn-danger.focus {
     box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
 }

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

 .btn-danger:not(:disabled):not(.disabled):active,
 .btn-danger:not(:disabled):not(.disabled).active,
 .show>.btn-danger.dropdown-toggle {
     color: #fff;
     background-color: #bd2130;
     border-color: #b21f2d;
 }

 .btn-danger:not(:disabled):not(.disabled):active:focus,
 .btn-danger:not(:disabled):not(.disabled).active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
 }

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

 .btn-light:hover {
     color: #212529;
     background-color: #e2e6ea;
     border-color: #dae0e5;
 }

 .btn-light:focus,
 .btn-light.focus {
     box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
 }

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

 .btn-light:not(:disabled):not(.disabled):active,
 .btn-light:not(:disabled):not(.disabled).active,
 .show>.btn-light.dropdown-toggle {
     color: #212529;
     background-color: #dae0e5;
     border-color: #d3d9df;
 }

 .btn-light:not(:disabled):not(.disabled):active:focus,
 .btn-light:not(:disabled):not(.disabled).active:focus,
 .show>.btn-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
 }

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

 .btn-dark:hover {
     color: #fff;
     background-color: #23272b;
     border-color: #1d2124;
 }

 .btn-dark:focus,
 .btn-dark.focus {
     box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
 }

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

 .btn-dark:not(:disabled):not(.disabled):active,
 .btn-dark:not(:disabled):not(.disabled).active,
 .show>.btn-dark.dropdown-toggle {
     color: #fff;
     background-color: #1d2124;
     border-color: #171a1d;
 }

 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
 }

 .btn-outline-primary {
     color: #007bff;
     border-color: #007bff;
 }

 .btn-outline-primary:hover {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-outline-primary:focus,
 .btn-outline-primary.focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
 }

 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
     color: #007bff;
     background-color: transparent;
 }

 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .show>.btn-outline-primary.dropdown-toggle {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
 }

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

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

 .btn-outline-secondary:focus,
 .btn-outline-secondary.focus {
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }

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

 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .show>.btn-outline-secondary.dropdown-toggle {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }

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

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

 .btn-outline-success:focus,
 .btn-outline-success.focus {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }

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

 .btn-outline-success:not(:disabled):not(.disabled):active,
 .btn-outline-success:not(:disabled):not(.disabled).active,
 .show>.btn-outline-success.dropdown-toggle {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745;
 }

 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }

 .btn-outline-info {
     color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-outline-info:hover {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-outline-info:focus,
 .btn-outline-info.focus {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }

 .btn-outline-info.disabled,
 .btn-outline-info:disabled {
     color: #17a2b8;
     background-color: transparent;
 }

 .btn-outline-info:not(:disabled):not(.disabled):active,
 .btn-outline-info:not(:disabled):not(.disabled).active,
 .show>.btn-outline-info.dropdown-toggle {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-outline-info:not(:disabled):not(.disabled):active:focus,
 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }

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

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

 .btn-outline-warning:focus,
 .btn-outline-warning.focus {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }

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

 .btn-outline-warning:not(:disabled):not(.disabled):active,
 .btn-outline-warning:not(:disabled):not(.disabled).active,
 .show>.btn-outline-warning.dropdown-toggle {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }

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

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

 .btn-outline-danger:focus,
 .btn-outline-danger.focus {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }

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

 .btn-outline-danger:not(:disabled):not(.disabled):active,
 .btn-outline-danger:not(:disabled):not(.disabled).active,
 .show>.btn-outline-danger.dropdown-toggle {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }

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

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

 .btn-outline-light:focus,
 .btn-outline-light.focus {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }

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

 .btn-outline-light:not(:disabled):not(.disabled):active,
 .btn-outline-light:not(:disabled):not(.disabled).active,
 .show>.btn-outline-light.dropdown-toggle {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-outline-light:not(:disabled):not(.disabled):active:focus,
 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }

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

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

 .btn-outline-dark:focus,
 .btn-outline-dark.focus {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }

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

 .btn-outline-dark:not(:disabled):not(.disabled):active,
 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .show>.btn-outline-dark.dropdown-toggle {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40;
 }

 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }

 .btn-link {
     font-weight: 400;
     color: #007bff;
     text-decoration: none;
 }

 .btn-link:hover {
     color: #0056b3;
     text-decoration: underline;
 }

 .btn-link:focus,
 .btn-link.focus {
     text-decoration: underline;
     box-shadow: none;
 }

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

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

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

 .btn-block {
     display: block;
     width: 100%;
 }

 .btn-block+.btn-block {
     margin-top: 0.5rem;
 }

 input[type="submit"].btn-block,
 input[type="reset"].btn-block,
 input[type="button"].btn-block {
     width: 100%;
 }

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

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

 .dropup,
 .dropright,
 .dropdown,
 .dropleft {
     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;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 10rem;
     padding: 0.5rem 0;
     margin: 0.125rem 0 0;
     font-size: 1rem;
     color: #212529;
     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-left {
     right: auto;
     left: 0;
 }

 .dropdown-menu-right {
     right: 0;
     left: auto;
 }

 @media (min-width: 576px) {
     .dropdown-menu-sm-left {
         right: auto;
         left: 0;
     }
     .dropdown-menu-sm-right {
         right: 0;
         left: auto;
     }
 }

 @media (min-width: 768px) {
     .dropdown-menu-md-left {
         right: auto;
         left: 0;
     }
     .dropdown-menu-md-right {
         right: 0;
         left: auto;
     }
 }

 @media (min-width: 992px) {
     .dropdown-menu-lg-left {
         right: auto;
         left: 0;
     }
     .dropdown-menu-lg-right {
         right: 0;
         left: auto;
     }
 }

 @media (min-width: 1200px) {
     .dropdown-menu-xl-left {
         right: auto;
         left: 0;
     }
     .dropdown-menu-xl-right {
         right: 0;
         left: auto;
     }
 }

 .dropup .dropdown-menu {
     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;
 }

 .dropright .dropdown-menu {
     top: 0;
     right: auto;
     left: 100%;
     margin-top: 0;
     margin-left: 0.125rem;
 }

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

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

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

 .dropleft .dropdown-menu {
     top: 0;
     right: 100%;
     left: auto;
     margin-top: 0;
     margin-right: 0.125rem;
 }

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

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

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

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

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

 .dropdown-menu[x-placement^="top"],
 .dropdown-menu[x-placement^="right"],
 .dropdown-menu[x-placement^="bottom"],
 .dropdown-menu[x-placement^="left"] {
     right: auto;
     bottom: auto;
 }

 .dropdown-divider {
     height: 0;
     margin: 0.5rem 0;
     overflow: hidden;
     border-top: 1px solid #e9ecef;
 }

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

 .dropdown-item:hover,
 .dropdown-item:focus {
     color: #16181b;
     text-decoration: none;
     background-color: #f8f9fa;
 }

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

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

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

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

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

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

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

 .btn-group>.btn:hover,
 .btn-group-vertical>.btn:hover {
     z-index: 1;
 }

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

 .btn-toolbar {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-pack: start;
     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: -1px;
 }

 .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:not(:first-child),
 .btn-group>.btn-group:not(:first-child)>.btn {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .dropdown-toggle-split {
     padding-right: 0.5625rem;
     padding-left: 0.5625rem;
 }

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

 .dropleft .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 {
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-pack: center;
     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: -1px;
 }

 .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:not(:first-child),
 .btn-group-vertical>.btn-group:not(:first-child)>.btn {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .btn-group-toggle>.btn,
 .btn-group-toggle>.btn-group>.btn {
     margin-bottom: 0;
 }

 .btn-group-toggle>.btn input[type="radio"],
 .btn-group-toggle>.btn input[type="checkbox"],
 .btn-group-toggle>.btn-group>.btn input[type="radio"],
 .btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
     position: absolute;
     clip: rect(0, 0, 0, 0);
     pointer-events: none;
 }

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

 .input-group>.form-control,
 .input-group>.form-control-plaintext,
 .input-group>.custom-select,
 .input-group>.custom-file {
     position: relative;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
 }

 .input-group>.form-control+.form-control,
 .input-group>.form-control+.custom-select,
 .input-group>.form-control+.custom-file,
 .input-group>.form-control-plaintext+.form-control,
 .input-group>.form-control-plaintext+.custom-select,
 .input-group>.form-control-plaintext+.custom-file,
 .input-group>.custom-select+.form-control,
 .input-group>.custom-select+.custom-select,
 .input-group>.custom-select+.custom-file,
 .input-group>.custom-file+.form-control,
 .input-group>.custom-file+.custom-select,
 .input-group>.custom-file+.custom-file {
     margin-left: -1px;
 }

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

 .input-group>.custom-file .custom-file-input:focus {
     z-index: 4;
 }

 .input-group>.form-control:not(:last-child),
 .input-group>.custom-select:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .input-group>.form-control:not(:first-child),
 .input-group>.custom-select:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .input-group>.custom-file {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
 }

 .input-group>.custom-file:not(:last-child) .custom-file-label,
 .input-group>.custom-file:not(:last-child) .custom-file-label::after {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .input-group>.custom-file:not(:first-child) .custom-file-label {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .input-group-prepend,
 .input-group-append {
     display: -ms-flexbox;
     display: flex;
 }

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

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

 .input-group-prepend .btn+.btn,
 .input-group-prepend .btn+.input-group-text,
 .input-group-prepend .input-group-text+.input-group-text,
 .input-group-prepend .input-group-text+.btn,
 .input-group-append .btn+.btn,
 .input-group-append .btn+.input-group-text,
 .input-group-append .input-group-text+.input-group-text,
 .input-group-append .input-group-text+.btn {
     margin-left: -1px;
 }

 .input-group-prepend {
     margin-right: -1px;
 }

 .input-group-append {
     margin-left: -1px;
 }

 .input-group-text {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.375rem 0.75rem;
     margin-bottom: 0;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     text-align: center;
     white-space: nowrap;
     background-color: #e9ecef;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
 }

 .input-group-text input[type="radio"],
 .input-group-text input[type="checkbox"] {
     margin-top: 0;
 }

 .input-group-lg>.form-control:not(textarea),
 .input-group-lg>.custom-select {
     height: calc(1.5em + 1rem + 2px);
 }

 .input-group-lg>.form-control,
 .input-group-lg>.custom-select,
 .input-group-lg>.input-group-prepend>.input-group-text,
 .input-group-lg>.input-group-append>.input-group-text,
 .input-group-lg>.input-group-prepend>.btn,
 .input-group-lg>.input-group-append>.btn {
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: 0.3rem;
 }

 .input-group-sm>.form-control:not(textarea),
 .input-group-sm>.custom-select {
     height: calc(1.5em + 0.5rem + 2px);
 }

 .input-group-sm>.form-control,
 .input-group-sm>.custom-select,
 .input-group-sm>.input-group-prepend>.input-group-text,
 .input-group-sm>.input-group-append>.input-group-text,
 .input-group-sm>.input-group-prepend>.btn,
 .input-group-sm>.input-group-append>.btn {
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
     border-radius: 0.2rem;
 }

 .input-group-lg>.custom-select,
 .input-group-sm>.custom-select {
     padding-right: 1.75rem;
 }

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

 .input-group>.input-group-append>.btn,
 .input-group>.input-group-append>.input-group-text,
 .input-group>.input-group-prepend:not(:first-child)>.btn,
 .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
 .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
 .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .custom-control {
     position: relative;
     display: block;
     min-height: 1.5rem;
     padding-left: 1.5rem;
 }

 .custom-control-inline {
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin-right: 1rem;
 }

 .custom-control-input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }

 .custom-control-input:checked~.custom-control-label::before {
     color: #fff;
     border-color: #007bff;
     background-color: #007bff;
 }

 .custom-control-input:focus~.custom-control-label::before {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-control-input:focus:not(:checked)~.custom-control-label::before {
     border-color: #80bdff;
 }

 .custom-control-input:not(:disabled):active~.custom-control-label::before {
     color: #fff;
     background-color: #b3d7ff;
     border-color: #b3d7ff;
 }

 .custom-control-input:disabled~.custom-control-label {
     color: #6c757d;
 }

 .custom-control-input:disabled~.custom-control-label::before {
     background-color: #e9ecef;
 }

 .custom-control-label {
     position: relative;
     margin-bottom: 0;
     vertical-align: top;
 }

 .custom-control-label::before {
     position: absolute;
     top: 0.25rem;
     left: -1.5rem;
     display: block;
     width: 1rem;
     height: 1rem;
     pointer-events: none;
     content: "";
     background-color: #fff;
     border: #adb5bd solid 1px;
 }

 .custom-control-label::after {
     position: absolute;
     top: 0.25rem;
     left: -1.5rem;
     display: block;
     width: 1rem;
     height: 1rem;
     content: "";
     background: no-repeat 50% / 50% 50%;
 }

 .custom-checkbox .custom-control-label::before {
     border-radius: 0.25rem;
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
     border-color: #007bff;
     background-color: #007bff;
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
 }

 .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgba(0, 123, 255, 0.5);
 }

 .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
     background-color: rgba(0, 123, 255, 0.5);
 }

 .custom-radio .custom-control-label::before {
     border-radius: 50%;
 }

 .custom-radio .custom-control-input:checked~.custom-control-label::after {
     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");
 }

 .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgba(0, 123, 255, 0.5);
 }

 .custom-switch {
     padding-left: 2.25rem;
 }

 .custom-switch .custom-control-label::before {
     left: -2.25rem;
     width: 1.75rem;
     pointer-events: all;
     border-radius: 0.5rem;
 }

 .custom-switch .custom-control-label::after {
     top: calc(0.25rem + 2px);
     left: calc(-2.25rem + 2px);
     width: calc(1rem - 4px);
     height: calc(1rem - 4px);
     background-color: #adb5bd;
     border-radius: 0.5rem;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
     transition: transform 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;
     transition: transform 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, -webkit-transform 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
     .custom-switch .custom-control-label::after {
         transition: none;
     }
 }

 .custom-switch .custom-control-input:checked~.custom-control-label::after {
     background-color: #fff;
     -webkit-transform: translateX(0.75rem);
     transform: translateX(0.75rem);
 }

 .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgba(0, 123, 255, 0.5);
 }

 .custom-select {
     display: inline-block;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     padding: 0.375rem 1.75rem 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     vertical-align: middle;
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
     background-color: #fff;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 .custom-select:focus {
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-select:focus::-ms-value {
     color: #495057;
     background-color: #fff;
 }

 .custom-select[multiple],
 .custom-select[size]:not([size="1"]) {
     height: auto;
     padding-right: 0.75rem;
     background-image: none;
 }

 .custom-select:disabled {
     color: #6c757d;
     background-color: #e9ecef;
 }

 .custom-select::-ms-expand {
     display: none;
 }

 .custom-select-sm {
     height: calc(1.5em + 0.5rem + 2px);
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
     padding-left: 0.5rem;
     font-size: 0.875rem;
 }

 .custom-select-lg {
     height: calc(1.5em + 1rem + 2px);
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     padding-left: 1rem;
     font-size: 1.25rem;
 }

 .custom-file {
     position: relative;
     display: inline-block;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     margin-bottom: 0;
 }

 .custom-file-input {
     position: relative;
     z-index: 2;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     margin: 0;
     opacity: 0;
 }

 .custom-file-input:focus~.custom-file-label {
     border-color: #80bdff;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-file-input:disabled~.custom-file-label {
     background-color: #e9ecef;
 }

 .custom-file-input:lang(en)~.custom-file-label::after {
     content: "Browse";
 }

 .custom-file-input~.custom-file-label[data-browse]::after {
     content: attr(data-browse);
 }

 .custom-file-label {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1;
     height: calc(1.5em + 0.75rem + 2px);
     padding: 0.375rem 0.75rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
 }

 .custom-file-label::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 3;
     display: block;
     height: calc(1.5em + 0.75rem);
     padding: 0.375rem 0.75rem;
     line-height: 1.5;
     color: #495057;
     content: "Browse";
     background-color: #e9ecef;
     border-left: inherit;
     border-radius: 0 0.25rem 0.25rem 0;
 }

 .custom-range {
     width: 100%;
     height: calc(1rem + 0.4rem);
     padding: 0;
     background-color: transparent;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 .custom-range:focus {
     outline: none;
 }

 .custom-range:focus::-webkit-slider-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-range:focus::-moz-range-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-range:focus::-ms-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

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

 .custom-range::-webkit-slider-thumb {
     width: 1rem;
     height: 1rem;
     margin-top: -0.25rem;
     background-color: #007bff;
     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;
     -webkit-appearance: none;
     appearance: none;
 }

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

 .custom-range::-webkit-slider-thumb:active {
     background-color: #b3d7ff;
 }

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

 .custom-range::-moz-range-thumb {
     width: 1rem;
     height: 1rem;
     background-color: #007bff;
     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;
     -moz-appearance: none;
     appearance: none;
 }

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

 .custom-range::-moz-range-thumb:active {
     background-color: #b3d7ff;
 }

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

 .custom-range::-ms-thumb {
     width: 1rem;
     height: 1rem;
     margin-top: 0;
     margin-right: 0.2rem;
     margin-left: 0.2rem;
     background-color: #007bff;
     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) {
     .custom-range::-ms-thumb {
         transition: none;
     }
 }

 .custom-range::-ms-thumb:active {
     background-color: #b3d7ff;
 }

 .custom-range::-ms-track {
     width: 100%;
     height: 0.5rem;
     color: transparent;
     cursor: pointer;
     background-color: transparent;
     border-color: transparent;
     border-width: 0.5rem;
 }

 .custom-range::-ms-fill-lower {
     background-color: #dee2e6;
     border-radius: 1rem;
 }

 .custom-range::-ms-fill-upper {
     margin-right: 15px;
     background-color: #dee2e6;
     border-radius: 1rem;
 }

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

 .custom-range:disabled::-webkit-slider-runnable-track {
     cursor: default;
 }

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

 .custom-range:disabled::-moz-range-track {
     cursor: default;
 }

 .custom-range:disabled::-ms-thumb {
     background-color: #adb5bd;
 }

 .custom-control-label::before,
 .custom-file-label,
 .custom-select {
     transition: 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) {
     .custom-control-label::before,
     .custom-file-label,
     .custom-select {
         transition: none;
     }
 }

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

 .nav-link {
     display: block;
     padding: 0.5rem 1rem;
 }

 .nav-link:hover,
 .nav-link:focus {
     text-decoration: none;
 }

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

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

 .nav-tabs .nav-item {
     margin-bottom: -1px;
 }

 .nav-tabs .nav-link {
     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;
 }

 .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 {
     border-radius: 0.25rem;
 }

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

 .nav-fill .nav-item {
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     text-align: center;
 }

 .nav-justified .nav-item {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     text-align: center;
 }

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

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

 .navbar {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 0.5rem 1rem;
 }

 .navbar>.container,
 .navbar>.container-fluid {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 .navbar-brand {
     display: inline-block;
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
     margin-right: 1rem;
     font-size: 1.25rem;
     line-height: inherit;
     white-space: nowrap;
 }

 .navbar-brand:hover,
 .navbar-brand:focus {
     text-decoration: none;
 }

 .navbar-nav {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     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;
     float: none;
 }

 .navbar-text {
     display: inline-block;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
 }

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

 .navbar-toggler {
     padding: 0.25rem 0.75rem;
     font-size: 1.25rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: 0.25rem;
 }

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

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

 @media (max-width: 575.98px) {
     .navbar-expand-sm>.container,
     .navbar-expand-sm>.container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }

 @media (min-width: 576px) {
     .navbar-expand-sm {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     .navbar-expand-sm .navbar-nav {
         -ms-flex-direction: row;
         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>.container,
     .navbar-expand-sm>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
     .navbar-expand-sm .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }
     .navbar-expand-sm .navbar-toggler {
         display: none;
     }
 }

 @media (max-width: 767.98px) {
     .navbar-expand-md>.container,
     .navbar-expand-md>.container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }

 @media (min-width: 768px) {
     .navbar-expand-md {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     .navbar-expand-md .navbar-nav {
         -ms-flex-direction: row;
         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>.container,
     .navbar-expand-md>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
     .navbar-expand-md .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }
     .navbar-expand-md .navbar-toggler {
         display: none;
     }
 }

 @media (max-width: 991.98px) {
     .navbar-expand-lg>.container,
     .navbar-expand-lg>.container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }

 @media (min-width: 992px) {
     .navbar-expand-lg {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     .navbar-expand-lg .navbar-nav {
         -ms-flex-direction: row;
         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>.container,
     .navbar-expand-lg>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
     .navbar-expand-lg .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }
     .navbar-expand-lg .navbar-toggler {
         display: none;
     }
 }

 @media (max-width: 1199.98px) {
     .navbar-expand-xl>.container,
     .navbar-expand-xl>.container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }

 @media (min-width: 1200px) {
     .navbar-expand-xl {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     .navbar-expand-xl .navbar-nav {
         -ms-flex-direction: row;
         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>.container,
     .navbar-expand-xl>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
     .navbar-expand-xl .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }
     .navbar-expand-xl .navbar-toggler {
         display: none;
     }
 }

 .navbar-expand {
     -ms-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -ms-flex-pack: start;
     justify-content: flex-start;
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid {
     padding-right: 0;
     padding-left: 0;
 }

 .navbar-expand .navbar-nav {
     -ms-flex-direction: row;
     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>.container,
 .navbar-expand>.container-fluid {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
 }

 .navbar-expand .navbar-collapse {
     display: -ms-flexbox !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto;
 }

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

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

 .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 .active>.nav-link,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .nav-link.active {
     color: rgba(0, 0, 0, 0.9);
 }

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

 .navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

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

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

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

 .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 .active>.nav-link,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .nav-link.active {
     color: #fff;
 }

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

 .navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

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

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

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

 .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.125);
     border-radius: 0.25rem;
 }

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

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

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

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

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

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

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

 .card-link:hover {
     text-decoration: none;
 }

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

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

 .card-header:first-child {
     border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
 }

 .card-header+.list-group .list-group-item:first-child {
     border-top: 0;
 }

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

 .card-footer:last-child {
     border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
 }

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

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

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

 .card-img {
     width: 100%;
     border-radius: calc(0.25rem - 1px);
 }

 .card-img-top {
     width: 100%;
     border-top-left-radius: calc(0.25rem - 1px);
     border-top-right-radius: calc(0.25rem - 1px);
 }

 .card-img-bottom {
     width: 100%;
     border-bottom-right-radius: calc(0.25rem - 1px);
     border-bottom-left-radius: calc(0.25rem - 1px);
 }

 .card-deck {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
 }

 .card-deck .card {
     margin-bottom: 15px;
 }

 @media (min-width: 576px) {
     .card-deck {
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         margin-right: -15px;
         margin-left: -15px;
     }
     .card-deck .card {
         display: -ms-flexbox;
         display: flex;
         -ms-flex: 1 0 0%;
         flex: 1 0 0%;
         -ms-flex-direction: column;
         flex-direction: column;
         margin-right: 15px;
         margin-bottom: 0;
         margin-left: 15px;
     }
 }

 .card-group {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
 }

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

 @media (min-width: 576px) {
     .card-group {
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
     }
     .card-group>.card {
         -ms-flex: 1 0 0%;
         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;
     }
 }

 .card-columns .card {
     margin-bottom: 0.75rem;
 }

 @media (min-width: 576px) {
     .card-columns {
         -webkit-column-count: 3;
         -moz-column-count: 3;
         column-count: 3;
         -webkit-column-gap: 1.25rem;
         -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
         orphans: 1;
         widows: 1;
     }
     .card-columns .card {
         display: inline-block;
         width: 100%;
     }
 }

 .accordion>.card {
     overflow: hidden;
 }

 .accordion>.card:not(:first-of-type) .card-header:first-child {
     border-radius: 0;
 }

 .accordion>.card:not(:first-of-type):not(:last-of-type) {
     border-bottom: 0;
     border-radius: 0;
 }

 .accordion>.card:first-of-type {
     border-bottom: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }

 .accordion>.card:last-of-type {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .accordion>.card .card-header {
     margin-bottom: -1px;
 }

 .breadcrumb {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 0.75rem 1rem;
     margin-bottom: 1rem;
     list-style: none;
     background-color: #e9ecef;
     border-radius: 0.25rem;
 }

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

 .breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right: 0.5rem;
     color: #6c757d;
     content: "/";
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
     text-decoration: underline;
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
     text-decoration: none;
 }

 .breadcrumb-item.active {
     color: #6c757d;
 }

 .pagination {
     display: -ms-flexbox;
     display: flex;
     padding-left: 0;
     list-style: none;
     border-radius: 0.25rem;
 }

 .page-link {
     position: relative;
     display: block;
     padding: 0.5rem 0.75rem;
     margin-left: -1px;
     line-height: 1.25;
     color: #007bff;
     background-color: #fff;
     border: 1px solid #dee2e6;
 }

 .page-link:hover {
     z-index: 2;
     color: #0056b3;
     text-decoration: none;
     background-color: #e9ecef;
     border-color: #dee2e6;
 }

 .page-link:focus {
     z-index: 2;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .page-item:first-child .page-link {
     margin-left: 0;
     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;
 }

 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

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

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

 .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: 0.875rem;
     line-height: 1.5;
 }

 .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.25em 0.4em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: 0.25rem;
     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) {
     .badge {
         transition: none;
     }
 }

 a.badge:hover,
 a.badge:focus {
     text-decoration: none;
 }

 .badge:empty {
     display: none;
 }

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

 .badge-pill {
     padding-right: 0.6em;
     padding-left: 0.6em;
     border-radius: 10rem;
 }

 .badge-primary {
     color: #fff;
     background-color: #007bff;
 }

 a.badge-primary:hover,
 a.badge-primary:focus {
     color: #fff;
     background-color: #0062cc;
 }

 a.badge-primary:focus,
 a.badge-primary.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
 }

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

 a.badge-secondary:hover,
 a.badge-secondary:focus {
     color: #fff;
     background-color: #545b62;
 }

 a.badge-secondary:focus,
 a.badge-secondary.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }

 .badge-success {
     color: #fff;
     background-color: #28a745;
 }

 a.badge-success:hover,
 a.badge-success:focus {
     color: #fff;
     background-color: #1e7e34;
 }

 a.badge-success:focus,
 a.badge-success.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }

 .badge-info {
     color: #fff;
     background-color: #17a2b8;
 }

 a.badge-info:hover,
 a.badge-info:focus {
     color: #fff;
     background-color: #117a8b;
 }

 a.badge-info:focus,
 a.badge-info.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }

 .badge-warning {
     color: #212529;
     background-color: #ffc107;
 }

 a.badge-warning:hover,
 a.badge-warning:focus {
     color: #212529;
     background-color: #d39e00;
 }

 a.badge-warning:focus,
 a.badge-warning.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }

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

 a.badge-danger:hover,
 a.badge-danger:focus {
     color: #fff;
     background-color: #bd2130;
 }

 a.badge-danger:focus,
 a.badge-danger.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }

 .badge-light {
     color: #212529;
     background-color: #f8f9fa;
 }

 a.badge-light:hover,
 a.badge-light:focus {
     color: #212529;
     background-color: #dae0e5;
 }

 a.badge-light:focus,
 a.badge-light.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }

 .badge-dark {
     color: #fff;
     background-color: #343a40;
 }

 a.badge-dark:hover,
 a.badge-dark:focus {
     color: #fff;
     background-color: #1d2124;
 }

 a.badge-dark:focus,
 a.badge-dark.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }

 .jumbotron {
     padding: 2rem 1rem;
     margin-bottom: 2rem;
     background-color: #e9ecef;
     border-radius: 0.3rem;
 }

 @media (min-width: 576px) {
     .jumbotron {
         padding: 4rem 2rem;
     }
 }

 .jumbotron-fluid {
     padding-right: 0;
     padding-left: 0;
     border-radius: 0;
 }

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

 .alert-heading {
     color: inherit;
 }

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

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

 .alert-dismissible .close {
     position: absolute;
     top: 0;
     right: 0;
     padding: 0.75rem 1.25rem;
     color: inherit;
 }

 .alert-primary {
     color: #004085;
     background-color: #cce5ff;
     border-color: #b8daff;
 }

 .alert-primary hr {
     border-top-color: #9fcdff;
 }

 .alert-primary .alert-link {
     color: #002752;
 }

 .alert-secondary {
     color: #383d41;
     background-color: #e2e3e5;
     border-color: #d6d8db;
 }

 .alert-secondary hr {
     border-top-color: #c8cbcf;
 }

 .alert-secondary .alert-link {
     color: #202326;
 }

 .alert-success {
     color: #155724;
     background-color: #d4edda;
     border-color: #c3e6cb;
 }

 .alert-success hr {
     border-top-color: #b1dfbb;
 }

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

 .alert-info {
     color: #0c5460;
     background-color: #d1ecf1;
     border-color: #bee5eb;
 }

 .alert-info hr {
     border-top-color: #abdde5;
 }

 .alert-info .alert-link {
     color: #062c33;
 }

 .alert-warning {
     color: #856404;
     background-color: #fff3cd;
     border-color: #ffeeba;
 }

 .alert-warning hr {
     border-top-color: #ffe8a1;
 }

 .alert-warning .alert-link {
     color: #533f03;
 }

 .alert-danger {
     color: #721c24;
     background-color: #f8d7da;
     border-color: #f5c6cb;
 }

 .alert-danger hr {
     border-top-color: #f1b0b7;
 }

 .alert-danger .alert-link {
     color: #491217;
 }

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

 .alert-light hr {
     border-top-color: #ececf6;
 }

 .alert-light .alert-link {
     color: #686868;
 }

 .alert-dark {
     color: #1b1e21;
     background-color: #d6d8d9;
     border-color: #c6c8ca;
 }

 .alert-dark hr {
     border-top-color: #b9bbbe;
 }

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

 @-webkit-keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0;
     }
     to {
         background-position: 0 0;
     }
 }

 @keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0;
     }
     to {
         background-position: 0 0;
     }
 }

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

 .progress-bar {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fff;
     text-align: center;
     white-space: nowrap;
     background-color: #007bff;
     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 {
     -webkit-animation: progress-bar-stripes 1s linear infinite;
     animation: progress-bar-stripes 1s linear infinite;
 }

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

 .media {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: start;
     align-items: flex-start;
 }

 .media-body {
     -ms-flex: 1;
     flex: 1;
 }

 .list-group {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
 }

 .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: #212529;
     background-color: #e9ecef;
 }

 .list-group-item {
     position: relative;
     display: block;
     padding: 0.75rem 1.25rem;
     margin-bottom: -1px;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.125);
 }

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

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

 .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: #007bff;
     border-color: #007bff;
 }

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

 .list-group-horizontal .list-group-item {
     margin-right: -1px;
     margin-bottom: 0;
 }

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

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

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

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

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

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

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

 .list-group-flush .list-group-item:last-child {
     margin-bottom: -1px;
 }

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

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

 .list-group-item-primary {
     color: #004085;
     background-color: #b8daff;
 }

 .list-group-item-primary.list-group-item-action:hover,
 .list-group-item-primary.list-group-item-action:focus {
     color: #004085;
     background-color: #9fcdff;
 }

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

 .list-group-item-secondary {
     color: #383d41;
     background-color: #d6d8db;
 }

 .list-group-item-secondary.list-group-item-action:hover,
 .list-group-item-secondary.list-group-item-action:focus {
     color: #383d41;
     background-color: #c8cbcf;
 }

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

 .list-group-item-success {
     color: #155724;
     background-color: #c3e6cb;
 }

 .list-group-item-success.list-group-item-action:hover,
 .list-group-item-success.list-group-item-action:focus {
     color: #155724;
     background-color: #b1dfbb;
 }

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

 .list-group-item-info {
     color: #0c5460;
     background-color: #bee5eb;
 }

 .list-group-item-info.list-group-item-action:hover,
 .list-group-item-info.list-group-item-action:focus {
     color: #0c5460;
     background-color: #abdde5;
 }

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

 .list-group-item-warning {
     color: #856404;
     background-color: #ffeeba;
 }

 .list-group-item-warning.list-group-item-action:hover,
 .list-group-item-warning.list-group-item-action:focus {
     color: #856404;
     background-color: #ffe8a1;
 }

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

 .list-group-item-danger {
     color: #721c24;
     background-color: #f5c6cb;
 }

 .list-group-item-danger.list-group-item-action:hover,
 .list-group-item-danger.list-group-item-action:focus {
     color: #721c24;
     background-color: #f1b0b7;
 }

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

 .list-group-item-light {
     color: #818182;
     background-color: #fdfdfe;
 }

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

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

 .list-group-item-dark {
     color: #1b1e21;
     background-color: #c6c8ca;
 }

 .list-group-item-dark.list-group-item-action:hover,
 .list-group-item-dark.list-group-item-action:focus {
     color: #1b1e21;
     background-color: #b9bbbe;
 }

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

 .close {
     float: right;
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     opacity: 1;
 }

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

 .close:not(:disabled):not(.disabled):hover,
 .close:not(:disabled):not(.disabled):focus {
     opacity: 1;
 }

 button.close {
     padding: 0;
     background-color: transparent;
     border: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 a.close.disabled {
     pointer-events: none;
 }

 .toast {
     max-width: 350px;
     overflow: hidden;
     font-size: 0.875rem;
     background-color: rgba(255, 255, 255, 0.85);
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     opacity: 0;
     border-radius: 0.25rem;
 }

 .toast:not(:last-child) {
     margin-bottom: 0.75rem;
 }

 .toast.showing {
     opacity: 1;
 }

 .toast.show {
     display: block;
     opacity: 1;
 }

 .toast.hide {
     display: none;
 }

 .toast-header {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.25rem 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);
 }

 .toast-body {
     padding: 0.75rem;
 }

 .modal-open {
     overflow: hidden;
 }

 .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto;
 }

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

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

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

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

 .modal.show .modal-dialog {
     -webkit-transform: none;
     transform: none;
 }

 .modal-dialog-scrollable {
     display: -ms-flexbox;
     display: flex;
     max-height: calc(100% - 1rem);
 }

 .modal-dialog-scrollable .modal-content {
     max-height: calc(100vh - 1rem);
     overflow: hidden;
 }

 .modal-dialog-scrollable .modal-header,
 .modal-dialog-scrollable .modal-footer {
     -ms-flex-negative: 0;
     flex-shrink: 0;
 }

 .modal-dialog-scrollable .modal-body {
     overflow-y: auto;
 }

 .modal-dialog-centered {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     min-height: calc(100% - 1rem);
 }

 .modal-dialog-centered::before {
     display: block;
     height: calc(100vh - 1rem);
     content: "";
 }

 .modal-dialog-centered.modal-dialog-scrollable {
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100%;
 }

 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
     max-height: none;
 }

 .modal-dialog-centered.modal-dialog-scrollable::before {
     content: none;
 }

 .modal-content {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     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: 1040;
     width: 100vw;
     height: 100vh;
     background-color: #000;
 }

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

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

 .modal-header {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1rem 1rem;
     border-bottom: 1px solid #dee2e6;
     border-top-left-radius: 0.3rem;
     border-top-right-radius: 0.3rem;
 }

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

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

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

 .modal-footer {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: 1rem;
     border-top: 1px solid #dee2e6;
     border-bottom-right-radius: 0.3rem;
     border-bottom-left-radius: 0.3rem;
 }

 .modal-footer> :not(:first-child) {
     margin-left: .25rem;
 }

 .modal-footer> :not(:last-child) {
     margin-right: .25rem;
 }

 .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll;
 }

 @media (min-width: 576px) {
     .modal-dialog {
         max-width: 500px;
         margin: 1.75rem auto;
     }
     .modal-dialog-scrollable {
         max-height: calc(100% - 3.5rem);
     }
     .modal-dialog-scrollable .modal-content {
         max-height: calc(100vh - 3.5rem);
     }
     .modal-dialog-centered {
         min-height: calc(100% - 3.5rem);
     }
     .modal-dialog-centered::before {
         height: calc(100vh - 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;
     }
 }

 .tooltip {
     position: absolute;
     z-index: 1070;
     display: block;
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     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: 0.875rem;
     word-wrap: break-word;
     opacity: 0;
 }

 .tooltip.show {
     opacity: 0.9;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

 .bs-tooltip-left .arrow::before,
 .bs-tooltip-auto[x-placement^="left"] .arrow::before {
     left: 0;
     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;
     z-index: 1060;
     display: block;
     max-width: 276px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     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: 0.875rem;
     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 .arrow {
     position: absolute;
     display: block;
     width: 1rem;
     height: 0.5rem;
     margin: 0 0.3rem;
 }

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

 .bs-popover-top,
 .bs-popover-auto[x-placement^="top"] {
     margin-bottom: 0.5rem;
 }

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

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

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

 .bs-popover-right,
 .bs-popover-auto[x-placement^="right"] {
     margin-left: 0.5rem;
 }

 .bs-popover-right>.arrow,
 .bs-popover-auto[x-placement^="right"]>.arrow {
     left: calc((0.5rem + 1px) * -1);
     width: 0.5rem;
     height: 1rem;
     margin: 0.3rem 0;
 }

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

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

 .bs-popover-bottom,
 .bs-popover-auto[x-placement^="bottom"] {
     margin-top: 0.5rem;
 }

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

 .bs-popover-bottom>.arrow::before,
 .bs-popover-auto[x-placement^="bottom"]>.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>.arrow::after,
 .bs-popover-auto[x-placement^="bottom"]>.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[x-placement^="bottom"] .popover-header::before {
     position: absolute;
     top: 0;
     left: 50%;
     display: block;
     width: 1rem;
     margin-left: -0.5rem;
     content: "";
     border-bottom: 1px solid #f7f7f7;
 }

 .bs-popover-left,
 .bs-popover-auto[x-placement^="left"] {
     margin-right: 0.5rem;
 }

 .bs-popover-left>.arrow,
 .bs-popover-auto[x-placement^="left"]>.arrow {
     right: calc((0.5rem + 1px) * -1);
     width: 0.5rem;
     height: 1rem;
     margin: 0.3rem 0;
 }

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

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

 .popover-header {
     padding: 0.5rem 0.75rem;
     margin-bottom: 0;
     font-size: 1rem;
     background-color: #f7f7f7;
     border-bottom: 1px solid #ebebeb;
     border-top-left-radius: calc(0.3rem - 1px);
     border-top-right-radius: calc(0.3rem - 1px);
 }

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

 .popover-body {
     padding: 0.5rem 0.75rem;
     color: #212529;
 }

 .carousel {
     position: relative;
 }

 .carousel.pointer-event {
     -ms-touch-action: pan-y;
     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%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: -webkit-transform 0.6s ease-in-out;
     transition: transform 0.6s ease-in-out;
     transition: transform 0.6s ease-in-out, -webkit-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;
 }

 .carousel-item-next:not(.carousel-item-left),
 .active.carousel-item-right {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
 }

 .carousel-item-prev:not(.carousel-item-right),
 .active.carousel-item-left {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
 }

 .carousel-fade .carousel-item {
     opacity: 0;
     transition-property: opacity;
     -webkit-transform: none;
     transform: none;
 }

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

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

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

 .carousel-control-prev,
 .carousel-control-next {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 1;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 15%;
     color: #fff;
     text-align: center;
     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: 20px;
     height: 20px;
     background: no-repeat 50% / 100% 100%;
 }

 .carousel-control-prev-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
 }

 .carousel-control-next-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
 }

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

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

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

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

 .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 20px;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center;
 }

 @-webkit-keyframes spinner-border {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes spinner-border {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

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

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

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

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

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

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

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

 .bg-primary {
     background-color: #007bff !important;
 }

 a.bg-primary:hover,
 a.bg-primary:focus,
 button.bg-primary:hover,
 button.bg-primary:focus {
     background-color: #0062cc !important;
 }

 .bg-secondary {
     background-color: #6c757d !important;
 }

 a.bg-secondary:hover,
 a.bg-secondary:focus,
 button.bg-secondary:hover,
 button.bg-secondary:focus {
     background-color: #545b62 !important;
 }

 .bg-success {
     background-color: #28a745 !important;
 }

 a.bg-success:hover,
 a.bg-success:focus,
 button.bg-success:hover,
 button.bg-success:focus {
     background-color: #1e7e34 !important;
 }

 .bg-info {
     background-color: #17a2b8 !important;
 }

 a.bg-info:hover,
 a.bg-info:focus,
 button.bg-info:hover,
 button.bg-info:focus {
     background-color: #117a8b !important;
 }

 .bg-warning {
     background-color: #ffc107 !important;
 }

 a.bg-warning:hover,
 a.bg-warning:focus,
 button.bg-warning:hover,
 button.bg-warning:focus {
     background-color: #d39e00 !important;
 }

 .bg-danger {
     background-color: #dc3545 !important;
 }

 a.bg-danger:hover,
 a.bg-danger:focus,
 button.bg-danger:hover,
 button.bg-danger:focus {
     background-color: #bd2130 !important;
 }

 .bg-light {
     background-color: #f8f9fa !important;
 }

 a.bg-light:hover,
 a.bg-light:focus,
 button.bg-light:hover,
 button.bg-light:focus {
     background-color: #dae0e5 !important;
 }

 .bg-dark {
     background-color: #343a40 !important;
 }

 a.bg-dark:hover,
 a.bg-dark:focus,
 button.bg-dark:hover,
 button.bg-dark:focus {
     background-color: #1d2124 !important;
 }

 .bg-white {
     background-color: #fff !important;
 }

 .bg-transparent {
     background-color: transparent !important;
 }

 .border {
     border: 1px solid #dee2e6 !important;
 }

 .border-top {
     border-top: 1px solid #dee2e6 !important;
 }

 .border-right {
     border-right: 1px solid #dee2e6 !important;
 }

 .border-bottom {
     border-bottom: 1px solid #dee2e6 !important;
 }

 .border-left {
     border-left: 1px solid #dee2e6 !important;
 }

 .border-0 {
     border: 0 !important;
 }

 .border-top-0 {
     border-top: 0 !important;
 }

 .border-right-0 {
     border-right: 0 !important;
 }

 .border-bottom-0 {
     border-bottom: 0 !important;
 }

 .border-left-0 {
     border-left: 0 !important;
 }

 .border-primary {
     border-color: #007bff !important;
 }

 .border-secondary {
     border-color: #6c757d !important;
 }

 .border-success {
     border-color: #28a745 !important;
 }

 .border-info {
     border-color: #17a2b8 !important;
 }

 .border-warning {
     border-color: #ffc107 !important;
 }

 .border-danger {
     border-color: #dc3545 !important;
 }

 .border-light {
     border-color: #f8f9fa !important;
 }

 .border-dark {
     border-color: #343a40 !important;
 }

 .border-white {
     border-color: #fff !important;
 }

 .rounded-sm {
     border-radius: 0.2rem !important;
 }

 .rounded {
     border-radius: 0.25rem !important;
 }

 .rounded-top {
     border-top-left-radius: 0.25rem !important;
     border-top-right-radius: 0.25rem !important;
 }

 .rounded-right {
     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-left {
     border-top-left-radius: 0.25rem !important;
     border-bottom-left-radius: 0.25rem !important;
 }

 .rounded-lg {
     border-radius: 0.3rem !important;
 }

 .rounded-circle {
     border-radius: 50% !important;
 }

 .rounded-pill {
     border-radius: 50rem !important;
 }

 .rounded-0 {
     border-radius: 0 !important;
 }

 .clearfix::after {
     display: block;
     clear: both;
     content: "";
 }

 .d-none {
     display: none !important;
 }

 .d-inline {
     display: inline !important;
 }

 .d-inline-block {
     display: inline-block !important;
 }

 .d-block {
     display: block !important;
 }

 .d-table {
     display: table !important;
 }

 .d-table-row {
     display: table-row !important;
 }

 .d-table-cell {
     display: table-cell !important;
 }

 .d-flex {
     display: -ms-flexbox !important;
     display: flex !important;
 }

 .d-inline-flex {
     display: -ms-inline-flexbox !important;
     display: inline-flex !important;
 }

 @media (min-width: 576px) {
     .d-sm-none {
         display: none !important;
     }
     .d-sm-inline {
         display: inline !important;
     }
     .d-sm-inline-block {
         display: inline-block !important;
     }
     .d-sm-block {
         display: block !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: -ms-flexbox !important;
         display: flex !important;
     }
     .d-sm-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 @media (min-width: 768px) {
     .d-md-none {
         display: none !important;
     }
     .d-md-inline {
         display: inline !important;
     }
     .d-md-inline-block {
         display: inline-block !important;
     }
     .d-md-block {
         display: block !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: -ms-flexbox !important;
         display: flex !important;
     }
     .d-md-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 @media (min-width: 992px) {
     .d-lg-none {
         display: none !important;
     }
     .d-lg-inline {
         display: inline !important;
     }
     .d-lg-inline-block {
         display: inline-block !important;
     }
     .d-lg-block {
         display: block !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: -ms-flexbox !important;
         display: flex !important;
     }
     .d-lg-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 @media (min-width: 1200px) {
     .d-xl-none {
         display: none !important;
     }
     .d-xl-inline {
         display: inline !important;
     }
     .d-xl-inline-block {
         display: inline-block !important;
     }
     .d-xl-block {
         display: block !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: -ms-flexbox !important;
         display: flex !important;
     }
     .d-xl-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 @media print {
     .d-print-none {
         display: none !important;
     }
     .d-print-inline {
         display: inline !important;
     }
     .d-print-inline-block {
         display: inline-block !important;
     }
     .d-print-block {
         display: block !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: -ms-flexbox !important;
         display: flex !important;
     }
     .d-print-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 .embed-responsive {
     position: relative;
     display: block;
     width: 100%;
     padding: 0;
     overflow: hidden;
 }

 .embed-responsive::before {
     display: block;
     content: "";
 }

 .embed-responsive .embed-responsive-item,
 .embed-responsive iframe,
 .embed-responsive embed,
 .embed-responsive object,
 .embed-responsive video {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
 }

 .embed-responsive-21by9::before {
     padding-top: 42.857143%;
 }

 .embed-responsive-16by9::before {
     padding-top: 56.25%;
 }

 .embed-responsive-4by3::before {
     padding-top: 75%;
 }

 .embed-responsive-1by1::before {
     padding-top: 100%;
 }

 .flex-row {
     -ms-flex-direction: row !important;
     flex-direction: row !important;
 }

 .flex-column {
     -ms-flex-direction: column !important;
     flex-direction: column !important;
 }

 .flex-row-reverse {
     -ms-flex-direction: row-reverse !important;
     flex-direction: row-reverse !important;
 }

 .flex-column-reverse {
     -ms-flex-direction: column-reverse !important;
     flex-direction: column-reverse !important;
 }

 .flex-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important;
 }

 .flex-nowrap {
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important;
 }

 .flex-wrap-reverse {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
 }

 .flex-fill {
     -ms-flex: 1 1 auto !important;
     flex: 1 1 auto !important;
 }

 .flex-grow-0 {
     -ms-flex-positive: 0 !important;
     flex-grow: 0 !important;
 }

 .flex-grow-1 {
     -ms-flex-positive: 1 !important;
     flex-grow: 1 !important;
 }

 .flex-shrink-0 {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important;
 }

 .flex-shrink-1 {
     -ms-flex-negative: 1 !important;
     flex-shrink: 1 !important;
 }

 .justify-content-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
 }

 .justify-content-end {
     -ms-flex-pack: end !important;
     justify-content: flex-end !important;
 }

 .justify-content-center {
     -ms-flex-pack: center !important;
     justify-content: center !important;
 }

 .justify-content-between {
     -ms-flex-pack: justify !important;
     justify-content: space-between !important;
 }

 .justify-content-around {
     -ms-flex-pack: distribute !important;
     justify-content: space-around !important;
 }

 .align-items-start {
     -ms-flex-align: start !important;
     align-items: flex-start !important;
 }

 .align-items-end {
     -ms-flex-align: end !important;
     align-items: flex-end !important;
 }

 .align-items-center {
     -ms-flex-align: center !important;
     align-items: center !important;
 }

 .align-items-baseline {
     -ms-flex-align: baseline !important;
     align-items: baseline !important;
 }

 .align-items-stretch {
     -ms-flex-align: stretch !important;
     align-items: stretch !important;
 }

 .align-content-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important;
 }

 .align-content-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important;
 }

 .align-content-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important;
 }

 .align-content-between {
     -ms-flex-line-pack: justify !important;
     align-content: space-between !important;
 }

 .align-content-around {
     -ms-flex-line-pack: distribute !important;
     align-content: space-around !important;
 }

 .align-content-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important;
 }

 .align-self-auto {
     -ms-flex-item-align: auto !important;
     align-self: auto !important;
 }

 .align-self-start {
     -ms-flex-item-align: start !important;
     align-self: flex-start !important;
 }

 .align-self-end {
     -ms-flex-item-align: end !important;
     align-self: flex-end !important;
 }

 .align-self-center {
     -ms-flex-item-align: center !important;
     align-self: center !important;
 }

 .align-self-baseline {
     -ms-flex-item-align: baseline !important;
     align-self: baseline !important;
 }

 .align-self-stretch {
     -ms-flex-item-align: stretch !important;
     align-self: stretch !important;
 }

 @media (min-width: 576px) {
     .flex-sm-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }
     .flex-sm-column {
         -ms-flex-direction: column !important;
         flex-direction: column !important;
     }
     .flex-sm-row-reverse {
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
     }
     .flex-sm-column-reverse {
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
     }
     .flex-sm-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
     }
     .flex-sm-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
     }
     .flex-sm-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
     }
     .flex-sm-fill {
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
     }
     .flex-sm-grow-0 {
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
     }
     .flex-sm-grow-1 {
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
     }
     .flex-sm-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
     }
     .flex-sm-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
     }
     .justify-content-sm-start {
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
     }
     .justify-content-sm-end {
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
     }
     .justify-content-sm-center {
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }
     .justify-content-sm-between {
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
     }
     .justify-content-sm-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
     }
     .align-items-sm-start {
         -ms-flex-align: start !important;
         align-items: flex-start !important;
     }
     .align-items-sm-end {
         -ms-flex-align: end !important;
         align-items: flex-end !important;
     }
     .align-items-sm-center {
         -ms-flex-align: center !important;
         align-items: center !important;
     }
     .align-items-sm-baseline {
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
     }
     .align-items-sm-stretch {
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
     }
     .align-content-sm-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
     }
     .align-content-sm-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
     }
     .align-content-sm-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
     }
     .align-content-sm-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
     }
     .align-content-sm-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
     }
     .align-content-sm-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
     }
     .align-self-sm-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
     }
     .align-self-sm-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
     }
     .align-self-sm-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
     }
     .align-self-sm-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
     }
     .align-self-sm-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
     }
     .align-self-sm-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
     }
 }

 @media (min-width: 768px) {
     .flex-md-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }
     .flex-md-column {
         -ms-flex-direction: column !important;
         flex-direction: column !important;
     }
     .flex-md-row-reverse {
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
     }
     .flex-md-column-reverse {
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
     }
     .flex-md-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
     }
     .flex-md-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
     }
     .flex-md-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
     }
     .flex-md-fill {
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
     }
     .flex-md-grow-0 {
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
     }
     .flex-md-grow-1 {
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
     }
     .flex-md-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
     }
     .flex-md-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
     }
     .justify-content-md-start {
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
     }
     .justify-content-md-end {
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
     }
     .justify-content-md-center {
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }
     .justify-content-md-between {
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
     }
     .justify-content-md-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
     }
     .align-items-md-start {
         -ms-flex-align: start !important;
         align-items: flex-start !important;
     }
     .align-items-md-end {
         -ms-flex-align: end !important;
         align-items: flex-end !important;
     }
     .align-items-md-center {
         -ms-flex-align: center !important;
         align-items: center !important;
     }
     .align-items-md-baseline {
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
     }
     .align-items-md-stretch {
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
     }
     .align-content-md-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
     }
     .align-content-md-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
     }
     .align-content-md-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
     }
     .align-content-md-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
     }
     .align-content-md-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
     }
     .align-content-md-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
     }
     .align-self-md-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
     }
     .align-self-md-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
     }
     .align-self-md-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
     }
     .align-self-md-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
     }
     .align-self-md-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
     }
     .align-self-md-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
     }
 }

 @media (min-width: 992px) {
     .flex-lg-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }
     .flex-lg-column {
         -ms-flex-direction: column !important;
         flex-direction: column !important;
     }
     .flex-lg-row-reverse {
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
     }
     .flex-lg-column-reverse {
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
     }
     .flex-lg-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
     }
     .flex-lg-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
     }
     .flex-lg-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
     }
     .flex-lg-fill {
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
     }
     .flex-lg-grow-0 {
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
     }
     .flex-lg-grow-1 {
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
     }
     .flex-lg-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
     }
     .flex-lg-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
     }
     .justify-content-lg-start {
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
     }
     .justify-content-lg-end {
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
     }
     .justify-content-lg-center {
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }
     .justify-content-lg-between {
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
     }
     .justify-content-lg-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
     }
     .align-items-lg-start {
         -ms-flex-align: start !important;
         align-items: flex-start !important;
     }
     .align-items-lg-end {
         -ms-flex-align: end !important;
         align-items: flex-end !important;
     }
     .align-items-lg-center {
         -ms-flex-align: center !important;
         align-items: center !important;
     }
     .align-items-lg-baseline {
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
     }
     .align-items-lg-stretch {
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
     }
     .align-content-lg-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
     }
     .align-content-lg-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
     }
     .align-content-lg-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
     }
     .align-content-lg-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
     }
     .align-content-lg-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
     }
     .align-content-lg-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
     }
     .align-self-lg-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
     }
     .align-self-lg-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
     }
     .align-self-lg-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
     }
     .align-self-lg-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
     }
     .align-self-lg-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
     }
     .align-self-lg-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
     }
 }

 @media (min-width: 1200px) {
     .flex-xl-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }
     .flex-xl-column {
         -ms-flex-direction: column !important;
         flex-direction: column !important;
     }
     .flex-xl-row-reverse {
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
     }
     .flex-xl-column-reverse {
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
     }
     .flex-xl-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
     }
     .flex-xl-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
     }
     .flex-xl-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
     }
     .flex-xl-fill {
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
     }
     .flex-xl-grow-0 {
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
     }
     .flex-xl-grow-1 {
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
     }
     .flex-xl-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
     }
     .flex-xl-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
     }
     .justify-content-xl-start {
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
     }
     .justify-content-xl-end {
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
     }
     .justify-content-xl-center {
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }
     .justify-content-xl-between {
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
     }
     .justify-content-xl-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
     }
     .align-items-xl-start {
         -ms-flex-align: start !important;
         align-items: flex-start !important;
     }
     .align-items-xl-end {
         -ms-flex-align: end !important;
         align-items: flex-end !important;
     }
     .align-items-xl-center {
         -ms-flex-align: center !important;
         align-items: center !important;
     }
     .align-items-xl-baseline {
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
     }
     .align-items-xl-stretch {
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
     }
     .align-content-xl-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
     }
     .align-content-xl-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
     }
     .align-content-xl-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
     }
     .align-content-xl-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
     }
     .align-content-xl-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
     }
     .align-content-xl-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
     }
     .align-self-xl-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
     }
     .align-self-xl-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
     }
     .align-self-xl-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
     }
     .align-self-xl-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
     }
     .align-self-xl-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
     }
     .align-self-xl-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
     }
 }

 .float-left {
     float: left !important;
 }

 .float-right {
     float: right !important;
 }

 .float-none {
     float: none !important;
 }

 @media (min-width: 576px) {
     .float-sm-left {
         float: left !important;
     }
     .float-sm-right {
         float: right !important;
     }
     .float-sm-none {
         float: none !important;
     }
 }

 @media (min-width: 768px) {
     .float-md-left {
         float: left !important;
     }
     .float-md-right {
         float: right !important;
     }
     .float-md-none {
         float: none !important;
     }
 }

 @media (min-width: 992px) {
     .float-lg-left {
         float: left !important;
     }
     .float-lg-right {
         float: right !important;
     }
     .float-lg-none {
         float: none !important;
     }
 }

 @media (min-width: 1200px) {
     .float-xl-left {
         float: left !important;
     }
     .float-xl-right {
         float: right !important;
     }
     .float-xl-none {
         float: none !important;
     }
 }

 .overflow-auto {
     overflow: auto !important;
 }

 .overflow-hidden {
     overflow: hidden !important;
 }

 .position-static {
     position: static !important;
 }

 .position-relative {
     position: relative !important;
 }

 .position-absolute {
     position: absolute !important;
 }

 .position-fixed {
     position: fixed !important;
 }

 .position-sticky {
     position: -webkit-sticky !important;
     position: sticky !important;
 }

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

 @supports ((position: -webkit-sticky) or (position: sticky)) {
     .sticky-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020;
     }
 }

 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
 }

 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     overflow: visible;
     clip: auto;
     white-space: normal;
 }

 .shadow-sm {
     box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }

 .shadow {
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }

 .shadow-lg {
     box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }

 .shadow-none {
     box-shadow: none !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;
 }

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

 .mw-100 {
     max-width: 100% !important;
 }

 .mh-100 {
     max-height: 100% !important;
 }

 .min-vw-100 {
     min-width: 100vw !important;
 }

 .min-vh-100 {
     min-height: 100vh !important;
 }

 .vw-100 {
     width: 100vw !important;
 }

 .vh-100 {
     height: 100vh !important;
 }

 .stretched-link::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     pointer-events: auto;
     content: "";
     background-color: rgba(0, 0, 0, 0);
 }

 .m-0 {
     margin: 0 !important;
 }

 .mt-0,
 .my-0 {
     margin-top: 0 !important;
 }

 .mr-0,
 .mx-0 {
     margin-right: 0 !important;
 }

 .mb-0,
 .my-0 {
     margin-bottom: 0 !important;
 }

 .ml-0,
 .mx-0 {
     margin-left: 0 !important;
 }

 .m-1 {
     margin: 0.25rem !important;
 }

 .mt-1,
 .my-1 {
     margin-top: 0.25rem !important;
 }

 .mr-1,
 .mx-1 {
     margin-right: 0.25rem !important;
 }

 .mb-1,
 .my-1 {
     margin-bottom: 0.25rem !important;
 }

 .ml-1,
 .mx-1 {
     margin-left: 0.25rem !important;
 }

 .m-2 {
     margin: 0.5rem !important;
 }

 .mt-2,
 .my-2 {
     margin-top: 0.5rem !important;
 }

 .mr-2,
 .mx-2 {
     margin-right: 0.5rem !important;
 }

 .mb-2,
 .my-2 {
     margin-bottom: 0.5rem !important;
 }

 .ml-2,
 .mx-2 {
     margin-left: 0.5rem !important;
 }

 .m-3 {
     margin: 1rem !important;
 }

 .mt-3,
 .my-3 {
     margin-top: 1rem !important;
 }

 .mr-3,
 .mx-3 {
     margin-right: 1rem !important;
 }

 .mb-3,
 .my-3 {
     margin-bottom: 1rem !important;
 }

 .ml-3,
 .mx-3 {
     margin-left: 1rem !important;
 }

 .m-4 {
     margin: 1.5rem !important;
 }

 .mt-4,
 .my-4 {
     margin-top: 1.5rem !important;
 }

 .mr-4,
 .mx-4 {
     margin-right: 1.5rem !important;
 }

 .mb-4,
 .my-4 {
     margin-bottom: 1.5rem !important;
 }

 .ml-4,
 .mx-4 {
     margin-left: 1.5rem !important;
 }

 .m-5 {
     margin: 3rem !important;
 }

 .mt-5,
 .my-5 {
     margin-top: 3rem !important;
 }

 .mr-5,
 .mx-5 {
     margin-right: 3rem !important;
 }

 .mb-5,
 .my-5 {
     margin-bottom: 3rem !important;
 }

 .ml-5,
 .mx-5 {
     margin-left: 3rem !important;
 }

 .p-0 {
     padding: 0 !important;
 }

 .pt-0,
 .py-0 {
     padding-top: 0 !important;
 }

 .pr-0,
 .px-0 {
     padding-right: 0 !important;
 }

 .pb-0,
 .py-0 {
     padding-bottom: 0 !important;
 }

 .pl-0,
 .px-0 {
     padding-left: 0 !important;
 }

 .p-1 {
     padding: 0.25rem !important;
 }

 .pt-1,
 .py-1 {
     padding-top: 0.25rem !important;
 }

 .pr-1,
 .px-1 {
     padding-right: 0.25rem !important;
 }

 .pb-1,
 .py-1 {
     padding-bottom: 0.25rem !important;
 }

 .pl-1,
 .px-1 {
     padding-left: 0.25rem !important;
 }

 .p-2 {
     padding: 0.5rem !important;
 }

 .pt-2,
 .py-2 {
     padding-top: 0.5rem !important;
 }

 .pr-2,
 .px-2 {
     padding-right: 0.5rem !important;
 }

 .pb-2,
 .py-2 {
     padding-bottom: 0.5rem !important;
 }

 .pl-2,
 .px-2 {
     padding-left: 0.5rem !important;
 }

 .p-3 {
     padding: 1rem !important;
 }

 .pt-3,
 .py-3 {
     padding-top: 1rem !important;
 }

 .pr-3,
 .px-3 {
     padding-right: 1rem !important;
 }

 .pb-3,
 .py-3 {
     padding-bottom: 1rem !important;
 }

 .pl-3,
 .px-3 {
     padding-left: 1rem !important;
 }

 .p-4 {
     padding: 1.5rem !important;
 }

 .pt-4,
 .py-4 {
     padding-top: 1.5rem !important;
 }

 .pr-4,
 .px-4 {
     padding-right: 1.5rem !important;
 }

 .pb-4,
 .py-4 {
     padding-bottom: 1.5rem !important;
 }

 .pl-4,
 .px-4 {
     padding-left: 1.5rem !important;
 }

 .p-5 {
     padding: 3rem !important;
 }

 .pt-5,
 .py-5 {
     padding-top: 3rem !important;
 }

 .pr-5,
 .px-5 {
     padding-right: 3rem !important;
 }

 .pb-5,
 .py-5 {
     padding-bottom: 3rem !important;
 }

 .pl-5,
 .px-5 {
     padding-left: 3rem !important;
 }

 .m-n1 {
     margin: -0.25rem !important;
 }

 .mt-n1,
 .my-n1 {
     margin-top: -0.25rem !important;
 }

 .mr-n1,
 .mx-n1 {
     margin-right: -0.25rem !important;
 }

 .mb-n1,
 .my-n1 {
     margin-bottom: -0.25rem !important;
 }

 .ml-n1,
 .mx-n1 {
     margin-left: -0.25rem !important;
 }

 .m-n2 {
     margin: -0.5rem !important;
 }

 .mt-n2,
 .my-n2 {
     margin-top: -0.5rem !important;
 }

 .mr-n2,
 .mx-n2 {
     margin-right: -0.5rem !important;
 }

 .mb-n2,
 .my-n2 {
     margin-bottom: -0.5rem !important;
 }

 .ml-n2,
 .mx-n2 {
     margin-left: -0.5rem !important;
 }

 .m-n3 {
     margin: -1rem !important;
 }

 .mt-n3,
 .my-n3 {
     margin-top: -1rem !important;
 }

 .mr-n3,
 .mx-n3 {
     margin-right: -1rem !important;
 }

 .mb-n3,
 .my-n3 {
     margin-bottom: -1rem !important;
 }

 .ml-n3,
 .mx-n3 {
     margin-left: -1rem !important;
 }

 .m-n4 {
     margin: -1.5rem !important;
 }

 .mt-n4,
 .my-n4 {
     margin-top: -1.5rem !important;
 }

 .mr-n4,
 .mx-n4 {
     margin-right: -1.5rem !important;
 }

 .mb-n4,
 .my-n4 {
     margin-bottom: -1.5rem !important;
 }

 .ml-n4,
 .mx-n4 {
     margin-left: -1.5rem !important;
 }

 .m-n5 {
     margin: -3rem !important;
 }

 .mt-n5,
 .my-n5 {
     margin-top: -3rem !important;
 }

 .mr-n5,
 .mx-n5 {
     margin-right: -3rem !important;
 }

 .mb-n5,
 .my-n5 {
     margin-bottom: -3rem !important;
 }

 .ml-n5,
 .mx-n5 {
     margin-left: -3rem !important;
 }

 .m-auto {
     margin: auto !important;
 }

 .mt-auto,
 .my-auto {
     margin-top: auto !important;
 }

 .mr-auto,
 .mx-auto {
     margin-right: auto !important;
 }

 .mb-auto,
 .my-auto {
     margin-bottom: auto !important;
 }

 .ml-auto,
 .mx-auto {
     margin-left: auto !important;
 }

 @media (min-width: 576px) {
     .m-sm-0 {
         margin: 0 !important;
     }
     .mt-sm-0,
     .my-sm-0 {
         margin-top: 0 !important;
     }
     .mr-sm-0,
     .mx-sm-0 {
         margin-right: 0 !important;
     }
     .mb-sm-0,
     .my-sm-0 {
         margin-bottom: 0 !important;
     }
     .ml-sm-0,
     .mx-sm-0 {
         margin-left: 0 !important;
     }
     .m-sm-1 {
         margin: 0.25rem !important;
     }
     .mt-sm-1,
     .my-sm-1 {
         margin-top: 0.25rem !important;
     }
     .mr-sm-1,
     .mx-sm-1 {
         margin-right: 0.25rem !important;
     }
     .mb-sm-1,
     .my-sm-1 {
         margin-bottom: 0.25rem !important;
     }
     .ml-sm-1,
     .mx-sm-1 {
         margin-left: 0.25rem !important;
     }
     .m-sm-2 {
         margin: 0.5rem !important;
     }
     .mt-sm-2,
     .my-sm-2 {
         margin-top: 0.5rem !important;
     }
     .mr-sm-2,
     .mx-sm-2 {
         margin-right: 0.5rem !important;
     }
     .mb-sm-2,
     .my-sm-2 {
         margin-bottom: 0.5rem !important;
     }
     .ml-sm-2,
     .mx-sm-2 {
         margin-left: 0.5rem !important;
     }
     .m-sm-3 {
         margin: 1rem !important;
     }
     .mt-sm-3,
     .my-sm-3 {
         margin-top: 1rem !important;
     }
     .mr-sm-3,
     .mx-sm-3 {
         margin-right: 1rem !important;
     }
     .mb-sm-3,
     .my-sm-3 {
         margin-bottom: 1rem !important;
     }
     .ml-sm-3,
     .mx-sm-3 {
         margin-left: 1rem !important;
     }
     .m-sm-4 {
         margin: 1.5rem !important;
     }
     .mt-sm-4,
     .my-sm-4 {
         margin-top: 1.5rem !important;
     }
     .mr-sm-4,
     .mx-sm-4 {
         margin-right: 1.5rem !important;
     }
     .mb-sm-4,
     .my-sm-4 {
         margin-bottom: 1.5rem !important;
     }
     .ml-sm-4,
     .mx-sm-4 {
         margin-left: 1.5rem !important;
     }
     .m-sm-5 {
         margin: 3rem !important;
     }
     .mt-sm-5,
     .my-sm-5 {
         margin-top: 3rem !important;
     }
     .mr-sm-5,
     .mx-sm-5 {
         margin-right: 3rem !important;
     }
     .mb-sm-5,
     .my-sm-5 {
         margin-bottom: 3rem !important;
     }
     .ml-sm-5,
     .mx-sm-5 {
         margin-left: 3rem !important;
     }
     .p-sm-0 {
         padding: 0 !important;
     }
     .pt-sm-0,
     .py-sm-0 {
         padding-top: 0 !important;
     }
     .pr-sm-0,
     .px-sm-0 {
         padding-right: 0 !important;
     }
     .pb-sm-0,
     .py-sm-0 {
         padding-bottom: 0 !important;
     }
     .pl-sm-0,
     .px-sm-0 {
         padding-left: 0 !important;
     }
     .p-sm-1 {
         padding: 0.25rem !important;
     }
     .pt-sm-1,
     .py-sm-1 {
         padding-top: 0.25rem !important;
     }
     .pr-sm-1,
     .px-sm-1 {
         padding-right: 0.25rem !important;
     }
     .pb-sm-1,
     .py-sm-1 {
         padding-bottom: 0.25rem !important;
     }
     .pl-sm-1,
     .px-sm-1 {
         padding-left: 0.25rem !important;
     }
     .p-sm-2 {
         padding: 0.5rem !important;
     }
     .pt-sm-2,
     .py-sm-2 {
         padding-top: 0.5rem !important;
     }
     .pr-sm-2,
     .px-sm-2 {
         padding-right: 0.5rem !important;
     }
     .pb-sm-2,
     .py-sm-2 {
         padding-bottom: 0.5rem !important;
     }
     .pl-sm-2,
     .px-sm-2 {
         padding-left: 0.5rem !important;
     }
     .p-sm-3 {
         padding: 1rem !important;
     }
     .pt-sm-3,
     .py-sm-3 {
         padding-top: 1rem !important;
     }
     .pr-sm-3,
     .px-sm-3 {
         padding-right: 1rem !important;
     }
     .pb-sm-3,
     .py-sm-3 {
         padding-bottom: 1rem !important;
     }
     .pl-sm-3,
     .px-sm-3 {
         padding-left: 1rem !important;
     }
     .p-sm-4 {
         padding: 1.5rem !important;
     }
     .pt-sm-4,
     .py-sm-4 {
         padding-top: 1.5rem !important;
     }
     .pr-sm-4,
     .px-sm-4 {
         padding-right: 1.5rem !important;
     }
     .pb-sm-4,
     .py-sm-4 {
         padding-bottom: 1.5rem !important;
     }
     .pl-sm-4,
     .px-sm-4 {
         padding-left: 1.5rem !important;
     }
     .p-sm-5 {
         padding: 3rem !important;
     }
     .pt-sm-5,
     .py-sm-5 {
         padding-top: 3rem !important;
     }
     .pr-sm-5,
     .px-sm-5 {
         padding-right: 3rem !important;
     }
     .pb-sm-5,
     .py-sm-5 {
         padding-bottom: 3rem !important;
     }
     .pl-sm-5,
     .px-sm-5 {
         padding-left: 3rem !important;
     }
     .m-sm-n1 {
         margin: -0.25rem !important;
     }
     .mt-sm-n1,
     .my-sm-n1 {
         margin-top: -0.25rem !important;
     }
     .mr-sm-n1,
     .mx-sm-n1 {
         margin-right: -0.25rem !important;
     }
     .mb-sm-n1,
     .my-sm-n1 {
         margin-bottom: -0.25rem !important;
     }
     .ml-sm-n1,
     .mx-sm-n1 {
         margin-left: -0.25rem !important;
     }
     .m-sm-n2 {
         margin: -0.5rem !important;
     }
     .mt-sm-n2,
     .my-sm-n2 {
         margin-top: -0.5rem !important;
     }
     .mr-sm-n2,
     .mx-sm-n2 {
         margin-right: -0.5rem !important;
     }
     .mb-sm-n2,
     .my-sm-n2 {
         margin-bottom: -0.5rem !important;
     }
     .ml-sm-n2,
     .mx-sm-n2 {
         margin-left: -0.5rem !important;
     }
     .m-sm-n3 {
         margin: -1rem !important;
     }
     .mt-sm-n3,
     .my-sm-n3 {
         margin-top: -1rem !important;
     }
     .mr-sm-n3,
     .mx-sm-n3 {
         margin-right: -1rem !important;
     }
     .mb-sm-n3,
     .my-sm-n3 {
         margin-bottom: -1rem !important;
     }
     .ml-sm-n3,
     .mx-sm-n3 {
         margin-left: -1rem !important;
     }
     .m-sm-n4 {
         margin: -1.5rem !important;
     }
     .mt-sm-n4,
     .my-sm-n4 {
         margin-top: -1.5rem !important;
     }
     .mr-sm-n4,
     .mx-sm-n4 {
         margin-right: -1.5rem !important;
     }
     .mb-sm-n4,
     .my-sm-n4 {
         margin-bottom: -1.5rem !important;
     }
     .ml-sm-n4,
     .mx-sm-n4 {
         margin-left: -1.5rem !important;
     }
     .m-sm-n5 {
         margin: -3rem !important;
     }
     .mt-sm-n5,
     .my-sm-n5 {
         margin-top: -3rem !important;
     }
     .mr-sm-n5,
     .mx-sm-n5 {
         margin-right: -3rem !important;
     }
     .mb-sm-n5,
     .my-sm-n5 {
         margin-bottom: -3rem !important;
     }
     .ml-sm-n5,
     .mx-sm-n5 {
         margin-left: -3rem !important;
     }
     .m-sm-auto {
         margin: auto !important;
     }
     .mt-sm-auto,
     .my-sm-auto {
         margin-top: auto !important;
     }
     .mr-sm-auto,
     .mx-sm-auto {
         margin-right: auto !important;
     }
     .mb-sm-auto,
     .my-sm-auto {
         margin-bottom: auto !important;
     }
     .ml-sm-auto,
     .mx-sm-auto {
         margin-left: auto !important;
     }
 }

 @media (min-width: 768px) {
     .m-md-0 {
         margin: 0 !important;
     }
     .mt-md-0,
     .my-md-0 {
         margin-top: 0 !important;
     }
     .mr-md-0,
     .mx-md-0 {
         margin-right: 0 !important;
     }
     .mb-md-0,
     .my-md-0 {
         margin-bottom: 0 !important;
     }
     .ml-md-0,
     .mx-md-0 {
         margin-left: 0 !important;
     }
     .m-md-1 {
         margin: 0.25rem !important;
     }
     .mt-md-1,
     .my-md-1 {
         margin-top: 0.25rem !important;
     }
     .mr-md-1,
     .mx-md-1 {
         margin-right: 0.25rem !important;
     }
     .mb-md-1,
     .my-md-1 {
         margin-bottom: 0.25rem !important;
     }
     .ml-md-1,
     .mx-md-1 {
         margin-left: 0.25rem !important;
     }
     .m-md-2 {
         margin: 0.5rem !important;
     }
     .mt-md-2,
     .my-md-2 {
         margin-top: 0.5rem !important;
     }
     .mr-md-2,
     .mx-md-2 {
         margin-right: 0.5rem !important;
     }
     .mb-md-2,
     .my-md-2 {
         margin-bottom: 0.5rem !important;
     }
     .ml-md-2,
     .mx-md-2 {
         margin-left: 0.5rem !important;
     }
     .m-md-3 {
         margin: 1rem !important;
     }
     .mt-md-3,
     .my-md-3 {
         margin-top: 1rem !important;
     }
     .mr-md-3,
     .mx-md-3 {
         margin-right: 1rem !important;
     }
     .mb-md-3,
     .my-md-3 {
         margin-bottom: 1rem !important;
     }
     .ml-md-3,
     .mx-md-3 {
         margin-left: 1rem !important;
     }
     .m-md-4 {
         margin: 1.5rem !important;
     }
     .mt-md-4,
     .my-md-4 {
         margin-top: 1.5rem !important;
     }
     .mr-md-4,
     .mx-md-4 {
         margin-right: 1.5rem !important;
     }
     .mb-md-4,
     .my-md-4 {
         margin-bottom: 1.5rem !important;
     }
     .ml-md-4,
     .mx-md-4 {
         margin-left: 1.5rem !important;
     }
     .m-md-5 {
         margin: 3rem !important;
     }
     .mt-md-5,
     .my-md-5 {
         margin-top: 3rem !important;
     }
     .mr-md-5,
     .mx-md-5 {
         margin-right: 3rem !important;
     }
     .mb-md-5,
     .my-md-5 {
         margin-bottom: 3rem !important;
     }
     .ml-md-5,
     .mx-md-5 {
         margin-left: 3rem !important;
     }
     .p-md-0 {
         padding: 0 !important;
     }
     .pt-md-0,
     .py-md-0 {
         padding-top: 0 !important;
     }
     .pr-md-0,
     .px-md-0 {
         padding-right: 0 !important;
     }
     .pb-md-0,
     .py-md-0 {
         padding-bottom: 0 !important;
     }
     .pl-md-0,
     .px-md-0 {
         padding-left: 0 !important;
     }
     .p-md-1 {
         padding: 0.25rem !important;
     }
     .pt-md-1,
     .py-md-1 {
         padding-top: 0.25rem !important;
     }
     .pr-md-1,
     .px-md-1 {
         padding-right: 0.25rem !important;
     }
     .pb-md-1,
     .py-md-1 {
         padding-bottom: 0.25rem !important;
     }
     .pl-md-1,
     .px-md-1 {
         padding-left: 0.25rem !important;
     }
     .p-md-2 {
         padding: 0.5rem !important;
     }
     .pt-md-2,
     .py-md-2 {
         padding-top: 0.5rem !important;
     }
     .pr-md-2,
     .px-md-2 {
         padding-right: 0.5rem !important;
     }
     .pb-md-2,
     .py-md-2 {
         padding-bottom: 0.5rem !important;
     }
     .pl-md-2,
     .px-md-2 {
         padding-left: 0.5rem !important;
     }
     .p-md-3 {
         padding: 1rem !important;
     }
     .pt-md-3,
     .py-md-3 {
         padding-top: 1rem !important;
     }
     .pr-md-3,
     .px-md-3 {
         padding-right: 1rem !important;
     }
     .pb-md-3,
     .py-md-3 {
         padding-bottom: 1rem !important;
     }
     .pl-md-3,
     .px-md-3 {
         padding-left: 1rem !important;
     }
     .p-md-4 {
         padding: 1.5rem !important;
     }
     .pt-md-4,
     .py-md-4 {
         padding-top: 1.5rem !important;
     }
     .pr-md-4,
     .px-md-4 {
         padding-right: 1.5rem !important;
     }
     .pb-md-4,
     .py-md-4 {
         padding-bottom: 1.5rem !important;
     }
     .pl-md-4,
     .px-md-4 {
         padding-left: 1.5rem !important;
     }
     .p-md-5 {
         padding: 3rem !important;
     }
     .pt-md-5,
     .py-md-5 {
         padding-top: 3rem !important;
     }
     .pr-md-5,
     .px-md-5 {
         padding-right: 3rem !important;
     }
     .pb-md-5,
     .py-md-5 {
         padding-bottom: 3rem !important;
     }
     .pl-md-5,
     .px-md-5 {
         padding-left: 3rem !important;
     }
     .m-md-n1 {
         margin: -0.25rem !important;
     }
     .mt-md-n1,
     .my-md-n1 {
         margin-top: -0.25rem !important;
     }
     .mr-md-n1,
     .mx-md-n1 {
         margin-right: -0.25rem !important;
     }
     .mb-md-n1,
     .my-md-n1 {
         margin-bottom: -0.25rem !important;
     }
     .ml-md-n1,
     .mx-md-n1 {
         margin-left: -0.25rem !important;
     }
     .m-md-n2 {
         margin: -0.5rem !important;
     }
     .mt-md-n2,
     .my-md-n2 {
         margin-top: -0.5rem !important;
     }
     .mr-md-n2,
     .mx-md-n2 {
         margin-right: -0.5rem !important;
     }
     .mb-md-n2,
     .my-md-n2 {
         margin-bottom: -0.5rem !important;
     }
     .ml-md-n2,
     .mx-md-n2 {
         margin-left: -0.5rem !important;
     }
     .m-md-n3 {
         margin: -1rem !important;
     }
     .mt-md-n3,
     .my-md-n3 {
         margin-top: -1rem !important;
     }
     .mr-md-n3,
     .mx-md-n3 {
         margin-right: -1rem !important;
     }
     .mb-md-n3,
     .my-md-n3 {
         margin-bottom: -1rem !important;
     }
     .ml-md-n3,
     .mx-md-n3 {
         margin-left: -1rem !important;
     }
     .m-md-n4 {
         margin: -1.5rem !important;
     }
     .mt-md-n4,
     .my-md-n4 {
         margin-top: -1.5rem !important;
     }
     .mr-md-n4,
     .mx-md-n4 {
         margin-right: -1.5rem !important;
     }
     .mb-md-n4,
     .my-md-n4 {
         margin-bottom: -1.5rem !important;
     }
     .ml-md-n4,
     .mx-md-n4 {
         margin-left: -1.5rem !important;
     }
     .m-md-n5 {
         margin: -3rem !important;
     }
     .mt-md-n5,
     .my-md-n5 {
         margin-top: -3rem !important;
     }
     .mr-md-n5,
     .mx-md-n5 {
         margin-right: -3rem !important;
     }
     .mb-md-n5,
     .my-md-n5 {
         margin-bottom: -3rem !important;
     }
     .ml-md-n5,
     .mx-md-n5 {
         margin-left: -3rem !important;
     }
     .m-md-auto {
         margin: auto !important;
     }
     .mt-md-auto,
     .my-md-auto {
         margin-top: auto !important;
     }
     .mr-md-auto,
     .mx-md-auto {
         margin-right: auto !important;
     }
     .mb-md-auto,
     .my-md-auto {
         margin-bottom: auto !important;
     }
     .ml-md-auto,
     .mx-md-auto {
         margin-left: auto !important;
     }
 }

 @media (min-width: 992px) {
     .m-lg-0 {
         margin: 0 !important;
     }
     .mt-lg-0,
     .my-lg-0 {
         margin-top: 0 !important;
     }
     .mr-lg-0,
     .mx-lg-0 {
         margin-right: 0 !important;
     }
     .mb-lg-0,
     .my-lg-0 {
         margin-bottom: 0 !important;
     }
     .ml-lg-0,
     .mx-lg-0 {
         margin-left: 0 !important;
     }
     .m-lg-1 {
         margin: 0.25rem !important;
     }
     .mt-lg-1,
     .my-lg-1 {
         margin-top: 0.25rem !important;
     }
     .mr-lg-1,
     .mx-lg-1 {
         margin-right: 0.25rem !important;
     }
     .mb-lg-1,
     .my-lg-1 {
         margin-bottom: 0.25rem !important;
     }
     .ml-lg-1,
     .mx-lg-1 {
         margin-left: 0.25rem !important;
     }
     .m-lg-2 {
         margin: 0.5rem !important;
     }
     .mt-lg-2,
     .my-lg-2 {
         margin-top: 0.5rem !important;
     }
     .mr-lg-2,
     .mx-lg-2 {
         margin-right: 0.5rem !important;
     }
     .mb-lg-2,
     .my-lg-2 {
         margin-bottom: 0.5rem !important;
     }
     .ml-lg-2,
     .mx-lg-2 {
         margin-left: 0.5rem !important;
     }
     .m-lg-3 {
         margin: 1rem !important;
     }
     .mt-lg-3,
     .my-lg-3 {
         margin-top: 1rem !important;
     }
     .mr-lg-3,
     .mx-lg-3 {
         margin-right: 1rem !important;
     }
     .mb-lg-3,
     .my-lg-3 {
         margin-bottom: 1rem !important;
     }
     .ml-lg-3,
     .mx-lg-3 {
         margin-left: 1rem !important;
     }
     .m-lg-4 {
         margin: 1.5rem !important;
     }
     .mt-lg-4,
     .my-lg-4 {
         margin-top: 1.5rem !important;
     }
     .mr-lg-4,
     .mx-lg-4 {
         margin-right: 1.5rem !important;
     }
     .mb-lg-4,
     .my-lg-4 {
         margin-bottom: 1.5rem !important;
     }
     .ml-lg-4,
     .mx-lg-4 {
         margin-left: 1.5rem !important;
     }
     .m-lg-5 {
         margin: 3rem !important;
     }
     .mt-lg-5,
     .my-lg-5 {
         margin-top: 3rem !important;
     }
     .mr-lg-5,
     .mx-lg-5 {
         margin-right: 3rem !important;
     }
     .mb-lg-5,
     .my-lg-5 {
         margin-bottom: 3rem !important;
     }
     .ml-lg-5,
     .mx-lg-5 {
         margin-left: 3rem !important;
     }
     .p-lg-0 {
         padding: 0 !important;
     }
     .pt-lg-0,
     .py-lg-0 {
         padding-top: 0 !important;
     }
     .pr-lg-0,
     .px-lg-0 {
         padding-right: 0 !important;
     }
     .pb-lg-0,
     .py-lg-0 {
         padding-bottom: 0 !important;
     }
     .pl-lg-0,
     .px-lg-0 {
         padding-left: 0 !important;
     }
     .p-lg-1 {
         padding: 0.25rem !important;
     }
     .pt-lg-1,
     .py-lg-1 {
         padding-top: 0.25rem !important;
     }
     .pr-lg-1,
     .px-lg-1 {
         padding-right: 0.25rem !important;
     }
     .pb-lg-1,
     .py-lg-1 {
         padding-bottom: 0.25rem !important;
     }
     .pl-lg-1,
     .px-lg-1 {
         padding-left: 0.25rem !important;
     }
     .p-lg-2 {
         padding: 0.5rem !important;
     }
     .pt-lg-2,
     .py-lg-2 {
         padding-top: 0.5rem !important;
     }
     .pr-lg-2,
     .px-lg-2 {
         padding-right: 0.5rem !important;
     }
     .pb-lg-2,
     .py-lg-2 {
         padding-bottom: 0.5rem !important;
     }
     .pl-lg-2,
     .px-lg-2 {
         padding-left: 0.5rem !important;
     }
     .p-lg-3 {
         padding: 1rem !important;
     }
     .pt-lg-3,
     .py-lg-3 {
         padding-top: 1rem !important;
     }
     .pr-lg-3,
     .px-lg-3 {
         padding-right: 1rem !important;
     }
     .pb-lg-3,
     .py-lg-3 {
         padding-bottom: 1rem !important;
     }
     .pl-lg-3,
     .px-lg-3 {
         padding-left: 1rem !important;
     }
     .p-lg-4 {
         padding: 1.5rem !important;
     }
     .pt-lg-4,
     .py-lg-4 {
         padding-top: 1.5rem !important;
     }
     .pr-lg-4,
     .px-lg-4 {
         padding-right: 1.5rem !important;
     }
     .pb-lg-4,
     .py-lg-4 {
         padding-bottom: 1.5rem !important;
     }
     .pl-lg-4,
     .px-lg-4 {
         padding-left: 1.5rem !important;
     }
     .p-lg-5 {
         padding: 3rem !important;
     }
     .pt-lg-5,
     .py-lg-5 {
         padding-top: 3rem !important;
     }
     .pr-lg-5,
     .px-lg-5 {
         padding-right: 3rem !important;
     }
     .pb-lg-5,
     .py-lg-5 {
         padding-bottom: 3rem !important;
     }
     .pl-lg-5,
     .px-lg-5 {
         padding-left: 3rem !important;
     }
     .m-lg-n1 {
         margin: -0.25rem !important;
     }
     .mt-lg-n1,
     .my-lg-n1 {
         margin-top: -0.25rem !important;
     }
     .mr-lg-n1,
     .mx-lg-n1 {
         margin-right: -0.25rem !important;
     }
     .mb-lg-n1,
     .my-lg-n1 {
         margin-bottom: -0.25rem !important;
     }
     .ml-lg-n1,
     .mx-lg-n1 {
         margin-left: -0.25rem !important;
     }
     .m-lg-n2 {
         margin: -0.5rem !important;
     }
     .mt-lg-n2,
     .my-lg-n2 {
         margin-top: -0.5rem !important;
     }
     .mr-lg-n2,
     .mx-lg-n2 {
         margin-right: -0.5rem !important;
     }
     .mb-lg-n2,
     .my-lg-n2 {
         margin-bottom: -0.5rem !important;
     }
     .ml-lg-n2,
     .mx-lg-n2 {
         margin-left: -0.5rem !important;
     }
     .m-lg-n3 {
         margin: -1rem !important;
     }
     .mt-lg-n3,
     .my-lg-n3 {
         margin-top: -1rem !important;
     }
     .mr-lg-n3,
     .mx-lg-n3 {
         margin-right: -1rem !important;
     }
     .mb-lg-n3,
     .my-lg-n3 {
         margin-bottom: -1rem !important;
     }
     .ml-lg-n3,
     .mx-lg-n3 {
         margin-left: -1rem !important;
     }
     .m-lg-n4 {
         margin: -1.5rem !important;
     }
     .mt-lg-n4,
     .my-lg-n4 {
         margin-top: -1.5rem !important;
     }
     .mr-lg-n4,
     .mx-lg-n4 {
         margin-right: -1.5rem !important;
     }
     .mb-lg-n4,
     .my-lg-n4 {
         margin-bottom: -1.5rem !important;
     }
     .ml-lg-n4,
     .mx-lg-n4 {
         margin-left: -1.5rem !important;
     }
     .m-lg-n5 {
         margin: -3rem !important;
     }
     .mt-lg-n5,
     .my-lg-n5 {
         margin-top: -3rem !important;
     }
     .mr-lg-n5,
     .mx-lg-n5 {
         margin-right: -3rem !important;
     }
     .mb-lg-n5,
     .my-lg-n5 {
         margin-bottom: -3rem !important;
     }
     .ml-lg-n5,
     .mx-lg-n5 {
         margin-left: -3rem !important;
     }
     .m-lg-auto {
         margin: auto !important;
     }
     .mt-lg-auto,
     .my-lg-auto {
         margin-top: auto !important;
     }
     .mr-lg-auto,
     .mx-lg-auto {
         margin-right: auto !important;
     }
     .mb-lg-auto,
     .my-lg-auto {
         margin-bottom: auto !important;
     }
     .ml-lg-auto,
     .mx-lg-auto {
         margin-left: auto !important;
     }
 }

 @media (min-width: 1200px) {
     .m-xl-0 {
         margin: 0 !important;
     }
     .mt-xl-0,
     .my-xl-0 {
         margin-top: 0 !important;
     }
     .mr-xl-0,
     .mx-xl-0 {
         margin-right: 0 !important;
     }
     .mb-xl-0,
     .my-xl-0 {
         margin-bottom: 0 !important;
     }
     .ml-xl-0,
     .mx-xl-0 {
         margin-left: 0 !important;
     }
     .m-xl-1 {
         margin: 0.25rem !important;
     }
     .mt-xl-1,
     .my-xl-1 {
         margin-top: 0.25rem !important;
     }
     .mr-xl-1,
     .mx-xl-1 {
         margin-right: 0.25rem !important;
     }
     .mb-xl-1,
     .my-xl-1 {
         margin-bottom: 0.25rem !important;
     }
     .ml-xl-1,
     .mx-xl-1 {
         margin-left: 0.25rem !important;
     }
     .m-xl-2 {
         margin: 0.5rem !important;
     }
     .mt-xl-2,
     .my-xl-2 {
         margin-top: 0.5rem !important;
     }
     .mr-xl-2,
     .mx-xl-2 {
         margin-right: 0.5rem !important;
     }
     .mb-xl-2,
     .my-xl-2 {
         margin-bottom: 0.5rem !important;
     }
     .ml-xl-2,
     .mx-xl-2 {
         margin-left: 0.5rem !important;
     }
     .m-xl-3 {
         margin: 1rem !important;
     }
     .mt-xl-3,
     .my-xl-3 {
         margin-top: 1rem !important;
     }
     .mr-xl-3,
     .mx-xl-3 {
         margin-right: 1rem !important;
     }
     .mb-xl-3,
     .my-xl-3 {
         margin-bottom: 1rem !important;
     }
     .ml-xl-3,
     .mx-xl-3 {
         margin-left: 1rem !important;
     }
     .m-xl-4 {
         margin: 1.5rem !important;
     }
     .mt-xl-4,
     .my-xl-4 {
         margin-top: 1.5rem !important;
     }
     .mr-xl-4,
     .mx-xl-4 {
         margin-right: 1.5rem !important;
     }
     .mb-xl-4,
     .my-xl-4 {
         margin-bottom: 1.5rem !important;
     }
     .ml-xl-4,
     .mx-xl-4 {
         margin-left: 1.5rem !important;
     }
     .m-xl-5 {
         margin: 3rem !important;
     }
     .mt-xl-5,
     .my-xl-5 {
         margin-top: 3rem !important;
     }
     .mr-xl-5,
     .mx-xl-5 {
         margin-right: 3rem !important;
     }
     .mb-xl-5,
     .my-xl-5 {
         margin-bottom: 3rem !important;
     }
     .ml-xl-5,
     .mx-xl-5 {
         margin-left: 3rem !important;
     }
     .p-xl-0 {
         padding: 0 !important;
     }
     .pt-xl-0,
     .py-xl-0 {
         padding-top: 0 !important;
     }
     .pr-xl-0,
     .px-xl-0 {
         padding-right: 0 !important;
     }
     .pb-xl-0,
     .py-xl-0 {
         padding-bottom: 0 !important;
     }
     .pl-xl-0,
     .px-xl-0 {
         padding-left: 0 !important;
     }
     .p-xl-1 {
         padding: 0.25rem !important;
     }
     .pt-xl-1,
     .py-xl-1 {
         padding-top: 0.25rem !important;
     }
     .pr-xl-1,
     .px-xl-1 {
         padding-right: 0.25rem !important;
     }
     .pb-xl-1,
     .py-xl-1 {
         padding-bottom: 0.25rem !important;
     }
     .pl-xl-1,
     .px-xl-1 {
         padding-left: 0.25rem !important;
     }
     .p-xl-2 {
         padding: 0.5rem !important;
     }
     .pt-xl-2,
     .py-xl-2 {
         padding-top: 0.5rem !important;
     }
     .pr-xl-2,
     .px-xl-2 {
         padding-right: 0.5rem !important;
     }
     .pb-xl-2,
     .py-xl-2 {
         padding-bottom: 0.5rem !important;
     }
     .pl-xl-2,
     .px-xl-2 {
         padding-left: 0.5rem !important;
     }
     .p-xl-3 {
         padding: 1rem !important;
     }
     .pt-xl-3,
     .py-xl-3 {
         padding-top: 1rem !important;
     }
     .pr-xl-3,
     .px-xl-3 {
         padding-right: 1rem !important;
     }
     .pb-xl-3,
     .py-xl-3 {
         padding-bottom: 1rem !important;
     }
     .pl-xl-3,
     .px-xl-3 {
         padding-left: 1rem !important;
     }
     .p-xl-4 {
         padding: 1.5rem !important;
     }
     .pt-xl-4,
     .py-xl-4 {
         padding-top: 1.5rem !important;
     }
     .pr-xl-4,
     .px-xl-4 {
         padding-right: 1.5rem !important;
     }
     .pb-xl-4,
     .py-xl-4 {
         padding-bottom: 1.5rem !important;
     }
     .pl-xl-4,
     .px-xl-4 {
         padding-left: 1.5rem !important;
     }
     .p-xl-5 {
         padding: 3rem !important;
     }
     .pt-xl-5,
     .py-xl-5 {
         padding-top: 3rem !important;
     }
     .pr-xl-5,
     .px-xl-5 {
         padding-right: 3rem !important;
     }
     .pb-xl-5,
     .py-xl-5 {
         padding-bottom: 3rem !important;
     }
     .pl-xl-5,
     .px-xl-5 {
         padding-left: 3rem !important;
     }
     .m-xl-n1 {
         margin: -0.25rem !important;
     }
     .mt-xl-n1,
     .my-xl-n1 {
         margin-top: -0.25rem !important;
     }
     .mr-xl-n1,
     .mx-xl-n1 {
         margin-right: -0.25rem !important;
     }
     .mb-xl-n1,
     .my-xl-n1 {
         margin-bottom: -0.25rem !important;
     }
     .ml-xl-n1,
     .mx-xl-n1 {
         margin-left: -0.25rem !important;
     }
     .m-xl-n2 {
         margin: -0.5rem !important;
     }
     .mt-xl-n2,
     .my-xl-n2 {
         margin-top: -0.5rem !important;
     }
     .mr-xl-n2,
     .mx-xl-n2 {
         margin-right: -0.5rem !important;
     }
     .mb-xl-n2,
     .my-xl-n2 {
         margin-bottom: -0.5rem !important;
     }
     .ml-xl-n2,
     .mx-xl-n2 {
         margin-left: -0.5rem !important;
     }
     .m-xl-n3 {
         margin: -1rem !important;
     }
     .mt-xl-n3,
     .my-xl-n3 {
         margin-top: -1rem !important;
     }
     .mr-xl-n3,
     .mx-xl-n3 {
         margin-right: -1rem !important;
     }
     .mb-xl-n3,
     .my-xl-n3 {
         margin-bottom: -1rem !important;
     }
     .ml-xl-n3,
     .mx-xl-n3 {
         margin-left: -1rem !important;
     }
     .m-xl-n4 {
         margin: -1.5rem !important;
     }
     .mt-xl-n4,
     .my-xl-n4 {
         margin-top: -1.5rem !important;
     }
     .mr-xl-n4,
     .mx-xl-n4 {
         margin-right: -1.5rem !important;
     }
     .mb-xl-n4,
     .my-xl-n4 {
         margin-bottom: -1.5rem !important;
     }
     .ml-xl-n4,
     .mx-xl-n4 {
         margin-left: -1.5rem !important;
     }
     .m-xl-n5 {
         margin: -3rem !important;
     }
     .mt-xl-n5,
     .my-xl-n5 {
         margin-top: -3rem !important;
     }
     .mr-xl-n5,
     .mx-xl-n5 {
         margin-right: -3rem !important;
     }
     .mb-xl-n5,
     .my-xl-n5 {
         margin-bottom: -3rem !important;
     }
     .ml-xl-n5,
     .mx-xl-n5 {
         margin-left: -3rem !important;
     }
     .m-xl-auto {
         margin: auto !important;
     }
     .mt-xl-auto,
     .my-xl-auto {
         margin-top: auto !important;
     }
     .mr-xl-auto,
     .mx-xl-auto {
         margin-right: auto !important;
     }
     .mb-xl-auto,
     .my-xl-auto {
         margin-bottom: auto !important;
     }
     .ml-xl-auto,
     .mx-xl-auto {
         margin-left: auto !important;
     }
 }

 .text-monospace {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
 }

 .text-justify {
     text-align: justify !important;
 }

 .text-wrap {
     white-space: normal !important;
 }

 .text-nowrap {
     white-space: nowrap !important;
 }

 .text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .text-left {
     text-align: left !important;
 }

 .text-right {
     text-align: right !important;
 }

 .text-center {
     text-align: center !important;
 }

 @media (min-width: 576px) {
     .text-sm-left {
         text-align: left !important;
     }
     .text-sm-right {
         text-align: right !important;
     }
     .text-sm-center {
         text-align: center !important;
     }
 }

 @media (min-width: 768px) {
     .text-md-left {
         text-align: left !important;
     }
     .text-md-right {
         text-align: right !important;
     }
     .text-md-center {
         text-align: center !important;
     }
 }

 @media (min-width: 992px) {
     .text-lg-left {
         text-align: left !important;
     }
     .text-lg-right {
         text-align: right !important;
     }
     .text-lg-center {
         text-align: center !important;
     }
 }

 @media (min-width: 1200px) {
     .text-xl-left {
         text-align: left !important;
     }
     .text-xl-right {
         text-align: right !important;
     }
     .text-xl-center {
         text-align: center !important;
     }
 }

 .text-lowercase {
     text-transform: lowercase !important;
 }

 .text-uppercase {
     text-transform: uppercase !important;
 }

 .text-capitalize {
     text-transform: capitalize !important;
 }

 .font-weight-light {
     font-weight: 300 !important;
 }

 .font-weight-lighter {
     font-weight: lighter !important;
 }

 .font-weight-normal {
     font-weight: 400 !important;
 }

 .font-weight-bold {
     font-weight: 700 !important;
 }

 .font-weight-bolder {
     font-weight: bolder !important;
 }

 .font-italic {
     font-style: italic !important;
 }

 .text-white {
     color: #fff !important;
 }

 .text-primary {
     color: #007bff !important;
 }

 a.text-primary:hover,
 a.text-primary:focus {
     color: #0056b3 !important;
 }

 .text-secondary {
     color: #6c757d !important;
 }

 a.text-secondary:hover,
 a.text-secondary:focus {
     color: #494f54 !important;
 }

 .text-success {
     color: #28a745 !important;
 }

 a.text-success:hover,
 a.text-success:focus {
     color: #19692c !important;
 }

 .text-info {
     color: #17a2b8 !important;
 }

 a.text-info:hover,
 a.text-info:focus {
     color: #0f6674 !important;
 }

 .text-warning {
     color: #ffc107 !important;
 }

 a.text-warning:hover,
 a.text-warning:focus {
     color: #ba8b00 !important;
 }

 .text-danger {
     color: #dc3545 !important;
 }

 a.text-danger:hover,
 a.text-danger:focus {
     color: #a71d2a !important;
 }

 .text-light {
     color: #f8f9fa !important;
 }

 a.text-light:hover,
 a.text-light:focus {
     color: #cbd3da !important;
 }

 .text-dark {
     color: #343a40 !important;
 }

 a.text-dark:hover,
 a.text-dark:focus {
     color: #121416 !important;
 }

 .text-body {
     color: #212529 !important;
 }

 .text-muted {
     color: #6c757d !important;
 }

 .text-black-50 {
     color: rgba(0, 0, 0, 0.5) !important;
 }

 .text-white-50 {
     color: rgba(255, 255, 255, 0.5) !important;
 }

 .text-hide {
     font: 0/0 a;
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0;
 }

 .text-decoration-none {
     text-decoration: none !important;
 }

 .text-break {
     word-break: break-word !important;
     overflow-wrap: break-word !important;
 }

 .text-reset {
     color: inherit !important;
 }

 .visible {
     visibility: visible !important;
 }

 .invisible {
     visibility: hidden !important;
 }

 @media print {
     *,
     *::before,
     *::after {
         text-shadow: none !important;
         box-shadow: none !important;
     }
     a:not(.btn) {
         text-decoration: underline;
     }
     abbr[title]::after {
         content: " (" attr(title) ")";
     }
     pre {
         white-space: pre-wrap !important;
     }
     pre,
     blockquote {
         border: 1px solid #adb5bd;
         page-break-inside: avoid;
     }
     thead {
         display: table-header-group;
     }
     tr,
     img {
         page-break-inside: avoid;
     }
     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3;
     }
     h2,
     h3 {
         page-break-after: avoid;
     }
     @page {
         size: a3;
     }
     body {
         min-width: 992px !important;
     }
     .container {
         min-width: 992px !important;
     }
     .navbar {
         display: none;
     }
     .badge {
         border: 1px solid #000;
     }
     .table {
         border-collapse: collapse !important;
     }
     .table td,
     .table th {
         background-color: #fff !important;
     }
     .table-bordered th,
     .table-bordered td {
         border: 1px solid #dee2e6 !important;
     }
     .table-dark {
         color: inherit;
     }
     .table-dark th,
     .table-dark td,
     .table-dark thead th,
     .table-dark tbody+tbody {
         border-color: #dee2e6;
     }
     .table .thead-dark th {
         color: inherit;
         border-color: #dee2e6;
     }
 }

 /* basic scrollbar styling */

 /* vertical scrollbar */

 .mCSB_container {
     width: auto;
     margin-right: 15px;
     overflow: hidden;
 }

 .mCSB_container.mCS_no_scrollbar {
     margin-right: 0;
 }

 .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
 .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
     margin-right: 30px;
 }

 .mCustomScrollBox>.mCSB_scrollTools {
     width: 10px;
     height: 100%;
     top: 0;
     right: 0;
 }

 .mCSB_scrollTools .mCSB_draggerContainer {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     height: auto;
 }

 .mCSB_scrollTools a+.mCSB_draggerContainer {
     margin: 20px 0;
 }

 .mCSB_scrollTools .mCSB_draggerRail {
     width: 2px;
     height: 100%;
     margin: 0 auto;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
 }

 .mCSB_scrollTools .mCSB_dragger {
     cursor: pointer;
     width: 100%;
     height: 30px;
 }

 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 4px;
     height: 100%;
     margin: 0 auto;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     text-align: center;
 }

 .mCSB_scrollTools .mCSB_buttonUp,
 .mCSB_scrollTools .mCSB_buttonDown {
     display: block;
     position: relative;
     height: 20px;
     overflow: hidden;
     margin: 0 auto;
     cursor: pointer;
 }

 .mCSB_scrollTools .mCSB_buttonDown {
     top: 100%;
     margin-top: -40px;
 }

 /* horizontal scrollbar */

 .mCSB_horizontal>.mCSB_container {
     height: auto;
     margin-right: 0;
     margin-bottom: 30px;
     overflow: hidden;
 }

 .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
     margin-bottom: 0;
 }

 .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
 .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
     margin-right: 0;
     margin-bottom: 30px;
 }

 .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
     width: 100%;
     height: 16px;
     top: auto;
     right: auto;
     bottom: 0;
     left: 0;
     overflow: hidden;
 }

 .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
     margin: 0 20px;
 }

 .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
     width: 100%;
     height: 2px;
     margin: 7px 0;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
 }

 .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
     width: 30px;
     height: 100%;
 }

 .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 100%;
     height: 4px;
     margin: 6px auto;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
 }

 .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
 .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
     display: block;
     position: relative;
     width: 20px;
     height: 100%;
     overflow: hidden;
     margin: 0 auto;
     cursor: pointer;
     float: left;
 }

 .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
     margin-left: -40px;
     float: right;
 }

 .mCustomScrollBox {
     -ms-touch-action: none;
     /*MSPointer events - direct all pointer events to js*/
 }

 /* default scrollbar colors and backgrounds (default theme) */

 .mCustomScrollBox>.mCSB_scrollTools {
     opacity: 0.75;
     filter: "alpha(opacity=75)";
     -ms-filter: "alpha(opacity=75)";
     /* old ie */
 }

 .mCustomScrollBox:hover>.mCSB_scrollTools {
     opacity: 1;
     filter: "alpha(opacity=100)";
     -ms-filter: "alpha(opacity=100)";
     /* old ie */
 }

 .mCSB_scrollTools .mCSB_draggerRail {
     background: #4d97c8;
     /* rgba fallback */
     background: rgba(77, 151, 200, 0.4);
     filter: "alpha(opacity=40)";
     -ms-filter: "alpha(opacity=40)";
     /* old ie */
 }

 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background: #5a6714;
     /* rgba fallback */
     background: rgba(17, 62, 103, 0.75);
     filter: "alpha(opacity=75)";
     -ms-filter: "alpha(opacity=75)";
     /* old ie */
 }

 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
     background: rgba(17, 62, 103, 0.85);
     filter: "alpha(opacity=85)";
     -ms-filter: "alpha(opacity=85)";
     /* old ie */
 }

 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
     background: rgba(17, 62, 103, 0.9);
     filter: "alpha(opacity=90)";
     -ms-filter: "alpha(opacity=90)";
     /* old ie */
 }

 .mCSB_scrollTools .mCSB_buttonUp,
 .mCSB_scrollTools .mCSB_buttonDown,
 .mCSB_scrollTools .mCSB_buttonLeft,
 .mCSB_scrollTools .mCSB_buttonRight {
     background-image: url(clientlib-dependencies/css/mCSB_buttons.png);
     background-repeat: no-repeat;
     opacity: 0.4;
     filter: "alpha(opacity=40)";
     -ms-filter: "alpha(opacity=40)";
     /* old ie */
 }

 .mCSB_scrollTools .mCSB_buttonUp {
     background-position: 0 0;
     /* 
		sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
		*/
 }

 .mCSB_scrollTools .mCSB_buttonDown {
     background-position: 0 -20px;
     /* 
			sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
			*/
 }

 .mCSB_scrollTools .mCSB_buttonLeft {
     background-position: 0 -40px;
     /* 
				sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
				*/
 }

 .mCSB_scrollTools .mCSB_buttonRight {
     background-position: 0 -56px;
     /* 
					sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
					*/
 }

 .mCSB_scrollTools .mCSB_buttonUp:hover,
 .mCSB_scrollTools .mCSB_buttonDown:hover,
 .mCSB_scrollTools .mCSB_buttonLeft:hover,
 .mCSB_scrollTools .mCSB_buttonRight:hover {
     opacity: 0.75;
     filter: "alpha(opacity=75)";
     -ms-filter: "alpha(opacity=75)";
     /* old ie */
 }

 .mCSB_scrollTools .mCSB_buttonUp:active,
 .mCSB_scrollTools .mCSB_buttonDown:active,
 .mCSB_scrollTools .mCSB_buttonLeft:active,
 .mCSB_scrollTools .mCSB_buttonRight:active {
     opacity: 0.9;
     filter: "alpha(opacity=90)";
     -ms-filter: "alpha(opacity=90)";
     /* old ie */
 }

 /*scrollbar themes*/

 /*dark (dark colored scrollbar)*/

 .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
     background: #000;
     /* rgba fallback */
     background: rgba(0, 0, 0, 0.15);
 }

 .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background: #000;
     /* rgba fallback */
     background: rgba(0, 0, 0, 0.75);
 }

 .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
     background: rgba(0, 0, 0, 0.85);
 }

 .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
     background: rgba(0, 0, 0, 0.9);
 }

 .mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
     background-position: -80px 0;
 }

 .mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
     background-position: -80px -20px;
 }

 .mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
     background-position: -80px -40px;
 }

 .mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
     background-position: -80px -56px;
 }

 /*light-2*/

 .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
     width: 4px;
     background: #fff;
     /* rgba fallback */
     background: rgba(255, 255, 255, 0.1);
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
 }

 .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 4px;
     background: #fff;
     /* rgba fallback */
     background: rgba(255, 255, 255, 0.75);
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
 }

 .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
     width: 100%;
     height: 4px;
     margin: 6px 0;
 }

 .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 100%;
     height: 4px;
     margin: 6px auto;
 }

 .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
     background: rgba(255, 255, 255, 0.85);
 }

 .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
     background: rgba(255, 255, 255, 0.9);
 }

 .mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
     background-position: -32px 0;
 }

 .mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
     background-position: -32px -20px;
 }

 .mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
     background-position: -40px -40px;
 }

 .mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
     background-position: -40px -56px;
 }

 /*dark-2*/

 .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
     width: 4px;
     background: #000;
     /* rgba fallback */
     background: rgba(0, 0, 0, 0.1);
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
 }

 .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 4px;
     background: #000;
     /* rgba fallback */
     background: rgba(0, 0, 0, 0.75);
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
 }

 .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
     width: 100%;
     height: 4px;
     margin: 6px 0;
 }

 .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 100%;
     height: 4px;
     margin: 6px auto;
 }

 .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
     background: rgba(0, 0, 0, 0.85);
 }

 .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
     background: rgba(0, 0, 0, 0.9);
 }

 .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
     background-position: -112px 0;
 }

 .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
     background-position: -112px -20px;
 }

 .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
     background-position: -120px -40px;
 }

 .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
     background-position: -120px -56px;
 }

 /*light-thick*/

 .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
     width: 4px;
     background: #fff;
     /* rgba fallback */
     background: rgba(255, 255, 255, 0.1);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
 }

 .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 6px;
     background: #fff;
     /* rgba fallback */
     background: rgba(255, 255, 255, 0.75);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
 }

 .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
     width: 100%;
     height: 4px;
     margin: 6px 0;
 }

 .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 100%;
     height: 6px;
     margin: 5px auto;
 }

 .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
     background: rgba(255, 255, 255, 0.85);
 }

 .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
     background: rgba(255, 255, 255, 0.9);
 }

 .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
     background-position: -16px 0;
 }

 .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
     background-position: -16px -20px;
 }

 .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
     background-position: -20px -40px;
 }

 .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
     background-position: -20px -56px;
 }

 /*dark-thick*/

 .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
     width: 4px;
     background: #000;
     /* rgba fallback */
     background: rgba(0, 0, 0, 0.1);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
 }

 .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 6px;
     background: #000;
     /* rgba fallback */
     background: rgba(0, 0, 0, 0.75);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
 }

 .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
     width: 100%;
     height: 4px;
     margin: 6px 0;
 }

 .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 100%;
     height: 6px;
     margin: 5px auto;
 }

 .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
     background: rgba(0, 0, 0, 0.85);
 }

 .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
     background: rgba(0, 0, 0, 0.9);
 }

 .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
     background-position: -96px 0;
 }

 .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
     background-position: -96px -20px;
 }

 .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
     background-position: -100px -40px;
 }

 .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
     background-position: -100px -56px;
 }

 /*light-thin*/

 .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
     background: #fff;
     /* rgba fallback */
     background: rgba(255, 255, 255, 0.1);
 }

 .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 2px;
 }

 .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
     width: 100%;
 }

 .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 100%;
     height: 2px;
     margin: 7px auto;
 }

 /*dark-thin*/

 .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
     background: #000;
     /* rgba fallback */
     background: rgba(0, 0, 0, 0.15);
 }

 .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 2px;
     background: #000;
     /* rgba fallback */
     background: rgba(0, 0, 0, 0.75);
 }

 .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
     width: 100%;
 }

 .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 100%;
     height: 2px;
     margin: 7px auto;
 }

 .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
     background: rgba(0, 0, 0, 0.85);
 }

 .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
 .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
     background: rgba(0, 0, 0, 0.9);
 }

 .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
     background-position: -80px 0;
 }

 .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
     background-position: -80px -20px;
 }

 .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
     background-position: -80px -40px;
 }

 .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
     background-position: -80px -56px;
 }

 /**GRID LAYOUT**/

 /*type*/

 .grid__type--section {
     width: 100% !important;
     float: none !important;
     margin-left: 0 !important;
     margin-right: 0 !important;
 }

 .grid__type--section.aem-GridColumn.aem-GridColumn--default--none {
     clear: both !important;
 }

 /*background colors*/

 .grid__bg-color--none {
     background-color: transparent;
 }

 .grid__bg-color--white {
     background-color: #fff;
 }

 .grid__bg-color--midnight-purple {
     background-color: #2e1a47;
 }

 .grid__bg-color--midnight-purple-alternative {
     background-color: #2e1a47;
     border-bottom-right-radius: 2rem;
     border-bottom-left-radius: 2rem;
     border-top-right-radius: 2rem;
     border-top-left-radius: 2rem;
 }

 .grid__bg-color--light-gray {
     background-color: #f7f7f7;
 }

 .grid__bg-color--dawn-lighter {
     background-color: #F6F3F9;
 }

 .grid__bg-color--white-purple {
     background: linear-gradient(#fff 60%, #2e1a47 40%);
 }

 .grid__bg-color--white-lightgray {
     background: linear-gradient(#fff 60%, #f7f7f7 40%);
 }

 /*border radius*/

 .grid__border-radius-top-left {
     border-top-left-radius: 2rem;
 }

 .grid__border-radius-top-right {
     border-top-right-radius: 2rem;
 }

 .grid__border-radius-bottom-right {
     border-bottom-right-radius: 2rem;
 }

 .grid__border-radius-bottom-left {
     border-bottom-left-radius: 2rem;
 }

 /**content position**/

 .grid__children--order--reverse--column>div>.aem-Grid {
     display: flex;
     flex-direction: column-reverse;
 }

 .container-right-margin {
     margin-right: 10px
 }

 /*****************************************/

 /********** GLOBAL CSS *************/

 /*********************************/

 /*heading*/

 h1,
 .h1 {
     font-size: 4.8rem;
     line-height: 4.8rem;
 }

 h2,
 .h2 {
     font-size: 3.6rem;
     line-height: 4.2rem;
 }

 h3,
 .h3 {
     font-size: 2.8rem;
     line-height: 3.4rem;
 }

 h4,
 .h4 {
     font-size: 2.4rem;
     line-height: 3rem;
 }

 h5,
 .h5 {
     font-size: 2rem;
     line-height: 2.6rem;
 }

 h6,
 .h6 {
     font-size: 1.8rem;
     line-height: 2.4rem;
 }

 h1,
 .h1,
 h2,
 .h2,
 h3,
 .h3,
 h4,
 .h4,
 h5,
 .h5,
 h6,
 .h6 {
     color: #2E1A47;
     margin: 0 auto 3rem;
 }

 h1,
 .h1,
 h2,
 .h2,
 h3,
 .h3,
 h4,
 .h4 {
     font-weight: var(--truFontWtLt);
 }

 h5,
 .h5,
 h6,
 .h6 {
     font-weight: var(--truFontWtBd);
 }

 /*header sup*/

 h1 sup,
 .h1 sup,
 h2 sup,
 .h2 sup,
 h3 sup,
 .h3 sup {
     top: -.75em;
     font-size: 50%;
 }

 /*paragraph*/

 p {
     margin-top: 0;
     margin-bottom: 2rem;
 }

 /*lists*/

 ol,
 ul,
 dl {
     padding: 0 0 0 2rem;
     margin: 0 auto 2rem;
 }

 /*blockquote*/

 blockquote {
     border-left: 8px solid #7C6992;
     padding: 1.5rem 1.5rem 1.5rem 3rem;
     font-size: 2.8rem;
     line-height: 3.4rem;
     font-weight: var(--truFontWtLt);
     color: #2E1A47;
     font-style: italic;
     margin-bottom: 0;
 }

 /*anchors*/

 a {
     color: #2E1A47;
     text-decoration: underline;
 }

 a:hover,
 a:active,
 a:focus {
     color: #2E1A47;
     text-decoration: none;
 }

 *:not('div'):focus {
     outline: solid 2px #666;
 }

 /*scrollbar*/

 main ::-webkit-scrollbar {
     width: 5px;
     height: 5px;
 }

 main ::-webkit-scrollbar-track {
     border-radius: 8px;
     background: #c9c9c9;
 }

 main ::-webkit-scrollbar-thumb {
     border-radius: 8px;
     background: var(--truNeutral500) !important;
 }

 /***FOOTER***/

 /*page disclaimer*/

 .disc-selected {
     background: none;
 }

 .disc-selected sup:nth-of-type(1) {
     border: 1px dotted;
 }

 .disc-back-to-content {
     display: inline-block;
     padding-left: .5rem;
 }

 .disc-back-to-content a {
     color: #2E1A47 !important;
 }

 .disc-back-to-content a::after {
     content: '';
     background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=) 0 0 no-repeat;
     padding: 7px 8px;
     transform: rotate(-90deg);
     display: inline-block;
     margin-left: .5rem;
 }

 /*global Footer*/

 footer {
     background-color: transparent;
     color: #fff;
 }

 /*disclosure*/

 footer #footer-section-disclosure {
     position: relative;
     background: #fff;
     margin-top: 15rem;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container {
     border-top: 1px solid #cfcfcf;
     color: var(--truNeutral500) !important;
     padding-top: 4rem;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid {
     width: auto;
     max-width: 1920px;
     margin: 0 auto;
     position: relative;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid>div {
     padding: 0 8.333%;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid::before {
     content: "";
     display: block;
     height: .1rem;
     width: 20rem;
     background: #fff;
     position: absolute;
     top: -4.1rem;
     left: 8.333%;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a {
     color: #2E1A47;
     text-decoration: underline;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a:hover,
 footer #footer-section-disclosure #footer-section-disclosure-container a:focus {
     text-decoration: none;
 }

 footer #footer-section-disclosure .accordion .border-container {
     border: none;
 }

 footer #footer-section-disclosure .accordion .border-container>div {
     transition: all 0.3s linear 0s;
 }

 footer #footer-section-disclosure .accordion .accordion-card-header {
     max-width: 1920px;
     margin: 0 auto;
     padding: 0 15px;
     position: relative;
 }

 footer #footer-section-disclosure .accordion .btn {
     color: #2E1A47;
     font-size: 2rem;
     line-height: 1em;
     text-decoration: none;
     padding: 1.3rem 2.8rem;
     box-shadow: none;
     border: 1px solid #c9c9c9;
     border-radius: 4px 4px 0 0;
     border-bottom: #fff;
     background: #fff;
     position: absolute;
     top: -5rem;
     left: 8.333%;
     height: 5rem;
     width: 20rem;
 }

 footer #footer-section-disclosure .accordion .btn:focus::after {
     content: "";
     position: absolute;
     bottom: 1rem;
     left: 3.2rem;
     height: 2px;
     background: #2E1A47;
     width: calc(100% - 8.9rem);
 }

 /*disclosure - card body*/

 footer #footer-section-disclosure .accordion .card-body {
     padding: 0;
 }

 /*WISTIA VIDEO*/

 .w-chrome {
     border-radius: 2rem;
 }

 /*responsive*/

 .single-result-container .result-description span,
 .single-result-container .result-description p,
 .single-result-container .result-description div {
     font-size: 1.8rem !important;
 }

 @media (min-width: 769px) {
     /*type*/
     .grid__type--section {
         width: calc(100% - 3rem) !important;
         margin-left: 1.5rem !important;
         margin-right: 1.5rem !important;
     }
     /**content position**/
     .grid__children--order--reverse--column--desktop>div>.aem-Grid {
         display: flex;
         flex-direction: column-reverse;
     }
     .grid__children--vertical-align--center>div>.aem-Grid {
         display: flex;
         align-items: center;
     }
     .grid__children--horizontal-align--center>div>.aem-Grid {
         display: flex;
         justify-content: center;
     }
     .grid__self--vertical-align--top {
         align-self: flex-start;
     }
     .grid__self--vertical-align--bottom {
         align-self: flex-end;
     }
     /**background colors**/
     .grid__bg-color--white-purple {
         background: linear-gradient(#fff 80%, #2e1a47 20%);
     }
     .grid__bg-color--white-lightgray {
         background: linear-gradient(#fff 80%, #f7f7f7 20%);
     }
 }

 @media (max-width: 768px) {
     /**content position**/
     .grid__children--order--reverse--column--mobile>div>.aem-Grid {
         display: flex;
         flex-direction: column-reverse;
     }
     /*hide*/
     .grid__hide--mobile {
         display: none !important;
     }
     /*border radius*/
     .grid__border-radius-none--mobile {
         border-radius: 0;
     }
     /*margin*/
     .grid__margin-top-none-mobile {
         margin-top: 0 !important;
     }
     .grid__margin-bottom-none-mobile {
         margin-bottom: 0 !important;
     }
     /*margin none - last section*/
     main .grid__margin-bottom-none-mobile:last-child {
         margin-bottom: -11rem !important;
         padding-bottom: 5rem;
     }
     .grid__bg-color--midnight-purple-alternative {
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0;
         border-top-right-radius: 0;
         border-top-left-radius: 0;
     }
 }

 @media (min-width: 769px) and (max-width: 1200px) {
     /*hide*/
     .grid__hide--tablet {
         display: none !important;
     }
 }

 @media (min-width: 1201px) {
     /*hide*/
     .grid__hide--desktop {
         display: none !important;
     }
 }

 @media (min-width: 1601px) {
     /*type*/
     .grid__type--section {
         max-width: 1570px;
         margin-left: auto !important;
         margin-right: auto !important;
     }
 }

 /** PAGE OVERRIDES **/

 /*money and mindset*/

 @media (max-width: 767px) {
     body.money-and-mindset .herobanner .orion-hero-carousel__panel__content--gradient {
         -webkit-box-shadow: none;
         box-shadow: none;
         background: #7C6992;
     }
     body.money-and-mindset-page .herobanner .orion-hero-carousel__panel__content--gradient {
         -webkit-box-shadow: none;
         box-shadow: none;
         background: #7C6992;
     }
 }

 /*personal loans*/

 @media (min-width: 941px) and (max-width: 1200px) {
     body.personal-loans-page .navbar-secondary__heading-container {
         max-width: 20rem;
         position: static;
     }
     body.personal-loans-page .navbar-secondary__container {
         justify-content: space-between;
     }
 }

 @media (min-width: 769px) {
     body {
         font-size: 1.8rem;
         line-height: 2.4rem;
     }
     blockquote {
         padding: 3rem;
     }
 }

 @media screen and (max-width: 1365px) {
     .single-result-container .result-description span,
     .single-result-container .result-description p,
     .single-result-container .result-description div {
         font-size: 1.6rem !important;
     }
 }

 @media (min-width: 1201px) {
     /*heading*/
     h1,
     .h1 {
         font-size: 6rem;
         line-height: 6.6rem;
     }
     h2,
     .h2 {
         font-size: 4.8rem;
         line-height: 5.4rem;
     }
     h3,
     .h3 {
         font-size: 3.6rem;
         line-height: 4.2rem;
     }
     h4,
     .h4 {
         font-size: 2.8rem;
         line-height: 3.4rem;
     }
     h5,
     .h5 {
         font-size: 2.4rem;
         line-height: 3rem;
     }
     h6,
     .h6 {
         font-size: 2rem;
         line-height: 2.6rem;
     }
 }

 .grecaptcha-badge {
     visibility: hidden;
 }

 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

 /* Document
   ========================================================================== */

 /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
     line-height: 1.15;
     /* 1 */
     -webkit-text-size-adjust: 100%;
     /* 2 */
 }

 /* Sections
     ========================================================================== */

 /**
   * Remove the margin in all browsers.
   */

 body {
     margin: 0;
 }

 /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }

 /* Grouping content
     ========================================================================== */

 /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

 hr {
     box-sizing: content-box;
     /* 1 */
     height: 0;
     /* 1 */
     overflow: visible;
     /* 2 */
 }

 /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

 pre {
     /* font-family: monospace, monospace; 1 */
     font-size: 1em;
     /* 2 */
 }

 /* Text-level semantics
     ========================================================================== */

 /**
   * Remove the gray background on active links in IE 10.
   */

 a {
     background-color: transparent;
 }

 /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

 abbr[title] {
     border-bottom: none;
     /* 1 */
     text-decoration: underline;
     /* 2 */
     text-decoration: underline dotted;
     /* 2 */
 }

 /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

 b,
 strong {
     font-weight: var(--truFontWtBd);
 }

 /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

 code,
 kbd,
 samp {
     /* font-family: monospace, monospace; 1 */
     font-size: 1em;
     /* 2 */
 }

 /**
   * Add the correct font size in all browsers.
   */

 small {
     font-size: 80%;
 }

 /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

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

 sub {
     bottom: -0.25em;
 }

 sup {
     top: -0.5em;
 }

 /* Embedded content
     ========================================================================== */

 /**
   * Remove the border on images inside links in IE 10.
   */

 img {
     border-style: none;
 }

 /* Forms
     ========================================================================== */

 /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit;
     /* 1 */
     font-size: 100%;
     /* 1 */
     line-height: 1.15;
     /* 1 */
     margin: 0;
     /* 2 */
 }

 /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

 button,
 input {
     /* 1 */
     overflow: visible;
 }

 /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

 button,
 select {
     /* 1 */
     text-transform: none;
 }

 /**
   * Correct the inability to style clickable types in iOS and Safari.
   */

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

 /**
   * Remove the inner border and padding in Firefox.
   */

 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }

 /**
   * Restore the focus styles unset by the previous rule.
   */

 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText;
 }

 /**
   * Correct the padding in Firefox.
   */

 fieldset {
     padding: 0.35em 0.75em 0.625em;
 }

 /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

 legend {
     box-sizing: border-box;
     /* 1 */
     color: inherit;
     /* 2 */
     display: table;
     /* 1 */
     max-width: 100%;
     /* 1 */
     padding: 0;
     /* 3 */
     white-space: normal;
     /* 1 */
 }

 /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

 progress {
     vertical-align: baseline;
 }

 /**
   * Remove the default vertical scrollbar in IE 10+.
   */

 textarea {
     overflow: auto;
 }

 /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

 [type="checkbox"],
 [type="radio"] {
     box-sizing: border-box;
     /* 1 */
     padding: 0;
     /* 2 */
 }

 /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }

 /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

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

 /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }

 /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     /* 1 */
     font: inherit;
     /* 2 */
 }

 /* Interactive
     ========================================================================== */

 /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

 details {
     display: block;
 }

 /*
   * Add the correct display in all browsers.
   */

 summary {
     display: list-item;
 }

 /* Misc
     ========================================================================== */

 /**
   * Add the correct display in IE 10+.
   */

 template {
     display: none;
 }

 /**
   * Add the correct display in IE 10.
   */

 [hidden] {
     display: none;
 }

 .sr-only {
     border: 0;
     padding: 0;
     margin: 0;
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
     clip: rect(1px 1px 1px 1px);
     /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
     clip: rect(1px, 1px, 1px, 1px);
     /*maybe deprecated but we need to support legacy browsers */
     clip-path: inset(50%);
     /*modern browsers, clip-path works inwards from each corner*/
     white-space: nowrap;
     /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
 }

 /*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/stcom-aem-globalcomponents/clientlibs/clientlib-site/css/main.less
Error: FileError: 'variables.less' wasn't found in /apps/stcom-aem-globalcomponents/clientlibs/clientlib-site/css/main.less on line 4, column 1:
3 /* Import variables */

 4 @import "less/variables.less";
 5 (uncompiled LESS src is included below) *****************************************************/
 /* WKND main.less */

 /* Import variables */

 @import "less/variables.less";
 /* Import mixins */

 @import "less/mixins.less";
 /* Import Responsive Grid */

 @import "less/grid.less";
 /* Custom Icons for WKND site */

 @import "less/wkndicons.less";
 /* Page Styles at the top */

 @import "components/page/page.less";
 /* Component Styles */

 @import "components/breadcrumb/breadcrumb.less";
 @import "components/byline/byline.less";
 @import "components/carousel/carousel.less";
 @import "components/contentfragment/contentfragment.less";
 @import "components/header/header.less";
 @import "components/image/image.less";
 @import "components/layout-container/layout-container.less";
 @import "components/list/list.less";
 @import "components/navigation/navigation.less";
 @import "components/search/search.less";
 @import "components/text/text.less";
 @import "components/teaser/teaser.less";
 @import "components/title/title.less";
 /**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */

 .mdc-touch-target-wrapper {
     display: inline
 }

 .mdc-elevation-overlay {
     position: absolute;
     border-radius: inherit;
     opacity: 0;
     pointer-events: none;
     transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
     background-color: #fff
 }

 .mdc-button {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-button-font-size, 0.875rem);
     line-height: 2.25rem;
     line-height: var(--mdc-typography-button-line-height, 2.25rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-button-font-weight, 500);
     letter-spacing: 0.0892857143em;
     letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
     text-decoration: none;
     -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
     text-decoration: var(--mdc-typography-button-text-decoration, none);
     text-transform: uppercase;
     text-transform: var(--mdc-typography-button-text-transform, uppercase);
     padding: 0 8px 0 8px;
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
     min-width: 64px;
     border: none;
     outline: none;
     line-height: inherit;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-appearance: none;
     overflow: visible;
     vertical-align: middle;
     border-radius: 4px;
     border-radius: var(--mdc-shape-small, 4px);
     height: 36px
 }

 .mdc-button .mdc-elevation-overlay {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }

 .mdc-button::-moz-focus-inner {
     padding: 0;
     border: 0
 }

 .mdc-button:active {
     outline: none
 }

 .mdc-button:hover {
     cursor: pointer
 }

 .mdc-button:disabled {
     cursor: default;
     pointer-events: none
 }

 .mdc-button .mdc-button__ripple {
     border-radius: 4px;
     border-radius: var(--mdc-shape-small, 4px)
 }

 .mdc-button:not(:disabled) {
     background-color: transparent
 }

 .mdc-button:disabled {
     background-color: transparent
 }

 .mdc-button .mdc-button__icon {
     margin-left: 0;
     margin-right: 8px;
     display: inline-block;
     width: 18px;
     height: 18px;
     font-size: 1.8rem;
     vertical-align: top
 }

 [dir=rtl] .mdc-button .mdc-button__icon,
 .mdc-button .mdc-button__icon[dir=rtl] {
     margin-left: 8px;
     margin-right: 0
 }

 .mdc-button .mdc-button__touch {
     position: absolute;
     top: 50%;
     right: 0;
     height: 48px;
     left: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 .mdc-button:not(:disabled) {
     color: #6200ee;
     color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-button:disabled {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-button__label+.mdc-button__icon {
     margin-left: 8px;
     margin-right: 0
 }

 [dir=rtl] .mdc-button__label+.mdc-button__icon,
 .mdc-button__label+.mdc-button__icon[dir=rtl] {
     margin-left: 0;
     margin-right: 8px
 }

 svg.mdc-button__icon {
     fill: currentColor
 }

 .mdc-button--raised .mdc-button__icon,
 .mdc-button--unelevated .mdc-button__icon,
 .mdc-button--outlined .mdc-button__icon {
     margin-left: -4px;
     margin-right: 8px
 }

 [dir=rtl] .mdc-button--raised .mdc-button__icon,
 .mdc-button--raised .mdc-button__icon[dir=rtl],
 [dir=rtl] .mdc-button--unelevated .mdc-button__icon,
 .mdc-button--unelevated .mdc-button__icon[dir=rtl],
 [dir=rtl] .mdc-button--outlined .mdc-button__icon,
 .mdc-button--outlined .mdc-button__icon[dir=rtl] {
     margin-left: 8px;
     margin-right: -4px
 }

 .mdc-button--raised .mdc-button__label+.mdc-button__icon,
 .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,
 .mdc-button--outlined .mdc-button__label+.mdc-button__icon {
     margin-left: 8px;
     margin-right: -4px
 }

 [dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,
 .mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],
 [dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,
 .mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],
 [dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,
 .mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl] {
     margin-left: -4px;
     margin-right: 8px
 }

 .mdc-button--raised,
 .mdc-button--unelevated {
     padding: 0 16px 0 16px
 }

 .mdc-button--raised:not(:disabled),
 .mdc-button--unelevated:not(:disabled) {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-button--raised:not(:disabled),
 .mdc-button--unelevated:not(:disabled) {
     color: #fff;
     color: var(--mdc-theme-on-primary, #fff)
 }

 .mdc-button--raised:disabled,
 .mdc-button--unelevated:disabled {
     background-color: rgba(0, 0, 0, .12)
 }

 .mdc-button--raised:disabled,
 .mdc-button--unelevated:disabled {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-button--raised {
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
     transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-button--raised:hover,
 .mdc-button--raised:focus {
     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, .12)
 }

 .mdc-button--raised:active {
     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
 }

 .mdc-button--raised:disabled {
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
 }

 .mdc-button--outlined {
     padding: 0 15px 0 15px;
     border-width: 1px;
     border-style: solid
 }

 .mdc-button--outlined .mdc-button__ripple {
     top: -1px;
     left: -1px;
     border: 1px solid transparent
 }

 .mdc-button--outlined .mdc-button__touch {
     left: -1px;
     width: calc(100% + 2 * 1px)
 }

 .mdc-button--outlined:not(:disabled) {
     border-color: rgba(0, 0, 0, .12)
 }

 .mdc-button--outlined:disabled {
     border-color: rgba(0, 0, 0, .12)
 }

 .mdc-button--touch {
     margin-top: 6px;
     margin-bottom: 6px
 }

 @-webkit-keyframes mdc-ripple-fg-radius-in {
     from {
         -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
         transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
     }
     to {
         -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
         transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
     }
 }

 @keyframes mdc-ripple-fg-radius-in {
     from {
         -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
         transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
     }
     to {
         -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
         transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
     }
 }

 @-webkit-keyframes mdc-ripple-fg-opacity-in {
     from {
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         opacity: 0
     }
     to {
         opacity: var(--mdc-ripple-fg-opacity, 0)
     }
 }

 @keyframes mdc-ripple-fg-opacity-in {
     from {
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         opacity: 0
     }
     to {
         opacity: var(--mdc-ripple-fg-opacity, 0)
     }
 }

 @-webkit-keyframes mdc-ripple-fg-opacity-out {
     from {
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         opacity: var(--mdc-ripple-fg-opacity, 0)
     }
     to {
         opacity: 0
     }
 }

 @keyframes mdc-ripple-fg-opacity-out {
     from {
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         opacity: var(--mdc-ripple-fg-opacity, 0)
     }
     to {
         opacity: 0
     }
 }

 .mdc-button {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-button .mdc-button__ripple::before,
 .mdc-button .mdc-button__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-button .mdc-button__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-button .mdc-button__ripple::before,
 .mdc-button .mdc-button__ripple::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-button .mdc-button__ripple::before,
 .mdc-button .mdc-button__ripple::after {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-button:hover .mdc-button__ripple::before {
     opacity: .04
 }

 .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,
 .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-button.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-button .mdc-button__ripple {
     position: absolute;
     box-sizing: content-box;
     width: 100%;
     height: 100%;
     overflow: hidden
 }

 .mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {
     top: 0;
     left: 0
 }

 .mdc-button--raised .mdc-button__ripple::before,
 .mdc-button--raised .mdc-button__ripple::after,
 .mdc-button--unelevated .mdc-button__ripple::before,
 .mdc-button--unelevated .mdc-button__ripple::after {
     background-color: #fff;
     background-color: var(--mdc-theme-on-primary, #fff)
 }

 .mdc-button--raised:hover .mdc-button__ripple::before,
 .mdc-button--unelevated:hover .mdc-button__ripple::before {
     opacity: .08
 }

 .mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,
 .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before,
 .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,
 .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after,
 .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after,
 .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-button--raised.mdc-ripple-upgraded,
 .mdc-button--unelevated.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.24
 }

 .mdc-card {
     border-radius: 4px;
     border-radius: var(--mdc-shape-medium, 4px);
     background-color: #fff;
     background-color: var(--mdc-theme-surface, #fff);
     position: relative;
     box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
     display: flex;
     flex-direction: column;
     box-sizing: border-box
 }

 .mdc-card .mdc-elevation-overlay {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }

 .mdc-card--outlined {
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
     border-width: 1px;
     border-style: solid;
     border-color: #e0e0e0
 }

 .mdc-card__media {
     position: relative;
     box-sizing: border-box;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover
 }

 .mdc-card__media::before {
     display: block;
     content: ""
 }

 .mdc-card__media:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit
 }

 .mdc-card__media:last-child {
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit
 }

 .mdc-card__media--square::before {
     margin-top: 100%
 }

 .mdc-card__media--16-9::before {
     margin-top: 56.25%
 }

 .mdc-card__media-content {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     box-sizing: border-box
 }

 .mdc-card__primary-action {
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
     position: relative;
     outline: none;
     color: inherit;
     text-decoration: none;
     cursor: pointer;
     overflow: hidden
 }

 .mdc-card__primary-action:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit
 }

 .mdc-card__primary-action:last-child {
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit
 }

 .mdc-card__actions {
     display: flex;
     flex-direction: row;
     align-items: center;
     box-sizing: border-box;
     min-height: 52px;
     padding: 8px
 }

 .mdc-card__actions--full-bleed {
     padding: 0
 }

 .mdc-card__action-buttons,
 .mdc-card__action-icons {
     display: flex;
     flex-direction: row;
     align-items: center;
     box-sizing: border-box
 }

 .mdc-card__action-icons {
     color: rgba(0, 0, 0, .6);
     flex-grow: 1;
     justify-content: flex-end
 }

 .mdc-card__action-buttons+.mdc-card__action-icons {
     margin-left: 16px;
     margin-right: 0
 }

 [dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons,
 .mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-card__action {
     display: inline-flex;
     flex-direction: row;
     align-items: center;
     box-sizing: border-box;
     justify-content: center;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .mdc-card__action:focus {
     outline: none
 }

 .mdc-card__action--button {
     margin-left: 0;
     margin-right: 8px;
     padding: 0 8px
 }

 [dir=rtl] .mdc-card__action--button,
 .mdc-card__action--button[dir=rtl] {
     margin-left: 8px;
     margin-right: 0
 }

 .mdc-card__action--button:last-child {
     margin-left: 0;
     margin-right: 0
 }

 [dir=rtl] .mdc-card__action--button:last-child,
 .mdc-card__action--button:last-child[dir=rtl] {
     margin-left: 0;
     margin-right: 0
 }

 .mdc-card__actions--full-bleed .mdc-card__action--button {
     justify-content: space-between;
     width: 100%;
     height: auto;
     max-height: none;
     margin: 0;
     padding: 8px 16px;
     text-align: left
 }

 [dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button,
 .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
     text-align: right
 }

 .mdc-card__action--icon {
     margin: -6px 0;
     padding: 12px
 }

 .mdc-card__action--icon:not(:disabled) {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-card__primary-action {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-card__primary-action::before,
 .mdc-card__primary-action::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-card__primary-action::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-card__primary-action.mdc-ripple-upgraded::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-card__primary-action.mdc-ripple-upgraded::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-card__primary-action::before,
 .mdc-card__primary-action::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-card__primary-action.mdc-ripple-upgraded::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-card__primary-action::before,
 .mdc-card__primary-action::after {
     background-color: #000
 }

 .mdc-card__primary-action:hover::before {
     opacity: .04
 }

 .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before,
 .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-card__primary-action.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
     0%,
     50% {
         stroke-dashoffset: 29.7833385
     }
     50% {
         -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
         animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
     }
     100% {
         stroke-dashoffset: 0
     }
 }

 @keyframes mdc-checkbox-unchecked-checked-checkmark-path {
     0%,
     50% {
         stroke-dashoffset: 29.7833385
     }
     50% {
         -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
         animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
     }
     100% {
         stroke-dashoffset: 0
     }
 }

 @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
     0%,
     68.2% {
         -webkit-transform: scaleX(0);
         transform: scaleX(0)
     }
     68.2% {
         -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
         animation-timing-function: cubic-bezier(0, 0, 0, 1)
     }
     100% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
     0%,
     68.2% {
         -webkit-transform: scaleX(0);
         transform: scaleX(0)
     }
     68.2% {
         -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
         animation-timing-function: cubic-bezier(0, 0, 0, 1)
     }
     100% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
     from {
         -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
         animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
         opacity: 1;
         stroke-dashoffset: 0
     }
     to {
         opacity: 0;
         stroke-dashoffset: -29.7833385
     }
 }

 @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
     from {
         -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
         animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
         opacity: 1;
         stroke-dashoffset: 0
     }
     to {
         opacity: 0;
         stroke-dashoffset: -29.7833385
     }
 }

 @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
     from {
         -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
         animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         opacity: 1
     }
     to {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }
 }

 @keyframes mdc-checkbox-checked-indeterminate-checkmark {
     from {
         -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
         animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         opacity: 1
     }
     to {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }
 }

 @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
     from {
         -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
         animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
         opacity: 1
     }
 }

 @keyframes mdc-checkbox-indeterminate-checked-checkmark {
     from {
         -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
         animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
         opacity: 1
     }
 }

 @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
     from {
         -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
         animation-timing-function: mdc-animation-deceleration-curve-timing-function;
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         opacity: 0
     }
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         opacity: 1
     }
 }

 @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
     from {
         -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
         animation-timing-function: mdc-animation-deceleration-curve-timing-function;
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         opacity: 0
     }
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         opacity: 1
     }
 }

 @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
     from {
         -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
         animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         opacity: 1
     }
     to {
         -webkit-transform: rotate(315deg);
         transform: rotate(315deg);
         opacity: 0
     }
 }

 @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
     from {
         -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
         animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         opacity: 1
     }
     to {
         -webkit-transform: rotate(315deg);
         transform: rotate(315deg);
         opacity: 0
     }
 }

 @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
     0% {
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         -webkit-transform: scaleX(1);
         transform: scaleX(1);
         opacity: 1
     }
     32.8%,
     100% {
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         opacity: 0
     }
 }

 @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
     0% {
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         -webkit-transform: scaleX(1);
         transform: scaleX(1);
         opacity: 1
     }
     32.8%,
     100% {
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         opacity: 0
     }
 }

 .mdc-checkbox {
     display: inline-block;
     position: relative;
     flex: 0 0 18px;
     box-sizing: content-box;
     width: 18px;
     height: 18px;
     line-height: 0;
     white-space: nowrap;
     cursor: pointer;
     vertical-align: bottom;
     padding: 11px
 }

 .mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before,
 .mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before,
 .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background::before {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
 .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before {
     opacity: .04
 }

 .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
 .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
 .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-checkbox .mdc-checkbox__background {
     top: 11px;
     left: 11px
 }

 .mdc-checkbox .mdc-checkbox__background::before {
     top: -13px;
     left: -13px;
     width: 40px;
     height: 40px
 }

 .mdc-checkbox .mdc-checkbox__native-control {
     top: 0px;
     right: 0px;
     left: 0px;
     width: 40px;
     height: 40px
 }

 .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
     border-color: rgba(0, 0, 0, .54);
     background-color: transparent
 }

 .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
 .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
 .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
     border-color: #018786;
     border-color: var(--mdc-theme-secondary, #018786);
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000secondary00000000secondary {
     0% {
         border-color: rgba(0, 0, 0, .54);
         background-color: transparent
     }
     50% {
         border-color: #018786;
         border-color: var(--mdc-theme-secondary, #018786);
         background-color: #018786;
         background-color: var(--mdc-theme-secondary, #018786)
     }
 }

 @keyframes mdc-checkbox-fade-in-background-8A000000secondary00000000secondary {
     0% {
         border-color: rgba(0, 0, 0, .54);
         background-color: transparent
     }
     50% {
         border-color: #018786;
         border-color: var(--mdc-theme-secondary, #018786);
         background-color: #018786;
         background-color: var(--mdc-theme-secondary, #018786)
     }
 }

 @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000secondary00000000secondary {
     0%,
     80% {
         border-color: #018786;
         border-color: var(--mdc-theme-secondary, #018786);
         background-color: #018786;
         background-color: var(--mdc-theme-secondary, #018786)
     }
     100% {
         border-color: rgba(0, 0, 0, .54);
         background-color: transparent
     }
 }

 @keyframes mdc-checkbox-fade-out-background-8A000000secondary00000000secondary {
     0%,
     80% {
         border-color: #018786;
         border-color: var(--mdc-theme-secondary, #018786);
         background-color: #018786;
         background-color: var(--mdc-theme-secondary, #018786)
     }
     100% {
         border-color: rgba(0, 0, 0, .54);
         background-color: transparent
     }
 }

 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
     -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000secondary00000000secondary;
     animation-name: mdc-checkbox-fade-in-background-8A000000secondary00000000secondary
 }

 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
     -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000secondary00000000secondary;
     animation-name: mdc-checkbox-fade-out-background-8A000000secondary00000000secondary
 }

 .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
     border-color: rgba(0, 0, 0, .38);
     background-color: transparent
 }

 .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
 .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,
 .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background {
     border-color: transparent;
     background-color: rgba(0, 0, 0, .38)
 }

 .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
     color: #fff
 }

 .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
     border-color: #fff
 }

 .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
     color: #fff
 }

 .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
     border-color: #fff
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
         border-color: GrayText;
         background-color: transparent
     }
     .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
     .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,
     .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background {
         border-color: GrayText;
         background-color: transparent
     }
     .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
         color: GrayText
     }
     .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
         border-color: GrayText
     }
     .mdc-checkbox__mixedmark {
         margin: 0 1px
     }
 }

 .mdc-checkbox--disabled {
     cursor: default;
     pointer-events: none
 }

 .mdc-checkbox__background {
     display: inline-flex;
     position: absolute;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
     width: 18px;
     height: 18px;
     border: 2px solid currentColor;
     border-radius: 2px;
     background-color: transparent;
     pointer-events: none;
     will-change: background-color, border-color;
     transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-checkbox__background .mdc-checkbox__background::before {
     background-color: #000;
     background-color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-checkbox__checkmark {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     opacity: 0;
     transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
     opacity: 1
 }

 .mdc-checkbox__checkmark-path {
     transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     stroke: currentColor;
     stroke-width: 3.12px;
     stroke-dashoffset: 29.7833385;
     stroke-dasharray: 29.7833385
 }

 .mdc-checkbox__mixedmark {
     width: 100%;
     height: 0;
     -webkit-transform: scaleX(0) rotate(0deg);
     transform: scaleX(0) rotate(0deg);
     border-width: 1px;
     border-style: solid;
     opacity: 0;
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-checkbox--upgraded .mdc-checkbox__background,
 .mdc-checkbox--upgraded .mdc-checkbox__checkmark,
 .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
 .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
     transition: none !important
 }

 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,
 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
     -webkit-animation-duration: 180ms;
     animation-duration: 180ms;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
 }

 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
     -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
     animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
     transition: none
 }

 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
     -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
     animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
     transition: none
 }

 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
     -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
     animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
     transition: none
 }

 .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
     -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
     animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
     transition: none
 }

 .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
     -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
     animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
     transition: none
 }

 .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
     -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
     animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
     transition: none
 }

 .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
     -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
     animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
     transition: none
 }

 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
     -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
     animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
     transition: none
 }

 .mdc-checkbox__native-control:checked~.mdc-checkbox__background,
 .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,
 .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background {
     transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
 .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
 .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
     stroke-dashoffset: 0
 }

 .mdc-checkbox__background::before {
     position: absolute;
     -webkit-transform: scale(0, 0);
     transform: scale(0, 0);
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: "";
     will-change: opacity, transform;
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-checkbox__native-control:focus~.mdc-checkbox__background::before {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: .12;
     transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-checkbox__native-control {
     position: absolute;
     margin: 0;
     padding: 0;
     opacity: 0;
     cursor: inherit
 }

 .mdc-checkbox__native-control:disabled {
     cursor: default;
     pointer-events: none
 }

 .mdc-checkbox--touch {
     margin-top: 4px;
     margin-bottom: 4px;
     margin-right: 4px;
     margin-left: 4px
 }

 .mdc-checkbox--touch .mdc-checkbox__native-control {
     top: -4px;
     right: -4px;
     left: -4px;
     width: 48px;
     height: 48px
 }

 .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
     transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
     opacity: 1
 }

 .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark {
     -webkit-transform: scaleX(1) rotate(-45deg);
     transform: scaleX(1) rotate(-45deg)
 }

 .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,
 .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     opacity: 0;
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,
 .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark {
     -webkit-transform: scaleX(1) rotate(0deg);
     transform: scaleX(1) rotate(0deg);
     opacity: 1
 }

 .mdc-checkbox {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-checkbox .mdc-checkbox__ripple::before,
 .mdc-checkbox .mdc-checkbox__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-checkbox .mdc-checkbox__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-checkbox .mdc-checkbox__ripple::before,
 .mdc-checkbox .mdc-checkbox__ripple::after {
     background-color: #000;
     background-color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-checkbox:hover .mdc-checkbox__ripple::before {
     opacity: .04
 }

 .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
 .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-checkbox.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-checkbox .mdc-checkbox__ripple::before,
 .mdc-checkbox .mdc-checkbox__ripple::after {
     top: calc(50% - 50%);
     left: calc(50% - 50%);
     width: 100%;
     height: 100%
 }

 .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,
 .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
     top: var(--mdc-ripple-top, calc(50% - 50%));
     left: var(--mdc-ripple-left, calc(50% - 50%));
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-checkbox__ripple {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none
 }

 .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
     content: none
 }

 .mdc-chip-trailing-action__touch {
     position: absolute;
     top: 50%;
     right: 0;
     height: 48px;
     left: 50%;
     width: 48px;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .mdc-chip-trailing-action {
     border: none;
     display: inline-flex;
     position: relative;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
     padding: 0;
     outline: none;
     cursor: pointer;
     -webkit-appearance: none;
     background: none
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action__icon {
     height: 18px;
     width: 18px;
     font-size: 1.8rem
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action {
     color: #000;
     color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action__touch {
     width: 26px
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action__icon {
     fill: currentColor;
     color: inherit
 }

 .mdc-chip-trailing-action {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,
 .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-chip-trailing-action__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-chip-trailing-action__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-chip-trailing-action__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,
 .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
     top: calc(50% - 50%);
     left: calc(50% - 50%);
     width: 100%;
     height: 100%
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before,
 .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
     top: var(--mdc-ripple-top, calc(50% - 50%));
     left: var(--mdc-ripple-left, calc(50% - 50%));
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,
 .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
     background-color: #000;
     background-color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-chip-trailing-action:hover .mdc-chip-trailing-action__ripple::before {
     opacity: .04
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-chip-trailing-action__ripple::before,
 .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-chip-trailing-action__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-chip-trailing-action__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-chip-trailing-action__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-chip-trailing-action.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple {
     position: absolute;
     box-sizing: content-box;
     width: 100%;
     height: 100%;
     overflow: hidden
 }

 .mdc-chip__icon--leading {
     color: rgba(0, 0, 0, .54)
 }

 .mdc-chip-trailing-action {
     color: #000
 }

 .mdc-chip__icon--trailing {
     color: rgba(0, 0, 0, .54)
 }

 .mdc-chip__icon--trailing:hover {
     color: rgba(0, 0, 0, .62)
 }

 .mdc-chip__icon--trailing:focus {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
     width: 20px;
     height: 20px;
     font-size: 2rem
 }

 .mdc-chip-trailing-action__icon {
     height: 18px;
     width: 18px;
     font-size: 1.8rem
 }

 .mdc-chip__icon.mdc-chip__icon--trailing {
     width: 18px;
     height: 18px;
     font-size: 1.8rem
 }

 .mdc-chip-trailing-action {
     margin-left: 4px;
     margin-right: -4px
 }

 [dir=rtl] .mdc-chip-trailing-action,
 .mdc-chip-trailing-action[dir=rtl] {
     margin-left: -4px;
     margin-right: 4px
 }

 .mdc-chip__icon--trailing {
     margin-left: 4px;
     margin-right: -4px
 }

 [dir=rtl] .mdc-chip__icon--trailing,
 .mdc-chip__icon--trailing[dir=rtl] {
     margin-left: -4px;
     margin-right: 4px
 }

 .mdc-chip {
     border-radius: 16px;
     background-color: #e0e0e0;
     color: rgba(0, 0, 0, .87);
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     height: 32px;
     position: relative;
     display: inline-flex;
     align-items: center;
     box-sizing: border-box;
     padding: 0 12px;
     border-width: 0;
     outline: none;
     cursor: pointer;
     -webkit-appearance: none
 }

 .mdc-chip .mdc-chip__ripple {
     border-radius: 16px
 }

 .mdc-chip:hover {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
 .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
     margin-left: -4px;
     margin-right: 4px
 }

 [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
 .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],
 [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),
 .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
     margin-left: 4px;
     margin-right: -4px
 }

 .mdc-chip .mdc-elevation-overlay {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }

 .mdc-chip::-moz-focus-inner {
     padding: 0;
     border: 0
 }

 .mdc-chip:hover {
     color: #000;
     color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-chip .mdc-chip__touch {
     position: absolute;
     top: 50%;
     right: 0;
     height: 48px;
     left: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 .mdc-chip--exit {
     transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear;
     opacity: 0
 }

 .mdc-chip__overflow {
     text-overflow: ellipsis;
     overflow: hidden
 }

 .mdc-chip__text {
     white-space: nowrap
 }

 .mdc-chip__icon {
     border-radius: 50%;
     outline: none;
     vertical-align: middle
 }

 .mdc-chip__checkmark {
     height: 20px
 }

 .mdc-chip__checkmark-path {
     transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
     stroke-width: 2px;
     stroke-dashoffset: 29.7833385;
     stroke-dasharray: 29.7833385
 }

 .mdc-chip__primary-action:focus {
     outline: none
 }

 .mdc-chip--selected .mdc-chip__checkmark-path {
     stroke-dashoffset: 0
 }

 .mdc-chip__icon--leading,
 .mdc-chip__icon--trailing {
     position: relative
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
     color: #6200ee;
     color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
     color: rgba(98, 0, 238, .54)
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
     color: #6200ee;
     color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
     stroke: #6200ee;
     stroke: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-chip-set--choice .mdc-chip--selected {
     background-color: #fff;
     background-color: var(--mdc-theme-surface, #fff)
 }

 .mdc-chip__checkmark-svg {
     width: 0;
     height: 20px;
     transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-chip--selected .mdc-chip__checkmark-svg {
     width: 20px
 }

 .mdc-chip-set--filter .mdc-chip__icon--leading {
     transition: opacity 75ms linear;
     transition-delay: -50ms;
     opacity: 1
 }

 .mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark {
     transition: opacity 75ms linear;
     transition-delay: 80ms;
     opacity: 0
 }

 .mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark .mdc-chip__checkmark-svg {
     transition: width 0ms
 }

 .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
     opacity: 0
 }

 .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading+.mdc-chip__checkmark {
     width: 0;
     opacity: 1
 }

 .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
     width: 0;
     opacity: 0
 }

 .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading+.mdc-chip__checkmark {
     width: 20px
 }

 .mdc-chip {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-chip .mdc-chip__ripple::before,
 .mdc-chip .mdc-chip__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-chip .mdc-chip__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-chip .mdc-chip__ripple::before,
 .mdc-chip .mdc-chip__ripple::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-chip .mdc-chip__ripple::before,
 .mdc-chip .mdc-chip__ripple::after {
     background-color: rgba(0, 0, 0, .87)
 }

 .mdc-chip:hover .mdc-chip__ripple::before {
     opacity: .04
 }

 .mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before,
 .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before,
 .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before,
 .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-chip.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-chip .mdc-chip__ripple {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     overflow: hidden
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before {
     opacity: .08
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before,
 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before {
     opacity: .12
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before,
 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before,
 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before,
 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before {
     transition-duration: 75ms;
     opacity: .2
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {
     transition-duration: 75ms;
     opacity: .2
 }

 .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.2
 }

 @-webkit-keyframes mdc-chip-entry {
     from {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
         opacity: .4
     }
     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 @keyframes mdc-chip-entry {
     from {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
         opacity: .4
     }
     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 .mdc-chip-set {
     padding: 4px;
     display: flex;
     flex-wrap: wrap;
     box-sizing: border-box
 }

 .mdc-chip-set .mdc-chip {
     margin: 4px
 }

 .mdc-chip-set .mdc-chip--touch {
     margin-top: 8px;
     margin-bottom: 8px
 }

 .mdc-chip-set--input .mdc-chip {
     -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
     animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-circular-progress__determinate-circle,
 .mdc-circular-progress__indeterminate-circle-graphic {
     stroke: #6200ee;
     stroke: var(--mdc-theme-primary, #6200ee)
 }

 @-webkit-keyframes mdc-circular-progress-container-rotate {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }

 @keyframes mdc-circular-progress-container-rotate {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }

 @-webkit-keyframes mdc-circular-progress-spinner-layer-rotate {
     12.5% {
         -webkit-transform: rotate(135deg);
         transform: rotate(135deg)
     }
     25% {
         -webkit-transform: rotate(270deg);
         transform: rotate(270deg)
     }
     37.5% {
         -webkit-transform: rotate(405deg);
         transform: rotate(405deg)
     }
     50% {
         -webkit-transform: rotate(540deg);
         transform: rotate(540deg)
     }
     62.5% {
         -webkit-transform: rotate(675deg);
         transform: rotate(675deg)
     }
     75% {
         -webkit-transform: rotate(810deg);
         transform: rotate(810deg)
     }
     87.5% {
         -webkit-transform: rotate(945deg);
         transform: rotate(945deg)
     }
     100% {
         -webkit-transform: rotate(1080deg);
         transform: rotate(1080deg)
     }
 }

 @keyframes mdc-circular-progress-spinner-layer-rotate {
     12.5% {
         -webkit-transform: rotate(135deg);
         transform: rotate(135deg)
     }
     25% {
         -webkit-transform: rotate(270deg);
         transform: rotate(270deg)
     }
     37.5% {
         -webkit-transform: rotate(405deg);
         transform: rotate(405deg)
     }
     50% {
         -webkit-transform: rotate(540deg);
         transform: rotate(540deg)
     }
     62.5% {
         -webkit-transform: rotate(675deg);
         transform: rotate(675deg)
     }
     75% {
         -webkit-transform: rotate(810deg);
         transform: rotate(810deg)
     }
     87.5% {
         -webkit-transform: rotate(945deg);
         transform: rotate(945deg)
     }
     100% {
         -webkit-transform: rotate(1080deg);
         transform: rotate(1080deg)
     }
 }

 @-webkit-keyframes mdc-circular-progress-color-1-fade-in-out {
     from {
         opacity: .99
     }
     25% {
         opacity: .99
     }
     26% {
         opacity: 0
     }
     89% {
         opacity: 0
     }
     90% {
         opacity: .99
     }
     to {
         opacity: .99
     }
 }

 @keyframes mdc-circular-progress-color-1-fade-in-out {
     from {
         opacity: .99
     }
     25% {
         opacity: .99
     }
     26% {
         opacity: 0
     }
     89% {
         opacity: 0
     }
     90% {
         opacity: .99
     }
     to {
         opacity: .99
     }
 }

 @-webkit-keyframes mdc-circular-progress-color-2-fade-in-out {
     from {
         opacity: 0
     }
     15% {
         opacity: 0
     }
     25% {
         opacity: .99
     }
     50% {
         opacity: .99
     }
     51% {
         opacity: 0
     }
     to {
         opacity: 0
     }
 }

 @keyframes mdc-circular-progress-color-2-fade-in-out {
     from {
         opacity: 0
     }
     15% {
         opacity: 0
     }
     25% {
         opacity: .99
     }
     50% {
         opacity: .99
     }
     51% {
         opacity: 0
     }
     to {
         opacity: 0
     }
 }

 @-webkit-keyframes mdc-circular-progress-color-3-fade-in-out {
     from {
         opacity: 0
     }
     40% {
         opacity: 0
     }
     50% {
         opacity: .99
     }
     75% {
         opacity: .99
     }
     76% {
         opacity: 0
     }
     to {
         opacity: 0
     }
 }

 @keyframes mdc-circular-progress-color-3-fade-in-out {
     from {
         opacity: 0
     }
     40% {
         opacity: 0
     }
     50% {
         opacity: .99
     }
     75% {
         opacity: .99
     }
     76% {
         opacity: 0
     }
     to {
         opacity: 0
     }
 }

 @-webkit-keyframes mdc-circular-progress-color-4-fade-in-out {
     from {
         opacity: 0
     }
     65% {
         opacity: 0
     }
     75% {
         opacity: .99
     }
     90% {
         opacity: .99
     }
     to {
         opacity: 0
     }
 }

 @keyframes mdc-circular-progress-color-4-fade-in-out {
     from {
         opacity: 0
     }
     65% {
         opacity: 0
     }
     75% {
         opacity: .99
     }
     90% {
         opacity: .99
     }
     to {
         opacity: 0
     }
 }

 @-webkit-keyframes mdc-circular-progress-left-spin {
     from {
         -webkit-transform: rotate(265deg);
         transform: rotate(265deg)
     }
     50% {
         -webkit-transform: rotate(130deg);
         transform: rotate(130deg)
     }
     to {
         -webkit-transform: rotate(265deg);
         transform: rotate(265deg)
     }
 }

 @keyframes mdc-circular-progress-left-spin {
     from {
         -webkit-transform: rotate(265deg);
         transform: rotate(265deg)
     }
     50% {
         -webkit-transform: rotate(130deg);
         transform: rotate(130deg)
     }
     to {
         -webkit-transform: rotate(265deg);
         transform: rotate(265deg)
     }
 }

 @-webkit-keyframes mdc-circular-progress-right-spin {
     from {
         -webkit-transform: rotate(-265deg);
         transform: rotate(-265deg)
     }
     50% {
         -webkit-transform: rotate(-130deg);
         transform: rotate(-130deg)
     }
     to {
         -webkit-transform: rotate(-265deg);
         transform: rotate(-265deg)
     }
 }

 @keyframes mdc-circular-progress-right-spin {
     from {
         -webkit-transform: rotate(-265deg);
         transform: rotate(-265deg)
     }
     50% {
         -webkit-transform: rotate(-130deg);
         transform: rotate(-130deg)
     }
     to {
         -webkit-transform: rotate(-265deg);
         transform: rotate(-265deg)
     }
 }

 .mdc-circular-progress {
     width: 48px;
     height: 48px;
     display: inline-block;
     position: relative;
     direction: ltr;
     transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-circular-progress .mdc-circular-progress__determinate-circle-graphic,
 .mdc-circular-progress .mdc-circular-progress__indeterminate-circle-graphic {
     stroke-width: 4px
 }

 .mdc-circular-progress .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
     stroke-width: 3.2px
 }

 .mdc-circular-progress--small {
     width: 24px;
     height: 24px
 }

 .mdc-circular-progress--small .mdc-circular-progress__determinate-circle-graphic,
 .mdc-circular-progress--small .mdc-circular-progress__indeterminate-circle-graphic {
     stroke-width: 2.5px
 }

 .mdc-circular-progress--small .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
     stroke-width: 2px
 }

 .mdc-circular-progress--medium {
     width: 36px;
     height: 36px
 }

 .mdc-circular-progress--medium .mdc-circular-progress__determinate-circle-graphic,
 .mdc-circular-progress--medium .mdc-circular-progress__indeterminate-circle-graphic {
     stroke-width: 3px
 }

 .mdc-circular-progress--medium .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
     stroke-width: 2.4px
 }

 .mdc-circular-progress--large {
     width: 48px;
     height: 48px
 }

 .mdc-circular-progress--large .mdc-circular-progress__determinate-circle-graphic,
 .mdc-circular-progress--large .mdc-circular-progress__indeterminate-circle-graphic {
     stroke-width: 4px
 }

 .mdc-circular-progress--large .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
     stroke-width: 3.2px
 }

 .mdc-circular-progress__determinate-container,
 .mdc-circular-progress__indeterminate-circle-graphic,
 .mdc-circular-progress__indeterminate-container,
 .mdc-circular-progress__spinner-layer {
     position: absolute;
     width: 100%;
     height: 100%
 }

 .mdc-circular-progress__determinate-container {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg)
 }

 .mdc-circular-progress__indeterminate-container {
     opacity: 0
 }

 .mdc-circular-progress__determinate-circle-graphic,
 .mdc-circular-progress__indeterminate-circle-graphic {
     fill: transparent
 }

 .mdc-circular-progress__determinate-circle {
     transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-circular-progress__gap-patch {
     position: absolute;
     top: 0;
     left: 47.5%;
     box-sizing: border-box;
     width: 5%;
     height: 100%;
     overflow: hidden
 }

 .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
     left: -900%;
     width: 2000%;
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 .mdc-circular-progress__circle-clipper {
     display: inline-block;
     position: relative;
     width: 50%;
     height: 100%;
     overflow: hidden
 }

 .mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic {
     width: 200%
 }

 .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
     left: -100%
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container {
     opacity: 0
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
     opacity: 1
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
     -webkit-animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;
     animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer {
     -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
     animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 {
     -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
     animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 {
     -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
     animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 {
     -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
     animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 {
     -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
     animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic {
     -webkit-animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
     animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
 }

 .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
     -webkit-animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
     animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
 }

 .mdc-circular-progress--closed {
     opacity: 0
 }

 .mdc-data-table__content {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit)
 }

 .mdc-data-table {
     background-color: #fff;
     background-color: var(--mdc-theme-surface, #fff);
     border-radius: 4px;
     border-radius: var(--mdc-shape-medium, 4px);
     border-width: 1px;
     border-style: solid;
     border-color: rgba(0, 0, 0, .12);
     -webkit-overflow-scrolling: touch;
     display: inline-flex;
     flex-direction: column;
     box-sizing: border-box;
     position: relative
 }

 .mdc-data-table__row {
     background-color: inherit
 }

 .mdc-data-table__header-row {
     background-color: inherit
 }

 .mdc-data-table__row--selected {
     background-color: rgba(98, 0, 238, .04)
 }

 .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,
 .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,
 .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
     border-color: rgba(0, 0, 0, .12)
 }

 .mdc-data-table__row,
 .mdc-data-table__pagination {
     border-top-color: rgba(0, 0, 0, .12)
 }

 .mdc-data-table__row,
 .mdc-data-table__pagination {
     border-top-width: 1px;
     border-top-style: solid
 }

 .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
     background-color: rgba(0, 0, 0, .04)
 }

 .mdc-data-table__header-cell {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-data-table__pagination-total,
 .mdc-data-table__pagination-rows-per-page-label,
 .mdc-data-table__cell {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-data-table__cell {
     height: 52px
 }

 .mdc-data-table__pagination {
     min-height: 52px
 }

 .mdc-data-table__header-cell {
     height: 56px
 }

 .mdc-data-table__cell,
 .mdc-data-table__header-cell {
     padding-right: 16px;
     padding-left: 16px
 }

 .mdc-data-table__header-cell--checkbox,
 .mdc-data-table__cell--checkbox {
     padding-left: 16px;
     padding-right: 0
 }

 [dir=rtl] .mdc-data-table__header-cell--checkbox,
 .mdc-data-table__header-cell--checkbox[dir=rtl],
 [dir=rtl] .mdc-data-table__cell--checkbox,
 .mdc-data-table__cell--checkbox[dir=rtl] {
     padding-left: 0;
     padding-right: 16px
 }

 .mdc-data-table__sort-icon-button {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-data-table__sort-icon-button::before,
 .mdc-data-table__sort-icon-button::after {
     background-color: rgba(0, 0, 0, .6)
 }

 .mdc-data-table__sort-icon-button:hover::before {
     opacity: .04
 }

 .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before,
 .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::before,
 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::after {
     background-color: rgba(0, 0, 0, .87)
 }

 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover::before {
     opacity: .04
 }

 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before,
 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-data-table__table-container {
     -webkit-overflow-scrolling: touch;
     overflow-x: auto;
     width: 100%
 }

 .mdc-data-table__table {
     min-width: 100%;
     border: 0;
     white-space: nowrap;
     border-collapse: collapse;
     table-layout: fixed
 }

 .mdc-data-table__cell {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     box-sizing: border-box;
     overflow: hidden;
     text-align: left;
     text-overflow: ellipsis
 }

 [dir=rtl] .mdc-data-table__cell,
 .mdc-data-table__cell[dir=rtl] {
     text-align: right
 }

 .mdc-data-table__cell--numeric {
     text-align: right
 }

 [dir=rtl] .mdc-data-table__cell--numeric,
 .mdc-data-table__cell--numeric[dir=rtl] {
     text-align: left
 }

 .mdc-data-table__header-cell {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
     line-height: 1.375rem;
     line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
     letter-spacing: 0.0071428571em;
     letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
     box-sizing: border-box;
     text-align: left;
     text-overflow: ellipsis;
     overflow: hidden;
     outline: none
 }

 [dir=rtl] .mdc-data-table__header-cell,
 .mdc-data-table__header-cell[dir=rtl] {
     text-align: right
 }

 .mdc-data-table__header-cell--checkbox,
 .mdc-data-table__cell--checkbox {
     width: 1px
 }

 .mdc-data-table__header-cell--numeric {
     text-align: right
 }

 [dir=rtl] .mdc-data-table__header-cell--numeric,
 .mdc-data-table__header-cell--numeric[dir=rtl] {
     text-align: left
 }

 .mdc-data-table__sort-icon-button {
     width: 28px;
     height: 28px;
     padding: 2px;
     margin-left: 4px;
     margin-right: 0;
     transition: -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
     opacity: 0
 }

 [dir=rtl] .mdc-data-table__sort-icon-button,
 .mdc-data-table__sort-icon-button[dir=rtl] {
     margin-left: 0;
     margin-right: 4px
 }

 .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button {
     margin-left: 0;
     margin-right: 4px
 }

 [dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button,
 .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] {
     margin-left: 4px;
     margin-right: 0
 }

 .mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg)
 }

 .mdc-data-table__sort-icon-button:focus,
 .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button,
 .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
     opacity: 1
 }

 .mdc-data-table__header-cell-wrapper {
     align-items: center;
     display: inline-flex;
     vertical-align: middle
 }

 .mdc-data-table__header-cell--with-sort {
     cursor: pointer
 }

 .mdc-data-table__progress-indicator {
     display: none;
     position: absolute;
     width: 100%
 }

 .mdc-data-table--in-progress .mdc-data-table__progress-indicator {
     display: block
 }

 .mdc-data-table__scrim {
     background-color: #fff;
     background-color: var(--mdc-theme-surface, #fff);
     height: 100%;
     opacity: .32;
     position: absolute;
     top: 0;
     width: 100%
 }

 .mdc-data-table__sort-status-label {
     clip: rect(1px, 1px, 1px, 1px);
     height: 1px;
     overflow: hidden;
     position: absolute;
     white-space: nowrap;
     width: 1px
 }

 .mdc-data-table__pagination {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     box-sizing: border-box;
     display: flex;
     justify-content: flex-end
 }

 .mdc-data-table__pagination-trailing {
     margin-left: 4px;
     margin-right: 0;
     align-items: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end
 }

 [dir=rtl] .mdc-data-table__pagination-trailing,
 .mdc-data-table__pagination-trailing[dir=rtl] {
     margin-left: 0;
     margin-right: 4px
 }

 .mdc-data-table__pagination-navigation {
     align-items: center;
     display: flex
 }

 .mdc-data-table__pagination-button {
     margin-left: 0;
     margin-right: 4px
 }

 [dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon,
 .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 [dir=rtl] .mdc-data-table__pagination-button,
 .mdc-data-table__pagination-button[dir=rtl] {
     margin-left: 4px;
     margin-right: 0
 }

 .mdc-data-table__pagination-total {
     margin-left: 14px;
     margin-right: 36px;
     white-space: nowrap
 }

 [dir=rtl] .mdc-data-table__pagination-total,
 .mdc-data-table__pagination-total[dir=rtl] {
     margin-left: 36px;
     margin-right: 14px
 }

 .mdc-data-table__pagination-rows-per-page {
     margin-left: 0;
     margin-right: 22px;
     align-items: center;
     display: inline-flex
 }

 [dir=rtl] .mdc-data-table__pagination-rows-per-page,
 .mdc-data-table__pagination-rows-per-page[dir=rtl] {
     margin-left: 22px;
     margin-right: 0
 }

 .mdc-data-table__pagination-rows-per-page-label {
     margin-left: 0;
     margin-right: 12px;
     white-space: nowrap
 }

 [dir=rtl] .mdc-data-table__pagination-rows-per-page-label,
 .mdc-data-table__pagination-rows-per-page-label[dir=rtl] {
     margin-left: 12px;
     margin-right: 0
 }

 .mdc-data-table__pagination-rows-per-page-select {
     min-width: 80px;
     min-width: 80px;
     margin: 8px 0
 }

 .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
     height: 36px
 }

 .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
     -webkit-transform: translateY(-27.25px) scale(1);
     transform: translateY(-27.25px) scale(1)
 }

 .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
     font-size: .75rem
 }

 .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     -webkit-transform: translateY(-24.75px) scale(0.75);
     transform: translateY(-24.75px) scale(0.75)
 }

 .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     font-size: 1rem
 }

 .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
     animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)
     }
 }

 .mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon {
     width: 20px;
     height: 20px
 }

 .mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
     max-width: calc(100% - 56px)
 }

 .mdc-data-table__pagination-rows-per-page-select .mdc-list-item {
     height: 36px
 }

 .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before,
 .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before,
 .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background::before,
 .mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before,
 .mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before,
 .mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background::before {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
 .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after,
 .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
 .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,
 .mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before {
     opacity: .04
 }

 .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
 .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before,
 .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
 .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after,
 .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after,
 .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
 .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
 .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after,
 .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
 .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background,
 .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
     border-color: rgba(0, 0, 0, .54);
     background-color: transparent
 }

 .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
 .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
 .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background,
 .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
 .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
 .mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
     border-color: #6200ee;
     border-color: var(--mdc-theme-primary, #6200ee);
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000primary00000000primary {
     0% {
         border-color: rgba(0, 0, 0, .54);
         background-color: transparent
     }
     50% {
         border-color: #6200ee;
         border-color: var(--mdc-theme-primary, #6200ee);
         background-color: #6200ee;
         background-color: var(--mdc-theme-primary, #6200ee)
     }
 }

 @keyframes mdc-checkbox-fade-in-background-8A000000primary00000000primary {
     0% {
         border-color: rgba(0, 0, 0, .54);
         background-color: transparent
     }
     50% {
         border-color: #6200ee;
         border-color: var(--mdc-theme-primary, #6200ee);
         background-color: #6200ee;
         background-color: var(--mdc-theme-primary, #6200ee)
     }
 }

 @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000primary00000000primary {
     0%,
     80% {
         border-color: #6200ee;
         border-color: var(--mdc-theme-primary, #6200ee);
         background-color: #6200ee;
         background-color: var(--mdc-theme-primary, #6200ee)
     }
     100% {
         border-color: rgba(0, 0, 0, .54);
         background-color: transparent
     }
 }

 @keyframes mdc-checkbox-fade-out-background-8A000000primary00000000primary {
     0%,
     80% {
         border-color: #6200ee;
         border-color: var(--mdc-theme-primary, #6200ee);
         background-color: #6200ee;
         background-color: var(--mdc-theme-primary, #6200ee)
     }
     100% {
         border-color: rgba(0, 0, 0, .54);
         background-color: transparent
     }
 }

 .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
 .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
 .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
 .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
     -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000primary00000000primary;
     animation-name: mdc-checkbox-fade-in-background-8A000000primary00000000primary
 }

 .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
 .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
 .mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
 .mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
     -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000primary00000000primary;
     animation-name: mdc-checkbox-fade-out-background-8A000000primary00000000primary
 }

 .mdc-dialog,
 .mdc-dialog__scrim {
     position: fixed;
     top: 0;
     left: 0;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
     width: 100%;
     height: 100%
 }

 .mdc-dialog {
     display: none;
     z-index: 7
 }

 .mdc-dialog .mdc-dialog__surface {
     background-color: #fff;
     background-color: var(--mdc-theme-surface, #fff)
 }

 .mdc-dialog .mdc-dialog__scrim {
     background-color: rgba(0, 0, 0, .32)
 }

 .mdc-dialog .mdc-dialog__title {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-dialog .mdc-dialog__content {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,
 .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {
     border-color: rgba(0, 0, 0, .12)
 }

 .mdc-dialog .mdc-dialog__content {
     padding: 20px 24px 20px 24px
 }

 .mdc-dialog .mdc-dialog__surface {
     min-width: 280px
 }

 @media(max-width: 592px) {
     .mdc-dialog .mdc-dialog__surface {
         max-width: calc(100vw - 32px)
     }
 }

 @media(min-width: 592px) {
     .mdc-dialog .mdc-dialog__surface {
         max-width: 560px
     }
 }

 .mdc-dialog .mdc-dialog__surface {
     max-height: calc(100% - 32px)
 }

 .mdc-dialog .mdc-dialog__surface {
     border-radius: 4px;
     border-radius: var(--mdc-shape-medium, 4px)
 }

 .mdc-dialog__scrim {
     opacity: 0;
     z-index: -1
 }

 .mdc-dialog__container {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-around;
     box-sizing: border-box;
     height: 100%;
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
     opacity: 0;
     pointer-events: none
 }

 .mdc-dialog__surface {
     position: relative;
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
     display: flex;
     flex-direction: column;
     flex-grow: 0;
     flex-shrink: 0;
     box-sizing: border-box;
     max-width: 100%;
     max-height: 100%;
     pointer-events: auto;
     overflow-y: auto
 }

 .mdc-dialog__surface .mdc-elevation-overlay {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }

 .mdc-dialog[dir=rtl] .mdc-dialog__surface,
 [dir=rtl] .mdc-dialog .mdc-dialog__surface {
     text-align: right
 }

 .mdc-dialog__title {
     display: block;
     margin-top: 0;
     line-height: normal;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1.25rem;
     font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
     line-height: 2rem;
     line-height: var(--mdc-typography-headline6-line-height, 2rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-headline6-font-weight, 500);
     letter-spacing: 0.0125em;
     letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline6-text-transform, inherit);
     position: relative;
     flex-shrink: 0;
     box-sizing: border-box;
     margin: 0;
     padding: 0 24px 9px;
     border-bottom: 1px solid transparent
 }

 .mdc-dialog__title::before {
     display: inline-block;
     width: 0;
     height: 40px;
     content: "";
     vertical-align: 0
 }

 .mdc-dialog[dir=rtl] .mdc-dialog__title,
 [dir=rtl] .mdc-dialog .mdc-dialog__title {
     text-align: right
 }

 .mdc-dialog--scrollable .mdc-dialog__title {
     padding-bottom: 15px
 }

 .mdc-dialog__content {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-body1-font-size, 1rem);
     line-height: 1.5rem;
     line-height: var(--mdc-typography-body1-line-height, 1.5rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body1-font-weight, 400);
     letter-spacing: 0.03125em;
     letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body1-text-transform, inherit);
     flex-grow: 1;
     box-sizing: border-box;
     margin: 0;
     overflow: auto;
     -webkit-overflow-scrolling: touch
 }

 .mdc-dialog__content>:first-child {
     margin-top: 0
 }

 .mdc-dialog__content>:last-child {
     margin-bottom: 0
 }

 .mdc-dialog__title+.mdc-dialog__content {
     padding-top: 0
 }

 .mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content {
     padding-top: 8px;
     padding-bottom: 8px
 }

 .mdc-dialog__content .mdc-list:first-child:last-child {
     padding: 6px 0 0
 }

 .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
     padding: 0
 }

 .mdc-dialog__actions {
     display: flex;
     position: relative;
     flex-shrink: 0;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     box-sizing: border-box;
     min-height: 52px;
     margin: 0;
     padding: 8px;
     border-top: 1px solid transparent
 }

 .mdc-dialog--stacked .mdc-dialog__actions {
     flex-direction: column;
     align-items: flex-end
 }

 .mdc-dialog__button {
     margin-left: 8px;
     margin-right: 0;
     max-width: 100%;
     text-align: right
 }

 [dir=rtl] .mdc-dialog__button,
 .mdc-dialog__button[dir=rtl] {
     margin-left: 0;
     margin-right: 8px
 }

 .mdc-dialog__button:first-child {
     margin-left: 0;
     margin-right: 0
 }

 [dir=rtl] .mdc-dialog__button:first-child,
 .mdc-dialog__button:first-child[dir=rtl] {
     margin-left: 0;
     margin-right: 0
 }

 .mdc-dialog[dir=rtl] .mdc-dialog__button,
 [dir=rtl] .mdc-dialog .mdc-dialog__button {
     text-align: left
 }

 .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
     margin-top: 12px
 }

 .mdc-dialog--open,
 .mdc-dialog--opening,
 .mdc-dialog--closing {
     display: flex
 }

 .mdc-dialog--opening .mdc-dialog__scrim {
     transition: opacity 150ms linear
 }

 .mdc-dialog--opening .mdc-dialog__container {
     transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-dialog--closing .mdc-dialog__scrim,
 .mdc-dialog--closing .mdc-dialog__container {
     transition: opacity 75ms linear
 }

 .mdc-dialog--closing .mdc-dialog__container {
     -webkit-transform: none;
     transform: none
 }

 .mdc-dialog--open .mdc-dialog__scrim {
     opacity: 1
 }

 .mdc-dialog--open .mdc-dialog__container {
     -webkit-transform: none;
     transform: none;
     opacity: 1
 }

 .mdc-dialog-scroll-lock {
     overflow: hidden
 }

 .mdc-drawer {
     border-color: rgba(0, 0, 0, .12);
     background-color: #fff;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-top-right-radius: var(--mdc-shape-large, 0);
     border-bottom-right-radius: 0;
     border-bottom-right-radius: var(--mdc-shape-large, 0);
     border-bottom-left-radius: 0;
     z-index: 6;
     width: 256px;
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
     box-sizing: border-box;
     height: 100%;
     border-right-width: 1px;
     border-right-style: solid;
     overflow: hidden;
     transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-drawer .mdc-drawer__title {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-drawer .mdc-list-group__subheader {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-drawer .mdc-drawer__subtitle {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-drawer .mdc-list-item__graphic {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-drawer .mdc-list-item {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
     color: #6200ee
 }

 .mdc-drawer .mdc-list-item--activated {
     color: rgba(98, 0, 238, .87)
 }

 [dir=rtl] .mdc-drawer,
 .mdc-drawer[dir=rtl] {
     border-top-left-radius: 0;
     border-top-left-radius: var(--mdc-shape-large, 0);
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     border-bottom-left-radius: var(--mdc-shape-large, 0)
 }

 .mdc-drawer .mdc-list-item {
     border-radius: 4px;
     border-radius: var(--mdc-shape-small, 4px)
 }

 .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
     margin-left: 256px;
     margin-right: 0
 }

 [dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,
 .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl] {
     margin-left: 0;
     margin-right: 256px
 }

 [dir=rtl] .mdc-drawer,
 .mdc-drawer[dir=rtl] {
     border-right-width: 0;
     border-left-width: 1px;
     border-right-style: none;
     border-left-style: solid
 }

 .mdc-drawer .mdc-list-item {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
     line-height: 1.375rem;
     line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
     letter-spacing: 0.0071428571em;
     letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
     height: calc(48px - 2 * 4px);
     margin: 8px 8px;
     padding: 0 8px
 }

 .mdc-drawer .mdc-list-item:nth-child(1) {
     margin-top: 2px
 }

 .mdc-drawer .mdc-list-item:nth-last-child(1) {
     margin-bottom: 0
 }

 .mdc-drawer .mdc-list-group__subheader {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     display: block;
     margin-top: 0;
     line-height: normal;
     margin: 0;
     padding: 0 16px
 }

 .mdc-drawer .mdc-list-group__subheader::before {
     display: inline-block;
     width: 0;
     height: 24px;
     content: "";
     vertical-align: 0
 }

 .mdc-drawer .mdc-list-divider {
     margin: 3px 0 4px
 }

 .mdc-drawer .mdc-list-item__text,
 .mdc-drawer .mdc-list-item__graphic {
     pointer-events: none
 }

 .mdc-drawer--animate {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%)
 }

 [dir=rtl] .mdc-drawer--animate,
 .mdc-drawer--animate[dir=rtl] {
     -webkit-transform: translateX(100%);
     transform: translateX(100%)
 }

 .mdc-drawer--opening {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     transition-duration: 250ms
 }

 [dir=rtl] .mdc-drawer--opening,
 .mdc-drawer--opening[dir=rtl] {
     -webkit-transform: translateX(0);
     transform: translateX(0)
 }

 .mdc-drawer--closing {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
     transition-duration: 200ms
 }

 [dir=rtl] .mdc-drawer--closing,
 .mdc-drawer--closing[dir=rtl] {
     -webkit-transform: translateX(100%);
     transform: translateX(100%)
 }

 .mdc-drawer__header {
     flex-shrink: 0;
     box-sizing: border-box;
     min-height: 64px;
     padding: 0 16px 4px
 }

 .mdc-drawer__title {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1.25rem;
     font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
     line-height: 2rem;
     line-height: var(--mdc-typography-headline6-line-height, 2rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-headline6-font-weight, 500);
     letter-spacing: 0.0125em;
     letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline6-text-transform, inherit);
     display: block;
     margin-top: 0;
     line-height: normal;
     margin-bottom: -20px
 }

 .mdc-drawer__title::before {
     display: inline-block;
     width: 0;
     height: 36px;
     content: "";
     vertical-align: 0
 }

 .mdc-drawer__title::after {
     display: inline-block;
     width: 0;
     height: 20px;
     content: "";
     vertical-align: -20px
 }

 .mdc-drawer__subtitle {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     display: block;
     margin-top: 0;
     line-height: normal;
     margin-bottom: 0
 }

 .mdc-drawer__subtitle::before {
     display: inline-block;
     width: 0;
     height: 20px;
     content: "";
     vertical-align: 0
 }

 .mdc-drawer__content {
     height: 100%;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch
 }

 .mdc-drawer--dismissible {
     left: 0;
     right: initial;
     display: none;
     position: absolute
 }

 [dir=rtl] .mdc-drawer--dismissible,
 .mdc-drawer--dismissible[dir=rtl] {
     left: initial;
     right: 0
 }

 .mdc-drawer--dismissible.mdc-drawer--open {
     display: flex
 }

 .mdc-drawer-app-content {
     margin-left: 0;
     margin-right: 0;
     position: relative
 }

 [dir=rtl] .mdc-drawer-app-content,
 .mdc-drawer-app-content[dir=rtl] {
     margin-left: 0;
     margin-right: 0
 }

 .mdc-drawer--modal {
     box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
     left: 0;
     right: initial;
     display: none;
     position: fixed
 }

 .mdc-drawer--modal+.mdc-drawer-scrim {
     background-color: rgba(0, 0, 0, .32)
 }

 [dir=rtl] .mdc-drawer--modal,
 .mdc-drawer--modal[dir=rtl] {
     left: initial;
     right: 0
 }

 .mdc-drawer--modal.mdc-drawer--open {
     display: flex
 }

 .mdc-drawer-scrim {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 5;
     transition-property: opacity;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-drawer--open+.mdc-drawer-scrim {
     display: block
 }

 .mdc-drawer--animate+.mdc-drawer-scrim {
     opacity: 0
 }

 .mdc-drawer--opening+.mdc-drawer-scrim {
     transition-duration: 250ms;
     opacity: 1
 }

 .mdc-drawer--closing+.mdc-drawer-scrim {
     transition-duration: 200ms;
     opacity: 0
 }

 .mdc-elevation--z0 {
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z1 {
     box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z2 {
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z3 {
     box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z4 {
     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z5 {
     box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z6 {
     box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z7 {
     box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z8 {
     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z9 {
     box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z10 {
     box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z11 {
     box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z12 {
     box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z13 {
     box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z14 {
     box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z15 {
     box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z16 {
     box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z17 {
     box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z18 {
     box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z19 {
     box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z20 {
     box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z21 {
     box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z22 {
     box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z23 {
     box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, .12)
 }

 .mdc-elevation--z24 {
     box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
 }

 .mdc-elevation-transition {
     transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
     will-change: box-shadow
 }

 .mdc-fab {
     position: relative;
     box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
     display: inline-flex;
     position: relative;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
     width: 56px;
     height: 56px;
     padding: 0;
     border: none;
     fill: currentColor;
     text-decoration: none;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     overflow: visible;
     transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786);
     color: #fff;
     color: var(--mdc-theme-on-secondary, #fff)
 }

 .mdc-fab .mdc-elevation-overlay {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }

 .mdc-fab:not(.mdc-fab--extended) {
     border-radius: 50%
 }

 .mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
     border-radius: 50%
 }

 .mdc-fab::-moz-focus-inner {
     padding: 0;
     border: 0
 }

 .mdc-fab:hover,
 .mdc-fab:focus {
     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
 }

 .mdc-fab:active {
     box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
 }

 .mdc-fab:active,
 .mdc-fab:focus {
     outline: none
 }

 .mdc-fab:hover {
     cursor: pointer
 }

 .mdc-fab>svg {
     width: 100%
 }

 .mdc-fab .mdc-fab__icon {
     width: 24px;
     height: 24px;
     font-size: 2.4rem
 }

 .mdc-fab--mini {
     width: 40px;
     height: 40px
 }

 .mdc-fab--extended {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-button-font-size, 0.875rem);
     line-height: 2.25rem;
     line-height: var(--mdc-typography-button-line-height, 2.25rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-button-font-weight, 500);
     letter-spacing: 0.0892857143em;
     letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
     text-decoration: none;
     -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
     text-decoration: var(--mdc-typography-button-text-decoration, none);
     text-transform: uppercase;
     text-transform: var(--mdc-typography-button-text-transform, uppercase);
     border-radius: 24px;
     padding: 0 20px;
     width: auto;
     max-width: 100%;
     height: 48px;
     line-height: normal
 }

 .mdc-fab--extended .mdc-fab__ripple {
     border-radius: 24px
 }

 .mdc-fab--extended .mdc-fab__icon {
     margin-left: -8px;
     margin-right: 12px
 }

 [dir=rtl] .mdc-fab--extended .mdc-fab__icon,
 .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
     margin-left: 12px;
     margin-right: -8px
 }

 .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon {
     margin-left: 12px;
     margin-right: -8px
 }

 [dir=rtl] .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon,
 .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon[dir=rtl] {
     margin-left: -8px;
     margin-right: 12px
 }

 .mdc-fab--touch {
     margin-top: 4px;
     margin-bottom: 4px;
     margin-right: 4px;
     margin-left: 4px
 }

 .mdc-fab--touch .mdc-fab__touch {
     position: absolute;
     top: 50%;
     right: 0;
     height: 48px;
     left: 50%;
     width: 48px;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .mdc-fab::before {
     position: absolute;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border: 1px solid transparent;
     border-radius: inherit;
     content: ""
 }

 .mdc-fab__label {
     justify-content: flex-start;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow-x: hidden;
     overflow-y: visible
 }

 .mdc-fab__icon {
     transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
     transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
     transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
     fill: currentColor;
     will-change: transform
 }

 .mdc-fab .mdc-fab__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center
 }

 .mdc-fab--exited {
     -webkit-transform: scale(0);
     transform: scale(0);
     opacity: 0;
     transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
     transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
     transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1)
 }

 .mdc-fab--exited .mdc-fab__icon {
     -webkit-transform: scale(0);
     transform: scale(0);
     transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
     transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
     transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1)
 }

 .mdc-fab {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-fab .mdc-fab__ripple::before,
 .mdc-fab .mdc-fab__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-fab .mdc-fab__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-fab .mdc-fab__ripple::before,
 .mdc-fab .mdc-fab__ripple::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-fab .mdc-fab__ripple::before,
 .mdc-fab .mdc-fab__ripple::after {
     background-color: #fff;
     background-color: var(--mdc-theme-on-secondary, #fff)
 }

 .mdc-fab:hover .mdc-fab__ripple::before {
     opacity: .08
 }

 .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before,
 .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-fab.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.24
 }

 .mdc-fab .mdc-fab__ripple {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     overflow: hidden
 }

 .mdc-floating-label {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
     letter-spacing: 0.009375em;
     letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
     position: absolute;
     left: 0;
     -webkit-transform-origin: left top;
     transform-origin: left top;
     line-height: 1.15rem;
     text-align: left;
     text-overflow: ellipsis;
     white-space: nowrap;
     cursor: text;
     overflow: hidden;
     will-change: transform;
     transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 [dir=rtl] .mdc-floating-label,
 .mdc-floating-label[dir=rtl] {
     right: 0;
     left: auto;
     -webkit-transform-origin: right top;
     transform-origin: right top;
     text-align: right
 }

 .mdc-floating-label--float-above {
     cursor: auto
 }

 .mdc-floating-label--required::after {
     margin-left: 1px;
     margin-right: 0px;
     content: "*"
 }

 [dir=rtl] .mdc-floating-label--required::after,
 .mdc-floating-label--required[dir=rtl]::after {
     margin-left: 0;
     margin-right: 1px
 }

 .mdc-floating-label--float-above {
     -webkit-transform: translateY(-106%) scale(0.75);
     transform: translateY(-106%) scale(0.75)
 }

 .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
     animation: mdc-floating-label-shake-float-above-standard 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-standard {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-standard {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)
     }
 }

 .mdc-form-field {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     color: rgba(0, 0, 0, .87);
     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
     display: inline-flex;
     align-items: center;
     vertical-align: middle
 }

 .mdc-form-field>label {
     margin-left: 0;
     margin-right: auto;
     padding-left: 4px;
     padding-right: 0;
     order: 0
 }

 [dir=rtl] .mdc-form-field>label,
 .mdc-form-field>label[dir=rtl] {
     margin-left: auto;
     margin-right: 0
 }

 [dir=rtl] .mdc-form-field>label,
 .mdc-form-field>label[dir=rtl] {
     padding-left: 0;
     padding-right: 4px
 }

 .mdc-form-field--nowrap>label {
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap
 }

 .mdc-form-field--align-end>label {
     margin-left: auto;
     margin-right: 0;
     padding-left: 0;
     padding-right: 4px;
     order: -1
 }

 [dir=rtl] .mdc-form-field--align-end>label,
 .mdc-form-field--align-end>label[dir=rtl] {
     margin-left: 0;
     margin-right: auto
 }

 [dir=rtl] .mdc-form-field--align-end>label,
 .mdc-form-field--align-end>label[dir=rtl] {
     padding-left: 4px;
     padding-right: 0
 }

 .mdc-form-field--space-between {
     justify-content: space-between
 }

 .mdc-form-field--space-between>label {
     margin: 0
 }

 [dir=rtl] .mdc-form-field--space-between>label,
 .mdc-form-field--space-between>label[dir=rtl] {
     margin: 0
 }

 .mdc-icon-button {
     display: inline-block;
     position: relative;
     box-sizing: border-box;
     border: none;
     outline: none;
     background-color: transparent;
     fill: currentColor;
     color: inherit;
     font-size: 2.4rem;
     text-decoration: none;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 48px;
     height: 48px;
     padding: 12px
 }

 .mdc-icon-button svg,
 .mdc-icon-button img {
     width: 24px;
     height: 24px
 }

 .mdc-icon-button:disabled {
     color: rgba(0, 0, 0, .38);
     color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))
 }

 .mdc-icon-button:disabled {
     cursor: default;
     pointer-events: none
 }

 .mdc-icon-button__icon {
     display: inline-block
 }

 .mdc-icon-button__icon.mdc-icon-button__icon--on {
     display: none
 }

 .mdc-icon-button--on .mdc-icon-button__icon {
     display: none
 }

 .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
     display: inline-block
 }

 .mdc-icon-button {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-icon-button::before,
 .mdc-icon-button::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-icon-button::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-icon-button.mdc-ripple-upgraded::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-icon-button.mdc-ripple-upgraded::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-icon-button::before,
 .mdc-icon-button::after {
     top: calc(50% - 50%);
     left: calc(50% - 50%);
     width: 100%;
     height: 100%
 }

 .mdc-icon-button.mdc-ripple-upgraded::before,
 .mdc-icon-button.mdc-ripple-upgraded::after {
     top: var(--mdc-ripple-top, calc(50% - 50%));
     left: var(--mdc-ripple-left, calc(50% - 50%));
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-icon-button.mdc-ripple-upgraded::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-icon-button::before,
 .mdc-icon-button::after {
     background-color: #000
 }

 .mdc-icon-button:hover::before {
     opacity: .04
 }

 .mdc-icon-button.mdc-ripple-upgraded--background-focused::before,
 .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-icon-button:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-icon-button.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-image-list {
     display: flex;
     flex-wrap: wrap;
     margin: 0 auto;
     padding: 0
 }

 .mdc-image-list__item,
 .mdc-image-list__image-aspect-container {
     position: relative;
     box-sizing: border-box
 }

 .mdc-image-list__item {
     list-style-type: none
 }

 .mdc-image-list__image {
     width: 100%
 }

 .mdc-image-list__image-aspect-container .mdc-image-list__image {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover
 }

 .mdc-image-list__image-aspect-container {
     padding-bottom: calc(100% / 1)
 }

 .mdc-image-list__image {
     border-radius: 0
 }

 .mdc-image-list--with-text-protection .mdc-image-list__supporting {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .mdc-image-list__supporting {
     color: rgba(0, 0, 0, .87);
     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
     display: flex;
     align-items: center;
     justify-content: space-between;
     box-sizing: border-box;
     padding: 8px 0;
     line-height: 24px
 }

 .mdc-image-list__label {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
     line-height: 1.75rem;
     line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
     letter-spacing: 0.009375em;
     letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }

 .mdc-image-list--with-text-protection .mdc-image-list__supporting {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 48px;
     padding: 0 16px;
     background: rgba(0, 0, 0, .6);
     color: #fff
 }

 .mdc-image-list--masonry {
     display: block
 }

 .mdc-image-list--masonry .mdc-image-list__item {
     -webkit-column-break-inside: avoid;
     break-inside: avoid-column
 }

 .mdc-image-list--masonry .mdc-image-list__image {
     display: block;
     height: auto
 }

 :root {
     --mdc-layout-grid-margin-desktop: 24px;
     --mdc-layout-grid-gutter-desktop: 24px;
     --mdc-layout-grid-column-width-desktop: 72px;
     --mdc-layout-grid-margin-tablet: 16px;
     --mdc-layout-grid-gutter-tablet: 16px;
     --mdc-layout-grid-column-width-tablet: 72px;
     --mdc-layout-grid-margin-phone: 16px;
     --mdc-layout-grid-gutter-phone: 16px;
     --mdc-layout-grid-column-width-phone: 72px
 }

 @media(min-width: 840px) {
     .mdc-layout-grid {
         box-sizing: border-box;
         margin: 0 auto;
         padding: 24px;
         padding: var(--mdc-layout-grid-margin-desktop, 24px)
     }
 }

 @media(min-width: 600px)and (max-width: 839px) {
     .mdc-layout-grid {
         box-sizing: border-box;
         margin: 0 auto;
         padding: 16px;
         padding: var(--mdc-layout-grid-margin-tablet, 16px)
     }
 }

 @media(max-width: 599px) {
     .mdc-layout-grid {
         box-sizing: border-box;
         margin: 0 auto;
         padding: 16px;
         padding: var(--mdc-layout-grid-margin-phone, 16px)
     }
 }

 @media(min-width: 840px) {
     .mdc-layout-grid__inner {
         display: flex;
         flex-flow: row wrap;
         align-items: stretch;
         margin: -12px;
         margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1)
     }
     @supports(display: grid) {
         .mdc-layout-grid__inner {
             display: grid;
             margin: 0;
             grid-gap: 24px;
             grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
             grid-template-columns: repeat(12, minmax(0, 1fr))
         }
     }
 }

 @media(min-width: 600px)and (max-width: 839px) {
     .mdc-layout-grid__inner {
         display: flex;
         flex-flow: row wrap;
         align-items: stretch;
         margin: -8px;
         margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1)
     }
     @supports(display: grid) {
         .mdc-layout-grid__inner {
             display: grid;
             margin: 0;
             grid-gap: 16px;
             grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
             grid-template-columns: repeat(8, minmax(0, 1fr))
         }
     }
 }

 @media(max-width: 599px) {
     .mdc-layout-grid__inner {
         display: flex;
         flex-flow: row wrap;
         align-items: stretch;
         margin: -8px;
         margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1)
     }
     @supports(display: grid) {
         .mdc-layout-grid__inner {
             display: grid;
             margin: 0;
             grid-gap: 16px;
             grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
             grid-template-columns: repeat(4, minmax(0, 1fr))
         }
     }
 }

 @media(min-width: 840px) {
     .mdc-layout-grid__cell {
         width: calc(33.3333333333% - 24px);
         width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
         box-sizing: border-box;
         margin: 12px;
         margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2)
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell {
             width: auto;
             grid-column-end: span 4
         }
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell {
             margin: 0
         }
     }
     .mdc-layout-grid__cell--span-1,
     .mdc-layout-grid__cell--span-1-desktop {
         width: calc(8.3333333333% - 24px);
         width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-1,
         .mdc-layout-grid__cell--span-1-desktop {
             width: auto;
             grid-column-end: span 1
         }
     }
     .mdc-layout-grid__cell--span-2,
     .mdc-layout-grid__cell--span-2-desktop {
         width: calc(16.6666666667% - 24px);
         width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-2,
         .mdc-layout-grid__cell--span-2-desktop {
             width: auto;
             grid-column-end: span 2
         }
     }
     .mdc-layout-grid__cell--span-3,
     .mdc-layout-grid__cell--span-3-desktop {
         width: calc(25% - 24px);
         width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-3,
         .mdc-layout-grid__cell--span-3-desktop {
             width: auto;
             grid-column-end: span 3
         }
     }
     .mdc-layout-grid__cell--span-4,
     .mdc-layout-grid__cell--span-4-desktop {
         width: calc(33.3333333333% - 24px);
         width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-4,
         .mdc-layout-grid__cell--span-4-desktop {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-5,
     .mdc-layout-grid__cell--span-5-desktop {
         width: calc(41.6666666667% - 24px);
         width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-5,
         .mdc-layout-grid__cell--span-5-desktop {
             width: auto;
             grid-column-end: span 5
         }
     }
     .mdc-layout-grid__cell--span-6,
     .mdc-layout-grid__cell--span-6-desktop {
         width: calc(50% - 24px);
         width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-6,
         .mdc-layout-grid__cell--span-6-desktop {
             width: auto;
             grid-column-end: span 6
         }
     }
     .mdc-layout-grid__cell--span-7,
     .mdc-layout-grid__cell--span-7-desktop {
         width: calc(58.3333333333% - 24px);
         width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-7,
         .mdc-layout-grid__cell--span-7-desktop {
             width: auto;
             grid-column-end: span 7
         }
     }
     .mdc-layout-grid__cell--span-8,
     .mdc-layout-grid__cell--span-8-desktop {
         width: calc(66.6666666667% - 24px);
         width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-8,
         .mdc-layout-grid__cell--span-8-desktop {
             width: auto;
             grid-column-end: span 8
         }
     }
     .mdc-layout-grid__cell--span-9,
     .mdc-layout-grid__cell--span-9-desktop {
         width: calc(75% - 24px);
         width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-9,
         .mdc-layout-grid__cell--span-9-desktop {
             width: auto;
             grid-column-end: span 9
         }
     }
     .mdc-layout-grid__cell--span-10,
     .mdc-layout-grid__cell--span-10-desktop {
         width: calc(83.3333333333% - 24px);
         width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-10,
         .mdc-layout-grid__cell--span-10-desktop {
             width: auto;
             grid-column-end: span 10
         }
     }
     .mdc-layout-grid__cell--span-11,
     .mdc-layout-grid__cell--span-11-desktop {
         width: calc(91.6666666667% - 24px);
         width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-11,
         .mdc-layout-grid__cell--span-11-desktop {
             width: auto;
             grid-column-end: span 11
         }
     }
     .mdc-layout-grid__cell--span-12,
     .mdc-layout-grid__cell--span-12-desktop {
         width: calc(100% - 24px);
         width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-12,
         .mdc-layout-grid__cell--span-12-desktop {
             width: auto;
             grid-column-end: span 12
         }
     }
 }

 @media(min-width: 600px)and (max-width: 839px) {
     .mdc-layout-grid__cell {
         width: calc(50% - 16px);
         width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
         box-sizing: border-box;
         margin: 8px;
         margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2)
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell {
             width: auto;
             grid-column-end: span 4
         }
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell {
             margin: 0
         }
     }
     .mdc-layout-grid__cell--span-1,
     .mdc-layout-grid__cell--span-1-tablet {
         width: calc(12.5% - 16px);
         width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-1,
         .mdc-layout-grid__cell--span-1-tablet {
             width: auto;
             grid-column-end: span 1
         }
     }
     .mdc-layout-grid__cell--span-2,
     .mdc-layout-grid__cell--span-2-tablet {
         width: calc(25% - 16px);
         width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-2,
         .mdc-layout-grid__cell--span-2-tablet {
             width: auto;
             grid-column-end: span 2
         }
     }
     .mdc-layout-grid__cell--span-3,
     .mdc-layout-grid__cell--span-3-tablet {
         width: calc(37.5% - 16px);
         width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-3,
         .mdc-layout-grid__cell--span-3-tablet {
             width: auto;
             grid-column-end: span 3
         }
     }
     .mdc-layout-grid__cell--span-4,
     .mdc-layout-grid__cell--span-4-tablet {
         width: calc(50% - 16px);
         width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-4,
         .mdc-layout-grid__cell--span-4-tablet {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-5,
     .mdc-layout-grid__cell--span-5-tablet {
         width: calc(62.5% - 16px);
         width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-5,
         .mdc-layout-grid__cell--span-5-tablet {
             width: auto;
             grid-column-end: span 5
         }
     }
     .mdc-layout-grid__cell--span-6,
     .mdc-layout-grid__cell--span-6-tablet {
         width: calc(75% - 16px);
         width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-6,
         .mdc-layout-grid__cell--span-6-tablet {
             width: auto;
             grid-column-end: span 6
         }
     }
     .mdc-layout-grid__cell--span-7,
     .mdc-layout-grid__cell--span-7-tablet {
         width: calc(87.5% - 16px);
         width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-7,
         .mdc-layout-grid__cell--span-7-tablet {
             width: auto;
             grid-column-end: span 7
         }
     }
     .mdc-layout-grid__cell--span-8,
     .mdc-layout-grid__cell--span-8-tablet {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-8,
         .mdc-layout-grid__cell--span-8-tablet {
             width: auto;
             grid-column-end: span 8
         }
     }
     .mdc-layout-grid__cell--span-9,
     .mdc-layout-grid__cell--span-9-tablet {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-9,
         .mdc-layout-grid__cell--span-9-tablet {
             width: auto;
             grid-column-end: span 8
         }
     }
     .mdc-layout-grid__cell--span-10,
     .mdc-layout-grid__cell--span-10-tablet {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-10,
         .mdc-layout-grid__cell--span-10-tablet {
             width: auto;
             grid-column-end: span 8
         }
     }
     .mdc-layout-grid__cell--span-11,
     .mdc-layout-grid__cell--span-11-tablet {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-11,
         .mdc-layout-grid__cell--span-11-tablet {
             width: auto;
             grid-column-end: span 8
         }
     }
     .mdc-layout-grid__cell--span-12,
     .mdc-layout-grid__cell--span-12-tablet {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-12,
         .mdc-layout-grid__cell--span-12-tablet {
             width: auto;
             grid-column-end: span 8
         }
     }
 }

 @media(max-width: 599px) {
     .mdc-layout-grid__cell {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
         box-sizing: border-box;
         margin: 8px;
         margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2)
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell {
             width: auto;
             grid-column-end: span 4
         }
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell {
             margin: 0
         }
     }
     .mdc-layout-grid__cell--span-1,
     .mdc-layout-grid__cell--span-1-phone {
         width: calc(25% - 16px);
         width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-1,
         .mdc-layout-grid__cell--span-1-phone {
             width: auto;
             grid-column-end: span 1
         }
     }
     .mdc-layout-grid__cell--span-2,
     .mdc-layout-grid__cell--span-2-phone {
         width: calc(50% - 16px);
         width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-2,
         .mdc-layout-grid__cell--span-2-phone {
             width: auto;
             grid-column-end: span 2
         }
     }
     .mdc-layout-grid__cell--span-3,
     .mdc-layout-grid__cell--span-3-phone {
         width: calc(75% - 16px);
         width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-3,
         .mdc-layout-grid__cell--span-3-phone {
             width: auto;
             grid-column-end: span 3
         }
     }
     .mdc-layout-grid__cell--span-4,
     .mdc-layout-grid__cell--span-4-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-4,
         .mdc-layout-grid__cell--span-4-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-5,
     .mdc-layout-grid__cell--span-5-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-5,
         .mdc-layout-grid__cell--span-5-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-6,
     .mdc-layout-grid__cell--span-6-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-6,
         .mdc-layout-grid__cell--span-6-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-7,
     .mdc-layout-grid__cell--span-7-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-7,
         .mdc-layout-grid__cell--span-7-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-8,
     .mdc-layout-grid__cell--span-8-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-8,
         .mdc-layout-grid__cell--span-8-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-9,
     .mdc-layout-grid__cell--span-9-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-9,
         .mdc-layout-grid__cell--span-9-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-10,
     .mdc-layout-grid__cell--span-10-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-10,
         .mdc-layout-grid__cell--span-10-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-11,
     .mdc-layout-grid__cell--span-11-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-11,
         .mdc-layout-grid__cell--span-11-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
     .mdc-layout-grid__cell--span-12,
     .mdc-layout-grid__cell--span-12-phone {
         width: calc(100% - 16px);
         width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
     }
     @supports(display: grid) {
         .mdc-layout-grid__cell--span-12,
         .mdc-layout-grid__cell--span-12-phone {
             width: auto;
             grid-column-end: span 4
         }
     }
 }

 .mdc-layout-grid__cell--order-1 {
     order: 1
 }

 .mdc-layout-grid__cell--order-2 {
     order: 2
 }

 .mdc-layout-grid__cell--order-3 {
     order: 3
 }

 .mdc-layout-grid__cell--order-4 {
     order: 4
 }

 .mdc-layout-grid__cell--order-5 {
     order: 5
 }

 .mdc-layout-grid__cell--order-6 {
     order: 6
 }

 .mdc-layout-grid__cell--order-7 {
     order: 7
 }

 .mdc-layout-grid__cell--order-8 {
     order: 8
 }

 .mdc-layout-grid__cell--order-9 {
     order: 9
 }

 .mdc-layout-grid__cell--order-10 {
     order: 10
 }

 .mdc-layout-grid__cell--order-11 {
     order: 11
 }

 .mdc-layout-grid__cell--order-12 {
     order: 12
 }

 .mdc-layout-grid__cell--align-top {
     align-self: flex-start
 }

 @supports(display: grid) {
     .mdc-layout-grid__cell--align-top {
         align-self: start
     }
 }

 .mdc-layout-grid__cell--align-middle {
     align-self: center
 }

 .mdc-layout-grid__cell--align-bottom {
     align-self: flex-end
 }

 @supports(display: grid) {
     .mdc-layout-grid__cell--align-bottom {
         align-self: end
     }
 }

 @media(min-width: 840px) {
     .mdc-layout-grid--fixed-column-width {
         width: 1176px;
         width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2)
     }
 }

 @media(min-width: 600px)and (max-width: 839px) {
     .mdc-layout-grid--fixed-column-width {
         width: 720px;
         width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2)
     }
 }

 @media(max-width: 599px) {
     .mdc-layout-grid--fixed-column-width {
         width: 368px;
         width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2)
     }
 }

 .mdc-layout-grid--align-left {
     margin-right: auto;
     margin-left: 0
 }

 .mdc-layout-grid--align-right {
     margin-right: 0;
     margin-left: auto
 }

 .mdc-line-ripple::before,
 .mdc-line-ripple::after {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     border-bottom-style: solid;
     content: ""
 }

 .mdc-line-ripple::before {
     border-bottom-width: 1px;
     z-index: 1
 }

 .mdc-line-ripple::after {
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     border-bottom-width: 2px;
     opacity: 0;
     z-index: 2
 }

 .mdc-line-ripple::after {
     transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-line-ripple--active::after {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     opacity: 1
 }

 .mdc-line-ripple--deactivating::after {
     opacity: 0
 }

 @-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     20% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     59.15% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(83.67142%);
         transform: translateX(83.67142%)
     }
     100% {
         -webkit-transform: translateX(200.611057%);
         transform: translateX(200.611057%)
     }
 }

 @keyframes mdc-linear-progress-primary-indeterminate-translate {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     20% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     59.15% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(83.67142%);
         transform: translateX(83.67142%)
     }
     100% {
         -webkit-transform: translateX(200.611057%);
         transform: translateX(200.611057%)
     }
 }

 @-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale {
     0% {
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
     36.65% {
         -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
         animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
     69.15% {
         -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
         animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
         -webkit-transform: scaleX(0.661479);
         transform: scaleX(0.661479)
     }
     100% {
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
 }

 @keyframes mdc-linear-progress-primary-indeterminate-scale {
     0% {
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
     36.65% {
         -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
         animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
     69.15% {
         -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
         animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
         -webkit-transform: scaleX(0.661479);
         transform: scaleX(0.661479)
     }
     100% {
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
 }

 @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate {
     0% {
         -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
         animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     25% {
         -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
         animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
         -webkit-transform: translateX(37.651913%);
         transform: translateX(37.651913%)
     }
     48.35% {
         -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
         animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
         -webkit-transform: translateX(84.386165%);
         transform: translateX(84.386165%)
     }
     100% {
         -webkit-transform: translateX(160.277782%);
         transform: translateX(160.277782%)
     }
 }

 @keyframes mdc-linear-progress-secondary-indeterminate-translate {
     0% {
         -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
         animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     25% {
         -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
         animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
         -webkit-transform: translateX(37.651913%);
         transform: translateX(37.651913%)
     }
     48.35% {
         -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
         animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
         -webkit-transform: translateX(84.386165%);
         transform: translateX(84.386165%)
     }
     100% {
         -webkit-transform: translateX(160.277782%);
         transform: translateX(160.277782%)
     }
 }

 @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale {
     0% {
         -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
         animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
     19.15% {
         -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
         animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
         -webkit-transform: scaleX(0.457104);
         transform: scaleX(0.457104)
     }
     44.15% {
         -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
         animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
         -webkit-transform: scaleX(0.72796);
         transform: scaleX(0.72796)
     }
     100% {
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
 }

 @keyframes mdc-linear-progress-secondary-indeterminate-scale {
     0% {
         -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
         animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
     19.15% {
         -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
         animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
         -webkit-transform: scaleX(0.457104);
         transform: scaleX(0.457104)
     }
     44.15% {
         -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
         animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
         -webkit-transform: scaleX(0.72796);
         transform: scaleX(0.72796)
     }
     100% {
         -webkit-transform: scaleX(0.08);
         transform: scaleX(0.08)
     }
 }

 @-webkit-keyframes mdc-linear-progress-buffering {
     from {
         -webkit-transform: rotate(180deg) translateX(-10px);
         transform: rotate(180deg) translateX(-10px)
     }
 }

 @keyframes mdc-linear-progress-buffering {
     from {
         -webkit-transform: rotate(180deg) translateX(-10px);
         transform: rotate(180deg) translateX(-10px)
     }
 }

 @-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     20% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     59.15% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(-83.67142%);
         transform: translateX(-83.67142%)
     }
     100% {
         -webkit-transform: translateX(-200.611057%);
         transform: translateX(-200.611057%)
     }
 }

 @keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     20% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     59.15% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(-83.67142%);
         transform: translateX(-83.67142%)
     }
     100% {
         -webkit-transform: translateX(-200.611057%);
         transform: translateX(-200.611057%)
     }
 }

 @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
     0% {
         -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
         animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     25% {
         -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
         animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
         -webkit-transform: translateX(-37.651913%);
         transform: translateX(-37.651913%)
     }
     48.35% {
         -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
         animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
         -webkit-transform: translateX(-84.386165%);
         transform: translateX(-84.386165%)
     }
     100% {
         -webkit-transform: translateX(-160.277782%);
         transform: translateX(-160.277782%)
     }
 }

 @keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
     0% {
         -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
         animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     25% {
         -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
         animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
         -webkit-transform: translateX(-37.651913%);
         transform: translateX(-37.651913%)
     }
     48.35% {
         -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
         animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
         -webkit-transform: translateX(-84.386165%);
         transform: translateX(-84.386165%)
     }
     100% {
         -webkit-transform: translateX(-160.277782%);
         transform: translateX(-160.277782%)
     }
 }

 @-webkit-keyframes mdc-linear-progress-buffering-reverse {
     from {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px)
     }
 }

 @keyframes mdc-linear-progress-buffering-reverse {
     from {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px)
     }
 }

 .mdc-linear-progress {
     position: relative;
     width: 100%;
     height: 4px;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     outline: 1px solid transparent;
     overflow: hidden;
     transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-linear-progress__bar {
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-animation: none;
     animation: none;
     -webkit-transform-origin: top left;
     transform-origin: top left;
     transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-linear-progress__bar-inner {
     display: inline-block;
     position: absolute;
     width: 100%;
     -webkit-animation: none;
     animation: none;
     border-top: 4px solid
 }

 .mdc-linear-progress__buffer {
     display: flex;
     position: absolute;
     width: 100%;
     height: 100%
 }

 .mdc-linear-progress__buffer-dots {
     background-repeat: repeat-x;
     background-size: 10px 4px;
     flex: auto;
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
     -webkit-animation: mdc-linear-progress-buffering 250ms infinite linear;
     animation: mdc-linear-progress-buffering 250ms infinite linear
 }

 .mdc-linear-progress__buffer-bar {
     flex: 0 1 100%;
     transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-linear-progress__primary-bar {
     -webkit-transform: scaleX(0);
     transform: scaleX(0)
 }

 .mdc-linear-progress__secondary-bar {
     visibility: hidden
 }

 .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
     transition: none
 }

 .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
     left: -145.166611%;
     -webkit-animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
     animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear
 }

 .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner {
     -webkit-animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
     animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear
 }

 .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
     left: -54.888891%;
     visibility: visible;
     -webkit-animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
     animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear
 }

 .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner {
     -webkit-animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
     animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear
 }

 .mdc-linear-progress--reversed .mdc-linear-progress__bar {
     right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right
 }

 .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
     -webkit-animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
     animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse
 }

 .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
     -webkit-animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
     animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse
 }

 .mdc-linear-progress--reversed .mdc-linear-progress__buffer-dots {
     -webkit-animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
     animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
     order: 0;
     -webkit-transform: rotate(0);
     transform: rotate(0)
 }

 .mdc-linear-progress--reversed .mdc-linear-progress__buffer-bar {
     order: 1
 }

 .mdc-linear-progress--closed {
     opacity: 0;
     -webkit-animation: none;
     animation: none
 }

 .mdc-linear-progress__bar-inner {
     border-color: #6200ee;
     border-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-linear-progress__buffer-dots {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E")
 }

 .mdc-linear-progress__buffer-bar {
     background-color: #e6e6e6
 }

 .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
     right: -145.166611%;
     left: auto
 }

 .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
     right: -54.888891%;
     left: auto
 }

 .mdc-list {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
     line-height: 1.75rem;
     line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
     letter-spacing: 0.009375em;
     letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
     line-height: 1.5rem;
     margin: 0;
     padding: 8px 0;
     list-style-type: none;
     color: rgba(0, 0, 0, .87);
     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
 }

 .mdc-list:focus {
     outline: none
 }

 .mdc-list-item {
     height: 48px
 }

 .mdc-list-item__secondary-text {
     color: rgba(0, 0, 0, .54);
     color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))
 }

 .mdc-list-item__graphic {
     background-color: transparent
 }

 .mdc-list-item__graphic {
     color: rgba(0, 0, 0, .38);
     color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))
 }

 .mdc-list-item__meta {
     color: rgba(0, 0, 0, .38);
     color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))
 }

 .mdc-list-group__subheader {
     color: rgba(0, 0, 0, .87);
     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
 }

 .mdc-list-item--disabled .mdc-list-item__text {
     opacity: .38
 }

 .mdc-list-item--disabled .mdc-list-item__text,
 .mdc-list-item--disabled .mdc-list-item__primary-text,
 .mdc-list-item--disabled .mdc-list-item__secondary-text {
     color: #000;
     color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-list-item--selected,
 .mdc-list-item--activated {
     color: #6200ee;
     color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-list-item--selected .mdc-list-item__graphic,
 .mdc-list-item--activated .mdc-list-item__graphic {
     color: #6200ee;
     color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-list--dense {
     padding-top: 4px;
     padding-bottom: 4px;
     font-size: .812rem
 }

 .mdc-list-item {
     display: flex;
     position: relative;
     align-items: center;
     justify-content: flex-start;
     overflow: hidden;
     padding: 0;
     padding-left: 16px;
     padding-right: 16px;
     height: 48px
 }

 .mdc-list-item:focus {
     outline: none
 }

 .mdc-list-item:not(.mdc-list-item--selected):focus::before {
     position: absolute;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border: 1px solid transparent;
     border-radius: inherit;
     content: ""
 }

 .mdc-list-item.mdc-list-item--selected::before {
     position: absolute;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border: 3px double transparent;
     border-radius: inherit;
     content: ""
 }

 [dir=rtl] .mdc-list-item,
 .mdc-list-item[dir=rtl] {
     padding-left: 16px;
     padding-right: 16px
 }

 .mdc-list--icon-list .mdc-list-item {
     padding-left: 16px;
     padding-right: 16px;
     height: 56px
 }

 [dir=rtl] .mdc-list--icon-list .mdc-list-item,
 .mdc-list--icon-list .mdc-list-item[dir=rtl] {
     padding-left: 16px;
     padding-right: 16px
 }

 .mdc-list--avatar-list .mdc-list-item {
     padding-left: 16px;
     padding-right: 16px;
     height: 56px
 }

 [dir=rtl] .mdc-list--avatar-list .mdc-list-item,
 .mdc-list--avatar-list .mdc-list-item[dir=rtl] {
     padding-left: 16px;
     padding-right: 16px
 }

 .mdc-list--thumbnail-list .mdc-list-item {
     padding-left: 16px;
     padding-right: 16px;
     height: 56px
 }

 [dir=rtl] .mdc-list--thumbnail-list .mdc-list-item,
 .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] {
     padding-left: 16px;
     padding-right: 16px
 }

 .mdc-list--image-list .mdc-list-item {
     padding-left: 16px;
     padding-right: 16px;
     height: 72px
 }

 [dir=rtl] .mdc-list--image-list .mdc-list-item,
 .mdc-list--image-list .mdc-list-item[dir=rtl] {
     padding-left: 16px;
     padding-right: 16px
 }

 .mdc-list--video-list .mdc-list-item {
     padding-left: 0px;
     padding-right: 16px;
     height: 72px
 }

 [dir=rtl] .mdc-list--video-list .mdc-list-item,
 .mdc-list--video-list .mdc-list-item[dir=rtl] {
     padding-left: 16px;
     padding-right: 0px
 }

 .mdc-list--dense .mdc-list-item__graphic {
     margin-left: 0;
     margin-right: 16px;
     width: 20px;
     height: 20px
 }

 [dir=rtl] .mdc-list--dense .mdc-list-item__graphic,
 .mdc-list--dense .mdc-list-item__graphic[dir=rtl] {
     margin-left: 16px;
     margin-right: 0
 }

 .mdc-list-item__graphic {
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
     fill: currentColor;
     -o-object-fit: cover;
     object-fit: cover;
     margin-left: 0;
     margin-right: 32px;
     width: 24px;
     height: 24px
 }

 [dir=rtl] .mdc-list-item__graphic,
 .mdc-list-item__graphic[dir=rtl] {
     margin-left: 32px;
     margin-right: 0
 }

 .mdc-list--icon-list .mdc-list-item__graphic {
     margin-left: 0;
     margin-right: 32px;
     width: 24px;
     height: 24px
 }

 [dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic,
 .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] {
     margin-left: 32px;
     margin-right: 0
 }

 .mdc-list--avatar-list .mdc-list-item__graphic {
     margin-left: 0;
     margin-right: 16px;
     width: 40px;
     height: 40px;
     border-radius: 50%
 }

 [dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic,
 .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] {
     margin-left: 16px;
     margin-right: 0
 }

 .mdc-list--thumbnail-list .mdc-list-item__graphic {
     margin-left: 0;
     margin-right: 16px;
     width: 40px;
     height: 40px
 }

 [dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic,
 .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] {
     margin-left: 16px;
     margin-right: 0
 }

 .mdc-list--image-list .mdc-list-item__graphic {
     margin-left: 0;
     margin-right: 16px;
     width: 56px;
     height: 56px
 }

 [dir=rtl] .mdc-list--image-list .mdc-list-item__graphic,
 .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] {
     margin-left: 16px;
     margin-right: 0
 }

 .mdc-list--video-list .mdc-list-item__graphic {
     margin-left: 0;
     margin-right: 16px;
     width: 100px;
     height: 56px
 }

 [dir=rtl] .mdc-list--video-list .mdc-list-item__graphic,
 .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] {
     margin-left: 16px;
     margin-right: 0
 }

 .mdc-list .mdc-list-item__graphic {
     display: inline-flex
 }

 .mdc-list-item__meta {
     margin-left: auto;
     margin-right: 0
 }

 .mdc-list-item__meta:not(.material-icons) {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.75rem;
     font-size: var(--mdc-typography-caption-font-size, 0.75rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-caption-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-caption-font-weight, 400);
     letter-spacing: 0.0333333333em;
     letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-caption-text-transform, inherit)
 }

 .mdc-list-item[dir=rtl] .mdc-list-item__meta,
 [dir=rtl] .mdc-list-item .mdc-list-item__meta {
     margin-left: 0;
     margin-right: auto
 }

 .mdc-list-item__text {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }

 .mdc-list-item__text[for] {
     pointer-events: none
 }

 .mdc-list-item__primary-text {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     display: block;
     margin-top: 0;
     line-height: normal;
     margin-bottom: -20px
 }

 .mdc-list-item__primary-text::before {
     display: inline-block;
     width: 0;
     height: 28px;
     content: "";
     vertical-align: 0
 }

 .mdc-list-item__primary-text::after {
     display: inline-block;
     width: 0;
     height: 20px;
     content: "";
     vertical-align: -20px
 }

 .mdc-list--video-list .mdc-list-item__primary-text,
 .mdc-list--image-list .mdc-list-item__primary-text,
 .mdc-list--thumbnail-list .mdc-list-item__primary-text,
 .mdc-list--avatar-list .mdc-list-item__primary-text,
 .mdc-list--icon-list .mdc-list-item__primary-text {
     display: block;
     margin-top: 0;
     line-height: normal;
     margin-bottom: -20px
 }

 .mdc-list--video-list .mdc-list-item__primary-text::before,
 .mdc-list--image-list .mdc-list-item__primary-text::before,
 .mdc-list--thumbnail-list .mdc-list-item__primary-text::before,
 .mdc-list--avatar-list .mdc-list-item__primary-text::before,
 .mdc-list--icon-list .mdc-list-item__primary-text::before {
     display: inline-block;
     width: 0;
     height: 32px;
     content: "";
     vertical-align: 0
 }

 .mdc-list--video-list .mdc-list-item__primary-text::after,
 .mdc-list--image-list .mdc-list-item__primary-text::after,
 .mdc-list--thumbnail-list .mdc-list-item__primary-text::after,
 .mdc-list--avatar-list .mdc-list-item__primary-text::after,
 .mdc-list--icon-list .mdc-list-item__primary-text::after {
     display: inline-block;
     width: 0;
     height: 20px;
     content: "";
     vertical-align: -20px
 }

 .mdc-list--dense .mdc-list-item__primary-text {
     display: block;
     margin-top: 0;
     line-height: normal;
     margin-bottom: -20px
 }

 .mdc-list--dense .mdc-list-item__primary-text::before {
     display: inline-block;
     width: 0;
     height: 24px;
     content: "";
     vertical-align: 0
 }

 .mdc-list--dense .mdc-list-item__primary-text::after {
     display: inline-block;
     width: 0;
     height: 20px;
     content: "";
     vertical-align: -20px
 }

 .mdc-list-item__secondary-text {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     display: block;
     margin-top: 0;
     line-height: normal
 }

 .mdc-list-item__secondary-text::before {
     display: inline-block;
     width: 0;
     height: 20px;
     content: "";
     vertical-align: 0
 }

 .mdc-list--dense .mdc-list-item__secondary-text {
     font-size: inherit
 }

 .mdc-list--dense .mdc-list-item {
     height: 40px
 }

 .mdc-list--two-line .mdc-list-item__text {
     align-self: flex-start
 }

 .mdc-list--two-line .mdc-list-item {
     height: 64px
 }

 .mdc-list--two-line.mdc-list--video-list .mdc-list-item,
 .mdc-list--two-line.mdc-list--image-list .mdc-list-item,
 .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item,
 .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item,
 .mdc-list--two-line.mdc-list--icon-list .mdc-list-item {
     height: 72px
 }

 .mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic {
     align-self: flex-start;
     margin-top: 16px
 }

 .mdc-list--two-line.mdc-list--dense .mdc-list-item,
 .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
     height: 60px
 }

 .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
     margin-left: 0;
     margin-right: 16px;
     width: 36px;
     height: 36px
 }

 [dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,
 .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl] {
     margin-left: 16px;
     margin-right: 0
 }

 :not(.mdc-list-item--disabled).mdc-list-item {
     cursor: pointer
 }

 a.mdc-list-item {
     color: inherit;
     text-decoration: none
 }

 .mdc-list-divider {
     height: 0;
     margin: 0;
     border: none;
     border-bottom-width: 1px;
     border-bottom-style: solid
 }

 .mdc-list-divider {
     border-bottom-color: rgba(0, 0, 0, .12)
 }

 .mdc-list-divider--padded {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 32px)
 }

 [dir=rtl] .mdc-list-divider--padded,
 .mdc-list-divider--padded[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list-divider--inset {
     margin-left: 72px;
     margin-right: 0;
     width: calc(100% - 72px)
 }

 [dir=rtl] .mdc-list-divider--inset,
 .mdc-list-divider--inset[dir=rtl] {
     margin-left: 0;
     margin-right: 72px
 }

 .mdc-list-divider--inset.mdc-list-divider--padded {
     margin-left: 72px;
     margin-right: 0;
     width: calc(100% - 88px)
 }

 [dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded,
 .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] {
     margin-left: 0;
     margin-right: 72px
 }

 .mdc-list .mdc-list-divider--inset-leading {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 16px)
 }

 [dir=rtl] .mdc-list .mdc-list-divider--inset-leading,
 .mdc-list .mdc-list-divider--inset-leading[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list .mdc-list-divider--inset-trailing {
     width: calc(100% - 16px)
 }

 .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 32px)
 }

 [dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,
 .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 16px)
 }

 [dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,
 .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 32px)
 }

 [dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,
 .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--icon-list .mdc-list-divider--inset-leading {
     margin-left: 72px;
     margin-right: 0;
     width: calc(100% - 72px)
 }

 [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading,
 .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] {
     margin-left: 0;
     margin-right: 72px
 }

 .mdc-list--icon-list .mdc-list-divider--inset-trailing {
     width: calc(100% - 16px)
 }

 .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
     margin-left: 72px;
     margin-right: 0;
     width: calc(100% - 88px)
 }

 [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,
 .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
     margin-left: 0;
     margin-right: 72px
 }

 .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 16px)
 }

 [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,
 .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 32px)
 }

 [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,
 .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--avatar-list .mdc-list-divider--inset-leading {
     margin-left: 72px;
     margin-right: 0;
     width: calc(100% - 72px)
 }

 [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading,
 .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] {
     margin-left: 0;
     margin-right: 72px
 }

 .mdc-list--avatar-list .mdc-list-divider--inset-trailing {
     width: calc(100% - 16px)
 }

 .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
     margin-left: 72px;
     margin-right: 0;
     width: calc(100% - 88px)
 }

 [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,
 .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
     margin-left: 0;
     margin-right: 72px
 }

 .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 16px)
 }

 [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,
 .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 32px)
 }

 [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,
 .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--thumbnail-list .mdc-list-divider--inset-leading {
     margin-left: 72px;
     margin-right: 0;
     width: calc(100% - 72px)
 }

 [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading,
 .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] {
     margin-left: 0;
     margin-right: 72px
 }

 .mdc-list--thumbnail-list .mdc-list-divider--inset-trailing {
     width: calc(100% - 16px)
 }

 .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
     margin-left: 72px;
     margin-right: 0;
     width: calc(100% - 88px)
 }

 [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,
 .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
     margin-left: 0;
     margin-right: 72px
 }

 .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 16px)
 }

 [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,
 .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 32px)
 }

 [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,
 .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--image-list .mdc-list-divider--inset-leading {
     margin-left: 88px;
     margin-right: 0;
     width: calc(100% - 88px)
 }

 [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading,
 .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] {
     margin-left: 0;
     margin-right: 88px
 }

 .mdc-list--image-list .mdc-list-divider--inset-trailing {
     width: calc(100% - 16px)
 }

 .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
     margin-left: 88px;
     margin-right: 0;
     width: calc(100% - 104px)
 }

 [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,
 .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
     margin-left: 0;
     margin-right: 88px
 }

 .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 16px)
 }

 [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,
 .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
     margin-left: 16px;
     margin-right: 0;
     width: calc(100% - 32px)
 }

 [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,
 .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
     margin-left: 0;
     margin-right: 16px
 }

 .mdc-list--video-list .mdc-list-divider--inset-leading {
     margin-left: 116px;
     margin-right: 0;
     width: calc(100% - 116px)
 }

 [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading,
 .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] {
     margin-left: 0;
     margin-right: 116px
 }

 .mdc-list--video-list .mdc-list-divider--inset-trailing {
     width: calc(100% - 16px)
 }

 .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
     margin-left: 116px;
     margin-right: 0;
     width: calc(100% - 132px)
 }

 [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,
 .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
     margin-left: 0;
     margin-right: 116px
 }

 .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
     margin-left: 0px;
     margin-right: 0;
     width: calc(100% - 0px)
 }

 [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,
 .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
     margin-left: 0;
     margin-right: 0px
 }

 .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
     margin-left: 0px;
     margin-right: 0;
     width: calc(100% - 16px)
 }

 [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,
 .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
     margin-left: 0;
     margin-right: 0px
 }

 .mdc-list-group .mdc-list {
     padding: 0
 }

 .mdc-list-group__subheader {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
     line-height: 1.75rem;
     line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
     letter-spacing: 0.009375em;
     letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
     margin: calc((3rem - 1.5rem) / 2) 16px
 }

 :not(.mdc-list-item--disabled).mdc-list-item {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
 :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
 :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
 :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
     background-color: #000
 }

 :not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before {
     opacity: .04
 }

 :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,
 :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
     transition: opacity 150ms linear
 }

 :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before {
     opacity: .12
 }

 :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before,
 :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 :not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before {
     opacity: .16
 }

 :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,
 :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
     transition-duration: 75ms;
     opacity: .24
 }

 :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
     transition: opacity 150ms linear
 }

 :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
     transition-duration: 75ms;
     opacity: .24
 }

 :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.24
 }

 :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before {
     opacity: .08
 }

 :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before,
 :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 :not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before {
     opacity: .12
 }

 :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,
 :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
     transition-duration: 75ms;
     opacity: .2
 }

 :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
     transition: opacity 150ms linear
 }

 :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
     transition-duration: 75ms;
     opacity: .2
 }

 :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.2
 }

 :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none
 }

 .mdc-list-item--disabled {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-list-item--disabled .mdc-list-item__ripple::before,
 .mdc-list-item--disabled .mdc-list-item__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-list-item--disabled .mdc-list-item__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-list-item--disabled .mdc-list-item__ripple::before,
 .mdc-list-item--disabled .mdc-list-item__ripple::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-list-item--disabled .mdc-list-item__ripple::before,
 .mdc-list-item--disabled .mdc-list-item__ripple::after {
     background-color: #000
 }

 .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,
 .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-list-item--disabled .mdc-list-item__ripple {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none
 }

 .mdc-menu {
     min-width: 112px
 }

 .mdc-menu .mdc-list-item__meta {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-menu .mdc-list-item__graphic {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-menu .mdc-list {
     color: rgba(0, 0, 0, .87);
     position: relative
 }

 .mdc-menu .mdc-list .mdc-elevation-overlay {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }

 .mdc-menu .mdc-list-divider {
     margin: 8px 0
 }

 .mdc-menu .mdc-list-item {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .mdc-menu .mdc-list-item--disabled {
     cursor: auto
 }

 .mdc-menu a.mdc-list-item .mdc-list-item__text,
 .mdc-menu a.mdc-list-item .mdc-list-item__graphic {
     pointer-events: none
 }

 .mdc-menu__selection-group {
     padding: 0;
     fill: currentColor
 }

 .mdc-menu__selection-group .mdc-list-item {
     padding-left: 56px;
     padding-right: 16px
 }

 [dir=rtl] .mdc-menu__selection-group .mdc-list-item,
 .mdc-menu__selection-group .mdc-list-item[dir=rtl] {
     padding-left: 16px;
     padding-right: 56px
 }

 .mdc-menu__selection-group .mdc-menu__selection-group-icon {
     left: 16px;
     right: initial;
     display: none;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 [dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon,
 .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
     left: initial;
     right: 16px
 }

 .mdc-menu-item--selected .mdc-menu__selection-group-icon {
     display: inline
 }

 .mdc-menu-surface {
     display: none;
     position: absolute;
     box-sizing: border-box;
     max-width: calc(100vw - 32px);
     max-height: calc(100vh - 32px);
     margin: 0;
     padding: 0;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transform-origin: top left;
     transform-origin: top left;
     opacity: 0;
     overflow: auto;
     will-change: transform, opacity;
     z-index: 8;
     transition: opacity .03s linear, -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);
     transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, 0.2, 1);
     transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);
     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
     background-color: #fff;
     background-color: var(--mdc-theme-surface, #fff);
     color: #000;
     color: var(--mdc-theme-on-surface, #000);
     border-radius: 4px;
     border-radius: var(--mdc-shape-medium, 4px);
     transform-origin-left: top left;
     transform-origin-right: top right
 }

 .mdc-menu-surface:focus {
     outline: none
 }

 .mdc-menu-surface--open {
     display: inline-block;
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1
 }

 .mdc-menu-surface--animating-open {
     display: inline-block;
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
     opacity: 0
 }

 .mdc-menu-surface--animating-closed {
     display: inline-block;
     opacity: 0;
     transition: opacity .075s linear
 }

 [dir=rtl] .mdc-menu-surface,
 .mdc-menu-surface[dir=rtl] {
     transform-origin-left: top right;
     transform-origin-right: top left
 }

 .mdc-menu-surface--anchor {
     position: relative;
     overflow: visible
 }

 .mdc-menu-surface--fixed {
     position: fixed
 }

 .mdc-menu-surface--fullwidth {
     width: 100%
 }

 .mdc-notched-outline {
     display: flex;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
     height: 100%;
     text-align: left;
     pointer-events: none
 }

 [dir=rtl] .mdc-notched-outline,
 .mdc-notched-outline[dir=rtl] {
     text-align: right
 }

 .mdc-notched-outline__leading,
 .mdc-notched-outline__notch,
 .mdc-notched-outline__trailing {
     box-sizing: border-box;
     height: 100%;
     border-top: 1px solid;
     border-bottom: 1px solid;
     pointer-events: none
 }

 .mdc-notched-outline__leading {
     border-left: 1px solid;
     border-right: none;
     width: 12px
 }

 [dir=rtl] .mdc-notched-outline__leading,
 .mdc-notched-outline__leading[dir=rtl] {
     border-left: none;
     border-right: 1px solid
 }

 .mdc-notched-outline__trailing {
     border-left: none;
     border-right: 1px solid;
     flex-grow: 1
 }

 [dir=rtl] .mdc-notched-outline__trailing,
 .mdc-notched-outline__trailing[dir=rtl] {
     border-left: 1px solid;
     border-right: none
 }

 .mdc-notched-outline__notch {
     flex: 0 0 auto;
     width: auto;
     max-width: calc(100% - 12px * 2)
 }

 .mdc-notched-outline .mdc-floating-label {
     display: inline-block;
     position: relative;
     max-width: 100%
 }

 .mdc-notched-outline .mdc-floating-label--float-above {
     text-overflow: clip
 }

 .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     max-width: calc(100% / 0.75)
 }

 .mdc-notched-outline--notched .mdc-notched-outline__notch {
     padding-left: 0;
     padding-right: 8px;
     border-top: none
 }

 [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,
 .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
     padding-left: 8px;
     padding-right: 0
 }

 .mdc-notched-outline--no-label .mdc-notched-outline__notch {
     padding: 0
 }

 .mdc-radio {
     padding: 10px;
     display: inline-block;
     position: relative;
     flex: 0 0 auto;
     box-sizing: content-box;
     width: 20px;
     height: 20px;
     cursor: pointer;
     will-change: opacity, transform, border-color, color
 }

 .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
     border-color: rgba(0, 0, 0, .54)
 }

 .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
     border-color: #018786;
     border-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
     border-color: #018786;
     border-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,
 .mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
     border-color: rgba(0, 0, 0, .38)
 }

 .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
 .mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
     border-color: rgba(0, 0, 0, .38)
 }

 .mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,
 .mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
     border-color: rgba(0, 0, 0, .38)
 }

 .mdc-radio .mdc-radio__background::before {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-radio .mdc-radio__background::before {
     top: -10px;
     left: -10px;
     width: 40px;
     height: 40px
 }

 .mdc-radio .mdc-radio__native-control {
     top: 0px;
     right: 0px;
     left: 0px;
     width: 40px;
     height: 40px
 }

 .mdc-radio__background {
     display: inline-block;
     position: relative;
     box-sizing: border-box;
     width: 20px;
     height: 20px
 }

 .mdc-radio__background::before {
     position: absolute;
     -webkit-transform: scale(0, 0);
     transform: scale(0, 0);
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: "";
     transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-radio__outer-circle {
     position: absolute;
     top: 0;
     left: 0;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
     border-width: 2px;
     border-style: solid;
     border-radius: 50%;
     transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-radio__inner-circle {
     position: absolute;
     top: 0;
     left: 0;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
     -webkit-transform: scale(0, 0);
     transform: scale(0, 0);
     border-width: 10px;
     border-style: solid;
     border-radius: 50%;
     transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
     transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
 }

 .mdc-radio__native-control {
     position: absolute;
     margin: 0;
     padding: 0;
     opacity: 0;
     cursor: inherit;
     z-index: 1
 }

 .mdc-radio--touch {
     margin-top: 4px;
     margin-bottom: 4px;
     margin-right: 4px;
     margin-left: 4px
 }

 .mdc-radio--touch .mdc-radio__native-control {
     top: -4px;
     right: -4px;
     left: -4px;
     width: 48px;
     height: 48px
 }

 .mdc-radio__native-control:checked+.mdc-radio__background,
 .mdc-radio__native-control:disabled+.mdc-radio__background {
     transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
 .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
     transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,
 .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
     transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-radio--disabled {
     cursor: default;
     pointer-events: none
 }

 .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
     transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-radio__native-control:disabled+.mdc-radio__background,
 [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background {
     cursor: default
 }

 .mdc-radio__native-control:focus+.mdc-radio__background::before {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: .12;
     transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-radio {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-radio .mdc-radio__ripple::before,
 .mdc-radio .mdc-radio__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-radio .mdc-radio__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-radio .mdc-radio__ripple::before,
 .mdc-radio .mdc-radio__ripple::after {
     top: calc(50% - 50%);
     left: calc(50% - 50%);
     width: 100%;
     height: 100%
 }

 .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,
 .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
     top: var(--mdc-ripple-top, calc(50% - 50%));
     left: var(--mdc-ripple-left, calc(50% - 50%));
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-radio .mdc-radio__ripple::before,
 .mdc-radio .mdc-radio__ripple::after {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-radio:hover .mdc-radio__ripple::before {
     opacity: .04
 }

 .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before,
 .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-radio.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
     content: none
 }

 .mdc-radio__ripple {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none
 }

 .mdc-ripple-surface {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative;
     outline: none;
     overflow: hidden
 }

 .mdc-ripple-surface::before,
 .mdc-ripple-surface::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-ripple-surface::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-ripple-surface.mdc-ripple-upgraded::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-ripple-surface.mdc-ripple-upgraded::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-ripple-surface::before,
 .mdc-ripple-surface::after {
     background-color: #000
 }

 .mdc-ripple-surface:hover::before {
     opacity: .04
 }

 .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,
 .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-ripple-surface.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-ripple-surface::before,
 .mdc-ripple-surface::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-ripple-surface.mdc-ripple-upgraded::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
     overflow: visible
 }

 .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,
 .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
     top: calc(50% - 50%);
     left: calc(50% - 50%);
     width: 100%;
     height: 100%
 }

 .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,
 .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
     top: var(--mdc-ripple-top, calc(50% - 50%));
     left: var(--mdc-ripple-left, calc(50% - 50%));
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-ripple-surface--primary::before,
 .mdc-ripple-surface--primary::after {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-ripple-surface--primary:hover::before {
     opacity: .04
 }

 .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before,
 .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-ripple-surface--primary.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-ripple-surface--accent::before,
 .mdc-ripple-surface--accent::after {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-ripple-surface--accent:hover::before {
     opacity: .04
 }

 .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before,
 .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-ripple-surface--accent.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-select-helper-text {
     margin: 0;
     margin-left: 16px;
     margin-right: 16px;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.75rem;
     font-size: var(--mdc-typography-caption-font-size, 0.75rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-caption-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-caption-font-weight, 400);
     letter-spacing: 0.0333333333em;
     letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-caption-text-transform, inherit);
     display: block;
     margin-top: 0;
     line-height: normal
 }

 [dir=rtl] .mdc-select-helper-text,
 .mdc-select-helper-text[dir=rtl] {
     margin-left: 16px;
     margin-right: 16px
 }

 .mdc-select-helper-text::before {
     display: inline-block;
     width: 0;
     height: 16px;
     content: "";
     vertical-align: 0
 }

 .mdc-select-helper-text--validation-msg {
     opacity: 0;
     transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-select--invalid+.mdc-select-helper-text--validation-msg,
 .mdc-select-helper-text--validation-msg-persistent {
     opacity: 1
 }

 .mdc-select--with-leading-icon .mdc-select__icon {
     display: inline-block;
     box-sizing: border-box;
     border: none;
     text-decoration: none;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     flex-shrink: 0;
     align-self: center;
     background-color: transparent;
     fill: currentColor
 }

 .mdc-select--with-leading-icon .mdc-select__icon {
     margin-left: 12px;
     margin-right: 12px
 }

 [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon,
 .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
     margin-left: 12px;
     margin-right: 12px
 }

 .mdc-select__icon:not([tabindex]),
 .mdc-select__icon[tabindex="-1"] {
     cursor: default;
     pointer-events: none
 }

 .mdc-select__anchor {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-select__anchor .mdc-select__ripple::before,
 .mdc-select__anchor .mdc-select__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-select__anchor .mdc-select__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-select__anchor .mdc-select__ripple::before,
 .mdc-select__anchor .mdc-select__ripple::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-select__anchor .mdc-select__ripple::before,
 .mdc-select__anchor .mdc-select__ripple::after {
     background-color: rgba(0, 0, 0, .87)
 }

 .mdc-select__anchor:hover .mdc-select__ripple::before {
     opacity: .04
 }

 .mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before,
 .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-select__anchor .mdc-select__ripple {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none
 }

 .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before,
 .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after {
     background-color: #000;
     background-color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before {
     opacity: .04
 }

 .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,
 .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
     transition: opacity 150ms linear
 }

 .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-select {
     min-width: 200px;
     display: inline-flex;
     position: relative
 }

 .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
     background-color: #f5f5f5
 }

 .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
     color: rgba(0, 0, 0, .87)
 }

 .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-select:not(.mdc-select--disabled) .mdc-line-ripple::before {
     border-bottom-color: rgba(0, 0, 0, .42)
 }

 .mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
     fill: rgba(0, 0, 0, .54)
 }

 .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
     fill: #6200ee;
     fill: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
     color: rgba(0, 0, 0, .54)
 }

 .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after {
     border-bottom-color: #6200ee;
     border-bottom-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
     color: rgba(98, 0, 238, .87)
 }

 .mdc-select:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
     border-bottom-color: rgba(0, 0, 0, .87)
 }

 .mdc-select.mdc-select--disabled .mdc-select__anchor {
     background-color: #fafafa
 }

 .mdc-select.mdc-select--disabled .mdc-floating-label {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
     border-bottom-color: rgba(0, 0, 0, .06)
 }

 .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
     fill: rgba(0, 0, 0, .38)
 }

 .mdc-select.mdc-select--disabled .mdc-select__selected-text {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-select.mdc-select--disabled+.mdc-select-helper-text {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-select.mdc-select--disabled .mdc-select__icon {
     color: rgba(0, 0, 0, .38)
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-select.mdc-select--disabled .mdc-select__selected-text {
         color: GrayText
     }
     .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
         fill: red
     }
     .mdc-select.mdc-select--disabled .mdc-floating-label {
         color: GrayText
     }
     .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
         border-bottom-color: GrayText
     }
     .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
     .mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
     .mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
         border-color: GrayText
     }
     .mdc-select.mdc-select--disabled .mdc-select__icon {
         color: GrayText
     }
     .mdc-select.mdc-select--disabled+.mdc-select-helper-text {
         color: GrayText
     }
 }

 .mdc-select .mdc-floating-label {
     left: 16px;
     right: initial;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     pointer-events: none
 }

 [dir=rtl] .mdc-select .mdc-floating-label,
 .mdc-select .mdc-floating-label[dir=rtl] {
     left: initial;
     right: 16px
 }

 .mdc-select.mdc-select--filled .mdc-floating-label {
     max-width: calc(100% - 64px)
 }

 .mdc-select.mdc-select--filled .mdc-floating-label--float-above {
     max-width: calc(100% / 0.75 - 64px / 0.75)
 }

 .mdc-select.mdc-select--outlined .mdc-floating-label {
     left: 4px;
     right: initial
 }

 [dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label,
 .mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl] {
     left: initial;
     right: 4px
 }

 .mdc-select .mdc-select__anchor {
     height: 56px;
     display: flex;
     align-items: baseline
 }

 .mdc-select .mdc-select__anchor::before {
     display: inline-block;
     width: 0;
     height: 40px;
     content: "";
     vertical-align: 0
 }

 .mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before {
     content: "​"
 }

 .mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text {
     height: 100%;
     display: inline-flex;
     align-items: center
 }

 .mdc-select.mdc-select--no-label .mdc-select__anchor::before {
     display: none
 }

 .mdc-select .mdc-select__anchor {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .mdc-select .mdc-select__anchor {
     padding-left: 16px;
     padding-right: 0
 }

 [dir=rtl] .mdc-select .mdc-select__anchor,
 .mdc-select .mdc-select__anchor[dir=rtl] {
     padding-left: 0;
     padding-right: 16px
 }

 .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
     padding-left: 0;
     padding-right: 0
 }

 [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor,
 .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
     padding-left: 0;
     padding-right: 0
 }

 .mdc-select .mdc-select__icon {
     width: 24px;
     height: 24px;
     font-size: 2.4rem
 }

 .mdc-select .mdc-select__dropdown-icon {
     width: 24px;
     height: 24px
 }

 .mdc-select .mdc-select__menu .mdc-list-item {
     padding-left: 16px;
     padding-right: 16px
 }

 [dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item,
 .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] {
     padding-left: 16px;
     padding-right: 16px
 }

 .mdc-select .mdc-select__menu .mdc-list-item__graphic {
     margin-left: 0;
     margin-right: 12px
 }

 [dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic,
 .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] {
     margin-left: 12px;
     margin-right: 0
 }

 .mdc-select__dropdown-icon {
     margin-left: 12px;
     margin-right: 12px;
     display: inline-flex;
     position: relative;
     align-self: center;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     pointer-events: none
 }

 .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,
 .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
     position: absolute;
     top: 0;
     left: 0
 }

 .mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {
     width: 41.6666666667%;
     height: 20.8333333333%
 }

 .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
     opacity: 1;
     transition: opacity 75ms linear 75ms
 }

 .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
     opacity: 0;
     transition: opacity 75ms linear
 }

 [dir=rtl] .mdc-select__dropdown-icon,
 .mdc-select__dropdown-icon[dir=rtl] {
     margin-left: 12px;
     margin-right: 12px
 }

 .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
     opacity: 0;
     transition: opacity 49.5ms linear
 }

 .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
     opacity: 1;
     transition: opacity 100.5ms linear 49.5ms
 }

 .mdc-select__anchor {
     width: 100%;
     position: relative;
     box-sizing: border-box;
     overflow: hidden;
     outline: none;
     cursor: pointer
 }

 .mdc-select__anchor .mdc-floating-label--float-above {
     -webkit-transform: translateY(-106%) scale(0.75);
     transform: translateY(-106%) scale(0.75)
 }

 .mdc-select__anchor.mdc-select--focused.mdc-line-ripple::after {
     -webkit-transform: scale(1, 2);
     transform: scale(1, 2);
     opacity: 1
 }

 .mdc-select__selected-text {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
     line-height: 1.75rem;
     line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
     letter-spacing: 0.009375em;
     letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
     box-sizing: border-box;
     width: auto;
     flex-grow: 1;
     height: 28px;
     border: none;
     outline: none;
     padding: 0;
     white-space: nowrap;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     pointer-events: none;
     overflow: hidden;
     background-color: transparent;
     color: inherit
 }

 .mdc-select__selected-text::-ms-expand {
     display: none
 }

 .mdc-select__selected-text::-ms-value {
     background-color: transparent;
     color: inherit
 }

 .mdc-select--outlined {
     border: none
 }

 .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
     background-color: transparent
 }

 .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
 .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
 .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
     border-color: rgba(0, 0, 0, .38)
 }

 .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
 .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
     border-color: rgba(0, 0, 0, .87)
 }

 .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
 .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
     border-width: 2px
 }

 .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
 .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
     border-color: #6200ee;
     border-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
 .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
 .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
     border-color: rgba(0, 0, 0, .06)
 }

 .mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {
     background-color: transparent
 }

 .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
     border-top-left-radius: 4px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 4px
 }

 [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
     border-top-left-radius: 0;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 0
 }

 .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
     border-top-left-radius: 0;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 0
 }

 [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
 .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
     border-top-left-radius: 4px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 4px
 }

 .mdc-select--outlined .mdc-select__selected-text {
     border-radius: 4px
 }

 .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
     background-color: transparent
 }

 .mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
     max-width: calc(100% - 60px)
 }

 .mdc-select--outlined .mdc-select__anchor {
     overflow: visible
 }

 .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
     animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1
 }

 .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
     -webkit-transform: translateY(-37.25px) scale(1);
     transform: translateY(-37.25px) scale(1)
 }

 .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
     font-size: .75rem
 }

 .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     -webkit-transform: translateY(-34.75px) scale(0.75);
     transform: translateY(-34.75px) scale(0.75)
 }

 .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     font-size: 1rem
 }

 .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
     padding-top: 1px
 }

 .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {
     content: "​"
 }

 .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text {
     height: 100%;
     display: inline-flex;
     align-items: center
 }

 .mdc-select--outlined .mdc-select__anchor::before {
     display: none
 }

 .mdc-select--outlined .mdc-select__selected-text {
     display: flex;
     border: none;
     z-index: 1;
     background-color: transparent
 }

 .mdc-select--outlined .mdc-select__icon {
     z-index: 2
 }

 .mdc-select--outlined .mdc-floating-label {
     line-height: 1.15rem
 }

 .mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
     padding-top: 2px
 }

 .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
     color: #b00020;
     color: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {
     border-bottom-color: #b00020;
     border-bottom-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after {
     border-bottom-color: #b00020;
     border-bottom-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
     color: #b00020
 }

 .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg {
     color: #b00020;
     color: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
     fill: #b00020;
     fill: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
     fill: #b00020;
     fill: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
     border-bottom-color: #b00020;
     border-bottom-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
     border-color: #b00020;
     border-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
     border-color: #b00020;
     border-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
     border-width: 2px
 }

 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
 .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
     border-color: #b00020;
     border-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-select--disabled {
     cursor: default;
     pointer-events: none
 }

 .mdc-select--with-leading-icon .mdc-floating-label {
     left: 48px;
     right: initial
 }

 [dir=rtl] .mdc-select--with-leading-icon .mdc-floating-label,
 .mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
     left: initial;
     right: 48px
 }

 .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item {
     padding-left: 12px;
     padding-right: 12px
 }

 [dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item,
 .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl] {
     padding-left: 12px;
     padding-right: 12px
 }

 .mdc-select--with-leading-icon.mdc-select--filled .mdc-floating-label {
     max-width: calc(100% - 96px)
 }

 .mdc-select--with-leading-icon.mdc-select--filled .mdc-floating-label--float-above {
     max-width: calc(100% / 0.75 - 96px / 0.75)
 }

 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label {
     left: 36px;
     right: initial
 }

 [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label,
 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label[dir=rtl] {
     left: initial;
     right: 36px
 }

 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
     -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
     transform: translateY(-37.25px) translateX(-32px) scale(1)
 }

 [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above,
 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl] {
     -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
     transform: translateY(-37.25px) translateX(32px) scale(1)
 }

 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
     font-size: .75rem
 }

 .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
     transform: translateY(-34.75px) translateX(-32px) scale(0.75)
 }

 [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
 [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
     -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
     transform: translateY(-34.75px) translateX(32px) scale(0.75)
 }

 .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     font-size: 1rem
 }

 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
     animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
     0% {
         -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
     0% {
         -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)
     }
 }

 [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake,
 .mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
     animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
     0% {
         -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
     0% {
         -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)
     }
 }

 .mdc-select--with-leading-icon.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
     max-width: calc(100% - 96px)
 }

 .mdc-select--filled .mdc-menu-surface--is-open-below {
     border-top-left-radius: 0px;
     border-top-right-radius: 0px
 }

 .mdc-select__menu .mdc-select__icon {
     margin-left: 0;
     margin-right: 0
 }

 [dir=rtl] .mdc-select__menu .mdc-select__icon,
 .mdc-select__menu .mdc-select__icon[dir=rtl] {
     margin-left: 0;
     margin-right: 0
 }

 .mdc-select__menu .mdc-list .mdc-list-item--selected,
 .mdc-select__menu .mdc-list .mdc-list-item--activated {
     color: #000;
     color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic,
 .mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic {
     color: #000;
     color: var(--mdc-theme-on-surface, #000)
 }

 @-webkit-keyframes mdc-slider-emphasize {
     0% {
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
     50% {
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         -webkit-transform: scale(0.85);
         transform: scale(0.85)
     }
     100% {
         -webkit-transform: scale(0.571);
         transform: scale(0.571)
     }
 }

 @keyframes mdc-slider-emphasize {
     0% {
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
     50% {
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         -webkit-transform: scale(0.85);
         transform: scale(0.85)
     }
     100% {
         -webkit-transform: scale(0.571);
         transform: scale(0.571)
     }
 }

 .mdc-slider {
     position: relative;
     width: 100%;
     height: 48px;
     cursor: pointer;
     touch-action: pan-x;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container::after {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786);
     opacity: .26
 }

 .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
     fill: #018786;
     fill: var(--mdc-theme-secondary, #018786);
     stroke: #018786;
     stroke: var(--mdc-theme-secondary, #018786)
 }

 .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
     color: #fff;
     color: var(--mdc-theme-text-primary-on-dark, white)
 }

 .mdc-slider--disable-touch-action {
     touch-action: none
 }

 .mdc-slider--disabled {
     cursor: auto
 }

 .mdc-slider--disabled .mdc-slider__track {
     background-color: #9a9a9a
 }

 .mdc-slider--disabled .mdc-slider__track-container::after {
     background-color: #9a9a9a;
     opacity: .26
 }

 .mdc-slider--disabled .mdc-slider__track-marker-container {
     background-color: #9a9a9a
 }

 .mdc-slider--disabled .mdc-slider__thumb {
     fill: #9a9a9a;
     stroke: #9a9a9a
 }

 .mdc-slider--disabled .mdc-slider__thumb {
     stroke: #fff;
     stroke: var(--mdc-slider-bg-color-behind-component, white)
 }

 .mdc-slider:focus {
     outline: none
 }

 .mdc-slider__track-container {
     position: absolute;
     top: 50%;
     width: 100%;
     height: 2px;
     overflow: hidden
 }

 .mdc-slider__track-container::after {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 100%;
     content: ""
 }

 .mdc-slider__track {
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-transform-origin: left top;
     transform-origin: left top;
     will-change: transform
 }

 .mdc-slider[dir=rtl] .mdc-slider__track,
 [dir=rtl] .mdc-slider .mdc-slider__track {
     -webkit-transform-origin: right top;
     transform-origin: right top
 }

 .mdc-slider__track-marker-container {
     display: flex;
     margin-right: 0;
     margin-left: -1px;
     visibility: hidden
 }

 .mdc-slider[dir=rtl] .mdc-slider__track-marker-container,
 [dir=rtl] .mdc-slider .mdc-slider__track-marker-container {
     margin-right: -1px;
     margin-left: 0
 }

 .mdc-slider__track-marker-container::after {
     display: block;
     width: 2px;
     height: 2px;
     content: ""
 }

 .mdc-slider__track-marker {
     flex: 1
 }

 .mdc-slider__track-marker::after {
     display: block;
     width: 2px;
     height: 2px;
     content: ""
 }

 .mdc-slider__track-marker:first-child::after {
     width: 3px
 }

 .mdc-slider__thumb-container {
     position: absolute;
     top: 15px;
     left: 0;
     width: 21px;
     height: 100%;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     will-change: transform
 }

 .mdc-slider__thumb {
     position: absolute;
     top: 0;
     left: 0;
     -webkit-transform: scale(0.571);
     transform: scale(0.571);
     stroke-width: 3.5;
     transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
     transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
     transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out
 }

 .mdc-slider__focus-ring {
     width: 21px;
     height: 21px;
     border-radius: 50%;
     opacity: 0;
     transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
     transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
     transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out
 }

 .mdc-slider__pin {
     display: flex;
     position: absolute;
     top: 0;
     left: 0;
     align-items: center;
     justify-content: center;
     width: 26px;
     height: 26px;
     margin-top: -2px;
     margin-left: -2px;
     -webkit-transform: rotate(-45deg) scale(0) translate(0, 0);
     transform: rotate(-45deg) scale(0) translate(0, 0);
     border-radius: 50% 50% 50% 0%;
     z-index: 1;
     transition: -webkit-transform 100ms ease-out;
     transition: transform 100ms ease-out;
     transition: transform 100ms ease-out, -webkit-transform 100ms ease-out
 }

 .mdc-slider__pin-value-marker {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
 }

 .mdc-slider--active .mdc-slider__thumb {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1)
 }

 .mdc-slider--focus .mdc-slider__thumb {
     -webkit-animation: mdc-slider-emphasize 266.67ms linear;
     animation: mdc-slider-emphasize 266.67ms linear
 }

 .mdc-slider--focus .mdc-slider__focus-ring {
     -webkit-transform: scale3d(1.55, 1.55, 1.55);
     transform: scale3d(1.55, 1.55, 1.55);
     opacity: .25
 }

 .mdc-slider--in-transit .mdc-slider__thumb {
     transition-delay: 140ms
 }

 .mdc-slider--in-transit .mdc-slider__thumb-container,
 .mdc-slider--in-transit .mdc-slider__track,
 .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
 .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
     transition: -webkit-transform 80ms ease;
     transition: transform 80ms ease;
     transition: transform 80ms ease, -webkit-transform 80ms ease
 }

 .mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
     -webkit-transform: scale(calc(12 / 21));
     transform: scale(calc(12 / 21))
 }

 .mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
     -webkit-transform: rotate(-45deg) scale(1) translate(19px, -20px);
     transform: rotate(-45deg) scale(1) translate(19px, -20px)
 }

 .mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
     -webkit-animation: none;
     animation: none
 }

 .mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
     visibility: visible
 }

 .mdc-snackbar {
     z-index: 8;
     margin: 8px;
     display: none;
     position: fixed;
     right: 0;
     bottom: 0;
     left: 0;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
     pointer-events: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-snackbar__surface {
     background-color: #333
 }

 .mdc-snackbar__label {
     color: rgba(255, 255, 255, .87)
 }

 .mdc-snackbar__surface {
     min-width: 344px
 }

 @media(max-width: 480px),
 (max-width: 344px) {
     .mdc-snackbar__surface {
         min-width: 100%
     }
 }

 .mdc-snackbar__surface {
     max-width: 672px
 }

 .mdc-snackbar__surface {
     box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, .12)
 }

 .mdc-snackbar__surface {
     border-radius: 4px;
     border-radius: var(--mdc-shape-small, 4px)
 }

 .mdc-snackbar--opening,
 .mdc-snackbar--open,
 .mdc-snackbar--closing {
     display: flex
 }

 .mdc-snackbar--leading {
     justify-content: flex-start
 }

 .mdc-snackbar--stacked .mdc-snackbar__label {
     padding-left: 16px;
     padding-right: 0;
     padding-bottom: 12px
 }

 [dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,
 .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] {
     padding-left: 0;
     padding-right: 16px
 }

 .mdc-snackbar--stacked .mdc-snackbar__surface {
     flex-direction: column;
     align-items: flex-start
 }

 .mdc-snackbar--stacked .mdc-snackbar__actions {
     align-self: flex-end;
     margin-bottom: 8px
 }

 .mdc-snackbar__surface {
     padding-left: 0;
     padding-right: 8px;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     box-sizing: border-box;
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
     opacity: 0
 }

 [dir=rtl] .mdc-snackbar__surface,
 .mdc-snackbar__surface[dir=rtl] {
     padding-left: 8px;
     padding-right: 0
 }

 .mdc-snackbar--open .mdc-snackbar__surface {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     pointer-events: auto;
     transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
     transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)
 }

 .mdc-snackbar--closing .mdc-snackbar__surface {
     -webkit-transform: scale(1);
     transform: scale(1);
     transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)
 }

 .mdc-snackbar__label {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit);
     padding-left: 16px;
     padding-right: 8px;
     width: 100%;
     flex-grow: 1;
     box-sizing: border-box;
     margin: 0;
     padding-top: 14px;
     padding-bottom: 14px
 }

 [dir=rtl] .mdc-snackbar__label,
 .mdc-snackbar__label[dir=rtl] {
     padding-left: 8px;
     padding-right: 16px
 }

 .mdc-snackbar__label::before {
     display: inline;
     content: attr(data-mdc-snackbar-label-text)
 }

 .mdc-snackbar__actions {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     box-sizing: border-box
 }

 .mdc-snackbar__action:not(:disabled) {
     color: #bb86fc
 }

 .mdc-snackbar__action::before,
 .mdc-snackbar__action::after {
     background-color: #bb86fc
 }

 .mdc-snackbar__action:hover::before {
     opacity: .08
 }

 .mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before,
 .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-snackbar__action.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.24
 }

 .mdc-snackbar__dismiss {
     color: rgba(255, 255, 255, .87)
 }

 .mdc-snackbar__dismiss::before,
 .mdc-snackbar__dismiss::after {
     background-color: rgba(255, 255, 255, .87)
 }

 .mdc-snackbar__dismiss:hover::before {
     opacity: .08
 }

 .mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before,
 .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-snackbar__dismiss.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.24
 }

 .mdc-snackbar__dismiss.mdc-snackbar__dismiss {
     width: 36px;
     height: 36px;
     padding: 9px;
     font-size: 1.8rem
 }

 .mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,
 .mdc-snackbar__dismiss.mdc-snackbar__dismiss img {
     width: 18px;
     height: 18px
 }

 .mdc-snackbar__action+.mdc-snackbar__dismiss {
     margin-left: 8px;
     margin-right: 0
 }

 [dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,
 .mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl] {
     margin-left: 0;
     margin-right: 8px
 }

 .mdc-switch__thumb-underlay {
     left: -18px;
     right: initial;
     top: -17px;
     width: 48px;
     height: 48px
 }

 [dir=rtl] .mdc-switch__thumb-underlay,
 .mdc-switch__thumb-underlay[dir=rtl] {
     left: initial;
     right: -18px
 }

 .mdc-switch__native-control {
     width: 68px;
     height: 48px
 }

 .mdc-switch {
     display: inline-block;
     position: relative;
     outline: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .mdc-switch.mdc-switch--checked .mdc-switch__track {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-switch.mdc-switch--checked .mdc-switch__thumb {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786);
     border-color: #018786;
     border-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
     background-color: #000;
     background-color: var(--mdc-theme-on-surface, #000)
 }

 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
     background-color: #fff;
     background-color: var(--mdc-theme-surface, #fff);
     border-color: #fff;
     border-color: var(--mdc-theme-surface, #fff)
 }

 .mdc-switch__native-control {
     left: 0;
     right: initial;
     position: absolute;
     top: 0;
     margin: 0;
     opacity: 0;
     cursor: pointer;
     pointer-events: auto;
     transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 [dir=rtl] .mdc-switch__native-control,
 .mdc-switch__native-control[dir=rtl] {
     left: initial;
     right: 0
 }

 .mdc-switch__track {
     box-sizing: border-box;
     width: 32px;
     height: 14px;
     border: 1px solid transparent;
     border-radius: 7px;
     opacity: .38;
     transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-switch__thumb-underlay {
     display: flex;
     position: absolute;
     align-items: center;
     justify-content: center;
     -webkit-transform: translateX(0);
     transform: translateX(0);
     transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-switch__thumb {
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
     box-sizing: border-box;
     width: 20px;
     height: 20px;
     border: 10px solid;
     border-radius: 50%;
     pointer-events: none;
     z-index: 1
 }

 .mdc-switch--checked .mdc-switch__track {
     opacity: .54
 }

 .mdc-switch--checked .mdc-switch__thumb-underlay {
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
 }

 [dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay,
 .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] {
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
 }

 .mdc-switch--checked .mdc-switch__native-control {
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
 }

 [dir=rtl] .mdc-switch--checked .mdc-switch__native-control,
 .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
 }

 .mdc-switch--disabled {
     opacity: .38;
     pointer-events: none
 }

 .mdc-switch--disabled .mdc-switch__thumb {
     border-width: 1px
 }

 .mdc-switch--disabled .mdc-switch__native-control {
     cursor: default;
     pointer-events: none
 }

 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before,
 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
     background-color: #9e9e9e
 }

 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before {
     opacity: .08
 }

 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before,
 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.24
 }

 .mdc-switch__thumb-underlay {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-switch__thumb-underlay::before,
 .mdc-switch__thumb-underlay::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-switch__thumb-underlay::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-switch__thumb-underlay::before,
 .mdc-switch__thumb-underlay::after {
     top: calc(50% - 50%);
     left: calc(50% - 50%);
     width: 100%;
     height: 100%
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before,
 .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
     top: var(--mdc-ripple-top, calc(50% - 50%));
     left: var(--mdc-ripple-left, calc(50% - 50%));
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-switch__thumb-underlay::before,
 .mdc-switch__thumb-underlay::after {
     background-color: #018786;
     background-color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-switch__thumb-underlay:hover::before {
     opacity: .04
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before,
 .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-tab {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-button-font-size, 0.875rem);
     line-height: 2.25rem;
     line-height: var(--mdc-typography-button-line-height, 2.25rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-button-font-weight, 500);
     letter-spacing: 0.0892857143em;
     letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
     text-decoration: none;
     -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
     text-decoration: var(--mdc-typography-button-text-decoration, none);
     text-transform: uppercase;
     text-transform: var(--mdc-typography-button-text-transform, uppercase);
     padding-right: 24px;
     padding-left: 24px;
     position: relative;
     display: flex;
     flex: 1 0 auto;
     justify-content: center;
     box-sizing: border-box;
     margin: 0;
     padding-top: 0;
     padding-bottom: 0;
     border: none;
     outline: none;
     background: none;
     text-align: center;
     white-space: nowrap;
     cursor: pointer;
     -webkit-appearance: none;
     z-index: 1
 }

 .mdc-tab .mdc-tab__text-label {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-tab .mdc-tab__icon {
     color: rgba(0, 0, 0, .54);
     fill: currentColor
 }

 .mdc-tab::-moz-focus-inner {
     padding: 0;
     border: 0
 }

 .mdc-tab--min-width {
     flex: 0 1 auto
 }

 .mdc-tab__content {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     height: inherit;
     pointer-events: none
 }

 .mdc-tab__text-label {
     transition: 150ms color linear;
     display: inline-block;
     line-height: 1;
     z-index: 2
 }

 .mdc-tab__icon {
     transition: 150ms color linear;
     width: 24px;
     height: 24px;
     font-size: 2.4rem;
     z-index: 2
 }

 .mdc-tab--stacked .mdc-tab__content {
     flex-direction: column;
     align-items: center;
     justify-content: center
 }

 .mdc-tab--stacked .mdc-tab__text-label {
     padding-top: 6px;
     padding-bottom: 4px
 }

 .mdc-tab--active .mdc-tab__text-label {
     color: #6200ee;
     color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-tab--active .mdc-tab__icon {
     color: #6200ee;
     color: var(--mdc-theme-primary, #6200ee);
     fill: currentColor
 }

 .mdc-tab--active .mdc-tab__text-label,
 .mdc-tab--active .mdc-tab__icon {
     transition-delay: 100ms
 }

 .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
     padding-left: 8px;
     padding-right: 0
 }

 [dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,
 .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl] {
     padding-left: 0;
     padding-right: 8px
 }

 .mdc-tab__ripple {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden
 }

 .mdc-tab__ripple::before,
 .mdc-tab__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-tab__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-tab__ripple.mdc-ripple-upgraded::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-tab__ripple.mdc-ripple-upgraded::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-tab__ripple::before,
 .mdc-tab__ripple::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-tab__ripple.mdc-ripple-upgraded::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-tab__ripple::before,
 .mdc-tab__ripple::after {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-tab__ripple:hover::before {
     opacity: .04
 }

 .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before,
 .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-tab__ripple.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.12
 }

 .mdc-tab-bar {
     width: 100%
 }

 .mdc-tab {
     height: 48px
 }

 .mdc-tab--stacked {
     height: 72px
 }

 .mdc-tab-indicator {
     display: flex;
     position: absolute;
     top: 0;
     left: 0;
     justify-content: center;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 1
 }

 .mdc-tab-indicator .mdc-tab-indicator__content--underline {
     border-color: #6200ee;
     border-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-tab-indicator .mdc-tab-indicator__content--icon {
     color: #018786;
     color: var(--mdc-theme-secondary, #018786)
 }

 .mdc-tab-indicator .mdc-tab-indicator__content--underline {
     border-top-width: 2px
 }

 .mdc-tab-indicator .mdc-tab-indicator__content--icon {
     height: 34px;
     font-size: 3.4rem
 }

 .mdc-tab-indicator__content {
     -webkit-transform-origin: left;
     transform-origin: left;
     opacity: 0
 }

 .mdc-tab-indicator__content--underline {
     align-self: flex-end;
     box-sizing: border-box;
     width: 100%;
     border-top-style: solid
 }

 .mdc-tab-indicator__content--icon {
     align-self: center;
     margin: 0 auto
 }

 .mdc-tab-indicator--active .mdc-tab-indicator__content {
     opacity: 1
 }

 .mdc-tab-indicator .mdc-tab-indicator__content {
     transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
     transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
     transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
     transition: none
 }

 .mdc-tab-indicator--fade .mdc-tab-indicator__content {
     transition: 150ms opacity linear
 }

 .mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
     transition-delay: 100ms
 }

 .mdc-tab-scroller {
     overflow-y: hidden
 }

 .mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
     transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
     transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
     transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-tab-scroller__test {
     position: absolute;
     top: -9999px;
     width: 100px;
     height: 100px;
     overflow-x: scroll
 }

 .mdc-tab-scroller__scroll-area {
     -webkit-overflow-scrolling: touch;
     display: flex;
     overflow-x: hidden
 }

 .mdc-tab-scroller__scroll-area::-webkit-scrollbar,
 .mdc-tab-scroller__test::-webkit-scrollbar {
     display: none
 }

 .mdc-tab-scroller__scroll-area--scroll {
     overflow-x: scroll
 }

 .mdc-tab-scroller__scroll-content {
     position: relative;
     display: flex;
     flex: 1 0 auto;
     -webkit-transform: none;
     transform: none;
     will-change: transform
 }

 .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
     justify-content: flex-start
 }

 .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
     justify-content: flex-end
 }

 .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
     justify-content: center
 }

 .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
     -webkit-overflow-scrolling: auto
 }

 .mdc-text-field--filled {
     --mdc-ripple-fg-size: 0;
     --mdc-ripple-left: 0;
     --mdc-ripple-top: 0;
     --mdc-ripple-fg-scale: 1;
     --mdc-ripple-fg-translate-end: 0;
     --mdc-ripple-fg-translate-start: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mdc-text-field--filled .mdc-text-field__ripple::before,
 .mdc-text-field--filled .mdc-text-field__ripple::after {
     position: absolute;
     border-radius: 50%;
     opacity: 0;
     pointer-events: none;
     content: ""
 }

 .mdc-text-field--filled .mdc-text-field__ripple::before {
     transition: opacity 15ms linear, background-color 15ms linear;
     z-index: 1
 }

 .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before {
     -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
     transform: scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
     top: 0;
     left: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: center center;
     transform-origin: center center
 }

 .mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
     top: var(--mdc-ripple-top, 0);
     left: var(--mdc-ripple-left, 0)
 }

 .mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
     -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
     animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
 }

 .mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after {
     -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
     animation: mdc-ripple-fg-opacity-out 150ms;
     -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
     transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
 }

 .mdc-text-field--filled .mdc-text-field__ripple::before,
 .mdc-text-field--filled .mdc-text-field__ripple::after {
     top: calc(50% - 100%);
     left: calc(50% - 100%);
     width: 200%;
     height: 200%
 }

 .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
     width: var(--mdc-ripple-fg-size, 100%);
     height: var(--mdc-ripple-fg-size, 100%)
 }

 .mdc-text-field__ripple {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none
 }

 .mdc-text-field {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     padding: 0 16px;
     display: inline-flex;
     align-items: baseline;
     position: relative;
     box-sizing: border-box;
     overflow: hidden;
     will-change: opacity, transform, color
 }

 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
     color: rgba(0, 0, 0, .87)
 }

 @media all {
     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
         color: rgba(0, 0, 0, .54)
     }
     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
         color: rgba(0, 0, 0, .54)
     }
     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
         color: rgba(0, 0, 0, .54)
     }
     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
         color: rgba(0, 0, 0, .54)
     }
 }

 @media all {
     .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
         color: rgba(0, 0, 0, .54)
     }
 }

 .mdc-text-field .mdc-text-field__input {
     caret-color: #6200ee;
     caret-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
 .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
     color: rgba(0, 0, 0, .54)
 }

 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
     color: rgba(0, 0, 0, .54)
 }

 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
     color: rgba(0, 0, 0, .6)
 }

 .mdc-text-field .mdc-floating-label {
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     pointer-events: none
 }

 .mdc-text-field.mdc-text-field--with-leading-icon {
     padding-left: 0;
     padding-right: 16px
 }

 [dir=rtl] .mdc-text-field.mdc-text-field--with-leading-icon,
 .mdc-text-field.mdc-text-field--with-leading-icon[dir=rtl] {
     padding-left: 16px;
     padding-right: 0
 }

 .mdc-text-field.mdc-text-field--with-trailing-icon {
     padding-left: 16px;
     padding-right: 0
 }

 [dir=rtl] .mdc-text-field.mdc-text-field--with-trailing-icon,
 .mdc-text-field.mdc-text-field--with-trailing-icon[dir=rtl] {
     padding-left: 0;
     padding-right: 16px
 }

 .mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
     padding-left: 0;
     padding-right: 0
 }

 [dir=rtl] .mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon,
 .mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon[dir=rtl] {
     padding-left: 0;
     padding-right: 0
 }

 .mdc-text-field__input {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
     letter-spacing: 0.009375em;
     letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
     height: 28px;
     transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
     width: 100%;
     min-width: 0;
     border: none;
     border-radius: 0;
     background: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding: 0
 }

 .mdc-text-field__input::-ms-clear {
     display: none
 }

 .mdc-text-field__input:focus {
     outline: none
 }

 .mdc-text-field__input:invalid {
     box-shadow: none
 }

 .mdc-text-field__input:-webkit-autofill {
     z-index: auto !important
 }

 @media all {
     .mdc-text-field__input::-webkit-input-placeholder {
         transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
         opacity: 0
     }
     .mdc-text-field__input:-ms-input-placeholder {
         transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
         opacity: 0
     }
     .mdc-text-field__input::-ms-input-placeholder {
         transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
         opacity: 0
     }
     .mdc-text-field__input::placeholder {
         transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
         opacity: 0
     }
 }

 @media all {
     .mdc-text-field__input:-ms-input-placeholder {
         transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
         opacity: 0
     }
 }

 @media all {
     .mdc-text-field--fullwidth .mdc-text-field__input::-webkit-input-placeholder,
     .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,
     .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
         transition-delay: 40ms;
         transition-duration: 110ms;
         opacity: 1
     }
     .mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,
     .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
     .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
         transition-delay: 40ms;
         transition-duration: 110ms;
         opacity: 1
     }
     .mdc-text-field--fullwidth .mdc-text-field__input::-ms-input-placeholder,
     .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder,
     .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder {
         transition-delay: 40ms;
         transition-duration: 110ms;
         opacity: 1
     }
     .mdc-text-field--fullwidth .mdc-text-field__input::placeholder,
     .mdc-text-field--no-label .mdc-text-field__input::placeholder,
     .mdc-text-field--focused .mdc-text-field__input::placeholder {
         transition-delay: 40ms;
         transition-duration: 110ms;
         opacity: 1
     }
 }

 @media all {
     .mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,
     .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
     .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
         transition-delay: 40ms;
         transition-duration: 110ms;
         opacity: 1
     }
 }

 .mdc-text-field__affix {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
     letter-spacing: 0.009375em;
     letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
     height: 28px;
     transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
     opacity: 0;
     white-space: nowrap
 }

 .mdc-text-field--label-floating .mdc-text-field__affix,
 .mdc-text-field--no-label .mdc-text-field__affix {
     opacity: 1
 }

 .mdc-text-field__affix--prefix {
     padding-left: 0;
     padding-right: 2px
 }

 [dir=rtl] .mdc-text-field__affix--prefix,
 .mdc-text-field__affix--prefix[dir=rtl] {
     padding-left: 2px;
     padding-right: 0
 }

 .mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
     padding-left: 0;
     padding-right: 12px
 }

 [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
 .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
     padding-left: 12px;
     padding-right: 0
 }

 .mdc-text-field__affix--suffix {
     padding-left: 12px;
     padding-right: 0
 }

 [dir=rtl] .mdc-text-field__affix--suffix,
 .mdc-text-field__affix--suffix[dir=rtl] {
     padding-left: 0;
     padding-right: 12px
 }

 .mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
     padding-left: 2px;
     padding-right: 0
 }

 [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
 .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
     padding-left: 0;
     padding-right: 2px
 }

 .mdc-text-field__input:-webkit-autofill+.mdc-floating-label {
     -webkit-transform: translateY(-50%) scale(0.75);
     transform: translateY(-50%) scale(0.75);
     cursor: auto
 }

 .mdc-text-field--filled {
     height: 56px
 }

 .mdc-text-field--filled .mdc-text-field__ripple::before,
 .mdc-text-field--filled .mdc-text-field__ripple::after {
     background-color: rgba(0, 0, 0, .87)
 }

 .mdc-text-field--filled:hover .mdc-text-field__ripple::before {
     opacity: .04
 }

 .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,
 .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
     transition-duration: 75ms;
     opacity: .12
 }

 .mdc-text-field--filled::before {
     display: inline-block;
     width: 0;
     height: 40px;
     content: "";
     vertical-align: 0
 }

 .mdc-text-field--filled:not(.mdc-text-field--disabled) {
     background-color: #f5f5f5
 }

 .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
     border-bottom-color: rgba(0, 0, 0, .42)
 }

 .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
     border-bottom-color: rgba(0, 0, 0, .87)
 }

 .mdc-text-field--filled .mdc-line-ripple::after {
     border-bottom-color: #6200ee;
     border-bottom-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-text-field--filled .mdc-floating-label {
     left: 16px;
     right: initial
 }

 [dir=rtl] .mdc-text-field--filled .mdc-floating-label,
 .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
     left: initial;
     right: 16px
 }

 .mdc-text-field--filled .mdc-floating-label--float-above {
     -webkit-transform: translateY(-106%) scale(0.75);
     transform: translateY(-106%) scale(0.75)
 }

 .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
     height: 100%
 }

 .mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
     display: none
 }

 .mdc-text-field--filled.mdc-text-field--no-label::before {
     display: none
 }

 .mdc-text-field--outlined {
     height: 56px;
     overflow: visible
 }

 .mdc-text-field--outlined .mdc-floating-label--float-above {
     -webkit-transform: translateY(-37.25px) scale(1);
     transform: translateY(-37.25px) scale(1)
 }

 .mdc-text-field--outlined .mdc-floating-label--float-above {
     font-size: .75rem
 }

 .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     -webkit-transform: translateY(-34.75px) scale(0.75);
     transform: translateY(-34.75px) scale(0.75)
 }

 .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     font-size: 1rem
 }

 .mdc-text-field--outlined .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
     animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)
     }
 }

 .mdc-text-field--outlined .mdc-text-field__input {
     height: 100%
 }

 .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
 .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
 .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
     border-color: rgba(0, 0, 0, .38)
 }

 .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
 .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
     border-color: rgba(0, 0, 0, .87)
 }

 .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
 .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
 .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
     border-color: #6200ee;
     border-color: var(--mdc-theme-primary, #6200ee)
 }

 .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
     border-top-left-radius: 4px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 4px
 }

 [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
     border-top-left-radius: 0;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 0
 }

 .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
     border-top-left-radius: 0;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 0
 }

 [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
 .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
     border-top-left-radius: 4px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 4px
 }

 .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
     padding-top: 1px
 }

 .mdc-text-field--outlined .mdc-text-field__ripple::before,
 .mdc-text-field--outlined .mdc-text-field__ripple::after {
     content: none
 }

 .mdc-text-field--outlined .mdc-floating-label {
     left: 4px;
     right: initial
 }

 [dir=rtl] .mdc-text-field--outlined .mdc-floating-label,
 .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
     left: initial;
     right: 4px
 }

 .mdc-text-field--outlined .mdc-text-field__input {
     display: flex;
     border: none !important;
     background-color: transparent
 }

 .mdc-text-field--textarea {
     flex-direction: column;
     align-items: center;
     width: auto;
     height: auto;
     padding: 0;
     transition: none
 }

 .mdc-text-field--textarea .mdc-floating-label {
     top: 19px
 }

 .mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
     -webkit-transform: none;
     transform: none
 }

 .mdc-text-field--textarea .mdc-text-field__input {
     flex-grow: 1;
     height: auto;
     min-height: 1.5rem;
     overflow-x: hidden;
     overflow-y: auto;
     box-sizing: border-box;
     resize: none;
     padding: 0 16px;
     line-height: 1.5rem
 }

 .mdc-text-field--textarea.mdc-text-field--filled::before {
     display: none
 }

 .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
     -webkit-transform: translateY(-10.25px) scale(0.75);
     transform: translateY(-10.25px) scale(0.75)
 }

 .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
     animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-textarea-filled {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)
     }
 }

 .mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
     margin-top: 23px;
     margin-bottom: 9px
 }

 .mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
     margin-top: 16px;
     margin-bottom: 16px
 }

 .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
     padding-top: 0
 }

 .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
     -webkit-transform: translateY(-27.25px) scale(1);
     transform: translateY(-27.25px) scale(1)
 }

 .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
     font-size: .75rem
 }

 .mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     -webkit-transform: translateY(-24.75px) scale(0.75);
     transform: translateY(-24.75px) scale(0.75)
 }

 .mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     font-size: 1rem
 }

 .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
     animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-textarea-outlined {
     0% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
         transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)
     }
 }

 .mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
     margin-top: 16px;
     margin-bottom: 16px
 }

 .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
     top: 18px
 }

 .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
     margin-bottom: 2px
 }

 .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
     align-self: flex-end;
     padding: 0 16px
 }

 .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
     display: inline-block;
     width: 0;
     height: 16px;
     content: "";
     vertical-align: -16px
 }

 .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
     display: none
 }

 .mdc-text-field__resizer {
     align-self: stretch;
     display: inline-flex;
     flex-direction: column;
     flex-grow: 1;
     max-height: 100%;
     max-width: 100%;
     min-height: 56px;
     min-width: -webkit-fit-content;
     min-width: -moz-fit-content;
     min-width: fit-content;
     min-width: -moz-available;
     min-width: -webkit-fill-available;
     overflow: hidden;
     resize: both
 }

 .mdc-text-field--filled .mdc-text-field__resizer {
     -webkit-transform: translateY(-1px);
     transform: translateY(-1px)
 }

 .mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
 .mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
     -webkit-transform: translateY(1px);
     transform: translateY(1px)
 }

 .mdc-text-field--outlined .mdc-text-field__resizer {
     -webkit-transform: translateX(-1px) translateY(-1px);
     transform: translateX(-1px) translateY(-1px)
 }

 [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,
 .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
     -webkit-transform: translateX(1px) translateY(-1px);
     transform: translateX(1px) translateY(-1px)
 }

 .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
 .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
     -webkit-transform: translateX(1px) translateY(1px);
     transform: translateX(1px) translateY(1px)
 }

 [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
 .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
 [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
 .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
     -webkit-transform: translateX(-1px) translateY(1px);
     transform: translateX(-1px) translateY(1px)
 }

 .mdc-text-field--fullwidth {
     padding: 0;
     width: 100%
 }

 .mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
     border-bottom-color: rgba(0, 0, 0, .42)
 }

 .mdc-text-field--fullwidth.mdc-text-field--disabled .mdc-line-ripple::before {
     border-bottom-color: rgba(0, 0, 0, .42)
 }

 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
     display: flex
 }

 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
     height: 100%
 }

 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-floating-label {
     display: none
 }

 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before {
     display: none
 }

 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__ripple::before,
 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__ripple::after {
     content: none
 }

 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
     background-color: transparent
 }

 .mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__resizer {
     resize: vertical
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
     max-width: calc(100% - 48px);
     left: 48px;
     right: initial
 }

 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,
 .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
     left: initial;
     right: 48px
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
     max-width: calc(100% / 0.75 - 64px / 0.75)
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
     left: 36px;
     right: initial
 }

 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,
 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
     left: initial;
     right: 36px
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
     max-width: calc(100% - 60px)
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
     -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
     transform: translateY(-37.25px) translateX(-32px) scale(1)
 }

 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,
 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
     -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
     transform: translateY(-37.25px) translateX(32px) scale(1)
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
     font-size: .75rem
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
     transform: translateY(-34.75px) translateX(-32px) scale(0.75)
 }

 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
     -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
     transform: translateY(-34.75px) translateX(32px) scale(0.75)
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     font-size: 1rem
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
     animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
     0% {
         -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
     0% {
         -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)
     }
 }

 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,
 .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
     -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
     animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
 }

 @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
     0% {
         -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)
     }
 }

 @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
     0% {
         -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)
     }
     33% {
         -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
         -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)
     }
     66% {
         -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
         -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)
     }
     100% {
         -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
         transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)
     }
 }

 .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
     max-width: calc(100% - 64px)
 }

 .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
     max-width: calc(100% / 0.75 - 64px / 0.75)
 }

 .mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
     max-width: calc(100% - 60px)
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
     max-width: calc(100% - 96px)
 }

 .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
     max-width: calc(100% / 0.75 - 96px / 0.75)
 }

 .mdc-text-field-helper-line {
     display: flex;
     justify-content: space-between;
     box-sizing: border-box
 }

 .mdc-text-field+.mdc-text-field-helper-line {
     padding-right: 16px;
     padding-left: 16px
 }

 .mdc-form-field>.mdc-text-field+label {
     align-self: flex-start
 }

 .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
     color: rgba(98, 0, 238, .87)
 }

 .mdc-text-field--focused .mdc-notched-outline__leading,
 .mdc-text-field--focused .mdc-notched-outline__notch,
 .mdc-text-field--focused .mdc-notched-outline__trailing {
     border-width: 2px
 }

 .mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
     opacity: 1
 }

 .mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
     padding-top: 2px
 }

 .mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
     padding-top: 0
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
     border-bottom-color: #b00020;
     border-bottom-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
     border-bottom-color: #b00020;
     border-bottom-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
     color: #b00020;
     color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
     color: #b00020;
     color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid .mdc-text-field__input {
     caret-color: #b00020;
     caret-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
     color: #b00020;
     color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
     border-bottom-color: #b00020;
     border-bottom-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
     border-color: #b00020;
     border-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
 .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
 .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
     border-color: #b00020;
     border-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
 .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
 .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
     border-color: #b00020;
     border-color: var(--mdc-theme-error, #b00020)
 }

 .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
     opacity: 1
 }

 .mdc-text-field--disabled {
     pointer-events: none
 }

 .mdc-text-field--disabled .mdc-text-field__input {
     color: rgba(0, 0, 0, .38)
 }

 @media all {
     .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
         color: rgba(0, 0, 0, .38)
     }
     .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
         color: rgba(0, 0, 0, .38)
     }
     .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
         color: rgba(0, 0, 0, .38)
     }
     .mdc-text-field--disabled .mdc-text-field__input::placeholder {
         color: rgba(0, 0, 0, .38)
     }
 }

 @media all {
     .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
         color: rgba(0, 0, 0, .38)
     }
 }

 .mdc-text-field--disabled .mdc-floating-label {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-text-field--disabled .mdc-text-field-character-counter,
 .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-text-field--disabled .mdc-text-field__icon--leading {
     color: rgba(0, 0, 0, .3)
 }

 .mdc-text-field--disabled .mdc-text-field__icon--trailing {
     color: rgba(0, 0, 0, .3)
 }

 .mdc-text-field--disabled .mdc-text-field__affix--prefix {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-text-field--disabled .mdc-text-field__affix--suffix {
     color: rgba(0, 0, 0, .38)
 }

 .mdc-text-field--disabled .mdc-line-ripple::before {
     border-bottom-color: rgba(0, 0, 0, .06)
 }

 .mdc-text-field--disabled .mdc-notched-outline__leading,
 .mdc-text-field--disabled .mdc-notched-outline__notch,
 .mdc-text-field--disabled .mdc-notched-outline__trailing {
     border-color: rgba(0, 0, 0, .06)
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
         color: GrayText
     }
     .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
         color: GrayText
     }
     .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
         color: GrayText
     }
     .mdc-text-field--disabled .mdc-text-field__input::placeholder {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-floating-label {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-text-field-character-counter,
     .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-text-field__icon--leading {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-text-field__icon--trailing {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-text-field__affix--prefix {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-text-field__affix--suffix {
         color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-line-ripple::before {
         border-bottom-color: GrayText
     }
 }

 @media screen and (-ms-high-contrast: active) {
     .mdc-text-field--disabled .mdc-notched-outline__leading,
     .mdc-text-field--disabled .mdc-notched-outline__notch,
     .mdc-text-field--disabled .mdc-notched-outline__trailing {
         border-color: GrayText
     }
 }

 .mdc-text-field--disabled .mdc-floating-label {
     cursor: default
 }

 .mdc-text-field--disabled.mdc-text-field--filled {
     background-color: #fafafa
 }

 .mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
     display: none
 }

 .mdc-text-field--disabled .mdc-text-field__input {
     pointer-events: auto
 }

 .mdc-text-field--end-aligned .mdc-text-field__input {
     text-align: right
 }

 [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,
 .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
     text-align: left
 }

 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
     direction: ltr
 }

 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
     padding-left: 0;
     padding-right: 2px
 }

 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
     padding-left: 12px;
     padding-right: 0
 }

 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
     order: 1
 }

 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
     order: 2
 }

 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
     order: 3
 }

 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
     order: 4
 }

 [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,
 .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
     order: 5
 }

 [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,
 .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
     text-align: right
 }

 [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
 .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
     padding-right: 12px
 }

 [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
 .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
     padding-left: 2px
 }

 .mdc-text-field-helper-text {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.75rem;
     font-size: var(--mdc-typography-caption-font-size, 0.75rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-caption-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-caption-font-weight, 400);
     letter-spacing: 0.0333333333em;
     letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-caption-text-transform, inherit);
     display: block;
     margin-top: 0;
     line-height: normal;
     margin: 0;
     opacity: 0;
     will-change: opacity;
     transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-text-field-helper-text::before {
     display: inline-block;
     width: 0;
     height: 16px;
     content: "";
     vertical-align: 0
 }

 .mdc-text-field-helper-text--persistent {
     transition: none;
     opacity: 1;
     will-change: initial
 }

 .mdc-text-field-character-counter {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.75rem;
     font-size: var(--mdc-typography-caption-font-size, 0.75rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-caption-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-caption-font-weight, 400);
     letter-spacing: 0.0333333333em;
     letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-caption-text-transform, inherit);
     display: block;
     margin-top: 0;
     line-height: normal;
     margin-left: auto;
     margin-right: 0;
     padding-left: 16px;
     padding-right: 0;
     white-space: nowrap
 }

 .mdc-text-field-character-counter::before {
     display: inline-block;
     width: 0;
     height: 16px;
     content: "";
     vertical-align: 0
 }

 [dir=rtl] .mdc-text-field-character-counter,
 .mdc-text-field-character-counter[dir=rtl] {
     margin-left: 0;
     margin-right: auto
 }

 [dir=rtl] .mdc-text-field-character-counter,
 .mdc-text-field-character-counter[dir=rtl] {
     padding-left: 0;
     padding-right: 16px
 }

 .mdc-text-field__icon {
     align-self: center;
     cursor: pointer
 }

 .mdc-text-field__icon:not([tabindex]),
 .mdc-text-field__icon[tabindex="-1"] {
     cursor: default;
     pointer-events: none
 }

 .mdc-text-field__icon svg {
     display: block
 }

 .mdc-text-field__icon--leading {
     margin-left: 16px;
     margin-right: 8px
 }

 [dir=rtl] .mdc-text-field__icon--leading,
 .mdc-text-field__icon--leading[dir=rtl] {
     margin-left: 8px;
     margin-right: 16px
 }

 .mdc-text-field__icon--trailing {
     margin-left: 12px;
     margin-right: 12px
 }

 [dir=rtl] .mdc-text-field__icon--trailing,
 .mdc-text-field__icon--trailing[dir=rtl] {
     margin-left: 12px;
     margin-right: 12px
 }

 :root {
     --mdc-theme-primary: #6200ee;
     --mdc-theme-secondary: transparent;
     --mdc-theme-background: #fff;
     --mdc-theme-surface: #fff;
     --mdc-theme-error: #b00020;
     --mdc-theme-on-primary: #fff;
     --mdc-theme-on-secondary: #fff;
     --mdc-theme-on-surface: #000;
     --mdc-theme-on-error: #fff;
     --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
     --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
     --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
     --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
     --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
     --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
     --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
     --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
     --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
     --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
     --mdc-theme-text-primary-on-dark: white;
     --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
     --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
     --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
     --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5)
 }

 .mdc-theme--primary {
     color: #6200ee !important;
     color: var(--mdc-theme-primary, #6200ee) !important
 }

 .mdc-theme--secondary {
     color: #018786 !important;
     color: var(--mdc-theme-secondary, #018786) !important
 }

 .mdc-theme--background {
     background-color: #fff;
     background-color: var(--mdc-theme-background, #fff)
 }

 .mdc-theme--surface {
     background-color: #fff;
     background-color: var(--mdc-theme-surface, #fff)
 }

 .mdc-theme--error {
     color: #b00020 !important;
     color: var(--mdc-theme-error, #b00020) !important
 }

 .mdc-theme--on-primary {
     color: #fff !important;
     color: var(--mdc-theme-on-primary, #fff) !important
 }

 .mdc-theme--on-secondary {
     color: #fff !important;
     color: var(--mdc-theme-on-secondary, #fff) !important
 }

 .mdc-theme--on-surface {
     color: #000 !important;
     color: var(--mdc-theme-on-surface, #000) !important
 }

 .mdc-theme--on-error {
     color: #fff !important;
     color: var(--mdc-theme-on-error, #fff) !important
 }

 .mdc-theme--text-primary-on-background {
     color: rgba(0, 0, 0, .87) !important;
     color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important
 }

 .mdc-theme--text-secondary-on-background {
     color: rgba(0, 0, 0, .54) !important;
     color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important
 }

 .mdc-theme--text-hint-on-background {
     color: rgba(0, 0, 0, .38) !important;
     color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important
 }

 .mdc-theme--text-disabled-on-background {
     color: rgba(0, 0, 0, .38) !important;
     color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important
 }

 .mdc-theme--text-icon-on-background {
     color: rgba(0, 0, 0, .38) !important;
     color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important
 }

 .mdc-theme--text-primary-on-light {
     color: rgba(0, 0, 0, .87) !important;
     color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important
 }

 .mdc-theme--text-secondary-on-light {
     color: rgba(0, 0, 0, .54) !important;
     color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important
 }

 .mdc-theme--text-hint-on-light {
     color: rgba(0, 0, 0, .38) !important;
     color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important
 }

 .mdc-theme--text-disabled-on-light {
     color: rgba(0, 0, 0, .38) !important;
     color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important
 }

 .mdc-theme--text-icon-on-light {
     color: rgba(0, 0, 0, .38) !important;
     color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important
 }

 .mdc-theme--text-primary-on-dark {
     color: #fff !important;
     color: var(--mdc-theme-text-primary-on-dark, white) !important
 }

 .mdc-theme--text-secondary-on-dark {
     color: rgba(255, 255, 255, .7) !important;
     color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important
 }

 .mdc-theme--text-hint-on-dark {
     color: rgba(255, 255, 255, .5) !important;
     color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important
 }

 .mdc-theme--text-disabled-on-dark {
     color: rgba(255, 255, 255, .5) !important;
     color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important
 }

 .mdc-theme--text-icon-on-dark {
     color: rgba(255, 255, 255, .5) !important;
     color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important
 }

 .mdc-theme--primary-bg {
     background-color: #6200ee !important;
     background-color: var(--mdc-theme-primary, #6200ee) !important
 }

 .mdc-theme--secondary-bg {
     background-color: #018786 !important;
     background-color: var(--mdc-theme-secondary, #018786) !important
 }

 .mdc-top-app-bar {
     background-color: #6200ee;
     background-color: var(--mdc-theme-primary, #6200ee);
     color: #fff;
     display: flex;
     position: fixed;
     flex-direction: column;
     justify-content: space-between;
     box-sizing: border-box;
     width: 100%;
     z-index: 4
 }

 .mdc-top-app-bar .mdc-top-app-bar__action-item,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
     color: #fff;
     color: var(--mdc-theme-on-primary, #fff)
 }

 .mdc-top-app-bar .mdc-top-app-bar__action-item::before,
 .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
     background-color: #fff;
     background-color: var(--mdc-theme-on-primary, #fff)
 }

 .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before {
     opacity: .08
 }

 .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before,
 .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
     transition: opacity 150ms linear
 }

 .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
     transition-duration: 75ms;
     opacity: .24
 }

 .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
 .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
     --mdc-ripple-fg-opacity: 0.24
 }

 .mdc-top-app-bar__row {
     display: flex;
     position: relative;
     box-sizing: border-box;
     width: 100%;
     height: 64px
 }

 .mdc-top-app-bar__section {
     display: inline-flex;
     flex: 1 1 auto;
     align-items: center;
     min-width: 0;
     padding: 8px 12px;
     z-index: 1
 }

 .mdc-top-app-bar__section--align-start {
     justify-content: flex-start;
     order: -1
 }

 .mdc-top-app-bar__section--align-end {
     justify-content: flex-end;
     order: 1
 }

 .mdc-top-app-bar__title {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1.25rem;
     font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
     line-height: 2rem;
     line-height: var(--mdc-typography-headline6-line-height, 2rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-headline6-font-weight, 500);
     letter-spacing: 0.0125em;
     letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline6-text-transform, inherit);
     padding-left: 20px;
     padding-right: 0;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     z-index: 1
 }

 [dir=rtl] .mdc-top-app-bar__title,
 .mdc-top-app-bar__title[dir=rtl] {
     padding-left: 0;
     padding-right: 20px
 }

 .mdc-top-app-bar--short-collapsed {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 24px;
     border-bottom-left-radius: 0
 }

 [dir=rtl] .mdc-top-app-bar--short-collapsed,
 .mdc-top-app-bar--short-collapsed[dir=rtl] {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 24px
 }

 .mdc-top-app-bar--short {
     top: 0;
     right: auto;
     left: 0;
     width: 100%;
     transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 [dir=rtl] .mdc-top-app-bar--short,
 .mdc-top-app-bar--short[dir=rtl] {
     right: 0;
     left: auto
 }

 .mdc-top-app-bar--short .mdc-top-app-bar__row {
     height: 56px
 }

 .mdc-top-app-bar--short .mdc-top-app-bar__section {
     padding: 4px
 }

 .mdc-top-app-bar--short .mdc-top-app-bar__title {
     transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
     opacity: 1
 }

 .mdc-top-app-bar--short-collapsed {
     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
     width: 56px;
     transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
     display: none
 }

 .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
     transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1)
 }

 .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
     width: 112px
 }

 .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
     padding-left: 0;
     padding-right: 12px
 }

 [dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end,
 .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] {
     padding-left: 12px;
     padding-right: 0
 }

 .mdc-top-app-bar--dense .mdc-top-app-bar__row {
     height: 48px
 }

 .mdc-top-app-bar--dense .mdc-top-app-bar__section {
     padding: 0 4px
 }

 .mdc-top-app-bar--dense .mdc-top-app-bar__title {
     padding-left: 12px;
     padding-right: 0
 }

 [dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title,
 .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
     padding-left: 0;
     padding-right: 12px
 }

 .mdc-top-app-bar--prominent .mdc-top-app-bar__row {
     height: 128px
 }

 .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
     align-self: flex-end;
     padding-bottom: 2px
 }

 .mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
 .mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
     align-self: flex-start
 }

 .mdc-top-app-bar--fixed {
     transition: box-shadow 200ms linear
 }

 .mdc-top-app-bar--fixed-scrolled {
     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
     transition: box-shadow 200ms linear
 }

 .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
     height: 96px
 }

 .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
     padding: 0 12px
 }

 .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
     padding-left: 20px;
     padding-right: 0;
     padding-bottom: 9px
 }

 [dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title,
 .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] {
     padding-left: 0;
     padding-right: 20px
 }

 .mdc-top-app-bar--fixed-adjust {
     padding-top: 64px
 }

 .mdc-top-app-bar--dense-fixed-adjust {
     padding-top: 48px
 }

 .mdc-top-app-bar--short-fixed-adjust {
     padding-top: 56px
 }

 .mdc-top-app-bar--prominent-fixed-adjust {
     padding-top: 128px
 }

 .mdc-top-app-bar--dense-prominent-fixed-adjust {
     padding-top: 96px
 }

 @media(max-width: 599px) {
     .mdc-top-app-bar__row {
         height: 56px
     }
     .mdc-top-app-bar__section {
         padding: 4px
     }
     .mdc-top-app-bar--short {
         transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1)
     }
     .mdc-top-app-bar--short-collapsed {
         transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1)
     }
     .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
         padding-left: 0;
         padding-right: 12px
     }
     [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end,
     .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] {
         padding-left: 12px;
         padding-right: 0
     }
     .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
         padding-bottom: 6px
     }
     .mdc-top-app-bar--fixed-adjust {
         padding-top: 56px
     }
 }

 .mdc-typography {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-font-family, Roboto, sans-serif)
 }

 .mdc-typography--headline1 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 6rem;
     font-size: var(--mdc-typography-headline1-font-size, 6rem);
     line-height: 6rem;
     line-height: var(--mdc-typography-headline1-line-height, 6rem);
     font-weight: 300;
     font-weight: var(--mdc-typography-headline1-font-weight, 300);
     letter-spacing: -0.015625em;
     letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline1-text-transform, inherit)
 }

 .mdc-typography--headline2 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 3.75rem;
     font-size: var(--mdc-typography-headline2-font-size, 3.75rem);
     line-height: 3.75rem;
     line-height: var(--mdc-typography-headline2-line-height, 3.75rem);
     font-weight: 300;
     font-weight: var(--mdc-typography-headline2-font-weight, 300);
     letter-spacing: -0.0083333333em;
     letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline2-text-transform, inherit)
 }

 .mdc-typography--headline3 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 3rem;
     font-size: var(--mdc-typography-headline3-font-size, 3rem);
     line-height: 3.125rem;
     line-height: var(--mdc-typography-headline3-line-height, 3.125rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-headline3-font-weight, 400);
     letter-spacing: normal;
     letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline3-text-transform, inherit)
 }

 .mdc-typography--headline4 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 2.125rem;
     font-size: var(--mdc-typography-headline4-font-size, 2.125rem);
     line-height: 2.5rem;
     line-height: var(--mdc-typography-headline4-line-height, 2.5rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-headline4-font-weight, 400);
     letter-spacing: 0.0073529412em;
     letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline4-text-transform, inherit)
 }

 .mdc-typography--headline5 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1.5rem;
     font-size: var(--mdc-typography-headline5-font-size, 1.5rem);
     line-height: 2rem;
     line-height: var(--mdc-typography-headline5-line-height, 2rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-headline5-font-weight, 400);
     letter-spacing: normal;
     letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline5-text-transform, inherit)
 }

 .mdc-typography--headline6 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1.25rem;
     font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
     line-height: 2rem;
     line-height: var(--mdc-typography-headline6-line-height, 2rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-headline6-font-weight, 500);
     letter-spacing: 0.0125em;
     letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
     text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-headline6-text-transform, inherit)
 }

 .mdc-typography--subtitle1 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
     line-height: 1.75rem;
     line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
     letter-spacing: 0.009375em;
     letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle1-text-transform, inherit)
 }

 .mdc-typography--subtitle2 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
     line-height: 1.375rem;
     line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
     letter-spacing: 0.0071428571em;
     letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-subtitle2-text-transform, inherit)
 }

 .mdc-typography--body1 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 1rem;
     font-size: var(--mdc-typography-body1-font-size, 1rem);
     line-height: 1.5rem;
     line-height: var(--mdc-typography-body1-line-height, 1.5rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body1-font-weight, 400);
     letter-spacing: 0.03125em;
     letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body1-text-transform, inherit)
 }

 .mdc-typography--body2 {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-body2-font-size, 0.875rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-body2-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-body2-font-weight, 400);
     letter-spacing: 0.0178571429em;
     letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-body2-text-transform, inherit)
 }

 .mdc-typography--caption {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.75rem;
     font-size: var(--mdc-typography-caption-font-size, 0.75rem);
     line-height: 1.25rem;
     line-height: var(--mdc-typography-caption-line-height, 1.25rem);
     font-weight: 400;
     font-weight: var(--mdc-typography-caption-font-weight, 400);
     letter-spacing: 0.0333333333em;
     letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
     text-decoration: inherit;
     -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
     text-transform: inherit;
     text-transform: var(--mdc-typography-caption-text-transform, inherit)
 }

 .mdc-typography--button {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.875rem;
     font-size: var(--mdc-typography-button-font-size, 0.875rem);
     line-height: 2.25rem;
     line-height: var(--mdc-typography-button-line-height, 2.25rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-button-font-weight, 500);
     letter-spacing: 0.0892857143em;
     letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
     text-decoration: none;
     -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
     text-decoration: var(--mdc-typography-button-text-decoration, none);
     text-transform: uppercase;
     text-transform: var(--mdc-typography-button-text-transform, uppercase)
 }

 .mdc-typography--overline {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
     font-size: 0.75rem;
     font-size: var(--mdc-typography-overline-font-size, 0.75rem);
     line-height: 2rem;
     line-height: var(--mdc-typography-overline-line-height, 2rem);
     font-weight: 500;
     font-weight: var(--mdc-typography-overline-font-weight, 500);
     letter-spacing: 0.1666666667em;
     letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
     text-decoration: none;
     -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
     text-decoration: var(--mdc-typography-overline-text-decoration, none);
     text-transform: uppercase;
     text-transform: var(--mdc-typography-overline-text-transform, uppercase)
 }

 html {
     scroll-behavior: smooth;
 }

 .disc-back-to-content {
     display: none;
     padding-left: 20px;
 }

 p.disc-anchor>a:first-of-type {
     display: block;
     position: relative;
     top: -100px;
     visibility: hidden;
 }

 .disc-selected {
     background-color: lightgoldenrodyellow;
 }

 .disc-selected:focus,
 .disclaimer-sup:focus,
 .disc-anchor:focus {
     outline: solid 2px var(--truNeutral500);
 }

 .disc-back-to-content a:focus {
     outline: 2px solid var(--truNeutral500);
     outline-offset: 2px;
 }

 .wistia_swatch {
     overflow: auto !important;
 }

 @font-face {
     font-family: 'truist-icons';
     src: url('clientlib-site/resources/fonts/truist-icons.eot');
     src: url('clientlib-site/resources/fonts/truist-icons.eot#iefix') format('embedded-opentype'), url('clientlib-site/resources/fonts/truist-icons.woff2') format('woff2'), url('clientlib-site/resources/fonts/truist-icons.woff') format('woff'), url('clientlib-site/resources/fonts/truist-icons.ttf') format('truetype'), url('clientlib-site/resources/fonts/truist-icons.svg#truist-icons') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'truist-icons-media';
     src: url('clientlib-site/resources/fonts/truist-icons-media.eot');
     src: url('clientlib-site/resources/fonts/truist-icons-media.eot?#iefix') format('embedded-opentype'), url('clientlib-site/resources/fonts/truist-icons-media.woff') format('woff'), url('clientlib-site/fonts/truist-icons-media.ttf') format('truetype'), url('clientlib-site/resources/fonts/truist-icons-media.svg#truist-icons') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

 /*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'truist-icons';
    src: url('clientlib-site/font/truist-icons.svg?55290112#truist-icons') format('svg');
  }
}
*/

 [class^="icon-"]:before,
 [class*=" icon-"]:before,
 [class^="icon-"]:after,
 [class*=" icon-"]:after,
 [class^="truist--icon-"]:before,
 [class*=" truist--icon-"]:before,
 [class^="truist--icon-"]:after,
 [class*=" truist--icon-"]:after {
     font-family: "truist-icons", "truist-icons-media";
     font-style: normal;
     font-weight: normal;
     font-size: 1.6rem;
     speak: never;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     margin-right: .2em;
     text-align: center;
     /* opacity: .8; */
     /* For safety - reset parent styles, that can break glyph codes*/
     font-variant: normal;
     text-transform: none;
     /* fix buttons height, for twitter bootstrap */
     line-height: 1em;
     /* Animation center compensation - margins should be symmetric */
     /* remove if not needed */
     margin-left: .2em;
     /* you can be more comfortable with increased icons size */
     /* font-size: 120%; */
     /* Font smoothing. That was taken from TWBS */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     /* Uncomment for 3D effect */
     /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }

 .icon-media-article:before,
 .icon-media-Article:before {
     content: '\0041';
 }

 .icon-media-podcast:before,
 .icon-media-Podcast:before {
     content: '\0042';
 }

 .icon-media-infographic:before,
 .icon-media-Infographic:before {
     content: '\0043';
 }

 .icon-media-video:before,
 .icon-media-Video:before {
     content: '\0044';
 }

 .icon-account-details:before {
     content: '\e800';
 }

 .icon-accounts:before {
     content: '\e801';
 }

 .icon-alert:before {
     content: '\e802';
 }

 .icon-applications:before {
     content: '\e803';
 }

 .icon-approvals:before {
     content: '\e804';
 }

 .icon-arrow-down:before {
     content: '\e805';
 }

 .icon-arrow-left:before {
     content: '\e806';
 }

 .icon-arrow-right:before {
     content: '\e807';
 }

 .icon-arrow-up:before {
     content: '\e808';
 }

 .icon-bell:before {
     content: '\e809';
 }

 .icon-calendar:before {
     content: '\e80a';
 }

 .icon-camera:before {
     content: '\e80b';
 }

 .icon-carat-down:before {
     content: '\e80c';
 }

 .icon-carat-left:before {
     content: '\e80d';
 }

 .icon-carat-right:before {
     content: '\e80e';
 }

 .icon-check:before {
     content: '\e80f';
 }

 .icon-carat-up:before {
     content: '\e810';
 }

 .icon-checkmark:before {
     content: '\e811';
 }

 .icon-close:before {
     content: '\e812';
 }

 .icon-dashboard:before {
     content: '\e813';
 }

 .icon-documents:before {
     content: '\e814';
 }

 .icon-deals:before {
     content: '\e815';
 }

 .icon-download:before {
     content: '\e816';
 }

 .icon-dollar-sign:before {
     content: '\e817';
 }

 .icon-fail:before {
     content: '\e818';
 }

 .icon-hamburger:before {
     content: '\e819';
 }

 .icon-edit:before {
     content: '\e81a';
 }

 .icon-help:before {
     content: '\e81b';
 }

 .icon-home:before {
     content: '\e81c';
 }

 .icon-hide:before {
     content: '\e81d';
 }

 .icon-info:before {
     content: '\e81e';
 }

 .icon-list:before {
     content: '\e81f';
 }

 .icon-location:before {
     content: '\e820';
 }

 .icon-lock:before {
     content: '\e821';
 }

 .icon-messages:before {
     content: '\e822';
 }

 .icon-new-tab:before {
     content: '\e823';
 }

 .icon-notification:before {
     content: '\e824';
 }

 .icon-plus:before {
     content: '\e825';
 }

 .icon-profile:before {
     content: '\e826';
 }

 .icon-refresh:before {
     content: '\e827';
 }

 .icon-search:before {
     content: '\e828';
 }

 .icon-more-horiz:before {
     content: '\e829';
 }

 .icon-security:before {
     content: '\e82a';
 }

 .icon-settings:before {
     content: '\e82b';
 }

 .icon-show:before {
     content: '\e82c';
 }

 .icon-signout:before {
     content: '\e82d';
 }

 .icon-more-vert:before {
     content: '\e82e';
 }

 .icon-sort:before {
     content: '\e82f';
 }

 .icon-support:before {
     content: '\e830';
 }

 .icon-transfers:before {
     content: '\e831';
 }

 .icon-unlock:before {
     content: '\e832';
 }

 .icon-upload:before {
     content: '\e833';
 }

 .icon-planning:before {
     content: '\e834';
 }

 .icon-success:before {
     content: '\e835';
 }

 .icon-warning:before {
     content: '\e836';
 }

 .skip-main {
     display: block;
 }

 /*skip anchor*/

 a.skip-main,
 .skip-main,
 .truist_button-ada--pause {
     position: absolute;
     top: auto;
     width: 1px;
     height: 1px;
     overflow: hidden;
     z-index: -999;
 }

 a.skip-main:focus,
 a.skip-main:active,
 .skip-main:focus,
 .skip-main:active,
 .truist_button-ada--pause:focus,
 .truist_button-ada--pause:active {
     background: #7C6992 !important;
     border: 2px solid #7C6992 !important;
     color: #fff !important;
     text-align: center !important;
     padding: 1.5rem 2rem !important;
     width: auto !important;
     font-size: 1.8rem !important;
     line-height: 1em !important;
     border-radius: .4rem !important;
     text-decoration: none !important;
     transition: all .15s ease-in;
     outline: 1px solid #fff !important;
     outline-offset: -4px !important;
     font-weight: var(--truFontWtRg);
     height: auto;
     overflow: auto;
     z-index: 1;
     display: block;
 }

 a.skip-main:focus,
 a.skip-main:active,
 .skip-main:focus,
 .skip-main:active {
     z-index: 999;
 }

 @media screen and (max-width: 768px) {
     .skipcontent {
         display: none;
     }
 }

 :root {
     --breakpoint-xxs: 0;
     --breakpoint-xs: 375px;
     --breakpoint-sm: 768px;
     --breakpoint-md: 1024px;
     --breakpoint-lg: 1365px;
     --breakpoint-xl: 1600px;
     --breakpoint-xxl: 1928px;
     --truFontFamRg: "Truist Trio Var", "Arial", sans-serif;
     --truFontFamLt: "Truist Trio Var", "Arial", sans-serif;
     --truFontFamBd: "Truist Trio Var", "Arial", sans-serif;
     --truFontFamXBd: "Truist Trio Var", "Arial", sans-serif;
     --truFontWt100: 100;
     --truFontWt200: 200;
     --truFontWt300: 300;
     --truFontWt400: 400;
     --truFontWt500: 500;
     --truFontWt600: 600;
     --truFontWt700: 700;
     --truFontWt800: 800;
     --truFontWt900: 900;
     --truFontWt1000: 1000;
     --truFontWtLt: var(--truFontWt300);
     --truFontWtRg: var(--truFontWt400);
     --truFontWtBd: var(--truFontWt700);
     --truFontWtXBd: var(--truFontWt1000);
     /* 768 - 1600 */
     --truTxtSize1: clamp(3.6rem, calc(2.059rem - -2.007vw), 4.8rem);
     --truTxtSize2: clamp(2.8rem, calc(1.773rem - -1.338vw), 3.6rem);
     --truTxtSize3: clamp(2.4rem, calc(1.886rem - -0.669vw), 2.8rem);
     --truTxtSize4: clamp(2rem, calc(1.486rem - -0.669vw), 2.4rem);
     --truTxtSize5: clamp(1.8rem, calc(1.543rem - -0.334vw), 2rem);
     --truTxtSize6: clamp(1.6rem, calc(1.343rem - -0.334vw), 1.8rem);
     --truTxtSizeBdy: 1.6rem;
     --truTxtSizeMicro: 1.4rem;
     --truTxtSizeNano: 1.2rem;
     /* Line height is font-size + 6px */
     --truLnHght1: calc(var(--truTxtSize1) - -6px);
     --truLnHght2: calc(var(--truTxtSize2) - -6px);
     --truLnHght3: calc(var(--truTxtSize3) - -6px);
     --truLnHght4: calc(var(--truTxtSize4) - -6px);
     --truLnHght5: calc(var(--truTxtSize5) - -6px);
     --truLnHght6: calc(var(--truTxtSize6) - -6px);
     --truLnHghtBdy: calc(var(--truTxtSizeBdy) - -6px);
     --truLnHghtMicro: calc(var(--truTxtSizeMicro) - -6px);
     --truLnHghtNano: calc(var(--truTxtSizeNano) - -6px);
     /* Colors */
     --truPurple50: #F0ECF8;
     --truPurple100: #E5DDF4;
     --truPurple200: #CABCE3;
     --truPurple300: #A793C9;
     --truPurple400: #8B71B2;
     --truPurple500: #72569C;
     --truPurple600: #56387E;
     --truPurple700: #402561;
     --truPurple800: #2E1A47;
     --truPurple900: #2D1D42;
     --truPurple1000: #211730;
     --truDawn50: #ECEBFF;
     --truDawn100: #DAD9FF;
     --truDawn200: #C9C7FF;
     --truDawn300: #B9B6F4;
     --truDawn400: #A6A3E0;
     --truSky50: #E5F5F5;
     --truSky100: #CAEAEC;
     --truSky200: #B0E0E2;
     --truSky300: #6EC6C9;
     --truSky400: #30ABB5;
     --truSky500: #008A97;
     --truSky600: #006D7A;
     --truSky700: #00545F;
     --truSky800: #00444D;
     --truSky900: #06343A;
     --truSky1000: #051F22;
     --truNeutral0: #FFFFFF;
     --truNeutral50: #F7F7F7;
     --truNeutral100: #DBDBDB;
     --truNeutral300: #A8A8A8;
     --truNeutral500: #5C5C5C;
     --truNeutral700: #383838;
     --truNeutral800: #181818;
     --truNeutral900: #0D0D0D;
     --truNeutral1000: #000000;
     --truRuby50: #FFF2F0;
     --truRuby200: #FFB9AD;
     --truRuby400: #FF654D;
     --truRuby500: #DF4731;
     --truRuby600: #BE240E;
     --truRuby900: #451A13;
     --truRuby1000: #30130E;
     --truGold50: #FEF8F1;
     --truGold200: #F9D39F;
     --truGold300: #F5B45D;
     --truGold600: #96510D;
     --truGold900: #402804;
     --truGold1000: #2B1F10;
     --truEmerald50: #F1F9F3;
     --truEmerald200: #ABDEBD;
     --truEmerald400: #57BD7B;
     --truEmerald500: #008F49;
     --truEmerald600: #0D7232;
     --truEmerald900: #1B3423;
     --truEmerald1000: #1C241E;
     --truSapphire50: #F1F9FD;
     --truSapphire200: #A1DAF7;
     --truSapphire400: #45B0E6;
     --truSapphire500: #008BC5;
     --truSapphire600: #006699;
     --truSapphire900: #1A3646;
     --truSapphire1000: #16242C;
     --truSpinel400: #F3698C;
     --truSpinel500: #DB416F;
     --truSpinel600: #B7315B;
     --truClear: transparent;
     /* Spacing (Margins and Padding) */
     --truSpaceNone: 0px;
     --truSpace3xs: 2px;
     --truSpace2xs: 4px;
     --truSpaceXs: 8px;
     --truSpaceSm: 12px;
     --truSpaceMd: 16px;
     --truSpaceLg: 24px;
     --truSpaceXlg: 32px;
     --truSpace2xlg: 48px;
     --truSpace3xlg: 64px;
     --truSpace4xlg: 128px;
     /* Border Radius */
     --truBdrRadius4Xl: 100%;
     --truBdrRadius3Xl: 4rem;
     --truBdrRadius2Xl: 3.2rem;
     --truBdrRadiusXl: 2rem;
     --truBdrRadiusLg: 1rem;
     --truBdrRadiusMd: .5rem;
     --truBdrRadiusSm: .2rem;
     --truBdrRadiusNone: 0%;
     /* Width / Height - Full */
     --truWidthFull: 100%;
     --truHeightFull: 100%;
     /* Transition animations  - overriding with specific animations allowed*/
     --truTransitionSlow: all .3s ease-in-out;
     --truTransitionNormal: all .2s ease-in-out;
     --truTransitionFast: all .1s ease-in-out;
     /* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
     /* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
     /* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
     --truClrPplDkr: #1A0f29;
     --truClrPplDk: #211333;
     --truClrPplBs: #2E1A47;
     --truClrPplLt: #382055;
     --truClrPplLtr: #412565;
     --truClrTwlghtBs: #302b3d;
     --truClrDuskDkr: #4c3a69;
     --truClrDuskDk: #5f4882;
     --truClrDuskBs: #72569c;
     --truClrDawnBs: #A6A3E0;
     --truClrDawnLt: #C0BBFA;
     --truClrDawnLtr: #D7D4FD;
     --truClrHazeBs: #A6A3E0;
     --truClrHazeLt: #C0BBFA;
     --truClrHazeLtr: #D7D4FD;
     --truClrMistDkr: #d6d2ee;
     --truClrMistDk: #E3DFEF;
     --truClrMistBs: #f1eff8;
     --truClrNghtBs: #1F282E;
     --truClrNghtLt: #21303B;
     --truClrNghtLtr: #294252;
     --truClrFrstDkr: #06343a;
     --truClrFrstDk: #00444d;
     --truClrFrstBs: #006d7a;
     --truClrSkyBs: #B0E0E2;
     --truClrSkyLt: #CAEAEC;
     --truClrSkyLtr: #E5F5F5;
     --truClrNtrlBlk: #000000;
     --truClrNtrlOffBlk: #0D0D0D;
     --truClrGryDkr: #181818 !important;
     --truClrGryDk: #34363B;
     --truClrGryMd: #5c5c5c;
     --truClrNtrlBlk50: var(--truNeutral500);
     --truClrGryLt: #a8a8a8;
     --truClrGryLtr: #C9C9C9;
     --truClrGryVLt: #DBDBDB;
     --truClrOffWht: #F7F7F7;
     --truClrNtrlWht: #FFFFFF;
     --truClrInfoBs: #45B0E6;
     --truClrInfoDk: #006699;
     --truClrErrLt: #FFB9AD;
     --truClrErrBs: #ff654d;
     --truClrErrDk: #c22b13;
     --truClrWrnBs: #f5b45d;
     --truClrWrnDk: #96510d;
     --truClrScsBs: #57bd7b;
     --truClrScsDk: #0d7232;
     --truClrClear: transparent;
     /* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
     /* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
     /* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
 }

 body {
     font-family: var(--truFontFamRg);
 }

 .sr-only {
     border: 0;
     padding: 0;
     margin: 0;
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
     clip: rect(1px 1px 1px 1px);
     /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
     /*maybe deprecated but we need to support legacy browsers */
     clip-path: inset(50%);
     /*modern browsers, clip-path works inwards from each corner*/
     white-space: nowrap;
     /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
 }

 [aria-level="1"],
 [aria-level="2"],
 [aria-level="3"],
 [aria-level="4"],
 [aria-level="5"],
 [aria-level="6"] {
     display: block;
 }

 /*
 *****************************************************************************************************
 *****************************************************************************************************
 ************************************* GLOBAL Utility classes *************************************
 *****************************************************************************************************
 *****************************************************************************************************/

 /*****************************************************************************************************/

 .font-wt-100 {
     font-weight: var(--truFontWt100);
 }

 .font-wt-200 {
     font-weight: var(--truFontWt200);
 }

 /* Light */

 .font-wt-300,
 .font-wt-lt,
 .font-fam-lt {
     font-weight: var(--truFontWtLt);
 }

 /* Regular */

 .font-wt-400,
 .font-wt-rg,
 .font-fam-rg {
     font-weight: var(--truFontWtRg);
 }

 .font-wt-500 {
     font-weight: var(--truFontWt500);
 }

 .font-wt-600 {
     font-weight: var(--truFontWt600);
 }

 /* Bold */

 .font-wt-700,
 .font-wt-bd,
 .font-fam-bd {
     font-weight: var(--truFontWtBd);
 }

 .font-wt-800 {
     font-weight: var(--truFontWt800);
 }

 .font-wt-900 {
     font-weight: var(--truFontWt900);
 }

 /* X-tra Bold */

 .font-wt-1000,
 .font-wt-xbd,
 .font-fam-xbd {
     font-weight: var(--truFontWt1000);
 }

 /*****************************************************************************************************/

 .line-height1 {
     line-height: var(--truLnHght1);
 }

 .line-height2 {
     line-height: var(--truLnHght2);
 }

 .line-height3 {
     line-height: var(--truLnHght3);
 }

 .line-height4 {
     line-height: var(--truLnHght4);
 }

 .line-height5 {
     line-height: var(--truLnHght5);
 }

 .line-height6 {
     line-height: var(--truLnHght6);
 }

 .line-heightBdy {
     line-height: var(--truLnHghtBdy);
 }

 .line-heightMicro {
     line-height: var(--truLnHghtMicro);
 }

 .line-heightNano {
     line-height: var(--truLnHghtNano);
 }

 /******************************************************************************************************/

 /******************************************************************************************************/

 /* Global Font size */

 .h1-size {
     font-size: var(--truTxtSize1);
     line-height: var(--truLnHght1);
 }

 .h2-size {
     font-size: var(--truTxtSize2);
     line-height: var(--truLnHght2);
 }

 .h3-size {
     font-size: var(--truTxtSize3);
     line-height: var(--truLnHght3);
 }

 .h4-size {
     font-size: var(--truTxtSize4);
     line-height: var(--truLnHght4);
 }

 .h5-size {
     font-size: var(--truTxtSize5);
     line-height: var(--truLnHght5);
 }

 .h6-size {
     font-size: var(--truTxtSize6);
     line-height: var(--truLnHght6);
 }

 .bdy-size {
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
 }

 .micro-size {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
 }

 .nano-size {
     font-size: var(--truTxtSizeNano);
     line-height: var(--truLnHghtNano);
 }

 /******************************************************************************************************/

 .icon-size-default,
 .icon-size-48 {
     width: 48px;
     height: 48px;
 }

 .icon-size-sm,
 .icon-size-24 {
     width: 24px;
     height: 24px;
 }

 .icon-size-md,
 .icon-size-32 {
     width: 32px;
     height: 32px;
 }

 .icon-size-lg,
 .icon-size-64 {
     width: 64px;
     height: 64px;
 }

 /******************************************************************************************************/

 .radius-100,
 .radius-4Xl {
     border-radius: var(--truBdrRadius4Xl);
 }

 .radius-40,
 .radius-3Xl {
     border-radius: var(--truBdrRadius3Xl);
 }

 .radius-32,
 .radius-2Xl {
     border-radius: var(--truBdrRadius2Xl);
 }

 .radius-20,
 .radius-Xl {
     border-radius: var(--truBdrRadiusXl);
 }

 .radius-10,
 .radius-Lg {
     border-radius: var(--truBdrRadiusLg);
 }

 .radius-5,
 .radius-Md {
     border-radius: var(--truBdrRadiusMd);
 }

 .radius-2,
 .radius-Sm {
     border-radius: var(--truBdrRadiusSm);
 }

 .radius-0,
 .radius-none {
     border-radius: var(--truBdrRadiusNone);
 }

 /******************************************************************************************************/

 .emphasis {
     font-style: italic;
 }

 .bold {
     font-weight: var(--truFontWt700);
 }

 /******************************************************************************************************/

 .no-padding {
     padding: 0;
     border: 0;
 }

 .pad-3xs {
     padding: var(--truSpace3xs);
 }

 .pad-t-3xs {
     padding-top: var(--truSpace3xs);
 }

 .pad-r-3xs {
     padding-right: var(--truSpace3xs);
 }

 .pad-b-3xs {
     padding-bottom: var(--truSpace3xs);
 }

 .pad-l-3xs {
     padding-left: var(--truSpace3xs);
 }

 .pad-2xs {
     padding: var(--truSpace2xs);
 }

 .pad-t-2xs {
     padding-top: var(--truSpace2xs);
 }

 .pad-r-2xs {
     padding-right: var(--truSpace2xs);
 }

 .pad-b-2xs {
     padding-bottom: var(--truSpace2xs);
 }

 .pad-l-2xs {
     padding-left: var(--truSpace2xs);
 }

 .pad-xs {
     padding: var(--truSpaceXs);
 }

 .pad-t-xs {
     padding-top: var(--truSpaceXs);
 }

 .pad-r-xs {
     padding-right: var(--truSpaceXs);
 }

 .pad-b-xs {
     padding-bottom: var(--truSpaceXs);
 }

 .pad-l-xs {
     padding-left: var(--truSpaceXs);
 }

 .pad-sm {
     padding: var(--truSpaceSm);
 }

 .pad-t-sm {
     padding-top: var(--truSpaceSm);
 }

 .pad-r-sm {
     padding-right: var(--truSpaceSm);
 }

 .pad-b-sm {
     padding-bottom: var(--truSpaceSm);
 }

 .pad-l-sm {
     padding-left: var(--truSpaceSm);
 }

 .pad-md {
     padding: var(--truSpaceMd);
 }

 .pad-t-md {
     padding-top: var(--truSpaceMd);
 }

 .pad-r-md {
     padding-right: var(--truSpaceMd);
 }

 .pad-b-md {
     padding-bottom: var(--truSpaceMd);
 }

 .pad-l-md {
     padding-left: var(--truSpaceMd);
 }

 .pad-lg {
     padding: var(--truSpaceLg);
 }

 .pad-t-lg {
     padding-top: var(--truSpaceLg);
 }

 .pad-r-lg {
     padding-right: var(--truSpaceLg);
 }

 .pad-b-lg {
     padding-bottom: var(--truSpaceLg);
 }

 .pad-l-lg {
     padding-left: var(--truSpaceLg);
 }

 .pad-xlg {
     padding: var(--truSpaceXlg);
 }

 .pad-t-xlg {
     padding-top: var(--truSpaceXlg);
 }

 .pad-r-xlg {
     padding-right: var(--truSpaceXlg);
 }

 .pad-b-xlg {
     padding-bottom: var(--truSpaceXlg);
 }

 .pad-l-xlg {
     padding-left: var(--truSpaceXlg);
 }

 .pad-2xlg {
     padding: var(--truSpace2xlg);
 }

 .pad-t-2xlg {
     padding-top: var(--truSpace2xlg);
 }

 .pad-r-2xlg {
     padding-right: var(--truSpace2xlg);
 }

 .pad-b-2xlg {
     padding-bottom: var(--truSpace2xlg);
 }

 .pad-l-2xlg {
     padding-left: var(--truSpace2xlg);
 }

 .pad-3xlg {
     padding: var(--truSpace3xlg);
 }

 .pad-t-3xlg {
     padding-top: var(--truSpace3xlg);
 }

 .pad-r-3xlg {
     padding-right: var(--truSpace3xlg);
 }

 .pad-b-3xlg {
     padding-bottom: var(--truSpace3xlg);
 }

 .pad-l-3xlg {
     padding-left: var(--truSpace3xlg);
 }

 .pad-4xlg {
     padding: var(--truSpace4xlg);
 }

 .pad-t-4xlg {
     padding-top: var(--truSpace4xlg);
 }

 .pad-r-4xlg {
     padding-right: var(--truSpace4xlg);
 }

 .pad-b-4xlg {
     padding-bottom: var(--truSpace4xlg);
 }

 .pad-l-4xlg {
     padding-left: var(--truSpace4xlg);
 }

 /******************************************************************************************************/

 .mar-3xs {
     margin: var(--truSpace3xs);
 }

 .mar-t-3xs {
     margin-top: var(--truSpace3xs);
 }

 .mar-r-3xs {
     margin-right: var(--truSpace3xs);
 }

 .mar-b-3xs {
     margin-bottom: var(--truSpace3xs);
 }

 .mar-l-3xs {
     margin-left: var(--truSpace3xs);
 }

 .mar-2xs {
     margin: var(--truSpace2xs);
 }

 .mar-t-2xs {
     margin-top: var(--truSpace2xs);
 }

 .mar-r-2xs {
     margin-right: var(--truSpace2xs);
 }

 .mar-b-2xs {
     margin-bottom: var(--truSpace2xs);
 }

 .mar-l-2xs {
     margin-left: var(--truSpace2xs);
 }

 .mar-xs {
     margin: var(--truSpaceXs);
 }

 .mar-t-xs {
     margin-top: var(--truSpaceXs);
 }

 .mar-r-xs {
     margin-right: var(--truSpaceXs);
 }

 .mar-b-xs {
     margin-bottom: var(--truSpaceXs);
 }

 .mar-l-xs {
     margin-left: var(--truSpaceXs);
 }

 .mar-sm {
     margin: var(--truSpaceSm);
 }

 .mar-t-sm {
     margin-top: var(--truSpaceSm);
 }

 .mar-r-sm {
     margin-right: var(--truSpaceSm);
 }

 .mar-b-sm {
     margin-bottom: var(--truSpaceSm);
 }

 .mar-l-sm {
     margin-left: var(--truSpaceSm);
 }

 .mar-md {
     margin: var(--truSpaceMd);
 }

 .mar-t-md {
     margin-top: var(--truSpaceMd);
 }

 .mar-r-md {
     margin-right: var(--truSpaceMd);
 }

 .mar-b-md {
     margin-bottom: var(--truSpaceMd);
 }

 .mar-l-md {
     margin-left: var(--truSpaceMd);
 }

 .mar-lg {
     margin: var(--truSpaceLg);
 }

 .mar-t-lg {
     margin-top: var(--truSpaceLg);
 }

 .mar-r-lg {
     margin-right: var(--truSpaceLg);
 }

 .mar-b-lg {
     margin-bottom: var(--truSpaceLg);
 }

 .mar-l-lg {
     margin-left: var(--truSpaceLg);
 }

 .mar-xlg {
     margin: var(--truSpaceXlg);
 }

 .mar-t-xlg {
     margin-top: var(--truSpaceXlg);
 }

 .mar-r-xlg {
     margin-right: var(--truSpaceXlg);
 }

 .mar-b-xlg {
     margin-bottom: var(--truSpaceXlg);
 }

 .mar-l-xlg {
     margin-left: var(--truSpaceXlg);
 }

 .mar-2xlg {
     margin: var(--truSpace2xlg);
 }

 .mar-t-2xlg {
     margin-top: var(--truSpace2xlg);
 }

 .mar-r-2xlg {
     margin-right: var(--truSpace2xlg);
 }

 .mar-b-2xlg {
     margin-bottom: var(--truSpace2xlg);
 }

 .mar-l-2xlg {
     margin-left: var(--truSpace2xlg);
 }

 .mar-3xlg {
     margin: var(--truSpace3xlg);
 }

 .mar-t-3xlg {
     margin-top: var(--truSpace3xlg);
 }

 .mar-r-3xlg {
     margin-right: var(--truSpace3xlg);
 }

 .mar-b-3xlg {
     margin-bottom: var(--truSpace3xlg);
 }

 .mar-l-3xlg {
     margin-left: var(--truSpace3xlg);
 }

 .mar-4xlg {
     margin: var(--truSpace4xlg);
 }

 .mar-t-4xlg {
     margin-top: var(--truSpace4xlg);
 }

 .mar-r-4xlg {
     margin-right: var(--truSpace4xlg);
 }

 .mar-b-4xlg {
     margin-bottom: var(--truSpace4xlg);
 }

 .mar-l-4xlg {
     margin-left: var(--truSpace4xlg);
 }

 /*
 *****************************************************************************************************
 *****************************************************************************************************
 ********** GLOBAL background classes control all <elements> contained within **********
 *****************************************************************************************************
 *****************************************************************************************************
       Note:  -- (@) -->  Denotes an element class for ***GLOBAL*** setting
       Note:  -- (++) -->  Denotes available sub-classes for variants

       Use background classes combined with element / utility classes to acheive results
       ***********************************************************************************************
       Example:
      ************************************************************************************************
       HTML:
       <div class="bg-mist">
            <h1 class="heading">Heading</h1>
        </div>

       CSS:
       .bg-mist .heading {
        ...
       }
       **********************************************************************************************
Background (<any container>)
         - .bg-clear  -- (@) -->  Applies a Transparent (Transparent) background class to the container to "rule them all"
         - .bg-ntrl-white  -- (@) -->  Applies a Neutral White (#FFFFFF) background class to the container to "rule them all"
         - .bg-off-white  -- (@) -->  Applies an Off-White (#F7F7F7) background class to the container to "rule them all"
         - .bg-mist  -- (@) -->  Applies a Mist Base (#F0ECF8)  background class to the container to "rule them all"
         - .bg-mist-dk  -- (@) -->  Applies a Mist Dark (#E5DDF4 ) background class to the container to "rule them all"
         - .bg-sky-blue-ltr  -- (@) -->  Applies a Sky Blue Lighter (#E5F5F5) background class to the container to "rule them all"
         - .bg-sky-blue-lt  -- (@) -->  Applies a Sky Blue Light (#CAEAEC) background class to the container to "rule them all"
         - .bg-dusk-dkr   -- (@) -->  Applies a Dusk Darker (#402561) background class to the container to "rule them all"
         - .bg-tru-ppl  -- (@) -->  Applies a Truist Purple Base (#2E1A47) background class to the container to "rule them all"

Border (<any container>)
         - .has-border -- (@) --> Applies a border to the container element, dictated by background color

Border radius (<any container>)
         - .radius-40  -- (@) -- > Applies a 4rem border radius to all corners of the container
        - .radius-20  -- (@) -- > Applies a 2rem border radius to all corners of the container

       Font size (<any text element>)
         - .h1-size  -- (@) -->  Applies (Level 1, <h1>) font-size and line-height (regardless of heading level)
         - .h2-size  -- (@) -->  Applies (Level 2, <h2>) font-size and line-height (regardless of heading level)
         - .h3-size  -- (@) -->  Applies (Level 3, <h3>) font-size and line-height (regardless of heading level)
         - .h4-size  -- (@) -->  Applies (Level 4, <h4>) font-size and line-height (regardless of heading level)
         - .h5-size  -- (@) -->  Applies (Level 5, <h5>) font-size and line-height (regardless of heading level)
         - .h6-size  -- (@) -->  Applies (Level 6, <h6>) font-size and line-height (regardless of heading level)

       Body text (<any text element>)
         - .body-size  -- (@) -->  Applies body font-size and line-height (regardless of heading level)

       Micro text (<any text element>)
         - .micro-size  -- (@) -->  Applies micro font-size and line-height (regardless of heading level)

         Eyebrow (<any text element>)
         - .eyebrow  -- (@) -->  Applies eyebrow color styles

         Heading (<any text element>)
         - .heading -- (@) -->  Applies heading color styles

       Subheading (<any text element>)
         - .subheading  -- (@) -->  Applies subheading color styles

       List (<ul / ol>)
         - .unordered  -- (@) -->  Identifies the list as a standard <ul> with "bullet" ::marker
         - .ordered  -- (@) -->  Identifies the list as a standard <ol> with "#" ::marker
         - .check-icon  -- (++) -->  Identifies the list for icon ::marker
         - .check-fill  -- (++) -->  Identifies children <li> for fill check
         - .check-stroke  -- (++) -->  Identifies children <li> for stroke check

       Description list (<dl> text and background)
         - .inline  -- (++) -->  Applies inline styling to <dt>

       Text link and External link (<a> including state)
         - .btn  -- (@) -->  Applies button styles to <button> / <a>
         - .btn-primary  -- (++) -->  Applies primary button styles to <button> / <a>
         - .btn-secondary  -- (++) -->  Applies secondary button styles to <button> / <a>
         - .btn-minimal  -- (++) -->  Applies secondary button styles to <button> / <a>
         - .arrow-link  -- (++) -->  Applies right arrow icon to <a>

       Button (<button / a> including state)
         - .btn  -- (@) -->  Applies button styles to <button> / <a>
         - .btn-primary  -- (++) -->  Applies primary button styles to <button> / <a>
         - .btn-secondary  -- (++) -->  Applies secondary button styles to <button> / <a>
         - .btn-minimal  -- (++) -->  Applies minimal button styles to <button> / <a>
 */

 /* Global Borders */

 .no-border,
 .no-borders {
     border: 0;
 }

 .has-border {
     border: 1px solid inherit;
 }

 small,
 .small {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
 }

 p,
 ul,
 ol,
 dl {
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
 }

 /* Global Eyebrow */

 .eyebrow {
     display: block;
     width: var(--truWidthFull);
     font-family: var(--truFontFamRg);
     text-transform: uppercase;
     letter-spacing: .1rem;
     font-size: var(--truTxtSizeNano);
     line-height: calc(var(--truTxtSizeMicro) + var(--truSpace3xs))
     /*16px*/
 }

 /* Global heading */

 .heading {
     display: block;
     width: 100%;
 }

 /* Global Subheading */

 .subheading {
     display: block;
     width: 100%;
 }

 /* Global list*/

 .list-heading {
     font-weight: var(--truFontWtBd);
 }

 /* Global Unordered list*/

 ul li {
     padding: 0 0 var(--truSpaceMd) 0;
     margin-left: 0;
 }

 /* Global Ordered list*/

 ol li {
     padding: 0 0 var(--truSpaceMd) 0;
     margin-left: calc(0px - var(--truSpace3xs));
     line-height: var(--truLnHghtBdy);
 }

 .ordered>li::marker {
     font-weight: var(--truFontWtBd);
 }

 /* Global Icon list*/

 .check-icon {
     list-style: none;
     padding-left: var(--truSpaceLg);
 }

 .check-icon li {
     position: relative;
 }

 .check-icon li::before {
     content: "";
     display: block;
     width: var(--truSpaceMd);
     height: var(--truSpaceMd);
     position: absolute;
     top: 3px;
     left: -23px;
 }

 /* Stroke check ::marker */

 .check-stroke li::before,
 .check-fill li::before {
     background: none;
 }

 /* Global Description list */

 dl {
     min-width: 50%;
     padding: var(--truSpaceLg);
     border-radius: 1rem;
     line-height: var(--truLnHghtBdy);
     transition: var(--truTransitionFast);
 }

 dl dd {
     margin-bottom: var(--truSpaceMd);
 }

 /* Inline description list */

 dl.inline dt {
     display: inline;
 }

 dl.inline dd {
     margin-top: 0rem;
     display: inline;
 }

 dl.inline dd::after {
     content: "";
     display: block;
     margin-bottom: var(--truSpaceMd);
 }

 dl dd a:focus-visible {
     outline-offset: 1px;
     border-radius: var(--truBdrRadiusSm);
 }

 /* Global Link */

 a:link,
 a:visited {
     text-decoration: underline;
     transition: var(--truTransitionNormal);
 }

 a:hover,
 a:focus {
     text-decoration: none;
 }

 sup,
 sup.superscript {
     font-size: var(--truTxtSizeNano);
     top: -1rem;
 }

 sup.superscript a {
     display: inline;
     padding: 0px 1px;
     position: relative;
     text-decoration: underline;
     outline: 1px solid var(--truClear);
     outline-offset: 0px;
     border-radius: .25rem;
     transition: var(--truTransitionNormal);
 }

 sup a:focus,
 sup a:focus-visible,
 /* Need to Remove this when I figure out solution - cross superscript credit card page */

 a[data-toggle="modal"]:has(sup):focus {
     outline: 1px solid;
     outline-color: inherit;
 }

 a:focus-visible {
     outline: 1px solid;
     outline-offset: 1px;
     border-radius: var(--truBdrRadiusSm);
 }

 /* Arrow link - Right */

 a.arrow-link {
     display: inline-block;
     max-width: fit-content;
     position: relative;
 }

 a.arrow-link::before,
 a.arrow-link::after {
     content: "";
     display: block;
     right: calc(0px - var(--truSpaceMd));
     position: absolute;
     transition: var(--truTransitionNormal);
 }

 a.arrow-link::before {
     border-style: solid;
     border-width: 0 0 2px 2px;
     height: 6px;
     width: 6px;
     margin-top: 11px;
     transform: rotate(-135deg);
 }

 a.arrow-link::after {
     height: 2px;
     top: 13px;
     width: 11px;
 }

 a.arrow-link:hover::before,
 a.arrow-link:hover::after {
     right: calc(0px - var(--truSpaceMd) - 3px);
 }

 /* Left */

 a.arrow-link.left {
     margin-left: var(--truSpaceMd)
 }

 a.arrow-link.left::before,
 a.arrow-link.left::after {
     left: calc(0px - var(--truSpaceMd));
 }

 a.arrow-link.left::before {
     transform: rotate(45deg);
 }

 a.arrow-link.left:hover::before,
 a.arrow-link.left:hover::after {
     left: calc(0px - var(--truSpaceMd) - 3px);
 }

 a.arrow-link::after,
 a.arrow-link::before {
     background: inherit;
 }

 /* **** Foundation button code **** */

 .btn-primary:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login),
 .btn-secondary:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login),
 .btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login) {
     box-sizing: border-box;
     display: flex;
     align-items: center;
     padding: 1.1rem 2.2rem;
     border-radius: 1rem;
     box-shadow: none;
     font-family: var(--truFontFamRg);
     font-weight: var(--truFontWtBd);
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     text-transform: none;
     text-decoration: none;
     user-select: none;
     letter-spacing: .025rem;
     cursor: pointer;
     white-space: nowrap;
     transition: var(--truTransitionNormal);
 }

 .btn-primary:not(disabled):not(.disabled):active:focus,
 .btn-secondary:not(disabled):not(.disabled):active:focus {
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
 }

 /* Bootstrap override */

 .btn-primary:not(.custom-select):not(.subpage-navbar-cta) .button-text,
 .btn-secondary:not(.custom-select):not(.subpage-navbar-cta) .button-text,
 .btn-minimal:not(.custom-select):not(.subpage-navbar-cta) .button-text {
     display: block;
     position: relative;
     z-index: 20;
 }

 .btn-primary.gap,
 .btn-secondary.gap,
 .btn-minimal.gap {
     gap: var(--truSpaceMd);
 }

 /* *** Primary*** */

 /* **Primary Light BG ** */

 .btn-primary:not(disabled):not(.disabled) {
     background: inherit;
     border: 2px solid inherit;
     max-width: fit-content;
 }

 .btn-primary:not(disabled):not(.disabled):hover,
 .btn-primary:not(disabled):not(.disabled).active:hover {
     background: inherit;
     border: 2px solid inherit;
 }

 .btn-primary:not(disabled):not(.disabled):active,
 .btn-primary:not(disabled):not(.disabled):focus,
 .btn-primary:not(disabled):not(.disabled).active,
 .btn-primary:not(disabled):not(.disabled).active:focus {
     background: inherit;
     color: inherit;
     outline: 1px solid;
     outline-offset: -3px;
 }

 /* ***Secondary*** */

 /* **Secondary Light BG ** */

 .btn-secondary:not(disabled):not(.disabled) {
     background: var(--truClear);
     color: inherit;
     border: 2px solid;
     max-width: fit content;
 }

 .btn-secondary:not(disabled):not(.disabled):active,
 .btn-secondary:not(disabled):not(.disabled):focus,
 .btn-secondary:not(disabled):not(.disabled).active,
 .btn-secondary:not(disabled):not(.disabled).active:focus {
     color: inherit;
     background: inherit;
     border: 2px solid inherit;
     outline: 1px solid;
     outline-offset: -5px;
 }

 /* ***Minimal*** */

 /* **Minimal Light BG ** */

 .bg-clear .btn-minimal:not(disabled):not(.disabled) {
     background: inherit;
     color: inherit;
     border: 0;
     outline: 1px solid inherit;
     outline-offset: 0px;
     max-width: fit-content;
 }

 .btn.btn-minimal:not(disabled):not(.disabled):focus {
     color: inherit;
     outline: 1px solid inherit;
 }

 /* CTA / Link - Dialog SVG icon enhancements */

 .cta-svg-icon {
     height: 16px;
     width: 16px;
     color: inherit;
     margin: 2px 5px 0px 3px;
 }

 .arrow-right-icon {
     transition: var(--truTransitionNormal);
 }

 .btn-primary:hover .cta-svg-icon.arrow-right-icon,
 .btn-secondary:hover .cta-svg-icon.arrow-right-icon,
 .btn-minimal:hover .cta-svg-icon.arrow-right-icon {
     transform: translateX(3px);
 }

 /* Loader timing and animation */

 .loading-animation .dot:nth-of-type(1) {
     animation: jumpingAnimation 1s 0.3s ease-in infinite;
 }

 .loading-animation .dot:nth-of-type(2) {
     animation: jumpingAnimation 1s 0.2s ease-in infinite;
 }

 .loading-animation .dot:nth-of-type(3) {
     animation: jumpingAnimation 1s 0.1s ease-in infinite;
 }

 @keyframes jumpingAnimation {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 10px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 /* Bootstrap override */

 .form-group .input-button {
     display: none !important;
 }

 .hidden-label.form-group .input-button {
     display: flex !important;
     transform: translate(-3px, 0px);
     max-height: 4.6rem;
 }

 /* Promox page loader styles - need to be removed when place is found for this */

 .body-promo-loader.loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     color: var(--truClrGryMd);
     position: fixed;
     width: 100%;
     height: 100%;
     background-color: var(--truNeutral0) !important;
     z-index: 99999;
 }

 .body-promo-loader.loading-animation .dot {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -5px;
     background: var(--truNeutral500);
 }

 .body-promo-loader.loading-animation .loading {
     padding-left: 10px;
 }

 .body-promo-loader.loading-animation .dot:nth-child(1) {
     animation: jumpingAnimationLsc 1s 0.75s ease-in infinite;
 }

 .body-promo-loader.loading-animation .dot:nth-child(2) {
     animation: jumpingAnimationLsc 1s 0.5s ease-in infinite;
 }

 .body-promo-loader.loading-animation .dot:nth-child(3) {
     animation: jumpingAnimationLsc 1s 0.25s ease-in infinite;
 }

 @keyframes jumpingAnimationLsc {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 10px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 .body-promo-loader.loading-animation.body-promo-loader-close {
     display: none;
 }

 body:has(.body-promo-loader) {
     overflow: hidden;
     position: fixed;
     inset: 0;
 }

 body:has(.body-promo-loader-close) {
     overflow: unset;
     position: unset;
     inset: unset;
 }

 /* Grid Layout container CSS*/

 html {
     font-size: 62.5%;
 }

 body {
     /* font-family: "suntrustregular", "Trebuchet MS", "sans-serif"; */
     font-size: 1.6rem;
 }

 .wholesale-carousel-wrapper * {
     box-sizing: border-box;
 }

 .wholesale-carousel-wrapper {
     width: 100%;
     margin: 6.25rem auto;
 }

 .wholesale-carousel-wrapper .wholesale-slider-dimmensions {
     height: auto;
     width: 100%;
     padding: 3.125rem 4.5rem;
 }

 /** code for text starts **/

 .wholesale-carousel-wrapper .carousel-text-data {
     color: #D4D4D4;
 }

 .wholesale-carousel-wrapper .carousel-text {
     text-align: left;
 }

 .wholesale-carousel-wrapper .carousel-text-heading {
     color: #D4D4D4;
     font-size: 2rem;
     margin-top: 1rem;
 }

 .wholesale-carousel-wrapper .Wholesale-slide-feature {
     padding: 0.625rem 1.25rem;
 }

 /** code for text ends **/

 /** code to adjust width starts**/

 .wholesale-carousel-wrapper .separation50percent {
     width: 50%;
 }

 .wholesale-carousel-wrapper .separation60percent {
     width: 60%;
 }

 .wholesale-carousel-wrapper .separation70percent {
     width: 70%;
 }

 .wholesale-carousel-wrapper .separation80percent {
     width: 80%;
 }

 .wholesale-carousel-wrapper .separation90percent {
     width: 90%;
 }

 .wholesale-carousel-wrapper .separation100percent {
     width: 100%;
 }

 /** code to adjust width ends **/

 /** for carousel buttons code starts**/

 .wholesale-carousel-wrapper .slick-next:before,
 .wholesale-carousel-wrapper .slick-prev:before {
     color: #D4D4D4;
     font: normal normal 2.7rem carouselFont;
     content: "";
     display: inline-block;
     text-decoration: inherit;
     opacity: .5;
     top: 0%;
     position: absolute;
 }

 .wholesale-carousel-wrapper .slick-next {
     right: 1.5625rem;
     transform: rotate(180deg);
     z-index: 999;
 }

 .wholesale-carousel-wrapper .slick-prev {
     left: 1.5625rem;
     z-index: 999;
 }

 .wholesale-carousel-wrapper .slick-dots li.slick-active button:before {
     color: #003b71;
 }

 .wholesale-carousel-wrapper .slick-dots {
     padding: 0;
     bottom: 1.4rem;
 }

 .wholesale-carousel-wrapper .slick-dots li {
     position: relative;
     display: inline-block;
     width: 30px;
     height: 5px;
     margin: 0 10px 0 0;
     padding: 0;
     cursor: pointer;
     background: #D4D4D4;
     transition: width 5s ease-out 0s;
 }

 .wholesale-carousel-wrapper .slick-dots li:last-child {
     margin-right: 0;
 }

 .wholesale-carousel-wrapper .slick-dots li:hover,
 .wholesale-carousel-wrapper .slick-dots li.slick-active {
     background: #003b71;
 }

 .wholesale-carousel-wrapper .slick-dots li button {
     background: none;
 }

 .wholesale-carousel-wrapper .slick-dots li button::before {
     content: "";
     width: 30px;
     height: 5px;
 }

 /** for carousel buttons code ends**/

 /** for making content at different variations code starts**/

 .wholesale-carousel-wrapper .make-it-center {
     margin: 0 auto;
 }

 .wholesale-carousel-wrapper .make-it-right {
     float: right;
 }

 .wholesale-carousel-wrapper .make-it-left {
     float: left;
 }

 /** for making content at different variations code ends**/

 /** for button and link starts **/

 .wholesale-carousel-wrapper .carousel-button {
     background: #003b71;
     font-size: 1.5rem;
     width: 12.75rem;
     padding: 0.625rem 1.5625rem;
     margin-right: 0.3125rem;
     color: #D4D4D4;
     border-radius: 0.1875rem;
     text-align: center;
     border-style: none;
 }

 .wholesale-carousel-wrapper .carousel-button:hover,
 .wholesale-carousel-wrapper .carousel-button:focus {
     background: #021e30;
     cursor: pointer;
     outline: none;
 }

 .wholesale-carousel-wrapper .wholesale-links {
     margin: 1.25rem auto;
     width: fit-content;
 }

 .wholesale-carousel-wrapper .linkIcon {
     background: url('../components/content/herocontainer/clientlibraries/clientlibs-site/resources/images/external-link.svg') no-repeat;
     background-size: 100% 100%;
     text-indent: -9999px;
     width: 2rem;
     margin-top: 1rem;
     height: 2.5rem;
 }

 /** for button and link ends **/

 .wholesale-carousel-wrapper .content-wrapper {
     text-align: center;
     width: 35rem;
     margin: 0 0.5625rem 0 0.5625rem;
     min-height: 15rem;
     padding-bottom: 1rem;
 }

 /** for overlay image starts**/

 .wholesale-carousel-wrapper .wrapper-overlay-image {
     width: 20rem;
     height: 10rem;
 }

 .wholesale-carousel-wrapper .overlay-image {
     width: 100%;
     height: 100%;
 }

 /** for overlay image ends **/

 /** to show and hide any component starts here**/

 .display-component {
     display: block;
 }

 .hide-component {
     display: none;
 }

 /***** Mobile devices portrait **************/

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: landscape) {
     .wholesale-carousel-wrapper .wrapper-overlay-image {
         height: 130px;
         width: 35%;
         float: unset;
         margin: 0 auto;
     }
     .wholesale-carousel-wrapper .Wholesale-slide-feature,
     .wholesale-carousel-wrapper .separation50percent,
     .wholesale-carousel-wrapper .separation60percent,
     .wholesale-carousel-wrapper .separation70percent,
     .wholesale-carousel-wrapper .separation80percent,
     .wholesale-carousel-wrapper .separation90percent,
     .wholesale-carousel-wrapper .separation100percent {
         width: 100%;
     }
     .wholesale-carousel-wrapper .content-wrapper {
         width: 100%;
         clear: both;
         margin: 0 auto;
     }
 }

 /***** Mobile devices landscape **************/

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: portrait) {
     .wholesale-carousel-wrapper .wrapper-overlay-image {
         height: 130px;
         width: 100%;
         float: unset;
         margin: 0 auto;
     }
     .wholesale-carousel-wrapper .Wholesale-slide-feature {
         width: 100%;
     }
     .wholesale-carousel-wrapper .content-wrapper {
         width: 100%;
         clear: both;
         margin: 0 auto;
     }
 }

 /* Ipad pro Portrait */

 @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
     .wholesale-carousel-wrapper .content-wrapper {
         width: 17rem;
     }
     .wholesale-carousel-wrapper .wrapper-overlay-image {
         width: 12rem;
     }
 }

 .global-cta-external-link {
     position: relative;
     top: -.2rem;
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
     display: inline-block;
     height: 1.6rem;
     width: 1.6rem;
     background-repeat: round;
     vertical-align: middle;
     margin-left: .5rem;
 }

 .cta a:hover .global-cta-external-link,
 .cta a:focus .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
 }

 .global-cta-downloadlink {
     position: relative;
     top: -.2rem;
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download.svg);
     display: inline-block;
     height: 2.4rem;
     width: 2.4rem;
     background-repeat: round;
     vertical-align: middle;
     margin-left: .5rem;
 }

 .cta .global-cta-btn a:hover .global-cta-downloadlink,
 .cta .global-cta-btn a:focus .global-cta-downloadlink {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download-white.svg);
 }

 .cta.cta__color--midnight .global-cta-btn .global-cta-downloadlink,
 .cta.cta__color--dusk .global-cta-btn .global-cta-downloadlink,
 .cta.cta__color--ghost-dark .global-cta-btn .global-cta-downloadlink {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download-white.svg);
 }

 .cta.cta__color--midnight .global-cta-btn a:hover .global-cta-downloadlink,
 .cta.cta__color--dusk .global-cta-btn a:hover .global-cta-downloadlink,
 .cta.cta.cta__color--ghost-dark .global-cta-btn a:hover .global-cta-downloadlink,
 .cta.cta__color--midnight .global-cta-btn a:focus .global-cta-downloadlink,
 .cta.cta__color--dusk .global-cta-btn a:focus .global-cta-downloadlink,
 .cta.cta.cta__color--ghost-dark .global-cta-btn a:focus .global-cta-downloadlink {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download.svg);
 }

 .global-cta-btn a,
 .global-cta--link a,
 .btn {
     padding: 1.5rem 2rem;
     margin-bottom: 2rem;
     width: auto;
     font-size: 1.8rem;
     line-height: 2.4rem;
     text-decoration: none;
     transition: all .15s ease-in;
 }

 .global-cta-btn a {
     border-radius: 0.25rem;
     display: inline-block;
     min-width: 150px;
 }

 /* CTA button ends */

 /* CTA link starts */

 .global-cta--link [data-wa-linktype="download" i] {
     text-decoration: underline;
     cursor: auto;
 }

 .global-cta--link [data-wa-linktype="download" i]::after,
 .global-cta--link:focus>[data-wa-linktype="download" i]::after {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download.svg);
     background-size: contain;
     height: 2.4rem;
     width: 2.4rem;
     margin-left: .5rem;
     position: relative;
     top: .5rem;
     display: inline-block;
 }

 .global-cta-link a {
     text-decoration: none;
     display: inline-block;
     min-width: 150px;
     padding: 1.5rem 0;
     cursor: pointer;
 }

 .global-cta-btn-full-width {
     width: 100%;
 }

 .global-cta--link {
     cursor: auto;
 }

 .cta .global-cta--link:hover>a::after,
 .cta .global-cta--link:focus>a::after,
 .cta .global-cta--link a::after {
     display: none;
 }

 .global-cta--link:hover>a {
     color: #7C6992;
 }

 .global-cta--link:hover>a::after {
     content: '';
     background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTYgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZG93bmxvYWQ8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImRvd25sb2FkIiBmaWxsPSIjN0M2OTkyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNMTUuOTIzLDYuMzk1MzEyOTkgQzE2LjA3NzgxNzksNi4wMjE1MzUzOCAxNS45OTIxNjUzLDUuNTkxMjk4NTQgMTUuNzA2LDUuMzA1MzEyOTkgTDEwLjcwNiwwLjMwNTMxMjk5MyBDMTAuNDU0OTI1NSwwLjA0NTM1NjQwODkgMTAuMDgzMTIyMSwtMC4wNTg4OTk2MDM5IDkuNzMzNDkyNjgsMC4wMzI2MTU4MzY4IEM5LjM4Mzg2MzI0LDAuMTI0MTMxMjc3IDkuMTEwODE4MjgsMC4zOTcxNzYyMzggOS4wMTkzMDI4NCwwLjc0NjgwNTY2OSBDOC45Mjc3ODc0LDEuMDk2NDM1MSA5LjAzMjA0MzQyLDEuNDY4MjM4NTIgOS4yOTIsMS43MTkzMTI5OSBMMTIuNTg2LDUuMDEzMzEyOTkgTDEsNS4wMTMzMTI5OSBDMC40NDc3MTUyNSw1LjAxMzMxMjk5IDAsNS40NjEwMjgyNCAwLDYuMDEzMzEyOTkgQzAsNi41NjU1OTc3NCAwLjQ0NzcxNTI1LDcuMDEzMzEyOTkgMSw3LjAxMzMxMjk5IEwxMi41ODYsNy4wMTMzMTI5OSBMOS4yOTMsMTAuMzA2MzEzIEM5LjAzMzA0MzQyLDEwLjU1NzM4NzUgOC45Mjg3ODc0LDEwLjkyOTE5MDkgOS4wMjAzMDI4NCwxMS4yNzg4MjAzIEM5LjExMTgxODI4LDExLjYyODQ0OTcgOS4zODQ4NjMyNCwxMS45MDE0OTQ3IDkuNzM0NDkyNjgsMTEuOTkzMDEwMSBDMTAuMDg0MTIyMSwxMi4wODQ1MjU2IDEwLjQ1NTkyNTUsMTEuOTgwMjY5NiAxMC43MDcsMTEuNzIwMzEzIEwxNS43MDcsNi43MjAzMTI5OSBDMTUuNzk5NjQ0LDYuNjI3MjE1NSAxNS44NzMwNDEzLDYuNTE2Nzc5ODIgMTUuOTIzLDYuMzk1MzEyOTkgTDE1LjkyMyw2LjM5NTMxMjk5IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") 0 0 no-repeat;
     padding: 6px 8px;
 }

 .global-cta--link a::after,
 .global-cta--link:focus>a::after {
     content: '';
     background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=") 0 0 no-repeat;
     padding: 7px 8px;
 }

 .global-cta--link:hover>a::after,
 .global-cta--link a::after {
     display: inline-block;
 }

 .global-cta--link a {
     padding: 1.5rem 0;
     border: 0;
     font-size: 2rem;
     text-decoration: none;
     color: #2e1a47;
     display: inline-block;
     cursor: pointer;
 }

 .global-cta--link a:focus {
     outline: none;
     color: #2e1a47;
     border: 1px solid #2e1a47;
     border-radius: 4px;
 }

 .global-cta--link a:focus::after {
     content: '';
     background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=") 0 0 no-repeat;
     padding: 7px 8px;
 }

 .global-cta--link:hover>a:focus::after {
     padding: 7px 8px;
 }

 .global-cta-btn-260 a {
     width: 260px;
     height: 60px;
     border-radius: 0.25rem;
     display: inline-block;
     padding: 1.5rem;
     text-decoration: none;
 }

 .global-cta-btn-220 a {
     width: 220px;
     height: 60px;
     border-radius: 0.25rem;
     display: inline-block;
     padding: 1.5rem;
     text-decoration: none;
 }

 .global-cta-btn-180 a {
     width: 180px;
     height: 60px;
     border-radius: 0.25rem;
     display: inline-block;
     padding: 1.5rem;
     text-decoration: none;
 }

 /* CTA ICON */

 .global-cta-rightarrow {
     background: url('../../../content/dam/truist/icon/modal-component/midnight-arrow-right.png') no-repeat 0 0;
     width: 25px;
     height: 25px;
     display: inline-block;
     background-size: contain;
     padding: 1.5rem 1.5rem 0 1.5rem;
     margin: 0 .5rem;
     vertical-align: bottom;
 }

 .global-cta-leftarrow {
     background: url('../../../content/dam/truist/icon/modal-component/midnight-arrow-left.png') no-repeat 0 0;
     width: 25px;
     height: 25px;
     display: inline-block;
     background-size: contain;
     margin: 0 .5rem;
     padding: 1rem;
     vertical-align: bottom;
 }

 .cta .global-cta--link .global-cta-rightarrow,
 .cta .global-cta--link .global-cta-leftarrow {
     background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=") 0 0 no-repeat;
     background-size: contain;
     width: auto;
     height: auto;
 }

 .gl-align-right.icon {
     margin: 15px 10px 0 0
 }

 .gl-align-left.icon {
     margin: 15px 0 0 10px
 }

 .gl-align-center.icon {
     margin-top: 15px
 }

 .global-cta-btn a.modalWindow {
     color: #2e1a47;
     cursor: pointer;
     text-decoration: none;
 }

 .global-cta-btn a.modalWindow:hover,
 .global-cta-btn a.modalWindow:focus {
     color: #fff;
     cursor: pointer;
 }

 .author-cta-styling a {
     cursor: pointer;
 }

 .cta__size--full a {
     display: block;
 }

 .cta__size--remove-padding .global-cta--link a,
 .cta__size--remove-padding .global-cta-btn a {
     padding: 0;
 }

 .cta__text--semi-bold a {
     font-weight: var(--truFontWtBd);
 }

 .cta__text--uppercase a {
     text-transform: uppercase;
 }

 /*color (buttons)*/

 .cta__color--midnight .global-cta-btn a,
 .cta__color--midnight .global-cta-btn a.modalWindow {
     background: #2E1A47;
     border: 2px solid #2e1a47;
     color: #fff;
 }

 .cta__color--midnight .global-cta-btn a:hover,
 .cta__color--midnight .global-cta-btn a:active {
     background: transparent;
     border: 2px solid #2e1a47;
     color: #2e1a47;
 }

 .cta__color--midnight .global-cta-btn a:focus {
     outline: 1px solid #fff;
     outline-offset: -4px;
 }

 .cta__color--dusk .global-cta-btn a,
 .cta__color--dusk .global-cta-btn a.modalWindow {
     background: #7C6992;
     border: 2px solid #7C6992;
     color: #fff;
 }

 .cta__color--dusk .global-cta-btn a:hover,
 .cta__color--dusk .global-cta-btn a:active {
     background: #AFABC9;
     border: 2px solid #AFABC9;
     color: #2e1a47;
 }

 .cta__color--dusk .global-cta-btn a:focus {
     outline: 1px solid #fff;
     outline-offset: -4px;
 }

 .cta__color--ghost-light .global-cta-btn a,
 .cta__color--ghost-light .global-cta-btn a.modalWindow {
     background: transparent;
     border: 2px solid #2e1a47;
     color: #2E1A47;
 }

 .cta__color--ghost-light .global-cta-btn a:hover,
 .cta__color--ghost-light .global-cta-btn a:active {
     background: #2E1A47;
     border: 2px solid #2e1a47;
     color: #fff;
 }

 .cta__color--ghost-light .global-cta-btn a:focus {
     outline: 1px solid #2E1A47;
     outline-offset: -4px;
 }

 .cta__color--ghost-light .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
 }

 .cta__color--ghost-light a:hover .global-cta-external-link,
 .cta__color--ghost-light a:focus .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
 }

 .cta__color--ghost-dark .global-cta-btn a,
 .cta__color--ghost-dark .global-cta-btn a.modalWindow {
     background: transparent;
     border: 2px solid #fff;
     color: #fff;
 }

 .cta__color--ghost-dark .global-cta-btn a:hover,
 .cta__color--ghost-dark .global-cta-btn a:active {
     background: #fff;
     border: 2px solid #fff;
     color: #2e1a47;
 }

 .cta__color--ghost-dark .global-cta-btn a:focus {
     outline: 1px solid #fff;
     outline-offset: -4px;
 }

 .cta__color--sky .global-cta-btn a,
 .cta__color--sky .global-cta-btn a.modalWindow {
     background: #B0E0E2;
     border: 2px solid #B0E0E2;
     color: #2E1A47;
 }

 .cta__color--sky .global-cta-btn a:hover,
 .cta__color--sky .global-cta-btn a:active {
     background: #fff;
     border: 2px solid #fff;
     color: #2e1a47;
 }

 .cta__color--sky .global-cta-btn a:focus {
     outline: 1px solid #2e1a47;
     outline-offset: -4px;
 }

 .cta__color--sky .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
 }

 .cta__color--white .global-cta-btn a,
 .cta__color--white .global-cta-btn a.modalWindow {
     background: #fff;
     border: 2px solid #fff;
     color: #2E1A47;
 }

 .cta__color--white .global-cta-btn a:hover,
 .cta__color--white .global-cta-btn a:active {
     background: transparent;
     border: 2px solid #fff;
     color: #fff;
 }

 .cta__color--white .global-cta-btn a:focus {
     outline: 1px solid #2e1a47;
     outline-offset: -4px;
 }

 .cta__color--white .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
 }

 .cta__color--white a:hover .global-cta-external-link,
 .cta__color--white a:focus .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
 }

 .cta__color--dawn .global-cta-btn a,
 .cta__color--dawn .global-cta-btn a.modalWindow {
     background: #AFABC9;
     border: 2px solid #AFABC9;
     color: #2E1A47;
 }

 .cta__color--dawn .global-cta-btn a:hover,
 .cta__color--dawn .global-cta-btn a:active {
     background: #7C6992;
     border: 2px solid #7C6992;
     color: #fff;
 }

 .cta__color--dawn .global-cta-btn a:focus {
     outline: 1px solid #2e1a47;
     outline-offset: -4px;
 }

 .cta__color--dawn .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
 }

 .cta__color--dawn a:hover .global-cta-external-link,
 .cta__color--dawn a:focus .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
 }

 .cta .global-cta-btn a,
 .cta .global-cta--link a,
 .cta .btn {
     padding: 1.5rem 2rem;
     margin-bottom: 2rem;
     width: auto;
     font-size: 1.8rem;
     line-height: 2.4rem;
     border-radius: .4rem;
     text-decoration: none;
     transition: all .15s ease-in;
 }

 /*responsive*/

 @media (max-width: 767.98px) {
     .cta .global-cta-btn a,
     .cta .btn {
         display: block;
         text-align: center;
     }
 }

 @media (min-width: 768px) {
     .cta__display--inline {
         float: none !important;
         width: auto !important;
         display: inline-block !important;
         margin-right: 1rem;
     }
 }

 /* Override download icon custom styles*/

 .cta .cta-dowload-noafter::after {
     display: none !important;
 }

 .image-component {
     width: 100%;
     border: 0;
     height: auto;
 }

 .image-component img {
     width: 100%;
     height: auto;
 }

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

 /*image*/

 .image__border-radius-top-left img {
     border-top-left-radius: 2rem;
 }

 .image__border-radius-top-right img {
     border-top-right-radius: 2rem;
 }

 .image__border-radius-bottom-right img {
     border-bottom-right-radius: 2rem;
 }

 .image__border-radius-bottom-left img {
     border-bottom-left-radius: 2rem;
 }

 /*mobile only*/

 @media (max-width: 768px) {
     .image__border-radius-top-left--mobile img {
         border-top-left-radius: 2rem;
     }
     .image__border-radius-top-right--mobile img {
         border-top-right-radius: 2rem;
     }
     .image__border-radius-bottom-right--mobile img {
         border-bottom-right-radius: 2rem;
     }
     .image__border-radius-bottom-left--mobile img {
         border-bottom-left-radius: 2rem;
     }
 }

 @media (min-width: 769px) {
     /*desktop only*/
     .image__border-radius-top-left--desktop img {
         border-top-left-radius: 2rem;
     }
     .image__border-radius-top-right--desktop img {
         border-top-right-radius: 2rem;
     }
     .image__border-radius-bottom-right--desktop img {
         border-bottom-right-radius: 2rem;
     }
     .image__border-radius-bottom-left--desktop img {
         border-bottom-left-radius: 2rem;
     }
 }

 @media only screen and (min-device-width: 360px) and (max-device-width: 767px) {
     .image-component {
         text-align: center;
     }
     .image-component.float-left {
         clear: left;
         margin: 1rem auto 1rem auto;
     }
     .image-component.float-right {
         clear: right;
         margin: 1rem auto 1rem auto;
     }
 }

 /**IMAGE**/

 /*CORNERS - grid component, image component*/

 /*image*/

 .image__border-radius-top-left img {
     border-top-left-radius: 2rem;
 }

 .image__border-radius-top-right img {
     border-top-right-radius: 2rem;
 }

 .image__border-radius-bottom-right img {
     border-bottom-right-radius: 2rem;
 }

 .image__border-radius-bottom-left img {
     border-bottom-left-radius: 2rem;
 }

 /*mobile only*/

 @media (max-width: 768px) {
     .image__border-radius-top-left--mobile img {
         border-top-left-radius: 2rem;
     }
     .image__border-radius-top-right--mobile img {
         border-top-right-radius: 2rem;
     }
     .image__border-radius-bottom-right--mobile img {
         border-bottom-right-radius: 2rem;
     }
     .image__border-radius-bottom-left--mobile img {
         border-bottom-left-radius: 2rem;
     }
 }

 @media (min-width: 769px) {
     /*desktop only*/
     .image__border-radius-top-left--desktop img {
         border-top-left-radius: 2rem;
     }
     .image__border-radius-top-right--desktop img {
         border-top-right-radius: 2rem;
     }
     .image__border-radius-bottom-right--desktop img {
         border-bottom-right-radius: 2rem;
     }
     .image__border-radius-bottom-left--desktop img {
         border-bottom-left-radius: 2rem;
     }
 }

 /**IMAGE END**/

 .dll-wrapper-container {
     width: 100%;
     margin: 0 auto;
     margin-top: 10px;
 }

 .dll-inner-container {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
 }

 .dll-customer-option {
     border: 1px solid #efefef;
     padding: 10px;
     width: 100%;
     display: inline-block;
 }

 .dll-filter-items {
     border-radius: 4px;
     border: 1px solid #ccc;
     height: 30px;
     width: 20rem;
     margin-bottom: 10px;
 }

 .dll-sort-items {
     width: 150px;
     border-radius: 4px;
     border: 1px solid #ccc;
     height: 30px;
     margin-bottom: 10px;
 }

 .apply-reset-button {
     display: flex;
     width: 100%;
 }

 .filterButton {
     display: block;
     font-size: 1em;
     padding: 5px 12px;
     margin: 8px 0 8px 0;
     border: none;
     margin-right: 10px;
 }

 .dllHeaderBar {
     width: 100%;
     padding: 1rem;
     display: inline-block;
 }

 .dll-filter-section,
 .dll-heading {
     float: left;
 }

 .dll-sort-section,
 .dll-viewall {
     float: right;
 }

 /* to be removed Filter - need to add separate CSS file*/

 /* Media Query Start */

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: portrait) {
     /* Partial View */
     .multi-item-carousel {
         overflow: hidden;
     }
     .dll-filter-items {
         width: 20rem;
     }
     .dll-sort-items {
         width: 9rem;
     }
 }

 /* Desktop */

 @media screen and (min-width: 220px) and (max-width: 696px) {
     .carousel-indicator-container .position-arrow {
         display: none
     }
     .carousel-indicator-container .carousel-indicator-align {
         display: inherit;
     }
     .carousel-indicator-container .carousel-indicator-align ul.carousel-indicators {
         position: relative;
     }
 }

 /* List View start here */

 .dll-pagination-container {
     margin-top: 10px;
 }

 .listviewLayout-class .article {
     position: relative;
     display: flex;
     width: 100%;
     padding: 10px 0 0 5px;
 }

 .listviewLayout-class .article:first-child {
     padding-top: 0;
 }

 .listviewLayout-class .article:last-child {
     border-bottom: 0;
 }

 .listviewLayout-class .article .inner {
     padding-left: 20px;
     padding-right: 20px;
     text-align: left;
     width: 100%;
 }

 .listviewLayout-class .article .inner .article-title {
     font-size: 1.7rem;
     margin: 0 0 0 0;
 }

 .listviewLayout-class .article .inner .article-title a {
     color: #003b71;
 }

 .listviewLayout-class .article .inner p {
     font-size: 1.4rem;
     color: #333;
 }

 .listviewLayout-class .article .banner-icon {
     margin: 0 20px 0 0;
     padding: 0;
     position: relative;
     width: 53px;
     height: 38px;
 }

 .listviewLayout-class .article .banner-image {
     width: 120px;
     height: 50px;
     vertical-align: top;
 }

 .listviewLayout-class .article .img-fluid {
     width: 100%;
     height: 100%;
 }

 .listviewLayout-class .article .date-desc {
     font-style: italic;
     margin: 0;
 }

 .listviewLayout-class .article .tag-desc {
     font-weight: var(--truFontWtBd);
     margin-bottom: 0;
 }

 .listviewLayout-class .dll-listview-tags {
     border-radius: 4px;
     background: #ccc;
     color: #000;
     padding: 2px 5px;
     font-weight: var(--truFontWtRg);
 }

 .dll-pagination-container .text-center .pagination {
     display: inline-block;
 }

 .listviewLayout-class .card-deck .dll-featured {
     width: 100%;
 }

 .line-border-article {
     border-top: solid 1px #ccc
 }

 .listviewLayout-class .carousel-item .line-border-article:first-child {
     border: 0;
 }

 .listviewLayout-class .card-deck .line-border-article:first-child {
     border: 0;
 }

 /*List view end here */

 div.thumbnail-container {
     background: #fff
 }

 .my-5 div.thumbnail-container {
     width: calc(100% * .18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-4 div.thumbnail-container {
     width: calc(91.4% * .25);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-3 div.thumbnail-container {
     width: calc(94% * 0.33333);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-2 div.thumbnail-container {
     width: calc(100% * .48);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-1 div.thumbnail-container {
     width: calc(100% * .18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .thubnail-inner-text {
     padding: 10px;
     display: inline-block;
 }

 .thumbnail-img-container {
     position: relative;
 }

 .thumbail-text {
     color: #005ead;
 }

 .thumbnail-img-container img {
     width: 100%;
     height: auto;
 }

 .thumbail-anchor a {
     display: inline-block;
     width: 100%;
 }

 @media screen and (min-width: 824px) and (max-width: 925px) {
     .my-5 div.thumbnail-container,
     .my-4 div.thumbnail-container,
     .my-3 div.thumbnail-container,
     .my-2 div.thumbnail-container,
     .my-1 div.thumbnail-container {
         width: calc(92% * .33);
     }
 }

 @media screen and (min-width: 551px) and (max-width: 823px) {
     .my-5 div.thumbnail-container,
     .my-4 div.thumbnail-container,
     .my-3 div.thumbnail-container,
     .my-2 div.thumbnail-container,
     .my-1 div.thumbnail-container {
         width: calc(100% * .48);
     }
 }

 @media screen and (min-width: 290px) and (max-width: 550px) {
     div.tombstone-container,
     .my-5 div.thumbnail-container,
     .my-4 div.thumbnail-container,
     .my-3 div.thumbnail-container,
     .my-2 div.thumbnail-container {
         width: 100%;
         margin: 0 auto 10px auto;
     }
     .my-1 div.thumbnail-container {
         width: 96%;
         margin: 0 auto 10px auto;
     }
 }

 /*Landscape */

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: landscape) {
     div.thumbnail-container {
         width: calc(96% * 0.5);
     }
 }

 /* Portrait */

 @media only screen and (min-device-width: 360px) and (max-device-width: 496px) and (orientation: portrait) {
     div.thumbnail-container {
         width: 100%;
     }
 }

 /*Ipad Portrait */

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     div.thumbnail-container {
         width: calc(96% * 0.5);
         max-width: 280px;
     }
     .my-2 div.thumbnail-container,
     .my-1 div.thumbnail-container {
         max-width: 100%
     }
     ;
 }

 /* Title List */

 .title-list-wrapper {
     margin-bottom: 10px;
     display: inline-block;
     width: 100%;
 }

 .title-list-wrapper .container {
     padding-left: 0.5rem
 }

 .title-list-wrapper .title-list-heading {
     padding: 1.3rem 1.3rem 1.3rem 1rem;
 }

 .title-list-wrapper .title-link {
     width: 100%;
     padding-left: .5rem;
 }

 .title-list-wrapper .title-link a {
     padding: 0.9rem 1.3rem 0.2rem 0;
     display: inline-block;
 }

 .title-list-wrapper .carousel-inner {
     text-align: left
 }

 .title-list-wrapper .dll-component-wrapper .dll-featured {
     padding: 0;
     width: 100%
 }

 /* Title List */

 /* Carousel Title Layout */

 .carousel .title-list-wrapper {
     margin-bottom: 10px;
     display: inline-block;
     width: 100%;
 }

 .carousel .title-list-heading {
     padding: 1.3rem 1.3rem 1.3rem 0rem;
     border: 1px solid #fff;
 }

 .carousel .title-link {
     width: 100%;
     text-align: left;
 }

 .carousel .title-link a {
     padding: 0.9rem 1.3rem 0.2rem 0rem;
     display: inline-block;
 }

 /* Title list pagination */

 .dll-pagination-container .title-list-wrapper {
     margin-bottom: 10px;
     display: inline-block;
     width: 100%;
 }

 .dll-pagination-container .title-list-heading {
     padding: 1.3rem;
     border: 1px solid #fff;
 }

 .dll-pagination-container .title-link {
     width: 100%;
     text-align: left;
 }

 .dll-pagination-container.title-link a {
     color: #003b71;
     padding: 0.9rem 1.3rem 0.2rem 0rem;
     display: inline-block;
 }

 .grid-container {
     padding: 20px;
     position: relative;
     margin-bottom: 10px;
 }

 .grid-inner-text {
     padding: 10px;
     display: inline-block;
 }

 .grid-container a {
     padding-bottom: 20px;
     display: inline-block;
 }

 .my-5 div.grid-container {
     width: calc(100% * .18);
     border: 1px solid #626262;
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-4 div.grid-container {
     width: calc(91.4% * .25);
     border: 1px solid #626262;
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-3 div.grid-container {
     width: calc(94% * 0.33333);
     border: 1px solid #626262;
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-2 div.grid-container {
     width: calc(100% * .48);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-1 div.grid-container {
     width: calc(100% * .18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .TBD-xline-icon::before {
     font-family: 'sun-icons-UXd1Fq6';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     display: inline-block;
     /*font-size: 2.2rem;*/
     content: "\e008";
     color: #c94c06;
     display: block;
     background: #fff;
     width: 40px;
     height: 40px;
     position: absolute;
     right: 0;
     bottom: 0;
     text-align: center;
     font-size: 3rem;
     line-height: 40px;
 }

 .article-title,
 .gridLayout-class .grid-container .article-summary p {
     color: #fff;
 }

 @media screen and (min-width: 824px) and (max-width: 925px) {
     .dll-container.my-5 div.grid-container,
     .dll-container.my-4 div.grid-container,
     .dll-container.my-3 div.grid-container,
     .dll-container.my-2 div.grid-container,
     .dll-container.my-1 div.grid-container {
         width: calc(92% * .33)
     }
 }

 @media screen and (min-width: 551px) and (max-width: 823px) {
     .dll-container.my-5 div.grid-container,
     .dll-container.my-4 div.grid-container,
     .dll-container.my-3 div.grid-container,
     .dll-container.my-2 div.grid-container,
     .dll-container.my-1 div.grid-container {
         width: calc(100% * .48)
     }
 }

 @media screen and (min-width: 290px) and (max-width: 550px) {
     div.grid-container,
     .my-5 div.grid-container,
     .my-4 div.grid-container,
     .my-3 div.grid-container,
     .my-2 div.grid-container,
     .my-1 div.grid-container {
         width: 96%;
         margin: 0 auto 10px auto;
     }
 }

 /*Landscape */

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: landscape) {
     .dll-inner-container div.grid-container {
         width: calc(100% * .48);
     }
 }

 /* Portrait */

 @media only screen and (min-device-width: 360px) and (max-device-width: 496px) and (orientation: portrait) {
     div.grid-container {
         width: 96%;
     }
 }

 /*Ipad Portrait */

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     div.grid-container {
         width: calc(96% * 0.5);
     }
     .my-2 div.grid-container,
     .my-1 div.grid-container {
         max-width: 100%
     }
     ;
 }

 /* load more component starts here */

 .global-load-more-wrapper .global-load-more {
     position: relative;
 }

 .global-load-more-wrapper .global-load-more .loadMore {
     width: 20rem;
     height: 4rem;
     margin: 0 auto 0.9375rem;
     border-radius: 0.3rem;
     background-clip: padding-box;
     padding: 0.7rem 3rem;
     cursor: pointer;
     display: block;
     /* to be removed */
     text-align: center;
 }

 .global-load-more-wrapper .global-load-more .loadMore:before {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     height: 0.1rem;
     content: "";
     z-index: -1;
 }

 .global-load-more-wrapper a:hover {
     text-decoration: none;
 }

 .GlobalDynamicLists .global-load-more {
     display: inline-block;
     width: 100%;
 }

 /* Load more End */

 .dll-inner-container .item {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
 }

 div.tombstone-container {
     background: #fff;
     border: 1px solid #ccc;
 }

 .my-5 div.tombstone-container {
     width: calc(100% * .18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-4 div.tombstone-container {
     width: calc(91.4% * .25);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-3 div.tombstone-container {
     width: calc(94% * 0.33333);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-2 div.tombstone-container {
     width: calc(100% * .40);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-1 div.tombstone-container {
     width: calc(100% * 0.18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .tombstone-photo img {
     width: 100%;
     height: auto;
 }

 .tombstone-desc {
     padding: 10px 0;
     min-height: 270px;
     text-align: left;
 }

 .published-date {
     padding: 10px 0;
     bottom: 0;
     position: absolute
 }

 .tombstone-list-item {
     padding-left: 18px
 }

 @media screen and (min-width: 824px) and (max-width: 925px) {
     .my-5 div.tombstone-container,
     .my-4 div.tombstone-container,
     .my-3 div.tombstone-container,
     .my-2 div.tombstone-container,
     .my-1 div.tombstone-container {
         width: calc(92% * .33);
     }
 }

 @media screen and (min-width: 551px) and (max-width: 823px) {
     .my-5 div.tombstone-container,
     .my-4 div.tombstone-container,
     .my-3 div.tombstone-container,
     .my-2 div.tombstone-container,
     .my-1 div.tombstone-container {
         width: calc(100% * .48);
     }
 }

 @media screen and (min-width: 290px) and (max-width: 550px) {
     div.tombstone-container,
     .my-5 div.tombstone-container,
     .my-4 div.tombstone-container,
     .my-3 div.tombstone-container,
     .my-2 div.tombstone-container {
         width: 100%;
         margin: 0 auto 10px auto;
     }
     .my-1 div.tombstone-container {
         width: 96%;
         margin: 0 auto 10px auto;
     }
 }

 /*Landscape */

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: landscape) {
     div.tombstone-container {
         width: calc(96% * 0.5);
     }
 }

 /* Portrait */

 @media only screen and (min-device-width: 360px) and (max-device-width: 496px) and (orientation: portrait) {
     div.tombstone-container {
         width: 100%;
         margin: 10px auto;
     }
     .published-date {
         position: relative;
     }
     .tombstone-desc {
         min-height: inherit;
     }
 }

 /*Ipad Portrait */

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     div.tombstone-container {
         width: calc(96% * 0.5);
     }
     .my-2 div.tombstone-container,
     .my-1 div.tombstone-container {
         max-width: 100%;
     }
     ;
 }

 /* Pagination Start */

 ul.pagination {
     font-size: 1.6rem;
     width: 100%;
     display: inline-block;
 }

 ul.pagination li {
     display: inline-block;
     width: auto;
 }

 ul.pagination li.active a {
     text-decoration: none;
 }

 ul.pagination li a:focus {
     box-shadow: none;
 }

 ul.pagination li a {
     border: 0;
     text-decoration: underline;
     padding-right: 0.6rem;
 }

 ul.pagination li.disabled {
     padding: 0.6rem 0.6rem;
 }

 ul.pagination li.active span.current {
     padding: 0.6rem;
     outline: 0;
 }

 ul.pagination .page-link {
     background: none;
 }

 ul.pagination .first,
 ul.pagination .prev,
 ul.pagination .next,
 ul.pagination .last {
     outline: 0;
 }

 .card-deck {
     margin: 0 -15px;
     justify-content: flex-start;
 }

 .card-deck .card {
     margin: 0 0 1rem 0;
 }

 .card-deck.page {
     display: none;
     width: 100%;
 }

 .card-deck.page-active {
     display: inline-flex;
     width: 100%;
     padding: 0;
     margin: 0;
 }

 /*Pagination End */

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: landscape) {
     .dll-pagination-container .dll-inner-container div.thumbnail-container,
     .dll-pagination-container .dll-inner-container div.tombstone-container {
         width: calc(100% * .48);
     }
 }

 /* Ipad portrait */

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     .dll-pagination-container .dll-inner-container div.thumbnail-container,
     .dll-pagination-container .dll-inner-container div.tombstone-container {
         width: calc(100% * .48);
     }
 }

 /* Ipad Landscape */

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
     .dll-pagination-container .dll-inner-container div.thumbnail-container,
     .dll-pagination-container.my-4 .dll-inner-container div.thumbnail-container,
     .dll-pagination-container.my-3 .dll-inner-container div.thumbnail-container,
     .dll-pagination-container.my-2 .dll-inner-container div.thumbnail-container,
     .dll-pagination-container.my-4 .dll-inner-container div.tombstone-container,
     .dll-pagination-container.my-3 .dll-inner-container div.tombstone-container,
     .dll-pagination-container.my-2 .dll-inner-container div.tombstone-container {
         width: calc(100% * .48);
     }
 }

 /* Carousel Indicators */

 .carousel {
     width: 100%
 }

 .dll-component-wrapper .carousel-indicators .active {
     outline: none;
 }

 .dll-component-wrapper .carousel-indicator-align {
     display: inline-block;
 }

 .dll-component-wrapper .carousel-indicator-align ul.carousel-indicators {
     position: relative;
 }

 .dll-component-wrapper ul.carousel-indicators li {
     outline: none;
 }

 .dll-component-wrapper .leftRs {
     position: absolute;
     margin: auto;
     top: 0;
     bottom: 0;
     z-index: 100;
     left: 0;
     width: 40px;
     height: 40px;
     border-radius: 999px;
     margin-top: -28px;
     border: 1px solid #003b71;
     display: inline;
 }

 .dll-component-wrapper .rightRs {
     position: absolute;
     margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 100;
     width: 40px;
     height: 40px;
     border-radius: 999px;
     margin-top: -28px;
     border: 1px solid #003b71;
 }

 .indicator-gutter:first-child {
     margin-left: 0;
 }

 .dll-component-wrapper .carousel-container {
     display: inline-flex;
 }

 .dll-component-wrapper .position-arrow {
     position: relative;
     display: inline-block;
 }

 .dll-component-wrapper .position-arrow a {
     text-decoration: none;
 }

 .dll-component-wrapper .inside-arrow {
     margin-top: 4px;
     display: inline-flex;
     margin-left: 0;
     margin-right: 0;
 }

 /* indicator bars */

 .dll-component-wrapper .carousel-indicator-container {
     display: inline-flex;
     margin-top: 10px;
 }

 .dll-component-wrapper .indicator-gutter {
     margin: 0 4.8125rem;
     padding: 0.3125rem 0;
 }

 .dll-component-wrapper .indicator-buttons {
     margin: 0 0.9375rem;
 }

 .dll-component-wrapper .carousel-indicators {
     margin-left: 0;
     margin-right: 0;
     top: 0;
 }

 /* Carousel Indicators */

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: landscape) {
     .dll-component-wrapper .carousel-indicator-container .position-arrow {
         display: none
     }
     .dll-component-wrapper .carousel-indicator-container .carousel-indicator-align {
         display: inherit;
     }
     .dll-component-wrapper .carousel-indicator-container .carousel-indicator-align ul.carousel-indicators {
         position: absolute;
     }
     .dll-component-wrapper .carousel-indicator-container {
         position: relative;
     }
 }

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: portrait) {
     .dll-component-wrapper .carousel-indicator-container .position-arrow {
         display: none;
     }
     .dll-component-wrapper .carousel-indicator-container .carousel-indicator-align {
         position: inherit;
     }
     .dll-component-wrapper .carousel-indicator-container .carousel-indicator-align ul.carousel-indicators {
         position: absolute;
     }
     .dll-component-wrapper .carousel-indicator-container {
         position: relative;
     }
 }

 /* Singel Row Carousel and Pagination */

 .dll-container.my-1 .carousel .carousel-item.active {
     display: grid;
     flex-direction: column;
 }

 .dll-pagination-container.my-1 .card-deck.page-active {
     display: block;
 }

 .carousel {
     outline: none;
 }

 .carousel div.tombstone-container,
 .carousel div.thumbnail-container,
 .carousel div.grid-container {
     float: left;
 }

 .tombstone-desc {
     padding: 10px;
 }

 .dll-container .carousel .carousel-item.active {
     display: flex;
     flex-wrap: wrap;
 }

 .my-5 .carousel-inner-container div.tombstone-container {
     width: calc(100% * .18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-4 .carousel-inner-container div.tombstone-container {
     width: calc(100% * .23);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-3 .carousel-inner-container div.tombstone-container {
     width: calc(100% * 0.31);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-2 .carousel-inner-container div.tombstone-container {
     width: calc(100% * .48);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-1 .carousel-inner-container div.tombstone-container {
     width: calc(100% * .18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
     min-height: 270px;
 }

 /* Thumnail carousel */

 .my-5 .carousel-inner-container div.thumbnail-container {
     width: calc(100% * .18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-4 .carousel-inner-container div.thumbnail-container {
     width: calc(100% * .23);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-3 .carousel-inner-container div.thumbnail-container {
     width: calc(100% * 0.31);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-2 .carousel-inner-container div.thumbnail-container {
     width: calc(100% * .48);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-1 .carousel-inner-container div.thumbnail-container {
     width: calc(100% * .18);
     margin-left: 1%;
     margin-right: 1%;
     margin-bottom: 10px;
     text-align: left;
     position: relative;
 }

 .my-1 .dll-inner-container {
     display: inherit;
 }

 /* Thumnail carousel */

 /* Grid carousel */

 /* Grid carousel */

 .carousel-width-container .tombstone-desc {
     padding: 10px;
 }

 @media screen and (min-width: 824px) and (max-width: 925px) {
     .my-5 .carousel-inner-container div.tombstone-container,
     .my-4 .carousel-inner-container div.tombstone-container,
     .my-3 .carousel-inner-container div.tombstone-container,
     .my-2 .carousel-inner-container div.tombstone-container,
     .my-1 .carousel-inner-container div.tombstone-container,
     .my-5 .carousel-inner-container div.thumbnail-container,
     .my-4 .carousel-inner-container div.thumbnail-container,
     .my-3 .carousel-inner-container div.thumbnail-container,
     .my-2 .carousel-inner-container div.thumbnail-container,
     .my-1 .carousel-inner-container div.thumbnail-container {
         width: calc(92% * .33);
     }
 }

 @media screen and (min-width: 551px) and (max-width: 823px) {
     .my-5 .carousel-inner-container div.tombstone-container,
     .my-4 .carousel-inner-container div.tombstone-container,
     .my-3 .carousel-inner-container div.tombstone-container,
     .my-2 .carousel-inner-container div.tombstone-container,
     .my-1 .carousel-inner-container div.tombstone-container,
     .my-5 .carousel-inner-container div.thumbnail-container,
     .my-4 .carousel-inner-container div.thumbnail-container,
     .my-3 .carousel-inner-container div.thumbnail-container,
     .my-2 .carousel-inner-container div.thumbnail-container,
     .my-1 .carousel-inner-container div.thumbnail-container {
         width: calc(100% * .48);
     }
 }

 @media screen and (min-width: 290px) and (max-width: 550px) {
     .my-5 .carousel-inner-container div.tombstone-container,
     .my-4 .carousel-inner-container div.tombstone-container,
     .my-3 .carousel-inner-container div.tombstone-container,
     .my-2 .carousel-inner-container div.tombstone-container,
     .my-5 .carousel-inner-container div.thumbnail-container,
     .my-4 .carousel-inner-container div.thumbnail-container,
     .my-3 .carousel-inner-container div.thumbnail-container,
     .my-2 .carousel-inner-container div.thumbnail-container {
         width: 100%;
         margin: 0 auto 10px auto;
     }
     .my-1 .carousel-inner-container div.tombstone-container,
     .my-1 .carousel-inner-container div.thumbnail-container {
         width: 96%;
         margin: 0 auto 10px auto;
     }
 }

 /*Landscape */

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: landscape) {
     .multi-item-carousel .carousel-inner-container div.tombstone-container {
         width: calc(100% * .48);
     }
 }

 /* Portrait */

 @media only screen and (min-device-width: 360px) and (max-device-width: 796px) and (orientation: portrait) {
     .dll-container.my-1 .carousel .carousel-item.active {
         display: flex;
         flex-wrap: wrap;
         flex-direction: inherit;
     }
     .multi-item-carousel .carousel-inner {
         width: 270%;
         left: -85%;
     }
     .tombstoneLayout-class .grid-view-nopartial,
     .thumbnailLayout-class .grid-view-nopartial,
     .gridLayout-class .grid-view-nopartial {
         width: 98%;
         left: -1%;
     }
     .my-1 .carousel-inner-container div.tombstone-container,
     .my-1 .carousel-inner-container div.thumbnail-container,
     .my-1 .carousel-inner-container div.grid-container {
         position: relative;
         width: 28.333%;
         margin: 0 0 0 2%;
     }
     .my-1 .grid-view-nopartial div.tombstone-container,
     .my-1 .grid-view-nopartial div.thumbnail-container,
     .my-1 .grid-view-nopartial div.grid-container {
         width: 98%;
     }
     .listviewLayout-class .carousel-inner,
     .titleLayout-class .carousel-inner {
         width: auto;
         left: inherit;
     }
 }

 /* Iphone 8+ */

 @media only screen and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) {}

 /*Ipad Portrait */

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     .my-2 .carousel-inner-container div.tombstone-container {
         width: calc(100% * .48);
     }
     .multi-item-carousel .carousel-inner {
         width: auto;
         left: 0;
     }
 }

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}

 .accordion-toggle-container .border-container {
     border-bottom: 1px solid #ccc
 }

 .accordion-toggle-container .fa {
     margin-right: 0.5rem;
 }

 .accordion-toggle-container .accordion-card-header-body {
     background: none;
     border: 0;
 }

 .accordion-toggle-container .btn-container-width {
     width: 100%;
     text-align: left;
     padding: 0;
 }

 .accordion-toggle-container .cssCircle {
     -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
     border-radius: 999px;
     width: 30px;
     height: 30px;
     border: 1px solid #779BCA;
     color: #003580;
     text-align: center;
     -webkit-transition: background 0.2s linear;
     -moz-transition: background 0.2s linear;
     -ms-transition: background 0.2s linear;
     -o-transition: background 0.2s linear;
     transition: background 0.2s linear;
     transition: color 0.2s linear;
     vertical-align: middle;
     padding: 6px;
     font-size: 1.7rem;
     float: right;
 }

 .accordion-toggle-container .third-level {
     padding-left: 44px;
 }

 .arrow-down .cssCircle,
 .plus-icon .fa-chevron-down {
     display: none;
 }

 .button-margin {
     margin-bottom: 10px;
     margin-left: 10px;
 }

 .btn {
     font-size: 2rem;
 }

 .border-container .accordion-button-left {
     text-align: left;
 }

 .border-container .accordion-button-right {
     text-align: right;
 }

 .border-container .accordion-button-center {
     text-align: center;
 }

 .accordion-text.truist--icon-carat-up.before:before,
 .accordion-text.truist--icon-carat-up.after:after {
     content: "\e810";
     /*up arrow*/
 }

 .accordion-text.truist--icon-carat-down.before:before,
 .accordion-text.truist--icon-carat-down.after:after {
     content: "\e80c";
     /*down arrow*/
 }

 .accordion-text.truist--icon-carat-up.before:before,
 .accordion-text.truist--icon-carat-down.before:before {
     margin-right: 10px;
 }

 .accordion-text.truist--icon-carat-up.after:after,
 .accordion-text.truist--icon-carat-down.after:after {
     margin-left: 10px;
 }

 .btn-primary:hover .accordion-text,
 .btn-primary:hover .accordion-text:before,
 .btn-primary:hover .accordion-text:after,
 .btn-primary:focus .accordion-text,
 .btn-primary:focus .accordion-text:before,
 .btn-primary:focus .accordion-text:after {
     color: #FFFFFF;
 }

 .open-above {
     display: flex;
     flex-direction: column-reverse;
 }

 .btn .accordion-text {
     /* disclaimer model text style */
 }

 .btn-primary .accordion-text {
     /* stack model text style (button)*/
 }

 .btn .accordion-text.faq {
     /* FAQ model text style */
 }

 .accordion__button--alignment--center .accordion-card-header-body {
     text-align: center;
 }

 .accordion__button--alignment--right .accordion-card-header-body {
     text-align: right;
 }

 .accordion__button--alignment--center .accordion-toggle-container .btn-container-width,
 .accordion__button--alignment--right .accordion-toggle-container .btn-container-width {
     width: auto;
 }

 .accordion__model--transcript {
     margin-top: 3rem;
 }

 .accordion__model--transcript .card-body {
     background: #f7f7f7;
     border-radius: 1rem;
     padding: 3rem;
 }

 /*********************************/

 /**ACCORDION COMPONENT**/

 .accordion .btn-link {
     color: #7C6992;
 }

 .accordion .btn-link:hover,
 .accordion .btn-link:focus {
     color: #7C6992;
     text-decoration: none;
 }

 .accordion .btn-link:focus {
     border: 1px dotted;
 }

 .accordion .card-header {
     padding: 0;
     margin: 0;
 }

 .accordion .card-body {
     padding: 0;
 }

 /*stack (button)*/

 .accordion .button-margin {
     margin: 2.5rem 0;
 }

 .accordion .button-margin .card-header {
     border-bottom: none;
 }

 .accordion .button-margin .btn-primary {
     background: transparent;
     border: 2px solid #2e1a47;
     color: #2e1a47;
     padding: 1rem 2rem;
 }

 .accordion .button-margin .btn-primary:hover,
 .accordion .button-margin .btn-primary:focus,
 .accordion .button-margin .btn-primary:active,
 .accordion .button-margin .btn-primary:active:focus {
     color: #fff;
     background-color: #2e1a47;
     border-color: #2e1a47;
     box-shadow: none;
 }

 /*disclaimer (up/down arrow)*/

 .accordion.arrow-down .border-container {
     border-bottom: 0;
 }

 .accordion.arrow-down .btn-link {
     font-weight: var(--truFontWtLt);
     color: #2e1a47;
     text-decoration: none;
 }

 .accordion.arrow-down .btn-link:hover {
     color: #2e1a47;
     text-decoration: none;
 }

 .accordion.arrow-down .btn-link:focus,
 .accordion.arrow-down .btn-link.focus {
     text-decoration: none;
     box-shadow: none;
     outline: 1px dotted;
 }

 /*zebra stripe*/

 .accordion .zebra-stripe>div>div:nth-of-type(even) {
     background-color: #f7f7f7;
 }

 .accordion .zebra-stripe .border-container {
     padding: 5rem 2rem;
 }

 .accordion .zebra-stripe .border-container>div {
     margin: 0 8.333%;
 }

 /*faq (plus-icon)*/

 .accordion.plus-icon .border-container {
     padding-left: 0;
     border-bottom: none;
     margin-bottom: 4rem;
 }

 .accordion.plus-icon button {
     font-size: 1.8rem;
     line-height: 1.5em;
     color: #2E1A47;
     font-weight: var(--truFontWtBd);
     margin-bottom: 0;
 }

 .accordion.plus-icon button .accordion-text {
     display: flex;
 }

 .accordion.plus-icon button .accordion-text p {
     margin-bottom: 0;
 }

 .accordion.plus-icon .accordion-text.truist--icon-carat-up.before:before,
 .accordion.plus-icon .accordion-text.truist--icon-carat-down.before:before {
     margin: 0 1.4rem 0 0;
     line-height: inherit;
 }

 .accordion.plus-icon .card-body {
     padding: .7rem 3rem 0;
 }

 .accordion.plus-icon .card-body p {
     font-size: 1.6rem;
     line-height: 1.5em;
     margin-bottom: .7rem;
 }

 @media (min-width: 769px) {
     .accordion.plus-icon button {
         font-size: 2.4rem;
         line-height: 1.5em;
     }
     .accordion.plus-icon .card-body p {
         font-size: 1.8rem;
         line-height: 1.5em;
         margin-bottom: 1.4rem;
     }
     .accordion.plus-icon .card-body {
         padding: 1.4rem 3rem 0;
     }
     .accordion.plus-icon .accordion-text.truist--icon-carat-up.before:before,
     .accordion.plus-icon .accordion-text.truist--icon-carat-down.before:before {
         line-height: inherit;
     }
 }

 .r-tabs .r-tabs-nav {
     margin: 0;
     padding: 0;
     display: inline-flex;
 }

 .r-tabs .r-tabs-tab {
     display: inline-block;
     margin: 0;
     list-style: none;
 }

 .r-tabs .r-tabs-panel {
     padding: 15px;
     display: none;
 }

 .r-tabs .r-tabs-accordion-title {
     display: none;
 }

 .r-tabs .r-tabs-panel.r-tabs-state-active {
     display: block;
 }

 /* Accordion responsive breakpoint */

 @media only screen and (max-width: 768px) {
     .r-tabs .r-tabs-nav {
         display: none;
     }
     .r-tabs .r-tabs-accordion-title {
         display: block;
     }
 }

 /* Tabs container */

 /*  removing as per ADA suggestion by Joe - Ravi
.tab-content *{outline: none;}
*/

 .r-tabs {
     position: relative;
 }

 /* Tab element */

 .r-tabs .r-tabs-nav .r-tabs-tab {
     position: relative;
 }

 /* Tab anchor */

 .r-tabs .r-tabs-nav .r-tabs-anchor {
     display: inline-block;
     padding: 10px 12px;
     text-decoration: none;
     font-size: 1.4rem;
     font-weight: bold;
     color: #000;
 }

 /* Disabled tab */

 .r-tabs .r-tabs-nav .r-tabs-state-disabled {
     opacity: 0.5;
 }

 /* Accordion anchor */

 .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
     display: block;
     padding: 10px;
     font-weight: bold;
     text-decoration: none;
     font-size: 1.4rem;
 }

 /* Disabled accordion button */

 .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
     opacity: 0.5;
 }

 /* Info bar */

 .global-tabs .info {
     display: inline-block;
     margin-top: 10px;
     margin-right: 10px;
     padding: 10px 20px;
     width: 300px;
     line-height: 100%;
     cursor: pointer;
 }

 /* Tab element */

 .r-tabs .r-tabs-nav .r-tabs-tab {
     background-color: #fff;
     border: 1px solid #000;
 }

 /* Active state tab anchor */

 .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
     color: #000;
     background-color: #ccc;
 }

 /* Tab panel */

 .r-tabs .r-tabs-panel {
     background-color: #fff;
     border-bottom: 4px solid #fff;
 }

 /* Accordion anchor */

 .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
     background-color: #fff;
     color: #000;
     border: 1px solid #000;
 }

 /* Active accordion anchor */

 .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
     background-color: #e8e8e8;
     color: #000;
 }

 .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:focus {
     background: #ccc;
 }

 .global-tabs .info {
     color: #00c5ad;
     border: 2px solid #00ab94;
     background-color: #fff;
 }

 /* style provided by authors */

 /*tab nav (desktop/tablet)*/

 .r-tabs {}

 .r-tabs .r-tabs-nav {}

 .r-tabs .r-tabs-nav .r-tabs-tab {
     border: 2px solid #344152;
     border-right: none;
     background-color: #fff;
     border-radius: 0;
 }

 .r-tabs .r-tabs-nav .r-tabs-tab:first-child {
     border-radius: .5rem 0 0 .5rem;
 }

 .r-tabs .r-tabs-nav .r-tabs-tab:last-child {
     border-right: 2px solid #344152;
     border-radius: 0 .5rem .5rem 0;
 }

 .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
     color: #344152;
     font-size: 1.6rem;
     background-color: transparent !important;
     font-weight: var(--truFontWtRg);
     padding: .5rem 2.5rem;
 }

 .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {
     background-color: #344152;
 }

 .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
     color: #fff;
 }

 /*content panel*/

 .r-tabs .r-tabs-panel {
     background-color: #f7f7f7;
     border-bottom: none;
 }

 @media (max-width: 768px) {
     /*accordian (mobile)*/
     .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
         background-color: #fff;
         color: #344152;
         border: 2px solid #344152;
         border-bottom: none;
         font-weight: var(--truFontWtRg);
         font-size: 1.6rem;
     }
     .r-tabs .r-tabs-accordion-title:first-child .r-tabs-anchor {
         border-radius: .5rem .5rem 0 0;
     }
     .r-tabs .r-tabs-accordion-title:nth-last-child(2) .r-tabs-anchor {
         border-radius: 0 0 .5rem .5rem;
         border-bottom: 2px solid #344152;
     }
     .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
         background-color: #344152;
         color: #fff;
     }
 }

 .navigation {
     width: 100%;
     height: 90px;
     display: table;
     position: relative;
     font-family: inherit;
 }

 .navigation .bg-transparent {
     background-color: rgba(255, 255, 255, 0);
 }

 .navigation .bg-white {
     background-color: rgba(255, 255, 255, 1);
 }

 .navigation * {
     box-sizing: border-box;
     -webkit-tap-highlight-color: transparent;
 }

 .navigation-portrait {
     height: 48px;
 }

 .navigation-fixed {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 19998;
 }

 .navigation-hidden {
     width: 0 !important;
     height: 0 !important;
     margin: 0 !important;
     padding: 0 !important;
 }

 .align-to-right {
     float: right;
 }

 .nav-header {
     float: left;
 }

 .navigation-hidden .nav-header {
     display: none;
 }

 .nav-brand {
     line-height: 85px;
     padding: 0;
     color: #726785;
     font-size: 2.4rem;
     text-decoration: none;
     margin: 0 auto;
 }

 .nav-brand:hover,
 .nav-brand:focus {
     color: #726785;
 }

 .nav-brand>img {
     max-width: 200px;
 }

 .nav-logo>img {
     height: 48px;
     margin: 11px auto;
     padding: 0 15px;
     float: left;
 }

 .nav-logo:focus>img {
     outline: initial;
 }

 .navigation-portrait .nav-logo>img {
     height: 36px;
     margin: 6px auto 6px 15px;
     padding: 0;
     border: 3px solid green;
 }

 .nav-toggle {
     width: 30px;
     height: 30px;
     padding: 6px 2px 0;
     position: absolute;
     top: 50%;
     margin-top: -14px;
     left: 15px;
     right: auto;
     display: none;
     cursor: pointer;
 }

 .nav-toggle:before {
     content: "";
     position: absolute;
     width: 24px;
     height: 2px;
     background-color: #726785;
     border-radius: 10px;
     box-shadow: 0 .5em 0 0 #726785, 0 1em 0 0 #726785;
     left: 0;
 }

 .nav-toggle:focus {
     outline: 0;
     border: 0;
 }

 .navigation-portrait .nav-toggle {
     display: block;
 }

 .navigation-portrait .nav-menus-wrapper {
     width: 100%;
     height: 100%;
     top: 0;
     position: fixed;
     background-color: #2F2F4F;
     z-index: 20000;
     display: none;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     -webkit-transition-duration: .2s;
     transition-duration: .2s;
     -webkit-transition-timing-function: ease;
     transition-timing-function: ease;
 }

 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
     left: auto;
     right: -400px;
 }

 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
     display: block;
 }

 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
     left: auto;
     right: 0;
 }

 .nav-menus-wrapper-close-button {
     width: 30px;
     height: 40px;
     margin: 2rem;
     display: none;
     float: left;
     color: #726785;
     font-size: 2.6rem;
     cursor: pointer;
 }

 .navigation-portrait .nav-menus-wrapper-close-button {
     display: block;
     z-index: 100000;
     position: absolute;
 }

 .nav-menu {
     margin: 0;
     padding: 0;
     list-style: none;
     line-height: normal;
     font-size: 0;
 }

 .navigation-portrait .nav-menu {
     width: 66% !important;
     margin: 0 auto !important;
     padding-top: 30px;
 }

 .navigation-landscape .nav-menu.nav-menu-centered {
     float: none;
     text-align: center;
 }

 .navigation-landscape .nav-menu.nav-menu-centered>li {
     float: none;
 }

 .nav-menu>li {
     display: inline-block;
     /* float: left; */
     text-align: left;
     position: relative;
 }

 .navigation-portrait .nav-menu>li {
     width: 100%;
     position: relative;
     border-top: solid 1px #f0f0f0;
 }

 .navigation-portrait .nav-menu>li:last-child {
     border-bottom: solid 1px #f0f0f0;
 }

 .nav-menu+.nav-menu>li:first-child {
     border-top: none;
 }

 .nav-menu>li>a {
     color: #4A708B;
     display: inline-block;
     text-decoration: none;
     font-size: 2rem;
     font-weight: var(--truFontWtLt);
     padding: .5rem 1rem;
     margin: 2.5rem 1rem 1rem;
     -webkit-transition: color .3s, background .3s;
     transition: color .3s, background .3s;
 }

 .navigation-portrait .nav-menu>li>a {
     width: 100%;
     height: auto;
     padding: 12px 15px 12px 26px;
 }

 .nav-menu>li:hover>a,
 .nav-menu>li.active>a,
 .nav-menu>li.focus>a {
     color: #4A708B;
 }

 .nav-menu>li>a>i,
 .nav-menu>li>a>[class*=ion-] {
     width: 18px;
     height: 16px;
     line-height: 16px;
     -webkit-transform: scale(1.4);
     transform: scale(1.4);
 }

 .nav-menu>li>a>[class*=ion-] {
     width: 16px;
     display: inline-block;
     -webkit-transform: scale(1.8);
     transform: scale(1.8);
 }

 .nav-menu>li>a.nav-specialty-item {
     border: 2px solid #4A708B;
     padding: 10px 25px 10px 25px;
     margin-top: 18px;
     border-radius: 5px;
     font-weight: var(--truFontWtRg);
 }

 .nav-menu>li>a.nav-specialty-item:hover {
     color: #fff;
     background: #4A708B;
     border: 2px solid #4A708B;
 }

 .nav-menu>li>a.nav-specialty-item:focus {
     color: #fff;
     background: #4A708B;
     border: 2px solid #4A708B;
 }

 .navigation-portrait .nav-menu.nav-menu-social {
     width: 100%;
     text-align: center;
 }

 .nav-menu.nav-menu-social>li {
     text-align: center;
     float: none;
     border: none !important;
 }

 .navigation-portrait .nav-menu.nav-menu-social>li {
     width: auto;
 }

 .nav-menu.nav-menu-social>li>a>[class*=ion-] {
     font-size: 1.2rem;
 }

 .nav-menu.nav-menu-social>li>a>.fa {
     font-size: 1.4rem;
 }

 .navigation-portrait .nav-menu.nav-menu-social>li>a {
     padding: 15px;
 }

 .submenu-indicator {
     margin-left: 6px;
     margin-top: 11px;
     float: right;
     -webkit-transition: all .2s;
     transition: all .2s;
 }

 .navigation-portrait .submenu-indicator {
     width: 54px;
     height: 44px;
     margin-top: 0;
     position: absolute;
     top: 0;
     right: 0;
     text-align: center;
     z-index: 20000;
 }

 .submenu-indicator-chevron {
     height: 6px;
     width: 6px;
     display: block;
     border-top: .3em solid;
     border-right: .3em solid transparent;
     border-bottom: 0;
     border-left: .3em solid transparent;
 }

 .navigation-portrait .submenu-indicator-chevron {
     position: absolute;
     top: 28px;
     left: 24px;
 }

 .nav-overlay-panel {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: fixed;
     display: none;
     z-index: 19999;
 }

 .no-scroll {
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .nav-search {
     height: 70px;
     float: right;
     z-index: 19998;
 }

 .navigation-portrait .nav-search {
     height: 48px;
     padding: 0 10px;
     margin-right: 52px;
 }

 .navigation-hidden .nav-search {
     display: none;
 }

 .nav-search-button {
     width: 70px;
     height: 70px;
     line-height: 70px;
     text-align: center;
     cursor: pointer;
     background-color: #fbfcfd;
 }

 .navigation-portrait .nav-search-button {
     width: 50px;
     height: 48px;
     line-height: 46px;
     font-size: 2.2rem;
 }

 .nav-search-icon {
     width: 14px;
     height: 14px;
     margin: 2px 8px 8px 4px;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     color: #343a40;
     text-align: left;
     text-indent: -9999px;
     border: 2px solid;
     border-radius: 50%;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

 .nav-search-icon:after,
 .nav-search-icon:before {
     content: '';
     pointer-events: none;
 }

 .nav-search-icon:before {
     width: 2px;
     height: 11px;
     top: 11px;
     position: absolute;
     left: 50%;
     border-radius: 0 0 1px 1px;
     box-shadow: inset 0 0 0 32px;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
 }

 .nav-search-button:hover .nav-search-icon {
     color: #726785;
 }

 .nav-search>form {
     width: 100%;
     height: 100%;
     padding: 0 auto;
     display: none;
     position: absolute;
     left: 0;
     top: 0;
     background-color: #fff;
     z-index: 99;
 }

 .nav-search-inner {
     width: 70%;
     height: 70px;
     margin: auto;
     display: table;
 }

 .navigation-portrait .nav-search-inner {
     height: 48px;
 }

 .nav-search-inner input[type=text],
 .nav-search-inner input[type=search] {
     height: 70px;
     width: 100%;
     margin: 0;
     padding: 0 12px;
     font-size: 2.6rem;
     text-align: center;
     color: #343a40;
     outline: none;
     line-height: 70px;
     border: none;
     background-color: transparent;
     -webkit-transition: all .3s;
     transition: all .3s;
 }

 .navigation-portrait .nav-search-inner input[type=text],
 .navigation-portrait .nav-search-inner input[type=search] {
     height: 48px;
     font-size: 1.8rem;
     line-height: 48px;
 }

 .nav-search-close-button {
     width: 28px;
     height: 28px;
     display: block;
     position: absolute;
     right: 20px;
     top: 20px;
     line-height: normal;
     color: #343a40;
     font-size: 2rem;
     cursor: pointer;
     text-align: center;
 }

 .navigation-portrait .nav-search-close-button {
     top: 10px;
     right: 14px;
 }

 .nav-button {
     margin: 18px 15px 0;
     padding: 8px 14px;
     display: inline-block;
     color: #fff;
     font-size: 1.4rem;
     text-align: center;
     text-decoration: none;
     border-radius: 4px;
 }

 .nav-button:hover,
 .nav-button:focus {
     color: #fff;
     text-decoration: none;
 }

 .navigation-portrait .nav-button {
     width: calc(100% - 52px);
     margin: 17px 26px;
 }

 .nav-text {
     margin: 25px 15px;
     display: inline-block;
     color: #343a40;
     font-size: 1.4rem;
 }

 .navigation-portrait .nav-text {
     width: calc(100% - 52px);
     margin: 12px 26px 0;
 }

 .navigation-portrait .nav-text+ul {
     margin-top: 15px;
 }

 .nav-dropdown {
     min-width: 210px;
     margin: 0;
     padding: 0;
     display: none;
     position: absolute;
     list-style: none;
     z-index: 98;
     white-space: nowrap;
 }

 .nav-dropdown::before {
     padding-top: 10px;
 }

 .nav-dropdown::after {
     padding-bottom: 10px;
 }

 .navigation-portrait .nav-dropdown {
     width: 100%;
     position: static;
     left: 0;
 }

 .nav-dropdown .nav-dropdown {
     left: 100%;
 }

 .nav-dropdown>ul {
     padding: 0;
     width: 100%;
     float: left;
     clear: both;
     text-align: left;
     white-space: normal;
 }

 .nav-dropdown ul li {
     list-style: none;
 }

 .nav-dropdown>ul>li>a {
     text-align: left;
     width: 100%;
     padding: 5px 20px;
     display: inline-block;
     text-decoration: none;
     /* float: left; */
     font-size: 1.8rem;
     color: #fff;
     white-space: nowrap;
 }

 .nav-dropdown>ul>li>a::after {
     border-bottom: 2px solid #000;
 }

 .nav-dropdown>ul>li:hover>a,
 .nav-dropdown>ul>li.focus>a {
     text-align: left;
     color: #726785;
 }

 .nav-dropdown.nav-dropdown-left {
     right: 0;
 }

 .nav-dropdown>ul>li>.nav-dropdown-left {
     left: auto;
     right: 100%;
 }

 .navigation-portrait .nav-dropdown>ul>li>a {
     text-align: left;
     padding: 12px 20px 12px 30px;
 }

 .nav-button-icon {
     background: none;
     border: 0;
 }

 .nav-dropdown>ul>li>a:hover,
 .nav-dropdown>li>a:focus {
     color: #726785;
 }

 .main_header_area.sticky {
     width: 100%;
     position: fixed;
     top: 0;
     left: 0;
     background-color: #fff;
     z-index: 9999;
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
 }

 .transparent-menu {
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 99;
 }

 .navigation-portrait .nav-menu>li>a {
     text-align: left;
     width: 100%;
     height: auto;
     padding: 10px 10px 10px 30px;
 }

 @media only screen and (min-width:320px) and (max-width:767px) {
     .nav-dropdown>li>a,
     .megamenu-list>li>a {
         width: 65%;
     }
 }

 @media only screen and (max-width:768px) {
     .color-light-grey {
         color: #8d8d8d;
     }
 }

 @media only screen and (max-width:991px) {
     .nav-menu>li>a.nav-specialty-item {
         width: 50%;
         margin-left: 27px;
     }
 }

 @media (min-width: 992px) {
     .nav-menus-wrapper .nav-brand>img,
     .nav-brand-mobile-slideout {
         display: none;
     }
     .nav-menu {
         float: right;
     }
     .nav-menu>li>a:hover {
         background-color: #B0C4DE;
         border-radius: 4px;
     }
     .nav-menu>li>a.nav-dropdown-link:hover,
     .nav-menu>li.focus>a.nav-dropdown-link {
         background-color: transparent;
         border-radius: 0;
     }
     .nav-menu>li>a.nav-dropdown-link:hover::after,
     .nav-menu>li.focus>a.nav-dropdown-link::after {
         content: "";
         height: 2px;
         width: auto;
         margin-right: 1.5rem;
         background-color: #2F2F4F;
         display: block;
     }
     .nav-dropdown {
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
         background-color: #2F2F4F;
         padding: 1.5rem;
         margin-left: 20px;
     }
     .container {
         max-width: 1140px;
     }
     .nav-button-icon {
         display: none;
     }
 }

 @media (max-width: 992px) {
     .nav-header {
         width: 100%;
         text-align: center;
     }
     .nav-brand {
         display: flex
     }
     .nav-brand>img {
         margin: 0 auto;
     }
     .nav-menus-wrapper .nav-brand>img {
         margin: 0 auto;
         display: block;
     }
     .navigation-portrait .nav-menu>li>a {
         padding: 0;
         margin: 1.5rem 0rem 1rem;
     }
     .nav-menu>li>a {
         color: #fff;
     }
     .navigation-portrait .nav-menu>li {
         border-top: none !important;
         border-bottom: 1px solid #fff !important;
         margin-bottom: 1rem;
     }
     .navigation-portrait .nav-menu>li:last-child {
         border-bottom: none !important;
     }
     .nav-menu>li:hover>a,
     .nav-menu>li.active>a,
     .nav-menu>li.focus>a {
         color: #fff;
     }
     .nav-menu>li>a.nav-specialty-item {
         margin: 8rem 0 4rem 0 !important;
         display: block !important;
         text-align: center !important;
         width: 100% !important;
         padding: 10px;
         border: 2px solid #fff;
     }
     .nav-menu>li>a.nav-specialty-item:hover,
     .nav-menu>li>a.nav-specialty-item:focus {
         color: #2F2F4F;
         background: #fff;
         border: 2px solid #2F2F4F;
     }
     .nav-dropdown>li>a,
     .megamenu-list>li>a {
         width: 100% !important;
     }
     .nav-dropdown>li>a {
         background-color: transparent !important;
         border-bottom: none !important;
     }
 }

 .subpage-navigation {
     display: flex;
     position: relative;
     font-family: inherit;
     font-size: 1.4rem;
     line-height: 20px;
     font-weight: var(--truFontWtRg);
     background: var(--truClrOffWht);
     border-radius: 0 0 8px 8px;
     box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
     width: 100%;
     min-width: 100%;
     height: 55px;
     padding-right: 0;
     padding-left: 0;
     z-index: 9;
     transition: transform .3s ease-in-out;
     animation: downShift .3s ease-in-out forwards;
 }

 .subpage-navigation a,
 .subpage-navigation button {
     cursor: pointer;
 }

 .subpage-navigation.upshift {
     animation: upShift .3s ease-in-out forwards;
     transform: translateY(-57px);
 }

 .subpage-cta-navigation-mobile,
 .subpage-cta-navigation-mobile>.btn,
 .subpage-cta-navigation-mobile .mobile-cta-nav-container {
     font-family: inherit;
     font-size: 1.4rem;
     line-height: 20px;
     font-weight: var(--truFontWtRg);
 }

 .subpage-cta-navigation-mobile.downshift
 /* Mobile cta */

     {
     animation: downShift .3s ease-in-out forwards;
     transform: translateY(45px);
 }

 .subpage-navigation .subpage-navigation-container {
     width: 100%;
     max-width: 1600px;
 }

 .subpage-navigation .subpage-navbar-collapse {
     justify-content: center;
 }

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

 .subpage-navigation .subpage-nav-item {
     flex-wrap: nowrap;
     padding-bottom: 0
 }

 .subpage-navigation .subpage-nav-item.cta-dropdown-container {
     visibility: hidden;
     display: block;
 }

 .subpage-navigation .navbar-brand.subpage-brand {
     display: inline-flex;
     color: var(--truClrPplBs);
     font-weight: var(--truFontWtBd);
     margin-top: 0px;
     margin-bottom: 0px;
     font-size: inherit;
     margin-right: 0;
 }

 .subpage-navigation .psuedo-crumb {
     font-weight: var(--truFontWtRg);
     color: var(--truClrGryLt);
 }

 .subpage-navigation .subpage-text {
     color: var(--truClrPplBs);
 }

 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown.more-drop {
     display: none;
 }

 .subpage-navigation .subpage-nav .subpage-nav-link:link,
 .subpage-navigation .subpage-nav .subpage-nav-link:visited,
 .subpage-navigation .subpage-nav .subpage-navbar-cta-link:link,
 .subpage-navigation .subpage-navbar-cta-link:visited,
 .subpage-navigation .subpage-navbar-cta-text,
 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown .subpage-more {
     color: var(--truClrPplBs);
     background: var(--truClrClear);
     border: 1px solid var(--truClrClear);
     padding: 6px 16px;
     border-radius: 33px;
     text-decoration: none;
 }

 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown .subpage-more {
     padding: 6px 32px 6px 16px;
 }

 .subpage-navigation a.subpage-navbar-cta,
 .subpage-navigation button.subpage-navbar-cta {
     color: var(--truClrNtrlWht);
     background: var(--truClrPplBs);
     border: 1px solid var(--truClrPplBs);
     padding: 6px 16px;
     border-radius: 33px;
 }

 .subpage-navigation .subpage-nav .subpage-nav-link.dropdown-toggle,
 .subpage-navigation button.subpage-navbar-cta
 /* Dropdown */

     {
     padding-right: 32px;
     margin-bottom: 0;
 }

 .subpage-navigation a.subpage-navbar-cta
 /* Desktop cta */

     {
     padding-right: 16px !important;
     /* Remove !important when component launches */
     margin-bottom: 0;
     text-decoration: none;
 }

 .subpage-navigation .subpage-nav .subpage-nav-link:hover,
 .subpage-navigation .subpage-nav .subpage-nav-link:focus,
 .subpage-navigation .subpage-nav .dropdown-toggle:hover,
 .subpage-navigation .subpage-nav .dropdown-toggle:focus,
 .subpage-navigation .subpage-nav .subpage-navbar-cta-link:hover,
 .subpage-navigation .subpage-nav .subpage-navbar-cta-link:active,
 .subpage-navigation .subpage-nav .subpage-navbar-cta-link:focus,
 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown.show .dropdown-toggle,
 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown.show.active .dropdown-toggle {
     border: 1px solid rgba(107, 77, 141, 0.3);
     background: rgba(124, 105, 146, 0.3);
 }

 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown.active .subpage-nav-link.selected-item {
     border: 1px solid var(--truClrPplBs);
     background: var(--truClrClear);
 }

 .subpage-navigation .subpage-nav .subpage-nav-item.active .subpage-nav-link,
 .subpage-navigation .subpage-nav .subpage-nav-item.show .subpage-nav-link,
 .subpage-navigation .subpage-nav .subpage-nav-item.active .subpage-nav-link:hover,
 .subpage-navigation .subpage-nav .subpage-nav-item.show .subpage-nav-link:hover,
 .subpage-navigation .subpage-nav .subpage-nav-link:active,
 .subpage-navigation .subpage-nav .subpage-nav-item.active .dropdown-toggle,
 .subpage-navigation .subpage-nav .subpage-nav-item.show .dropdown-toggle,
 .subpage-navigation .subpage-nav .subpage-nav-item.active .dropdown-toggle:hover,
 .subpage-navigation .subpage-nav .subpage-nav-item.show .dropdown-toggle:hover,
 .subpage-navigation .subpage-nav .dropdown-toggle:active,
 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown.active .subpage-navbar-cta-link,
 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown.active .subpage-more.active {
     border: 1px solid var(--truClrPplBs);
     background: var(--truClrClear);
 }

 .subpage-navigation .btn:hover,
 .subpage-navigation .show>.btn.dropdown-toggle:hover,
 /* Desktop cta */

 .subpage-navigation .show>.btn.dropdown-toggle.active:hover,
 /* Desktop cta */

 .subpage-navigation .btn:focus,
 .subpage-navigation .show>.btn.dropdown-toggle:focus,
 /* Desktop cta */

 .subpage-navigation .show>.btn.dropdown-toggle.active:focus,
 .subpage-navigation .btn:not(:disabled):not(.disabled):active,
 .subpage-navigation .show>.btn
 /* Desktop cta */

     {
     color: var(--truClrPplBs);
     border: 1px solid rgba(107, 77, 141, 0.3);
     background: rgba(124, 105, 146, 0.3);
     box-shadow: none;
 }

 .subpage-navigation .subpage-nav .dropdown-toggle,
 .subpage-navigation .subpage-navbar-cta
 /* Desktop cta */

     {
     position: relative;
     font-size: inherit;
 }

 .subpage-navigation .dropdown-toggle::after,
 .subpage-navigation .subpage-nav .subpage-more::after {
     content: url(../../../content/dam/global-images/sub-page-navigation/caret.svg);
     border: none;
     transform: scale(0.6) rotate(90deg);
     position: absolute;
     margin-left: -2px;
     transition: all .3s ease-in-out;
 }

 .subpage-navigation .subpage-navbar-cta.dropdown-toggle::after {
     content: url(../../../content/dam/global-images/sub-page-navigation/caret-wht.svg);
 }

 .subpage-navigation .subpage-navbar-cta.dropdown-toggle:hover::after,
 .subpage-navigation .subpage-navbar-cta.dropdown-toggle:focus::after,
 .subpage-navigation .show>.btn.dropdown-toggle.active::after,
 .subpage-cta-navigation-mobile .show>.btn.dropdown-toggle-cta::after,
 /* Mobile cta */

 .subpage-cta-navigation-mobile .show>.btn.dropdown-toggle.active::after,
 /* Mobile cta */

 .subpage-cta-navigation-mobile .show>.btn.dropdown-toggle-cta:hover::after,
 /* Mobile cta */

 .subpage-cta-navigation-mobile .show>.btn.dropdown-toggle.active:hover::after,
 /* Mobile cta */

 .subpage-navigation .show>.btn.dropdown-toggle::after,
 /* Desktop cta */

 .subpage-navigation .show>.btn.dropdown-toggle:hover::after,
 /* Desktop cta */

 .subpage-navigation .show>.btn.dropdown-toggle.active:hover::after
 /* Desktop cta */

     {
     content: url(../../../content/dam/global-images/sub-page-navigation/caret.svg);
 }

 .subpage-navigation .subpage-nav-item-dropdown {
     position: relative !important;
     border-bottom: none;
     padding-bottom: 0;
 }

 .subpage-navigation .show .dropdown-toggle:not(.subpage-more)::after {
     transform: scale(0.6)rotate(-90deg);
     top: 4px;
     margin-left: 4px;
 }

 .subpage-navigation .subpage-nav .subpage-nav-item-dropdown.show .subpage-more::after {
     transform: scale(0.6)rotate(-90deg);
     top: 4px;
     margin-left: 4px;
 }

 .subpage-navigation .subpage-dropdown-menu,
 .subpage-navigation .cta-dropdown-container .cta-dropdown-menu {
     font-size: inherit;
     margin-top: 0;
     min-width: 365px;
     top: 35px;
     border-radius: 1.5rem;
     padding: 0;
     overflow: hidden;
 }

 .subpage-navigation .cta-dropdown-container .cta-dropdown-menu {
     left: revert;
     right: 0px;
 }

 .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item,
 .subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item {
     color: var(--truPurple500);
     padding: 0.75rem 1.5rem .75rem 1rem;
     text-decoration: none;
     transition: all .3s ease-in-out;
 }

 .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item:hover,
 .subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item:hover,
 .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.active,
 .subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item.active {
     background: var(--truPurple600);
     color: var(--truNeutral0);
 }

 /* Subpagenav style for desktop view*/

 .subpage-navigation .dropdown-menu .subpage-dropdown-item {
     color: var(--truPurple500);
     background: var(--truNeutral0);
     padding: .75rem 1.5rem .75rem 1rem;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     text-decoration: none;
     transition: all .25s ease-in-out;
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
     -ms-transition: all .25s ease-in-out;
 }

 .subpage-navigation .dropdown-menu .subpage-dropdown-item::after {
     content: "";
     border: 2px solid var(--truPurple500);
     border-width: 0 2px 2px 0;
     display: inline-block;
     padding: 3px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     position: absolute;
     left: calc(100% - 2.5rem);
     text-align: center;
     margin-top: 9px;
     transition: all .25s ease-in-out;
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
     -ms-transition: all .25s ease-in-out;
 }

 .subpage-navigation .dropdown-menu .subpage-dropdown-item:hover::after,
 .subpage-navigation .dropdown-menu .subpage-dropdown-item:focus::after,
 .subpage-navigation .dropdown-menu .subpage-dropdown-item:active::after {
     border: 2px solid var(--truNeutral0);
     border-width: 0 2px 2px 0;
     transform: translate(5px) rotate(-45deg);
     -webkit-transform: translate(5px) rotate(-45deg);
     -moz-transform: translate(5px) rotate(-45deg);
     -o-transform: translate(5px) rotate(-45deg);
     -ms-transform: translate(5px) rotate(-45deg);
 }

 .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.active,
 .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.active:hover,
 .subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item.active,
 .subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item.active:hover,
 .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.selected-link,
 .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.selected-link:hover {
     font-weight: var(--truFontWtBd);
     background: var(--truClrOffWht);
 }

 .alignlastmenudropdown {
     left: 0;
 }

 .subpage-cta-navigation-mobile,
 .psuedo-crumb,
 .navbar-toggler.custom-toggler,
 .subpage-navbar-cta-text,
 .hide-for-large {
     display: none;
 }

 .navbar-toggler.custom-toggler {
     float: right;
 }

 .cta-base {
     color: var(--truClrPplBs);
     border: 1px solid rgba(107, 77, 141, 0.3);
     background: rgba(124, 105, 146, 0.3);
     boxShadow: none;
 }

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

 /* Utilities */

 .bg-lighter {
     background: var(--truClrNtrlWht);
 }

 .no-radius {
     border-radius: 0;
 }

 @media (min-width: 1023.99px) {
     .navbar-toggler.custom-toggler,
     .psuedo-crumb {
         display: none !important;
     }
     .subpage-navigation .subpage-navbar-collapse {
         display: flex !important;
         flex-basis: 0%;
     }
     .subpage-navigation .subpage-nav {
         flex-direction: row;
     }
     .subpage-navigation .hide-for-large {
         display: none;
     }
 }

 /* Signon mobile expand margin fix when Sec Nav is on page */

 @media (max-width: 640px) {
     .truist-globalnav-signon-container {
         top: 5.5rem;
     }
 }

 @media (max-width: 991px) {
     .truist-globalnav-signon-container {
         top: 60px;
     }
 }

 @media (min-width: 0px) and (max-width: 1023.98px) {
     .hide-for-medium {
         display: none !important;
     }
     .hide-for-large {
         display: block !important;
     }
     .subpage-navigation {
         border-radius: 0;
         height: 50px;
         padding-right: 1rem;
         padding-left: 1rem;
     }
     .cta-dropdown-container.hide-for-large {
         width: 100vw;
         position: fixed;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: 1000;
     }
     .cta-dropdown-container.hide-for-large .button-text {
         position: relative;
         z-index: 1001;
     }
     .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         height: 60px;
         border-radius: 0;
         background: var(--truClrPplBs);
         color: var(--truClrNtrlWht);
         margin-bottom: 0;
     }
     .subpage-nav-item .subpage-navbar-cta,
     .subpage-nav-item .subpage-navbar-cta:hover,
     .subpage-nav-item .subpage-navbar-cta:focus,
     .subpage-nav-item .subpage-navbar-cta:active {
         text-decoration: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
         display: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
         position: relative;
         width: fit-content;
         font-weight: var(--truFontWtBd);
     }
     .hide-for-large button.subpage-navbar-cta:hover,
     .hide-for-large button.subpage-navbar-cta:focus {
         color: var(--truNeutral0);
         background: #7C6992;
         box-shadow: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
         position: absolute;
         top: 50%;
         left: 100%;
         content: "";
         border: 2px solid var(--truClrNtrlWht);
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: translateY(-50%) rotate(45deg);
         -webkit-transform: translateY(-50%) rotate(45deg);
         margin-left: 10px;
         text-align: center;
         margin-top: 0;
         transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
         border: 2px solid var(--truNeutral0);
         border-width: 0 2px 2px 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
         position: absolute;
         top: 50%;
         left: 100%;
         margin-top: 4px;
         transform: translateY(-50%) rotate(-135deg);
         -webkit-transform: translateY(-50%) rotate(-135deg);
         -moz-transform: translateY(-50%) rotate(-135deg);
         -o-transform: translateY(-50%) rotate(-135deg);
         -ms-transform: translateY(-50%) rotate(-135deg);
     }
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu {
         min-width: 200px;
         border-radius: 1.5rem;
         width: 95%;
         margin-bottom: 8px;
         margin-left: 10px;
         margin-right: 10px;
         padding: 0px;
         left: 5px !important;
         right: 10px !important;
         overflow: hidden;
         filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
     }
     /* Subpagenav style for other media view  */
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu .subpage-dropdown-item {
         color: var(--truPurple500);
         background: var(--truNeutral0);
         padding: .75rem 1.5rem .75rem 1rem;
         font-size: var(--truTxtSizeMicro);
         line-height: var(--truLnHghtMicro);
         text-decoration: none;
         transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
         -ms-transition: all .25s ease-in-out;
     }
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu .subpage-dropdown-item::after {
         content: "";
         border: 2px solid var(--truPurple500);
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: rotate(-45deg);
         -webkit-transform: rotate(-45deg);
         position: absolute;
         left: calc(100% - 2.5rem);
         text-align: center;
         margin-top: 9px;
         transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
         -ms-transition: all .25s ease-in-out;
     }
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu .subpage-dropdown-item:hover::after,
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu .subpage-dropdown-item:focus::after,
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu .subpage-dropdown-item:active::after {
         border: 2px solid var(--truNeutral0);
         border-width: 0 2px 2px 0;
         transform: translate(5px) rotate(-45deg);
         -webkit-transform: translate(5px) rotate(-45deg);
         -moz-transform: translate(5px) rotate(-45deg);
         -o-transform: translate(5px) rotate(-45deg);
         -ms-transform: translate(5px) rotate(-45deg);
     }
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu .subpage-dropdown-item:hover,
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu .subpage-dropdown-item:focus,
     .cta-dropdown-container.hide-for-large .cta-dropdown-menu .subpage-dropdown-item:active {
         background: var(--truPurple600);
         color: var(--truNeutral0);
     }
     .subpage-navigation .subpage-navigation-container,
     .subpage-navigation .container,
     .subpage-navigation.navbar>.container,
     .subpage-navigation.navbar>.container-fluid {
         max-width: 100vw;
         padding: 0;
         display: block
     }
     .psuedo-crumb {
         display: block;
     }
     .subpage-navigation .subpage-brand {
         padding-top: 10px;
     }
     .subpage-navigation .custom-toggler .caret-toggle::after {
         content: url(../../../content/dam/global-images/sub-page-navigation/caret.svg);
         position: absolute;
         top: 17px;
         right: 21px;
         border: none;
         transform: scale(1) rotate(90deg);
         transition: all .3s ease-in-out;
     }
     .subpage-navigation .custom-toggler .caret-toggle.flipped::after {
         transform: scale(1)rotate(-90deg);
         top: 12px;
         right: 14px;
     }
     .subpage-navigation .navbar-collapse.subpage-navbar-collapse {
         flex-basis: 100%;
         min-width: 100vw;
         justify-content: flex-start;
         position: absolute;
         top: 52px;
         left: 0rem;
         background: var(--truClrNtrlWht);
         border-radius: 0 0 8px 8px;
         border-bottom: 1px solid rgba(0, 0, 0, 0.2);
         overflow: hidden;
     }
     .subpage-navigation .navbar-collapse.subpage-navbar-collapse:not(.show) {
         display: none;
     }
     .subpage-navigation .subpage-nav {
         flex-direction: column;
         width: 100%;
         background: var(--truClrNtrlWht);
     }
     .subpage-navigation .subpage-nav-item {
         margin: 0;
     }
     .subpage-navigation .subpage-nav-item-dropdown {
         min-height: 44px;
         margin: 0;
     }
     .subpage-navigation .subpage-nav-item .subpage-nav-link,
     .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item,
     .subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item {
         background: var(--truClrClear);
         border: none;
         height: 44px;
         display: flex;
         align-items: center;
         color: var(--truClrPplBs);
         padding: 6px 16px;
         text-decoration: none;
     }
     .subpage-navigation .subpage-nav-item-dropdown .subpage-nav-link.subpage-more {
         display: block;
     }
     .dropdown-menu.subpage-dropdown-menu {
         display: block;
         margin-top: 0;
         padding: 0;
     }
     .subpage-navigation .subpage-nav .subpage-nav-link:hover,
     .subpage-navigation .subpage-nav .subpage-nav-link:focus,
     .subpage-navigation .subpage-nav .subpage-nav-link:active,
     .subpage-navigation .subpage-nav .subpage-nav-item .subpage-nav-link:hover,
     .subpage-navigation .subpage-nav .subpage-nav-item.active .subpage-nav-link,
     .subpage-navigation .subpage-nav .subpage-nav-item.active .subpage-nav-link:hover,
     .subpage-navigation .subpage-nav-item-dropdown .subpage-nav-link.subpage-more:hover,
     .subpage-navigation .subpage-nav-item-dropdown.show .subpage-nav-link.subpage-more,
     .subpage-navigation .subpage-nav-item-dropdown.show .subpage-nav-link.subpage-more:hover,
     .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.selected-link,
     .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.selected-link:hover {
         font-weight: var(--truFontWtBd);
         background: var(--truClrOffWht);
         border-radius: 0;
         border: none;
         height: 44px;
     }
     .subpage-navigation .subpage-dropdown-menu {
         border-radius: 0;
         border: 0;
     }
 }

 @media (min-width: 0px) and (max-width: 767.98px) {
     .subpage-navigation {
         z-index: 9;
     }
     .subpage-navigation .subpage-navigation-container,
     .subpage-navigation .container {
         max-width: 100vw;
         padding: 0;
         justify-content: flex-start;
     }
     /* OA CTA to show up under Signin expand */
     .navbar-expand-lg .navbar-toggler {
         display: none;
         flex: 1 1 auto !important;
         padding: 0;
         border-radius: 0;
         outline: none;
         border: none;
         line-height: inherit;
         z-index: 199;
         transition: all .3s ease-in-out;
     }
     .subpage-cta-navigation-mobile/* Mobile cta */
         {
         display: flex;
         padding: 0px;
         background: none;
         transition: all .3s ease-in-out;
     }
     .subpage-cta-navigation-mobile .mobile-cta-nav-container/* Mobile cta */
         {
         width: 100%;
         min-width: 100%;
         position: absolute;
         bottom: 65px;
     }
     .subpage-cta-navigation-mobile .subpage-mobile-cta {
         display: flex;
         justify-content: center;
         align-items: center;
     }
     .subpage-cta-navigation-mobile .subpage-mobile-cta[aria-expanded="false"]/* Mobile cta */
     ,
     .subpage-cta-navigation-mobile a.subpage-mobile-cta {
         border-radius: 0px;
         background: var(--truClrPplBs);
         color: var(--truClrNtrlWht);
         border-top: 1px solid var(--truClrNtrlWht);
         width: 100%;
         height: 65px;
         margin-bottom: 0;
     }
     .subpage-cta-navigation-mobile .subpage-mobile-cta[aria-expanded="true"],
     .subpage-cta-navigation-mobile a.subpage-mobile-cta:hover {
         font-family: inherit;
         border-radius: 0px;
         background: rgba(124, 105, 146, 0.3);
         color: var(--truClrPplBs);
         border-top: 1px solid var(--truClrNtrlWht);
         width: 100%;
         height: 65px;
         margin-bottom: 0;
     }
     .subpage-cta-navigation-mobile .subpage-mobile-cta[aria-expanded="false"]::after/* Mobile cta */
         {
         content: url(../../../content/dam/global-images/sub-page-navigation/caret-wht.svg);
         border: none;
         margin-top: -4px;
         transform: translateX(10px) scale(.8) rotate(-90deg);
         transition: all .3s ease-in-out;
     }
     .subpage-cta-navigation-mobile .subpage-mobile-cta[aria-expanded="true"]::after {
         content: url(../../../content/dam/global-images/sub-page-navigation/caret.svg);
         border: none;
         margin-top: 7px;
         transform: translateX(3px) scale(.8) rotate(90deg);
         transition: all .3s ease-in-out;
     }
     .subpage-cta-navigation-mobile .mobile-cta-nav-container .card/* Mobile cta */
         {
         border: 0;
         border-top: 1px solid rgba(0, 0, 0, 0.2);
         border-radius: 8px 8px 0 0;
         padding: 0;
     }
     .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:link,
     .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:visited {
         display: flex;
         align-items: center;
         color: var(--truClrPplBs);
         padding: 0 1.25rem;
         height: 65px;
         text-decoration: none;
     }
     .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:hover,
     .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:active,
     .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:focus {
         background: var(--truClrOffWht);
         font-weight: var(--truFontWtBd);
     }
 }

 /* iPad 1, 2, Mini and Air */

 @media only screen and (min-device-width: 767.99px) and (max-device-width: 1023.98px) and (-webkit-min-device-pixel-ratio: 1) {
     .subpagenavigation .dropdown-menu.subpage-dropdown-menu.deconstructed.show,
     .subpagenavigation .dropdown-menu.subpage-dropdown-menu.show,
     .subpagenavigation .dropdown-menu.cta-dropdown-menu.show {
         display: block;
         z-index: 200;
         width: 96%;
     }
     .cta-dropdown-container.hide-for-large {
         width: 100%;
         position: fixed;
         top: calc(100vh - 3.9rem);
         z-index: 1000;
     }
     .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         height: 60px;
         border-radius: 0;
         background: var(--truClrPplBs);
         color: var(--truClrNtrlWht);
         margin-bottom: 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
         display: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
         width: fit-content;
         font-weight: var(--truFontWtBd);
     }
     .hide-for-large button.subpage-navbar-cta:hover,
     .hide-for-large button.subpage-navbar-cta:focus {
         color: var(--truNeutral0);
         background: #7C6992;
         box-shadow: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
         content: "";
         border: 2px solid var(--truNeutral0);
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: rotate(-135deg);
         -webkit-transform: rotate(-135deg);
         position: absolute;
         left: calc(100% + 1rem);
         text-align: center;
         margin-top: 10px;
         transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
         border: 2px solid var(--truNeutral0);
         border-width: 0 2px 2px 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
         transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
     }
 }

 /* iPad 3, 4 */

 @media only screen and (min-device-width: 767.99px) and (max-device-width: 1023.98px) and (-webkit-min-device-pixel-ratio: 2) {
     .subpagenavigation .dropdown-menu.subpage-dropdown-menu.deconstructed.show,
     .subpagenavigation .dropdown-menu.subpage-dropdown-menu.show,
     .subpagenavigation .dropdown-menu.cta-dropdown-menu.show {
         display: block;
         z-index: 200;
     }
     .cta-dropdown-container.hide-for-large {
         width: 100%;
         position: fixed;
         top: calc(100vh - 3.9rem);
         z-index: 1000;
     }
     .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         height: 60px;
         border-radius: 0;
         background: var(--truClrPplBs);
         color: var(--truNeutral0);
         margin-bottom: 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
         display: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
         width: fit-content;
         font-weight: var(--truFontWtBd);
     }
     .hide-for-large button.subpage-navbar-cta:hover,
     .hide-for-large button.subpage-navbar-cta:focus {
         color: var(--truNeutral0);
         background: #7C6992;
         box-shadow: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
         content: "";
         border: 2px solid var(--truClrNtrlWht);
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: rotate(-135deg);
         -webkit-transform: rotate(-135deg);
         position: absolute;
         left: calc(100% + 1rem);
         text-align: center;
         margin-top: 10px;
         transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
         border: 2px solid var(--truNeutral0);
         border-width: 0 2px 2px 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
         transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
     }
 }

 /* ----------- iPad Pro 9.7 " ----------- */

 /* Portrait */

 @media only screen and (min-device-width: 767.99px) and (max-device-width: 1023.98px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
     .cta-dropdown-container.hide-for-large {
         width: 100%;
         position: fixed;
         top: calc(100vh - 3.9rem);
         z-index: 1000;
     }
     .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         height: 60px;
         border-radius: 0;
         background: var(--truClrPplBs);
         color: var(--truNeutral0);
         margin-bottom: 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
         display: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
         width: fit-content;
         font-weight: var(--truFontWtBd);
     }
     .hide-for-large button.subpage-navbar-cta:hover,
     .hide-for-large button.subpage-navbar-cta:focus {
         color: var(--truNeutral0);
         background: #7C6992;
         box-shadow: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
         content: "";
         border: 2px solid var(--truNeutral0);
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: rotate(-135deg);
         -webkit-transform: rotate(-135deg);
         position: absolute;
         left: calc(100% + 1rem);
         text-align: center;
         margin-top: 10px;
         transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
         border: 2px solid var(--truNeutral0);
         border-width: 0 2px 2px 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
         transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
     }
 }

 /* Landscape */

 @media only screen and (min-device-width: 767.99px) and (max-device-width: 1023.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
     .cta-dropdown-container.hide-for-large {
         width: 100%;
         position: fixed;
         top: calc(100vh - 3.9rem);
         z-index: 1000;
     }
     .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         height: 60px;
         border-radius: 0;
         background: var(--truClrPplBs);
         color: var(--truClrNtrlWht);
         margin-bottom: 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
         display: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
         width: fit-content;
         font-weight: var(--truFontWtBd);
     }
     .hide-for-large button.subpage-navbar-cta:hover,
     .hide-for-large button.subpage-navbar-cta:focus {
         color: var(--truNeutral0);
         background: #7C6992;
         box-shadow: none;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
         content: "";
         border: 2px solid var(--truClrNtrlWht);
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: rotate(-135deg);
         -webkit-transform: rotate(-135deg);
         position: absolute;
         text-align: center;
         margin-top: 10px;
         transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
         border: 2px solid var(--truNeutral0);
         border-width: 0 2px 2px 0;
     }
     .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
         transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
     }
 }

 /* ----------- iPad Pro 12.9 " ----------- */

 /* Landscape*/

 /* @media only screen
and (min-device-width: 1365.99px)
and (max-device-height: 1023.98px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape)  {

} */

 /* Portrait*/

 /* @media only screen
and (min-device-width: 1023.99px)
and (max-device-height: 1365.98px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait)  {

} */

 /* Truist RTM Offer cards */

 .rtmOffersHeading {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.4rem;
     font-weight: 400;
     line-height: normal;
     position: relative;
 }

 .RTMofferCards {
     margin: 15px 0;
 }

 .RTMoffersRow {
     margin: 25px 0;
 }

 .productPageCard .RTMofferCards {
     width: 279px;
     margin-right: 20px;
 }

 .dashboard-cards .RTMofferCards {
     width: 302px;
     margin-right: 20px;
 }

 .dashboard-cards .RTMofferCards.wealthDashBoardCrd {
     width: 680px;
     margin-right: 20px;
 }

 .dashboard-cards .RTMofferCards.SBdashBoardCrd {
     width: 566px;
     margin-right: 20px;
 }

 .view-all .RTMofferCards {
     width: 489px;
     margin-right: 20px;
 }

 .rtmOffersCardSec {
     background: #2e1a47;
     border: 1px solid #DEDEDE;
     border-radius: 5px;
     margin: 0 !important;
 }

 .productPageCard .rtmOffersCardSec .card-body,
 .view-all .rtmOffersCardSec .card-body {
     padding: 32px 24px 24px;
 }

 .dashboard-cards .rtmOffersCardSec .card-body {
     padding: 16px;
 }

 .wealthDashBoardCrd .rtmOffersCardSec .card-body {
     padding: 24px;
 }

 .SBdashBoardCrd .rtmOffersCardSec .card-body {
     padding: 16px;
 }

 .productPageCard .rtmOffersCardSec .card-title,
 .dashboard-cards .rtmOffersCardSec .card-title {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.8rem;
     color: #fff;
     line-height: normal;
     font-weight: 400;
 }

 .wealthDashBoardCrd .rtmOffersCardSec .card-title {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 3.2rem;
     font-weight: 400;
 }

 .SBdashBoardCrd .rtmOffersCardSec .card-title {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.4rem;
     font-weight: 400;
 }

 .view-all .rtmOffersCardSec .card-title {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.4rem;
     color: #fff;
     line-height: normal;
     font-weight: 400;
 }

 .rtmOffersCardSec p {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 1.6rem;
     color: #fff;
     line-height: normal;
     margin: 0 0 20px 0;
 }

 .wealthDashBoardCrd .rtmOffersCardSec p {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.4rem;
 }

 .rtmOffersCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 1.6rem;
     color: #fff;
     line-height: normal;
     margin-top: 10px;
     text-decoration: none;
 }

 .rtmOffersCTA::after {
     content: ' \2192';
 }

 .rtmOffersCTA:hover,
 .rtmOffersCTA:focus {
     color: #fff;
     text-decoration: underline;
 }

 /* Media queries starts here */

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .RTMofferCards {
         margin: 15px;
     }
     .rtmOffersCardSec {
         border: 1px solid #DBDBDB;
         background: #ffffff;
         border-radius: 5px;
         margin: 15px;
     }
     .productPageCard .RTMofferCards,
     .dashboard-cards .RTMofferCards,
     .view-all .RTMofferCards {
         width: 352px;
     }
     .productPageCard .rtmOffersCardSec .card-body,
     .view-all .rtmOffersCardSec .card-body {
         padding: 16px;
     }
     .productPageCard .rtmOffersCardSec .card-title,
     .dashboard-cards .rtmOffersCardSec .card-title,
     .view-all .rtmOffersCardSec .card-title {
         font-size: 2rem;
         color: #7C6992;
         line-height: normal;
         font-weight: 400;
     }
     .rtmOffersCardSec p {
         font-size: 1.5rem;
         color: var(--truNeutral500);
         line-height: normal;
         margin-bottom: 16px;
     }
     .rtmOffersCTA {
         font-size: 1.7rem;
         color: #7C6992;
         line-height: normal;
     }
     .rtmOffersCTA::after {
         content: '\276F';
         padding-left: 10px;
     }
 }

 @media only screen and (max-width: 932px) and (orientation: landscape) {
     .rtmOffersCardSec {
         border: 1px solid #DBDBDB;
         background: #ffffff;
         border-radius: 5px;
         margin: 15px;
     }
     .view-all .RTMofferCards,
     .dashboard-cards .RTMofferCards,
     .dashboard-cards .wealthDashBoardCrd.RTMofferCards,
     .dashboard-cards .SBdashBoardCrd.RTMofferCards,
     .productPageCard .RTMofferCards {
         width: 100%;
         margin: 15px 0;
     }
     .productPageCard .rtmOffersCardSec .card-body,
     .view-all .rtmOffersCardSec .card-body {
         padding: 16px;
     }
     .productPageCard .rtmOffersCardSec .card-title,
     .dashboard-cards .rtmOffersCardSec .card-title,
     .view-all .rtmOffersCardSec .card-title {
         font-size: 2rem;
         color: #7C6992;
         line-height: normal;
         font-weight: 400;
     }
     .rtmOffersCardSec p {
         font-size: 1.5rem;
         color: var(--truNeutral500);
         line-height: normal;
         margin-bottom: 16px;
     }
     .rtmOffersCTA {
         font-size: 1.7rem;
         color: #7C6992;
         line-height: normal;
     }
     .rtmOffersCTA::after {
         content: '\276F';
         padding-left: 10px;
     }
 }

 /* Truist RTM Offer detail - splash page */

 .cmp-RTM-offerDetail-splash {
     max-width: 800px;
     min-width: 300px;
     background: #fff;
     border-radius: 5px;
     padding: 48px;
     margin: 20px auto;
 }

 .offer-detail-image {
     height: auto;
     width: auto;
     max-width: 100%;
 }

 .rtm-offer-details-splash {
     display: block;
     margin-top: 25px;
 }

 .offer-details-Splash-PgHeader {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 3.6rem;
     font-weight: 400;
     color: #2e1a47;
     margin-top: 14px;
     text-align: left;
 }

 .offer-details-Splash-headerTxt {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.8rem;
     color: #2e1a47;
     font-weight: 300;
     margin-bottom: 24px;
     text-align: left;
 }

 .offer-details-apply4HelocCTA,
 .offer-details-applyCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     margin-right: 16px;
     padding: 15px 25px;
     background: #2e1a47;
     color: #fff;
     border-radius: 5px;
     font-weight: 500;
 }

 .cmp-RTM-offerDetail-splash .disclosure {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     background: #fff;
     padding: 15px 20px;
     border: 1px solid #999;
 }

 .offer-details-splashCloseCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     width: 30px;
     border: none;
     background: none;
     display: block;
     position: relative;
     float: right;
 }

 .offer-details-splashCloseCTA:after {
     content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzQyLjYgMTUwLjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMTkyIDIxMC43IDg2LjYgMTA1LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDE0Ni43IDI1NiA0MS40IDM2MS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDE5MiAzMDEuMyAyOTcuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDIzNy4zIDI1NiAzNDIuNiAxNTAuNnoiLz48L3N2Zz4=");
     height: 18px;
     width: 18px;
 }

 .offer-details-splashCloseCTA:focus,
 .offer-details-splashCloseCTA:hover {
     outline: none;
     border: none;
     background: none;
 }

 /* Media queries starts here */

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .cmp-RTM-offerDetail-splash {
         padding: 25px;
     }
     .offer-details-applyCTA,
     .offer-details-apply4HelocCTA {
         width: 100%;
         margin-bottom: 15px;
     }
     .offer-detail-image {
         height: auto;
     }
 }

 @media only screen and (max-width: 932px) and (orientation: landscape) {}

 /* Truist RTM Offer Details */

 .cmp-RTM-offers.detailTemplate-1 {
     margin: 0 auto;
 }

 .RTM-offers,
 .cmp-RTM-offerDetail-splash,
 .cmp-RTM-offers {
     position: relative;
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-weight: 400;
     line-height: normal;
 }

 .rtmOffersHeading {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.4rem;
     font-weight: 400;
     line-height: normal;
     position: relative;
     color: #d9d9d9;
 }

 .rtm-offer-details {
     display: block;
 }

 .offer-details-PgHeader {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 4.8rem;
     font-weight: 400;
     color: #2e1a47;
     margin: 16px auto 24px auto;
     text-align: center;
 }

 .offer-details-headerTxt {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 3.6rem;
     color: #2e1a47;
     font-weight: 400;
     margin-bottom: 24px;
 }

 .offer-details-subHeaderTxt {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.8rem;
     color: #2e1a47;
     font-weight: 200;
 }

 .offer-detail-image {
     display: block;
     margin: 24px auto;
     position: relative;
     max-width: 100%;
     /* box-shadow: 2px 2px 6px darkslategrey; */
 }

 ul.offer-detail-bullets {
     list-style-type: none;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     /*grid-auto-rows: 1fr;*/
     padding: 0;
 }

 ul.offer-detail-bullets li:nth-child(even) {
     margin-left: 30px;
 }

 ul.offer-detail-bullets li span:first-child {
     display: block;
     font-weight: 600;
 }

 ul.offer-detail-bullets li {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     position: relative;
     padding-left: 30px;
     margin: 10px 0;
     color: var(--truNeutral500);
     padding-right: 5px;
 }

 ul.offer-detail-bullets li p {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     margin-bottom: 0 !important;
 }

 ul.offer-detail-bullets li:before {
     content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDQ4YTIwOCAyMDggMCAxIDEgMCA0MTYgMjA4IDIwOCAwIDEgMSAwLTQxNnptMCA0NjRBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5YzkuNC05LjQgOS40LTI0LjYgMC0zMy45cy0yNC42LTkuNC0zMy45IDBsLTExMSAxMTEtNDctNDdjLTkuNC05LjQtMjQuNi05LjQtMzMuOSAwcy05LjQgMjQuNiAwIDMzLjlsNjQgNjRjOS40IDkuNCAyNC42IDkuNCAzMy45IDBMMzY5IDIwOXoiLz48L3N2Zz4=");
     position: absolute;
     top: 4px;
     left: 0;
     height: 15px;
     width: 15px;
 }

 ul.offer-detail-bullets li:before path {
     fill: var(--truNeutral500);
 }

 .offer-details-CTAsection {
     clear: both;
     margin: 32px 0;
 }

 .offer-details-showMeCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     margin-right: 16px;
     padding: 15px 25px;
     background: #7c6992;
     color: #fff;
     border-radius: 5px;
     font-weight: 500;
     border: 1px solid #7c6992;
 }

 .offer-details-showMeCTA:after {
     content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNTEyIDUxMic+PHBhdGggZD0nTTM1MiAwYy0xMi45IDAtMjQuNiA3LjgtMjkuNiAxOS44cy0yLjIgMjUuNyA2LjkgMzQuOUwzNzAuNyA5NiAyMDEuNCAyNjUuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMEw0MTYgMTQxLjNsNDEuNCA0MS40YzkuMiA5LjIgMjIuOSAxMS45IDM0LjkgNi45czE5LjgtMTYuNiAxOS44LTI5LjZWMzJjMC0xNy43LTE0LjMtMzItMzItMzJIMzUyek04MCAzMkMzNS44IDMyIDAgNjcuOCAwIDExMlY0MzJjMCA0NC4yIDM1LjggODAgODAgODBINDAwYzQ0LjIgMCA4MC0zNS44IDgwLTgwVjMyMGMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMlY0MzJjMCA4LjgtNy4yIDE2LTE2IDE2SDgwYy04LjggMC0xNi03LjItMTYtMTZWMTEyYzAtOC44IDcuMi0xNiAxNi0xNkgxOTJjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIODB6JyBmaWxsPSd3aGl0ZScvPjwvc3ZnPg==");
     height: 15px;
     width: 15px;
     display: inline-block;
     position: relative;
     margin-left: 10px;
     vertical-align: text-top;
 }

 .offer-details-remindMeCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 1.7rem;
     margin-right: 16px;
     padding: 15px 25px;
     background: #fff;
     color: #7C6992;
     border: 1px solid #7C6992;
     border-radius: 5px;
     font-weight: 500;
 }

 .offer-details-noThanksCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 1.7rem;
     margin-right: 16px;
     padding: 15px 25px;
     background: #fff;
     color: #7C6992;
     border: 1px solid #dbdbdb;
     border-radius: 5px;
     font-weight: 500;
 }

 /* Template - 2 Unique styles starts here... */

 .offer-details-tNcCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     color: #2e1a47;
     border: none;
     outline: none;
     font-weight: 600;
     background: none;
 }

 .offer-details-tNcCTA:after {
     content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzUyIDBjLTEyLjkgMC0yNC42IDcuOC0yOS42IDE5LjhzLTIuMiAyNS43IDYuOSAzNC45TDM3MC43IDk2IDIwMS40IDI2NS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDQxNiAxNDEuM2w0MS40IDQxLjRjOS4yIDkuMiAyMi45IDExLjkgMzQuOSA2LjlzMTkuOC0xNi42IDE5LjgtMjkuNlYzMmMwLTE3LjctMTQuMy0zMi0zMi0zMkgzNTJ6TTgwIDMyQzM1LjggMzIgMCA2Ny44IDAgMTEyVjQzMmMwIDQ0LjIgMzUuOCA4MCA4MCA4MEg0MDBjNDQuMiAwIDgwLTM1LjggODAtODBWMzIwYzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiAxNC4zLTMyIDMyVjQzMmMwIDguOC03LjIgMTYtMTYgMTZIODBjLTguOCAwLTE2LTcuMi0xNi0xNlYxMTJjMC04LjggNy4yLTE2IDE2LTE2SDE5MmMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMkg4MHoiLz48L3N2Zz4=");
     height: 15px;
     width: 15px;
     display: inline-block;
     position: relative;
     margin-left: 10px;
     vertical-align: text-top;
 }

 /* Template - 3 Unique styles starts here... */

 .offer-details-introCopy {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     margin: 25px 0;
     font-size: 1.6rem;
     line-height: 24px;
 }

 .rtm-offer-details ol {
     padding-left: 18px;
 }

 .rtm-offer-details ol li {
     padding-left: 10px;
     margin: 0px;
 }

 .disclosure {
     background: #fff;
     padding: 15px 20px;
 }

 .offer-details-disclosuresCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     color: #2e1a47;
     border: none;
     outline: none;
     font-weight: 600;
     background: none;
     width: 100%;
     text-align: left;
     padding: 15px 0;
     border-bottom: 1px solid grey;
 }

 .offer-details-disclosuresCTA:focus,
 .offer-details-disclosuresCTA:hover {
     outline: none;
 }

 .offer-details-disclosuresCTA.expandBtn:after {
     content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4=");
     height: 18px;
     width: 18px;
     display: block;
     position: relative;
     float: right;
 }

 .offer-details-disclosuresCTA.collapseBtn:after {
     content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBkPSdNMjMzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwyNTYgMTczLjMgODYuNiAzNDIuNmMtMTIuNSAxMi41LTMyLjggMTIuNS00NS4zIDBzLTEyLjUtMzIuOCAwLTQ1LjNsMTkyLTE5MnonLz48L3N2Zz4=");
     height: 18px;
     width: 18px;
     display: block;
     position: relative;
     float: right;
 }

 .offer-details-disclosureContent {
     display: none;
     margin: 20px 0;
 }

 .offer-details-disclosureContent p {
     line-height: normal;
     margin-bottom: 10px;
 }

 /* Media queries starts here */

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     ul.offer-detail-bullets {
         display: block;
         padding: 0 20px;
     }
     .rtm-offer-details ol {
         padding: 0 40px;
     }
     .cmp-RTM-offers.detailTemplate-1,
     ul.offer-detail-bullets li,
     .rtm-offer-details ol li {
         width: 100%;
     }
     ul.offer-detail-bullets li:nth-child(even) {
         margin-left: 0;
     }
     .offer-details-showMeCTA,
     .offer-details-remindMeCTA,
     .offer-details-noThanksCTA {
         width: 100%;
         margin-bottom: 15px;
     }
     .offer-detail-image.reg-img,
     .offer-details-tNcCTA {
         display: none;
     }
     .offer-detail-image {
         width: auto;
         max-width: 100%;
         margin: 24px auto;
     }
     ul.offer-detail-bullets li,
     .rtm-offer-details ol li {
         margin-top: 24px;
     }
     .offer-details-headerTxt,
     .offer-details-subHeaderTxt,
     ul.offer-detail-bullets li span {
         font-family: 'Truist Trio Light', Truist Trio, sans-serif;
         font-size: 1.7rem;
         line-height: normal;
     }
     .offer-details-headerTxt,
     .offer-details-subHeaderTxt {
         margin-bottom: 16px;
     }
     .offer-details-CTAsection {
         margin-top: 28px;
     }
     .cmp-RTM-offers.detailTemplate-2 .offer-details-headerTxt,
     .cmp-RTM-offers.detailTemplate-2 .offer-details-subHeaderTxt {
         text-align: center;
     }
 }

 @media only screen and (max-width: 932px) and (orientation: landscape) {
     .cmp-RTM-offers.detailTemplate-1,
     ul.offer-detail-bullets li,
     .rtm-offer-details ol li {
         width: 100%;
     }
     .offer-detail-image {
         width: auto;
         max-width: 100%;
         margin: 24px auto;
     }
     ul.offer-detail-bullets li:nth-child(even) {
         margin-left: 0;
     }
 }

 .tru-core-heading--level-3 {
     background-color: inherit;
     border-radius: inherit;
     color: #2e1a47;
     display: block;
     font-family: inherit;
     font-size: 28px;
     font-style: inherit;
     font-weight: normal;
     line-height: 34px;
     padding: inherit;
     text-align: left;
     text-decoration: none;
     text-transform: inherit;
 }

 /* Truist RTM Offer splash mobile */

 .rtm-offer-splash-mob-bg {
     background: #2e1a47;
     padding: 0 16px;
     min-height: 100vh;
     height: 100%;
 }

 .offer-splash-mob-closeLnk {
     color: #7C6992;
     display: inline-block;
     margin: 10px 0 154px;
 }

 .offer-splash-mob-PgHeader {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 2.4rem;
     color: #b0e0e2;
     line-height: normal;
     text-align: center;
     padding: 0 16px;
 }

 .offer-splash-mob-subHeaderTxt {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 1.6rem;
     color: #afabc9;
     line-height: normal;
     text-align: center;
     margin-top: 15px;
     padding: 0 16px;
 }

 .rtm-offer-splash-mob-CTAsection {
     padding: 92px 0 48px;
 }

 .rtm-offer-splash-mob-primaryCTA {
     background: #7C6992;
     color: #fff;
     border: 2px solid #7C6992;
 }

 .rtm-offer-splash-mob-secondaryCTA {
     background: transparent;
     border: 2px solid #7C6992;
     color: #7C6992;
 }

 .rtm-offer-splash-mob-primaryCTA,
 .rtm-offer-splash-mob-secondaryCTA {
     font-family: 'Truist Trio Light', Truist Trio, sans-serif;
     font-size: 1.6rem;
     width: 100%;
     margin-bottom: 5px;
     padding: 10px;
     border-radius: 5px;
 }

 .rtm-offer-splash-mob-icon {
     display: block;
     margin: 28px auto;
     width: 92px;
     height: 105px;
 }

 .speedBump {
     padding-top: 0px !important;
     background-color: #f5f5f5;
 }

 .speedbump.aem-GridColumn {
     background-color: #f5f5f5;
     margin-top: 30px;
 }

 .suntrust-maint-page {
     padding-left: 30px;
     padding-right: 30px;
     background-color: #f5f5f5;
 }

 .suntrust-maint-message-container {
     display: block;
     border: 1px solid #dcdcdc;
     text-align: left;
     padding: 30px;
     width: 100%;
     max-width: 500px;
     margin: 0 auto;
     color: #484848;
     background-color: #fff;
     /* font-family: "suntrustregular", "Trebuchet MS", sans-serif; */
     border-radius: 6px;
 }

 .suntrust-maint-message-container p {
     color: #484848;
     font-size: 1.5rem;
     line-height: 20px;
 }

 .suntrust-maint-message-container img {
     max-width: 150px;
     display: block;
     margin: 0 auto 30px;
 }

 .suntrust-maint-message-container h1 {
     font-size: 2rem;
     line-height: 21px;
     font-weight: var(--truFontWtLt);
     color: #484848;
     margin-bottom: 15px;
     width: 90%;
 }

 .suntrust-maint-button {
     background-color: #005ead;
     width: 100%;
     margin-top: 10px;
     font-size: 1.6rem;
     line-height: 19px;
 }

 .suntrust-maint-button:hover,
 .suntrust-maint-button:focus {
     background-color: #003b71;
 }

 .suntrust-maint-link {
     color: #005ead;
     display: block;
     text-align: center;
     margin-bottom: -20px;
     font-size: 1.6rem;
     line-height: 19px;
 }

 .suntrust-maint-link:hover,
 .suntrust-maint-link:focus {
     text-decoration: underline;
     color: #005ead;
 }

 .suntrust-maint-footer {
     position: relative;
     max-width: 500px;
     margin: 0 auto;
 }

 .suntrust-maint-footer p {
     padding-left: 0px;
 }

 .suntrust-maint-footer .suntrust-logo {
     display: none;
 }

 @media screen and (min-width: 480px) {
     .speedbump.aem-GridColumn {
         margin-top: 60px;
     }
     .suntrust-maint-message-container {
         padding: 30px 60px;
     }
     .suntrust-maint-message-container h1 {
         font-size: 3rem;
         line-height: 35px;
     }
 }

 .footer-primary-link .tru-icon {
     height: 1.8rem;
     fill: currentColor;
     width: 1.8rem;
 }

 .footer-primary-link .tru-icon--add {
     height: 40px;
     width: 40px;
 }

 @media screen and (min-width: 481px) {
     .footer-primary-link .tru-icon--add {
         height: 48px;
         width: 48px;
     }
 }

 .footer-primary-link .tru-icon--contact {
     height: 3rem;
     width: 3rem;
 }

 .footer-primary-link .icon-check-circle:before {
     content: "\e900";
 }

 .footer-primary-link .tru-grid--1-columns {
     grid-template-columns: repeat(1, 1fr);
 }

 .footer-primary-link .tru-grid--2-columns {
     grid-template-columns: repeat(2, 1fr);
 }

 @media screen and (min-width: 768px) {
     .footer-primary-link .tru-grid--2-columns-md-up {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 .footer-primary-link .tru-grid--4-columns {
     grid-template-columns: repeat(4, 1fr);
 }

 @media screen and (min-width: 576px) {
     .footer-primary-link .tru-grid--4-columns-sm-up {
         grid-template-columns: repeat(4, 1fr);
     }
 }

 @media screen and (min-width: 768px) {
     .footer-primary-link .tru-grid--4-columns-md-up {
         grid-template-columns: repeat(4, 1fr);
     }
 }

 @media screen and (min-width: 992px) {
     .footer-primary-link .tru-grid--4-columns-lg-up {
         grid-template-columns: repeat(4, 1fr);
     }
 }

 .footer-primary-link .tru-grid--3-4-offset {
     grid-template-columns: 3fr 1fr;
 }

 @media screen and (min-width: 576px) {
     .footer-primary-link .tru-grid--3-4-offset-sm-up {
         grid-template-columns: 3fr 1fr;
     }
 }

 .footer-primary-link .tru-grid--3-4-offset {
     grid-template-columns: 3fr 1fr;
 }

 @media screen and (min-width: 768px) {
     .footer-primary-link .tru-grid--3-4-offset-md-up {
         grid-template-columns: 3fr 1fr;
     }
 }

 .footer-primary-link .tru-grid--3-4-offset {
     grid-template-columns: 3fr 1fr;
 }

 @media screen and (min-width: 992px) {
     .footer-primary-link .tru-grid--3-4-offset-lg-up {
         grid-template-columns: 3fr 1fr;
     }
 }

 .footer-primary-link .tru-grid--3-4-offset {
     grid-template-columns: 3fr 1fr;
 }

 .footer-primary-link .tru-grid {
     display: grid;
     display: -ms-flexbox;
     -ms-flex: 0 80%;
 }

 .footer-primary-link .tru-grid .js-form-group {
     margin-right: 1rem;
 }

 .footer-primary-link .accordion__content ul {
     padding: 0;
 }

 .footer-primary-link .tru-grid--column-gutters {
     grid-column-gap: 1.8rem;
 }

 .footer-primary-link .tru-grid--row-gutters {
     grid-row-gap: 1.8rem;
 }

 .footer-primary-link .tru-grid--gutters {
     grid-gap: 1.8rem;
 }

 .footer-primary-link .no-cssgrid .tru-grid {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .footer-primary-link .no-cssgrid .tru-grid>* {
     display: -ms-flexbox;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
 }

 .footer-primary-link .no-cssgrid .tru-grid--row-gutters,
 .footer-primary-link .no-cssgrid .tru-grid--column-gutters,
 .footer-primary-link .no-cssgrid .tru-grid--gutters {
     margin-top: -1.8rem;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: -1.8rem;
 }

 .footer-primary-link .no-cssgrid .tru-grid--row-gutters>*,
 .footer-primary-link .no-cssgrid .tru-grid--column-gutters>*,
 .footer-primary-link .no-cssgrid .tru-grid--gutters>* {
     padding-top: 1.8rem;
     padding-right: 0;
     padding-bottom: 0;
     padding-left: 1.8rem;
 }

 .footer-primary-link .no-cssgrid .tru-grid--1-columns>* {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
 }

 @media screen and (min-width: 576px) {
     .footer-primary-link .no-cssgrid .tru-grid--1-columns-sm-up>* {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 @media screen and (min-width: 768px) {
     .footer-primary-link .no-cssgrid .tru-grid--1-columns-md-up>* {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 @media screen and (min-width: 992px) {
     .footer-primary-link .no-cssgrid .tru-grid--1-columns-lg-up>* {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 @media screen and (min-width: 1200px) {
     .footer-primary-link .no-cssgrid .tru-grid--1-columns-xl-up>* {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--2-columns>* {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
 }

 @media screen and (min-width: 768px) {
     .footer-primary-link .no-cssgrid .tru-grid--2-columns-md-up>* {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 @media screen and (min-width: 992px) {
     .footer-primary-link .no-cssgrid .tru-grid--2-columns-lg-up>* {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 @media screen and (min-width: 1200px) {
     .footer-primary-link .no-cssgrid .tru-grid--2-columns-xl-up>* {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--4-columns>* {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
 }

 @media screen and (min-width: 576px) {
     .footer-primary-link .no-cssgrid .tru-grid--4-columns-sm-up>* {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 }

 @media screen and (min-width: 768px) {
     .footer-primary-link .no-cssgrid .tru-grid--4-columns-md-up>* {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 }

 @media screen and (min-width: 992px) {
     .footer-primary-link .no-cssgrid .tru-grid--4-columns-lg-up>* {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:first-child {
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%;
 }

 @media screen and (min-width: 576px) {
     .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-sm-up>*:first-child {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:last-child {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
 }

 @media screen and (min-width: 576px) {
     .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-sm-up>*:last-child {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:first-child {
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%;
 }

 @media screen and (min-width: 768px) {
     .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-md-up>*:first-child {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:last-child {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
 }

 @media screen and (min-width: 768px) {
     .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-md-up>*:last-child {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:first-child {
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%;
 }

 @media screen and (min-width: 992px) {
     .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-lg-up>*:first-child {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:last-child {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
 }

 @media screen and (min-width: 992px) {
     .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-lg-up>*:last-child {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:first-child {
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%;
 }

 @media screen and (min-width: 1200px) {
     .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-xl-up>*:first-child {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
     }
 }

 .footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:last-child {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
 }

 @media screen and (min-width: 1200px) {
     .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-xl-up>*:last-child {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 }

 .footer-primary-link .tru-button {
     font-size: 1.8rem;
     font-weight: var(--truFontWtLt);
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
     margin: 0;
     padding: 10px 20px;
     line-height: initial;
     text-decoration: none;
     cursor: pointer;
     border-radius: 5px;
     width: 100%;
     position: relative;
     -webkit-transition: background-color .3s ease-in-out;
     transition: background-color .3s ease-in-out;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-width: 2px;
 }

 .footer-primary-link .tru-button:hover {
     outline: none;
 }

 .footer-primary-link .tru-button:focus:not(:disabled):before {
     content: "";
     position: absolute;
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     border: 2px solid;
     border-radius: 2px;
 }

 .footer-primary-link .tru-button.is-disabled {
     opacity: .5;
     pointer-events: none;
     cursor: not-allowed;
 }

 .footer-primary-link .tru-button--footer {
     background: #afabc9;
     border: 2px solid #afabc9;
     height: 56px;
     width: 117px;
 }

 .footer-primary-link .tru-button--footer:hover {
     background: #7c6992;
     color: #FFF;
 }

 .footer-primary-link .accordion {
     width: 100%;
     -webkit-transition: opacity ease-in 0.25s;
     transition: opacity ease-in 0.25s;
     color: #2e1a47;
 }

 .footer-primary-link .accordion.is-collapsed {
     border-bottom: 0;
 }

 .footer-primary-link .accordion:not(.is-collapsed) .accordion__title--total {
     opacity: 0;
     -webkit-transition: opacity ease-in 0.3s;
     transition: opacity ease-in 0.3s;
     position: relative;
     -webkit-animation: dropTotal 0.8s forwards;
     animation: dropTotal 0.8s forwards;
 }

 @-webkit-keyframes dropTotal {
     0% {
         top: 0;
     }
     100% {
         top: 18px;
     }
 }

 @keyframes dropTotal {
     0% {
         top: 0;
     }
     100% {
         top: 18px;
     }
 }

 .footer-primary-link .accordion__content {
     overflow: hidden;
     padding: 10px 20px;
     width: 100%;
     font-size: 1.8rem;
 }

 .footer-primary-link .accordion__content.is-expanded {
     display: -ms-flexbox;
     display: flex;
 }

 .footer-primary-link .accordion__table,
 .footer-primary-link .accordion__img {
     margin: 1em 0;
 }

 .footer-primary-link .accordion__img {
     display: block;
     max-width: 100%;
 }

 .footer-primary-link button.accordion__header {
     border-width: 0 0 1px;
 }

 .footer-primary-link .accordion--border-top {
     border-top: 1px solid var(--truNeutral500);
 }

 .footer-primary-link .accordion__header {
     padding: 2.7rem 1.8rem;
     border-color: var(--truNeutral500);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     cursor: pointer;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 .footer-primary-link .accordion__header--disabled {
     cursor: default;
 }

 .footer-primary-link .accordion__title {
     font-size: 2.16rem;
     color: currentColor;
     margin: 0;
     font-weight: var(--truFontWtLt);
 }

 .accordion__icon {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
 }

 .is-collapsed .accordion__icon {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
 }

 .accordion__item {
     border-bottom: 1px solid var(--truNeutral500);
 }

 .accordion__item:last-child {
     border-bottom: 0;
 }

 .footer-primary-link .disclosures-accordion {
     padding: 0.9rem 1.5rem;
     max-width: 200px;
     width: 100%;
     border: 1px solid #c9c9c9;
     border-bottom: transparent;
     border-radius: 7px 7px 0 0;
     position: relative;
     margin: 0 auto;
     color: #000000;
 }

 @media (min-width: 768px) {
     .footer-primary-link .disclosures-accordion {
         margin-left: 5.25rem;
     }
 }

 .footer-primary-link .disclosures-accordion .accordion__title {
     color: #000000;
     font-size: 1.8rem;
 }

 .footer-primary-link .disclosures-accordion.is-expanded:after {
     content: '';
     position: absolute;
     height: 3px;
     background: #FFF;
     width: 100%;
     top: 100%;
     left: 0;
 }

 .footer-primary-link .disclosures-accordion__content {
     border-top: 1px solid #c9c9c9;
 }

 .footer-primary-link .footer {
     background: #2e1a47;
     color: #FFF;
     font-size: 0.75rem;
     border-top: 1px solid #222a31;
     padding: 3.6rem 3.6rem 1.8rem 3.6rem;
 }

 @media (min-width: 992px) {
     .footer-primary-link .accordion__content {
         display: block
     }
 }

 .footer-primary-link .footer hr {
     margin: 3rem 0;
     width: 100%;
     border-top: 1px solid #7c6992;
 }

 .footer-primary-link .footer__logo {
     width: 245px;
     display: -ms-flexbox;
     display: flex;
     margin: 0 auto;
 }

 .footer-primary-link .footer__details {
     color: #FFF;
     text-align: center;
     width: 100%;
     font-size: 1.53rem;
     margin-top: 2rem;
 }

 .footer-primary-link .footer__details .footer-nav-primary-link {
     justify-content: center;
 }

 .footer-primary-link .footer__links-container {
     margin-top: 3.6rem;
     color: #FFF;
     width: 100%;
 }

 .footer-primary-link .disclosure-block {
     margin-left: auto;
     margin-right: auto;
     padding-left: 0.9375rem;
     padding-right: 0.9375rem;
     width: 100%;
     color: var(--truNeutral500);
     font-weight: var(--truFontWtLt);
 }

 @media (min-width: 576px) {
     .footer-primary-link .disclosure-block {
         max-width: 576px;
     }
 }

 @media (min-width: 768px) {
     .footer-primary-link .disclosure-block {
         max-width: 720px;
     }
 }

 @media (min-width: 992px) {
     .footer-primary-link .disclosure-block {
         max-width: 940px;
     }
 }

 @media (min-width: 1200px) {
     .footer-primary-link .disclosure-block {
         max-width: 1140px;
     }
 }

 .footer-primary-link .footer-nav--disclosures {
     display: flex;
     flex-wrap: wrap;
 }

 .bg-clear .footer-primary-link .footer-nav--disclosures li.footer-nav-item a,
 .footer-primary-link .footer-nav--disclosures li.footer-nav-item a {
     color: #afabc9;
     font-size: 2rem;
     text-deoration: none;
 }

 .footer-primary-link .footer-nav--disclosures li.footer-nav-item a:hover {
     color: #fff;
 }

 .footer-primary-link .footer__details__header {
     color: #b0e0e2;
     font-size: 2.25rem;
     font-weight: var(--truFontWtRg);
 }

 .bg-clear .footer-primary-link .footer__details__header .footer__link,
 .footer-primary-link .footer__details__header .footer__link {
     color: #afabc9;
     font-size: 2rem;
     text-decoration: none;
 }

 .footer-primary-link .footer__link {
     color: #afabc9;
     text-decoration: none;
 }

 .footer-primary-link .footer__link:hover {
     color: #FFF;
     text-decoration: underline;
 }

 .footer-primary-link .footer__section {
     margin-left: auto;
     margin-right: auto;
     padding-left: 0.9375rem;
     padding-right: 0.9375rem;
     width: 100%;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 @media (min-width: 576px) {
     .footer-primary-link .footer__section {
         max-width: 576px;
     }
 }

 @media (min-width: 768px) {
     .footer-primary-link .footer__section {
         max-width: 720px;
     }
 }

 @media (min-width: 992px) {
     .footer-primary-link .footer__section {
         max-width: 940px;
     }
 }

 @media (min-width: 1200px) {
     .footer-primary-link .footer__section {
         max-width: 1140px;
     }
 }

 .footer-primary-link .footer__form {
     max-width: 600px;
     margin: 3.5rem auto 0;
 }

 .footer-primary-link .footer__form .form-group {
     border-color: #FFF;
     background: #2e1a47;
     color: #FFF;
 }

 .footer-primary-link .footer__form label {
     color: #AFABC9;
 }

 .footer-primary-link .footer__form .input {
     color: #afabc9;
     position: relative;
     top: 10px;
 }

 .footer-primary-link .footer__form__legend {
     color: #b0e0e2;
     font-size: 1.98rem;
     padding-bottom: 1.8rem;
     text-align: center;
 }

 .footer-primary-link .footer__details__header .accordion__header {
     padding: 1.5rem 0;
     border-bottom: 1px solid #b0e0e2;
 }

 @media (min-width: 992px) {
     .footer-primary-link .footer__details__header .accordion__header {
         border-bottom: none;
         pointer-events: none;
         padding-left: .5rem;
         outline: none;
     }
 }

 @media (min-width: 992px) {
     .footer-primary-link .footer__details__header .accordion__header .accordion__icon {
         display: none;
     }
 }

 .footer-primary-link .footer__details__header .accordion__title {
     font-size: 2.4rem;
     font-weight: var(--truFontWtRg);
 }

 .footer-primary-link .footer__details__header .accordion__content {
     padding: 10px 0 0 0;
     text-align: left;
 }

 @media (min-width: 992px) {
     .footer__details__header .accordion__content {
         padding: 0;
     }
 }

 .footer-primary-link .footer__details__header li {
     font-size: 1.53rem;
     padding: 0.36rem 0 0.9rem .5rem;
 }

 .footer-primary-link .footer-nav {
     list-style-type: none;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     margin-top: 0;
     margin-bottom: 0;
 }

 @media (min-width: 768px) {
     .footer-primary-link .footer-nav {
         -ms-flex-pack: left;
         justify-content: left;
     }
 }

 .footer-primary-link .footer-nav:last-child {
     margin-bottom: 0;
 }

 .footer-primary-link .footer-nav--disclosures {
     -ms-flex-pack: justify;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-direction: column;
     flex-direction: column;
     margin: 1.8rem 0;
 }

 @media (min-width: 768px) {
     .footer-primary-link .footer-nav--disclosures {
         margin: 0;
         -ms-flex-direction: row;
         flex-direction: row;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {
     .footer-primary-link .footer-nav--disclosures {
         margin-top: 2rem;
     }
 }

 @media (min-width: 768px) {
     .footer-primary-link .footer-nav--disclosures .footer-nav-item {
         margin-bottom: 1.8rem;
         margin-left: 2rem;
         margin-right: 2rem;
     }
 }

 @media (min-width: 992px) {
     .footer-primary-link .footer-nav-item.footer-nav-item--logo {
         float: left;
         margin-right: 30px;
         margin-top: 0;
     }
 }

 .footer-primary-link .footer-nav--tablet {
     display: none;
 }

 .footer-primary-link .footer-nav--tablet .footer-nav {
     margin-top: 1.8rem;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 @media (min-width: 768px) and (max-width: 991px) {
     .footer-primary-link .footer-nav--tablet {
         display: block;
     }
     .footer-primary-link .tru-button--footer {
         width: auto;
     }
     .footer-primary-link .tru-grid .js-form-group {
         margin-right: 0;
     }
 }

 .footer-primary-link .footer-nav--tablet__logo {
     width: 100%;
 }

 .footer-primary-link .footer-nav--social {
     width: 100%;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-pack: center;
     justify-content: center;
 }

 @media (min-width: 768px) {
     .footer-primary-link .footer-primary-link .footer-nav-item {
         margin-right: 0.9rem;
         margin-bottom: 0;
     }
 }

 @media (max-width: 767px) {
     .footer-primary-link .footer-nav-item:not(:last-child) {
         margin-bottom: 1.8rem;
     }
     .footer-primary-link ul.footer-nav-contact li {
         text-align: center;
         width: 100%;
         list-style-type: none;
     }
     .footer-primary-link .tru-button--footer {
         width: 100%;
     }
 }

 .footer-primary-link .footer__social-icon {
     height: 1.8rem;
     width: 1.8rem;
     fill: #FFF;
 }

 .footer-primary-link .footer-nav-item--social {
     margin-left: 0.9rem;
     margin-right: 0.9rem;
     margin-bottom: 0;
 }

 .footer-primary-link .footer-nav-item--social .tru-icon--open-new {
     display: none;
 }

 .footer-primary-link .footer-nav-link {
     font-size: .75rem;
     color: #FFF;
     text-decoration: none;
     -ms-flex-align: center;
     align-items: center;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .footer-primary-link .footer-highlight {
     border-top: 1px solid #000000;
     background-color: #000000;
     text-align: center;
     padding-top: .5rem;
     padding-bottom: .5rem;
 }

 @media (min-width: 992px) {
     .footer-primary-link .footer-highlight {
         -ms-flex-direction: row;
         flex-direction: row;
         width: 100%;
         -ms-flex-pack: center;
         justify-content: center;
     }
 }

 .footer-primary-link .footer__legal {
     color: #FFF;
     font-size: 1.53rem;
     text-align: center;
     width: 100%;
 }

 .footer-primary-link label {
     color: var(--truNeutral500);
 }

 .footer-primary-link .form-group {
     position: relative;
     margin-bottom: 0.5rem;
     padding: 0.7rem;
     border: 1px solid var(--truNeutral500);
     width: 100%;
     border-radius: 4px;
     height: 56px;
     background: #FFF;
 }

 .footer-primary-link .form__label {
     position: absolute;
     top: 15px;
     left: 20px;
     -webkit-transition: 0.2s ease all;
     transition: 0.2s ease all;
     font-size: 1.8rem;
 }

 .footer-primary-link .input {
     font-size: 1.8rem;
     padding: 4px 9px;
     display: block;
     height: 30px;
     background-color: transparent;
     border: none;
     outline: none;
     position: absolute;
     bottom: 5%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }

 .footer-primary-link .input--focused {
     top: 2px;
     left: 5px;
     -webkit-transform: scale(0.78);
     transform: scale(0.78);
     font-weight: var(--truFontWtBd);
 }

 .footer-primary-link .has-focus {
     border-color: #2e1a47;
     border-width: 3px;
 }

 .footer-primary-link .tru-margin-top--md {
     margin-top: 3.6rem;
 }

 .footer-primary-link .tru-margin-y--md {
     margin: 3.6rem 0;
 }

 .footer-primary-link .tru-margin-top--lg {
     margin-top: 7.2rem;
 }

 .footer-primary-link .tru-margin-bottom--lg {
     margin-bottom: 7.2rem;
 }

 .footer-primary-link .tru-margin-right--lg {
     margin-right: 7.2rem;
 }

 .footer-primary-link .tru-screen-reader-only {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     word-wrap: normal;
 }

 .footer-primary-link ul.footer-nav-contact {
     width: 100%;
     justify-content: center;
     display: flex;
     margin: 1rem 0 3rem;
     flex-wrap: wrap;
 }

 .footer-primary-link ul.footer-nav-contact li a {
     color: #afabc9;
     text-decoration: none;
     font-size: 2rem;
 }

 .footer-primary-link ul.footer-nav-contact li a:hover {
     color: #fff;
     text-decoration: underline;
 }

 .footer-primary-link ul.footer-nav-contact li {
     margin-left: 1.2rem;
     margin-right: 1.2rem;
     list-style-type: none;
 }

 /* new updated */

 .footer-primary-link .footer .mobile-logo {
     display: none;
 }

 .footer-primary-link .footer .focused .form__label {
     transform: translateY(-106%);
     font-size: .75em;
     background: #2e1a47;
     z-index: 1000;
     color: #fff;
     left: 7px;
     padding-left: 5px;
     padding-right: 5px;
 }

 .footer-primary-link b,
 .footer-primary-link strong {
     font-weight: bold;
 }

 .footer-primary-link i,
 .footer-primary-link em {
     font-style: italic;
 }

 .footer-primary-link .tru-collapsible__icon {
     -webkit-transition: -webkit-transform 0.3s ease-in-out;
     transition: -webkit-transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
 }

 .footer-primary-link .tru-collapsible__icon.is-rotated {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
 }

 .footer__section ul.footer-nav--social li img.footer-nav-social-icon {
     width: 24px;
     height: 24px;
 }

 .footer-nav.footer-nav--disclosures {
     padding: 0;
 }

 /***FOOTER***/

 /*page disclaimer*/

 .disc-selected {
     background: none;
 }

 .disc-selected sup:nth-of-type(1) {
     border: 1px dotted;
 }

 .disc-back-to-content {
     display: inline-block;
     padding-left: .5rem;
 }

 .disc-back-to-content a {
     color: #2E1A47 !important;
 }

 .disc-back-to-content a::after {
     content: '';
     background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=) 0 0 no-repeat;
     padding: 7px 8px;
     transform: rotate(-90deg);
     display: inline-block;
     margin-left: .5rem;
 }

 /*disclosure*/

 footer #footer-section-disclosure {
     position: relative;
     background: #fff;
     margin-top: 11rem;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container {
     border-top: 1px solid #cfcfcf;
     color: var(--truNeutral500);
     padding-top: 4rem;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid {
     width: auto;
     max-width: 1920px;
     margin: 0 auto;
     position: relative;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid>div {
     padding: 0 8.333%;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid::before {
     content: "";
     display: block;
     height: .1rem;
     width: 20rem;
     background: #fff;
     position: absolute;
     top: -4.1rem;
     left: 8.333%;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a {
     color: #2E1A47;
     text-decoration: underline;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a:hover,
 footer #footer-section-disclosure #footer-section-disclosure-container a:focus {
     text-decoration: none;
 }

 footer #footer-section-disclosure .accordion .border-container {
     border: none;
 }

 footer #footer-section-disclosure .accordion .border-container>div {
     transition: all 0.3s 0s linear;
 }

 footer #footer-section-disclosure .accordion .accordion-card-header {
     max-width: 1920px;
     margin: 0 auto;
     padding: 0 15px;
     position: relative;
 }

 footer #footer-section-disclosure .accordion .btn {
     color: #2E1A47;
     font-size: 2rem;
     line-height: 1em;
     text-decoration: none;
     padding: 1.3rem 2.8rem;
     box-shadow: none;
     border: 1px solid #c9c9c9;
     border-radius: 4px 4px 0 0;
     border-bottom: #fff;
     background: #fff;
     position: absolute;
     top: -5rem;
     left: 8.333%;
     height: 5rem;
     width: 20rem;
 }

 footer #footer-section-disclosure .accordion .btn:focus::after {
     content: "";
     position: absolute;
     bottom: 1rem;
     left: 3.2rem;
     height: 2px;
     background: #2E1A47;
     width: calc(100% - 8.9rem);
 }

 /*disclosure - card body*/

 footer #footer-section-disclosure .accordion .card-body {
     padding: 0;
 }

 @media (min-width: 769px) {
     footer #footer-section-disclosure {
         margin-top: 15rem;
     }
 }

 .footer-primary-link .footer-nav-item--social .footer-nav-link {
     font-size: 1.8rem;
 }

 /* Cookie Setting CSS */

 .footer__section #ot-sdk-btn.ot-sdk-show-settings {
     color: #afabc9;
     font-size: 2rem;
     padding: 0;
     background: none;
     border: 0;
     margin: 0;
     text-align: left;
     outline: 0;
 }

 .footer__section #ot-sdk-btn.ot-sdk-show-settings:hover {
     color: #fff;
     text-decoration: underline;
     background: none;
     border: 0;
     outline: 0;
 }

 /* OneTrust custcom footer links*/

 .footer__section #ot-sdk-btn.ot-sdk-show-settings:focus-visible {
     border: 1px solid #fff;
     border-radius: 4px;
 }

 #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item.ot-vs-config {
     border-top: 1px solid #d8d8d8;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936 {
     color: #fff;
     text-decoration: none;
     background: #483460;
     border: 1px solid #483460;
     font-size: 1.6rem;
     font-weight: var(--truFontWtBd);
     margin-top: 0;
     margin-bottom: 0;
     height: 55px;
     display: inline;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936:hover {
     color: #483460;
     text-decoration: none;
     background: transparent;
     border: 1px solid #483460;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936::before {
     content: "";
     background-image: url(../../../content/dam/truist-bank/us/en/icons/qr-code-icon.svg);
     background-size: contain;
     height: 2.1rem;
     width: 2.3rem;
     margin-right: 0.5rem;
     position: relative;
     top: 0.5rem;
     display: inline-block;
     background-repeat: no-repeat;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936:hover::before,
 footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936:focus::before {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/qr-code-icon.svg);
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a.cta-1949578313 {
     vertical-align: text-top;
     text-decoration: none;
     transition: none;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a.cta-1949578313:hover {
     color: #483460;
     text-decoration: underline;
     transition: none;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container a.cta-1949578313::after {
     content: "\e805";
     font-family: "truist-icons";
     font-style: normal;
     font-weight: bold;
     font-size: 1.8rem;
     speak: never;
     display: inline-block;
     width: 1em;
     margin-left: 0.4em;
     transform: rotate(-90deg);
     background: none;
     vertical-align: text-top;
 }

 @media (min-width: 992px) {
     .footer-primary-link .accordion__content {
         display: block !important;
     }
 }

 @media screen and (min-width: 320px) and (max-width: 740px) {
     .footer-primary-link .footer .mobile-logo {
         display: block;
         margin: 0 auto;
     }
     .footer-primary-link .footer .footer__logo {
         display: none;
     }
 }

 @media only screen and (min-device-width: 314px) and (max-device-width: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
     .footer-primary-link .footer .mobile-logo {
         display: block;
         margin: 0 auto;
     }
     .footer-primary-link .footer .footer__logo {
         display: none;
     }
 }

 @media screen and (max-device-width: 812px) and (orientation: landscape) {
     .footer-primary-link .footer .mobile-logo {
         display: block;
         margin: 0 auto;
     }
     .footer-primary-link .footer .footer__logo {
         display: none;
     }
 }

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     .footer-primary-link .footer .mobile-logo {
         display: block;
         margin: 0 auto;
     }
     .footer-primary-link .footer .footer__logo {
         display: none;
     }
 }

 /*global*/

 footer {
     background-color: transparent !important;
     color: #fff;
 }

 /* MMA rates disclosures */

 #footer-section-disclosure-container .mma-rate-disclosure {
     width: 100%;
     max-width: 1600px;
     margin: 0 auto;
 }

 #footer-section-disclosure-container .mma-rate-disclosure p {
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
 }

 #footer-section-disclosure-container .mma-rate-disclosure sup {
     top: -.3rem;
     font-size: 75%;
 }

 footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid::before {
     display: none;
 }

 .login-component {
     width: 100%;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     font-size: 1.6rem;
     background: var(--truClrPplBs);
 }

 /* Remove the pw toggle icon in Edge */

 ::-ms-reveal {
     display: none;
 }

 .login-open-button.active button {
     background: var(--truClrPplBs);
     color: var(--truClrNtrlWht);
 }

 .login-header {
     display: none;
 }

 .truist-login-widget--button-submit:hover {
     background-color: var(--truClrSkyLt);
     color: var(--truClrPplBs);
     border-color: var(--truClrSkyLt);
 }

 .maintenancemodeendpointurl {
     width: 100%;
     max-width: 375px;
     min-width: 375px;
     padding: 16px;
     background: var(--truClrPplBs);
     border-radius: 1.5rem;
     color: var(--truClrNtrlWht);
     opacity: 0;
 }

 .maintenancemodeendpointurl .maintenance-mode {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .maintenancemodeendpointurl .maintenance-mode p {
     text-align: center;
 }

 .maintenancemodeendpointurl .maintenance-mode .msgHeading {
     margin-top: 20px;
     font-weight: var(--truFontWtBd);
     font-size: 1.8rem !important;
 }

 .sign-in-form {
     width: 100%;
     max-width: 375px;
     min-width: 320px;
 }

 .sign-in-form .form-group {
     position: relative;
     margin-bottom: 4px;
     text-align: left;
 }

 .sign-in-form .form-group.form-space-24 {
     margin-bottom: 24px;
 }

 .sign-in-form .form-group label {
     color: var(--truClrGryDkr);
     position: absolute;
     top: 1rem;
     left: 1rem;
     z-index: 3;
 }

 .sign-in-form .form-group label.form-check-label {
     position: relative;
     width: auto;
     min-width: 50%;
     cursor: pointer;
 }

 .sign-in-form .form-group label.form-check-label .label-span {
     color: var(--truClrNtrlWht);
     position: absolute;
     display: block;
     width: 100%;
     top: -.85rem;
     left: 2.25rem;
 }

 .sign-in-form .form-group .input-wrapper {
     display: flex;
     justify-content: center;
     position: relative;
     height: 46px;
 }

 .sign-in-form .form-group .input-wrapper.login-checkbox-container {
     display: inline-block;
     width: calc(375px / 2);
     position: relative;
     height: auto;
 }

 .sign-in-form .form-group .input-wrapper::before {
     content: "";
     display: block;
     background: var(--truClrNtrlWht);
     position: absolute;
     top: 0 !important;
     width: 100%;
     height: 46px;
     border: 1px solid var(--truClrGryLt);
     border-radius: 0.25rem;
     z-index: 1;
 }

 .sign-in-form .form-group .input-wrapper.login-checkbox-container::before,
 .sign-in-form .form-group .input-wrapper.login-radio-container::before {
     display: none;
 }

 .sign-in-form .form-group .form-check-label::before {
     content: "";
     display: block;
     background: var(--truClrClear);
     position: absolute;
     left: -10px;
     top: -8px;
     width: 24px;
     height: 24px;
     border: 2px solid var(--truClrNtrlWht);
     border-radius: 0.25rem;
     z-index: 2;
 }

 .sign-in-form .form-group .form-check-label::after {
     content: "";
     display: block;
     background-color: var(--truClrClear);
     background-image: none;
     background-position: center 42%;
     background-repeat: repeat;
     background-size: 14px;
     position: absolute;
     left: -8px;
     top: -6px;
     width: 20px;
     height: 20px;
     border: 1px solid var(--truClrClear);
     transition: all .3s ease-in-out;
 }

 .sign-in-form .form-group .form-check-label:hover::after {
     background: var(--truClrClear);
     border: 1px solid var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.focus::before,
 .sign-in-form .form-group .form-check-label.checked.focus::before {
     padding: 1px;
     border: 1px solid var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.focus::after {
     background: var(--truClrClear);
     border: 2px solid var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.checked::before {
     padding: 0px;
     border: 2px solid var(--truClrDuskBs);
 }

 .sign-in-form .form-group .form-check-label.checked::after,
 .sign-in-form .form-group .form-check-label.checked.focus::after {
     background-color: var(--truClrDuskBs);
     background-image: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/checkmark-wht.svg);
     background-position: center 42%;
     background-repeat: no-repeat;
     background-size: 14px;
     border-color: var(--truClrDuskBs);
 }

 .sign-in-form .form-group .form-check-label.checked:hover::before {
     padding: 0px;
     border: 2px solid var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.checked:hover::after {
     background-color: var(--truClrNtrlWht);
     background-image: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/checkmark.svg);
     border-color: var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.checked.focus::before {
     padding: 1px;
     border: 1px solid var(--truClrNtrlWht);
 }

 .sign-in-form input[type="password"],
 .sign-in-form input[type="text"] {
     position: absolute;
     width: calc(100% - 4px);
     height: 100%;
     max-height: calc(100% - 4px) !important;
     background: var(--truClrClear);
     color: var(--truClrGryDkr);
     padding: 1rem 3rem 0rem 1rem !important;
     border: 1px solid var(--truClrClear);
     border-radius: 0.5rem;
     box-shadow: none;
     font-size: inherit;
     z-index: 2;
     top: 2px !important;
 }

 .sign-in-form input[type="password"] {
     padding-right: 40px;
 }

 button.password-not-visible {
     background: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/show-password.svg) no-repeat center;
     width: 24px;
     height: 24px;
     position: absolute;
     top: 14px;
     right: 10px;
     border: none;
     z-index: 3;
     transition: all .3s ease-in-out;
 }

 button.password-not-visible:focus {
     outline: 1px solid;
 }

 button.password-not-visible.password-visible {
     background: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/hide-password.svg) no-repeat center;
     aspect-ratio: 1;
 }

 .sign-in-form input[type="checkbox"] {
     position: absolute;
     border: 0;
     background: var(--truClrClear);
     left: -10px;
     top: -8px;
     opacity: 0;
     z-index: 4;
     cursor: pointer;
     box-shadow: none;
 }

 .sign-in-form input[type="radio"] {
     border: 0;
     background: var(--truClrClear);
     position: absolute;
     width: 24px;
     height: 24px;
     left: -11px;
     top: -8px;
     opacity: 0;
     z-index: 1;
     cursor: pointer;
     box-shadow: none;
 }

 .sign-in-form .form-group .input-hint {
     font-size: var(--truTxtSizeMicro);
     color: var(--truClrDawnDkr);
     position: relative;
     top: .5rem;
 }

 .sign-in-form .form-group label.is-focused,
 .sign-in-form .form-group label.is-focused.has-error {
     font-weight: var(--truFontWtBd);
     font-size: var(--truTxtSizeMicro);
     transform: translate(.25rem, -1.35rem);
 }

 .sign-in-form .form-group input:not(.validation-failed):is(:-webkit-autofill,
 :autofill)~label {
     font-weight: var(--truFontWtBd);
     font-size: var(--truTxtSizeMicro);
     transform: translate(.25rem, -1.35rem);
 }

 .sign-in-form Input.form-control:focus {
     border-color: var(--truClrGryLt);
     box-shadow: none;
 }

 .sign-in-form .form-group label.has-error {
     color: var(--truClrErrBs);
 }

 .sign-in-form .form-group .input-wrapper.has-error::before {
     border: 1px solid var(--truClrErrBs);
 }

 .sign-in-form input.validation-failed,
 .sign-in-form input.validation-failed:focus {
     border-color: var(--truClrErrBs);
 }

 .sign-in-form .form-group label,
 .sign-in-form .form-group label::before,
 .sign-in-form .form-group label::after,
 .sign-in-form .form-group .validation-message,
 .sign-in-form .form-group .form-group .input-wrapper::before,
 .sign-in-form Input.form-control,
 .sign-in-form .form-group .input-hint,
 .login-component a,
 .login-component a svg.arrow {
     transition: all .3s ease-in-out;
 }

 .login-component a {
     color: var(--truClrHazeBs);
     text-decoration: underline;
     outline: 0;
 }

 .global-nav .login-component a {
     text-decoration: underline;
 }

 .global-nav .login-component a:focus,
 .global-nav .login-component a:hover,
 .global-nav .login-component a:active {
     text-decoration: none;
 }

 .global-nav .login-component a:focus,
 .login-component a:focus {
     outline: 1px solid;
 }

 .login-component .oa-link-container a {
     text-decoration: none;
 }

 .login-component .in-block-link {
     display: block;
     float: right;
 }

 .login-component a:hover,
 .login-component a:focus,
 .login-component a:active {
     color: var(--truClrHazeLt);
 }

 .truist-login-widget--login-unavailable form,
 .truist-login-widget--button-QR.truist-login-widget--login-unavailable,
 .truist-login-widget--unavailable-container .unavailable {
     display: none;
 }

 .truist-login-widget--login-unavailable .truist-login-widget--unavailable-container,
 .truist-login-widget--login-unavailable .unavailable {
     display: block;
 }

 .truist-login-widget--login-unavailable .unavailable {
     margin-top: 1em;
 }

 .truist-login-widget--unavailable-container {
     border: solid 2px var(--truClrNtrlWht);
     border-radius: 2rem;
     padding: 1em;
     text-align: center;
 }

 .truist-login-widget--unavailable-container p {
     margin-bottom: 0;
 }

 .truist-login-widget--unavailable-title {
     font-weight: var(--truFontWtBd);
     font-size: 2rem;
     padding-bottom: 1.1rem;
     margin-top: 1.13rem;
 }

 .login-component .btn-truist-login {
     color: var(--truClrPplBs);
     background-color: var(--truClrHazeBs);
     width: 100%;
     border-radius: 14px;
     height: 48px;
     font-weight: bolder;
 }

 .login-component .btn-truist-login span {
     pointer-events: none;
 }

 .login-component .btn-truist-login:hover,
 .login-component .btn-truist-login:active {
     background-color: var(--truClrHazeLt);
 }

 .login-component .btn-truist-login:focus {
     outline: var(--truClrHazeBs) 2px solid;
     border: solid 1px var(--truClrPplBs);
     background: var(--truClrHazeBs);
 }

 .login-component .btn-truist-login.loading {
     background-color: var(--truClrGryLtr);
     color: var(--truClrGryDkr);
     border: solid 2px var(--truClrGryDkr);
 }

 .truist-login-widget--form-container .truist-login-widget-form--submit {
     margin-bottom: 11px;
 }

 .truist-login-widget-form--need-id {
     margin: 8px 0;
 }

 .truist-login-widget-form--other-accounts {
     margin-top: 8px;
 }

 .sign-in-form .truist-login-widget-form--need-id.form-space-32 {
     margin-bottom: 32px;
 }

 .login-component .truist-login-widget-form--need-id p {
     padding-left: 0;
     margin-bottom: 0;
     color: var(--truClrNtrlWht);
 }

 .login-component .truist-login-widget-form--need-id a {
     display: inline-block;
     width: auto;
 }

 .login-component .truist-login-widget-form--need-id .sign-in-qr-copy a {
     margin-left: 6px;
 }

 .truist-login-widget--main-container.truist-login-widget--login-unavailable .truist-login-widget--container .truist-login-widget--form-container {
     display: none;
 }

 .sign-in-form .form-check {
     padding-left: 1rem;
 }

 .sign-in-form .form-check p {
     margin-bottom: 0;
     position: relative;
     left: 14px;
 }

 .form-check.truist-login-widget-form--password-forgot .col-sm {
     display: block;
     margin-right: 0;
 }

 .form-check.truist-login-widget-form--password-forgot .col-sm a {
     width: max-content;
     float: right;
     margin-top: 0;
 }

 .sign-in-form .form-group .validation-message {
     width: 100%;
     position: absolute;
     left: 0;
     top: 110%;
     z-index: 100;
     padding: 0;
     color: var(--truClrGryDkr);
 }

 .sign-in-form .validation-message::before {
     content: '';
     margin-left: 15px;
     border: 8px solid var(--truClrErrBs);
     border-color: var(--truClrClear) var(--truClrClear) var(--truClrErrBs) var(--truClrClear);
     width: 16px;
     display: block;
     z-index: 100;
     position: absolute;
     top: -15px;
 }

 .sign-in-form .form-group .validation-message .err-alert-icon {
     stroke: var(--truClrNtrlWht);
     width: 13px;
     height: auto;
     margin-top: -3px;
     margin-right: .5rem;
 }

 .sign-in-form .validation-message li {
     display: block;
     width: 100%;
     background: var(--truClrErrBs);
     border-radius: 5px;
     height: auto;
     list-style-type: none;
     padding: 5px 10px 5px 10px;
     text-align: left;
     z-index: 10;
     position: relative;
     top: -1px;
     font-size: var(--truTxtSizeMicro);
     color: var(--truClrNtrlWht);
 }

 .sign-in-form .validation-message li::before {
     content: '';
     background: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/alert-icon.svg) center center no-repeat;
     width: 21px;
     height: 21px;
     display: inline-block;
     top: 5px;
     position: relative;
     margin: 0px 5px 0px 0px;
 }

 .truist-global-login-logo {
     display: none;
 }

 .close-icon {
     color: var(--truClrNtrlWht);
     font-size: 2rem;
 }

 .login-header div.image-container {
     display: flex;
     justify-content: start;
     width: 50%;
 }

 .login-header div.button-container {
     justify-content: end;
     padding-right: 2.2em;
 }

 .login-header div.image-container,
 .login-header div.button-container {
     display: flex;
     width: 50%;
 }

 .login-header div.button-container button {
     background: none;
     border: none;
 }

 .login-modal-removed-message {
     visibility: hidden;
 }

 .truist-login-widget-form--other-accounts.row,
 .truist-login-widget-form--other-accounts.row .col-sm {
     display: flex;
     justify-content: flex-start;
 }

 .truist-login-widget-form--other-accounts .other-accounts-button {
     display: none;
     padding: 14px 24px;
     border-radius: 10px;
     width: 100%;
 }

 .truist-login-widget-form--other-accounts a span {
     position: relative;
     top: 2px;
 }

 button.truist-login-widget--button-QR.loading span.button-label,
 .truist-login-widget-form--submit.loading button span.button-label,
 button.truist-login-widget--button-QR span.loading-animation,
 .truist-login-widget-form--submit button span.loading-animation,
 .truist-login-widget-form--other-accounts button span.loading-animation,
 button.truist-login-widget--button-QR.loading svg.qr-icon {
     display: none;
 }

 button.truist-login-widget--button-QR.loading span.loading-animation,
 .truist-login-widget-form--submit.loading button span.loading-animation {
     display: block;
 }

 .truist-login-widget-form--submit.loading button span.loading-animation .btn-truist-login span.loading-animation {
     position: relative;
     top: 3px;
 }

 .truist-login-widget-form--submit.loading .btn-truist-login {
     display: block;
     background: var(--truClrGryLtr);
     border: 2px solid var(--truClrGryDkr);
     color: var(--truClrGryDkr);
 }

 .global-nav .open-act-group .dropdown-menu {
     background: var(--truClrPplBs);
 }

 .truist-login-widget-form--other-accounts a:link {
     color: var(--truClrHazeBs);
     font-weight: bold;
     text-decoration: none;
     display: inline;
     outline: none;
 }

 .sign-in-form .truist-global-nav-header-icon-sign-in {
     margin-left: -3px;
     transform: translateY(-2px)
 }

 .truist-login-widget-form--other-accounts svg.truist-global-nav-header-icon-sign-in path,
 .truist-login-widget-form--other-accounts svg.arrow path {
     stroke: var(--truClrHazeBs);
     fill: var(--truClrHazeBs);
     transition: all .3s ease-in-out;
 }

 .truist-login-widget-form--other-accounts a:hover svg.truist-global-nav-header-icon-sign-in path,
 .truist-login-widget-form--other-accounts a:focus svg.truist-global-nav-header-icon-sign-in path {
     stroke: var(--truClrHazeLt);
     fill: var(--truClrHazeLt);
 }

 .truist-login-widget-form--other-accounts svg.arrow {
     position: relative;
     transform: translate(3px, -1px);
 }

 .truist-login-widget-form--other-accounts a:hover svg.arrow,
 .truist-login-widget-form--other-accounts a:focus svg.arrow {
     transform: translate(8px, -1px);
 }

 .truist-login-widget-form--other-accounts a:hover svg.arrow path,
 .truist-login-widget-form--other-accounts a:focus svg.arrow path {
     stroke: var(--truClrHazeLt);
 }

 .truist-login-widget-form--other-accounts a:hover svg.truist-global-nav-header-icon-sign-in mask,
 .truist-login-widget-form--other-accounts a:focus svg.truist-global-nav-header-icon-sign-in mask {
     fill: var(--truClrClear);
 }

 .truist-login-widget-form--other-accounts a:hover,
 .truist-login-widget-form--other-accounts a:focus {
     color: var(--truClrHazeLt);
 }

 .truist-login-widget-form--other-accounts a:focus {
     outline: 1px solid;
     width: 80%;
 }

 /* QR Code Button */

 .sign-in-form a.truist-login-widget--button-QR:link,
 .sign-in-form a.truist-login-widget--button-QR:visited {
     display: block;
     text-decoration: none !important;
     margin-top: 25px;
     max-height: 48px;
     width: 100%;
     border-radius: 40px;
     background: var(--truClrPplBs);
     outline: 2px solid var(--truClrClear);
     border: 2px solid var(--truClrNtrlWht);
     box-shadow: 0px 0px 0px 3px var(--truClrClear);
     color: var(--truClrNtrlWht);
     padding: 5px 2.5em;
     text-align: center;
     font-size: 1.6rem;
     font-weight: var(--truFontWtBd);
     transition: all .3s ease-in-out;
 }

 .sign-in-form a.truist-login-widget--button-QR:hover,
 .sign-in-form a.truist-login-widget--button-QR:focus,
 .sign-in-form a.truist-login-widget--button-QR:active {
     background: var(--truClrClear);
     color: var(--truClrHazeLt);
     outline: 2px solid var(--truClrClear);
     border: 2px solid var(--truClrHazeLt);
     box-shadow: 0px 0px 0px 3px var(--truClrClear);
     text-decoration: none;
 }

 .sign-in-form a.truist-login-widget--button-QR::before {
     content: '';
     background: url('../components/content/login-component/v2/login-component/clientlibs/resources/img/qr-code.svg') no-repeat center center;
     width: 30px;
     height: 30px;
     display: inline-block;
     margin-top: 2px;
     margin-right: 8px;
     transition: all .3s ease-in-out;
 }

 .sign-in-form a.truist-login-widget--button-QR:hover::before,
 .sign-in-form a.truist-login-widget--button-QR:focus::before,
 .sign-in-form a.truist-login-widget--button-QR:active::before {
     background: url('../components/content/login-component/v2/login-component/clientlibs/resources/img/qr-code-hover.svg') no-repeat center center;
 }

 .sign-in-form a.truist-login-widget--button-QR span.button-label {
     position: relative;
     top: -10px;
 }

 /*Loader for entire Sign on component*/

 .login-component .loading-container-login {
     display: flex;
     align-items: center;
     justify-content: center;
     visibility: visible;
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: var(--truClrPplBs) !important;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -75%);
 }

 .login-component .loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtBd);
     color: var(--truClrNtrlWht);
 }

 .login-component .loading-animation .loading {
     color: var(--truClrNtrlWht) !important;
 }

 .login-component .loading-animation .dot {
     display: inline-block;
     width: 5px;
     height: 5px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -12px;
     background: var(--truClrNtrlWht) !important;
 }

 .hero-login-template .hero--login-menu--row .login-component {
     position: relative;
 }

 .login-component-opacity {
     opacity: 1;
 }

 .global-nav .sign-in-form .form-group .form-control.login-save-user-id-checkbox {
     height: 27px;
     width: 130px;
 }

 .sign-in-form .form-group .input-wrapper::before {
     content: "";
     display: block;
     background: var(--truClrNtrlWht);
     position: absolute;
     top: -3px;
     width: 100%;
     height: 46px;
     border: 1px solid var(--truClrGryLt);
     border-radius: 0.25rem;
     z-index: 1;
 }

 .sign-in-form input[type="password"],
 .sign-in-form input[type="text"] {
     position: absolute;
     width: calc(100% - 4px);
     height: 100%;
     max-height: calc(100% - 10px);
     background: var(--truClrClear);
     color: var(--truClrGryDkr);
     padding: 1rem 1rem 0rem 1rem;
     border: 1px solid var(--truClrClear);
     border-radius: 0.5rem;
     box-shadow: none;
     font-size: inherit;
     z-index: 2;
     top: -1px;
 }

 /*inline validation message*/

 .sign-in-form .form-group .input-wrapper .inline-validation-message {
     display: none;
 }

 .sign-in-form .form-group .input-wrapper.has-error .inline-validation-message {
     display: inline-block;
     font-weight: var(--truFontWtBd);
     font-size: var(--truTxtSizeMicro);
     transform: translate(-0.2rem, -1.7rem);
     position: absolute;
     top: 1rem;
     left: 1rem;
     z-index: 3;
     color: var(--truClrErrBs);
 }

 .sign-in-form .form-group label.is-focused+div {
     display: none !important;
 }

 .sign-in-form .form-group .input-wrapper .inline-validation-message span {
     vertical-align: middle;
 }

 /*UserID clear button*/

 .sign-in-form .form-group .input-wrapper .signin-clear-icon {
     height: 24px;
     width: 24px;
     position: absolute;
     background-color: transparent;
     border: 0;
     padding: 0;
     z-index: 3;
     top: 11px;
     right: 10px;
     display: none;
 }

 .sign-in-form .form-group .input-wrapper #iduserId:valid+button {
     display: block;
 }

 .sign-in-form .form-group .input-wrapper .signin-clear-icon::before,
 .sign-in-form .form-group .input-wrapper .signin-clear-icon::after {
     background-color: var(--truClrDuskBs);
     content: "";
     height: 24px;
     position: absolute;
     left: 11px;
     top: 0px;
     width: 2px;
 }

 .sign-in-form .form-group .input-wrapper .signin-clear-icon::before {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 .sign-in-form .form-group .input-wrapper .signin-clear-icon::after {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

 .sign-in-form .form-group .input-wrapper .signin-clear-icon:hover::before,
 .sign-in-form .form-group .input-wrapper .signin-clear-icon:hover::after {
     background-color: var(--truClrDuskDk);
 }

 .sign-in-form .form-group.disp-flex {
     display: flex;
     justify-content: space-between;
 }

 .sign-in-form .form-group .input-wrapper.sign-in-bg-white {
     background: var(--truNeutral0);
     border-radius: .5rem;
 }

 .login-component .tru-login-otherapp {
     padding: 16px;
 }

 .login-component .tru-login-otherapp .row:first-child,
 .login-component .tru-login-otherapp .row:last-child {
     margin-top: 0;
 }

 /* ==========================================================================
   BS5 Isolation: Login V2 Component
   --------------------------------------------------------------------------
   Login V2 may be injected as an Experience Fragment inside parent components
   that carry .bootstrap5-wrapper (e.g. hero-login, global-nav, herov2).
   BS5 scoped styles (.bootstrap5-wrapper .form-control, .bootstrap5-wrapper
   .btn, etc.) cascade into the login component and break its BS4-based
   layout.  The rules below neutralise BS5 interference by restoring the
   original BS4 / login-v2 values with higher specificity.
   Selector pattern: .bootstrap5-wrapper .login-component <class>
   Specificity (0,3,0) beats BS5's .bootstrap5-wrapper <class> at (0,2,0).
   These rules only activate when login sits inside a BS5-scoped parent;
   in pure BS4 contexts they do not match and have zero side-effect.
   ========================================================================== */

 /* --- Form Controls (text / password inputs) ---
   Do NOT override padding, position, top, width, max-height here.
   The original login-v2 CSS handles those with !important rules
   on input[type="text"] and input[type="password"] selectors.
   We only neutralise what BS5 .form-control adds. --- */

 .bootstrap5-wrapper .login-component .form-control {
     width: calc(100% - 4px);
     font-size: inherit;
     line-height: inherit;
     border-radius: 0.5rem;
     border-color: var(--truClrClear);
     background-color: var(--truClrClear);
     background-clip: border-box;
     color: var(--truClrGryDkr);
     box-shadow: none;
     appearance: none;
     -webkit-appearance: none;
 }

 .bootstrap5-wrapper .login-component .form-control:focus {
     border-color: var(--truClrGryLt);
     box-shadow: none;
 }

 /* --- Form Groups --- */

 .bootstrap5-wrapper .login-component .form-group {
     margin-bottom: 4px;
     position: relative;
     text-align: left;
 }

 .bootstrap5-wrapper .login-component .form-group.form-space-24 {
     margin-bottom: 24px;
 }

 /* --- Form Check (checkbox / remember me) --- */

 .bootstrap5-wrapper .login-component .form-check {
     padding-left: 1rem;
     margin-bottom: 0;
     display: block;
     min-height: auto;
 }

 .bootstrap5-wrapper .login-component .form-check-label {
     margin-bottom: 0;
     cursor: pointer;
 }

 /* Prevent BS5 from styling the hidden checkbox via .form-check-input */

 .bootstrap5-wrapper .login-component .form-check input[type="checkbox"] {
     position: absolute;
     border: 0;
     background: var(--truClrClear);
     opacity: 0;
     box-shadow: none;
     width: auto;
     height: auto;
     margin: 0;
     padding: 0;
     appearance: none;
     -webkit-appearance: none;
 }

 /* --- Row / Col grid layout --- */

 .bootstrap5-wrapper .login-component .row {
     --bs-gutter-x: 0;
     --bs-gutter-y: 0;
     margin-left: 0;
     margin-right: 0;
 }

 .bootstrap5-wrapper .login-component .col-sm {
     padding-left: 0;
     padding-right: 0;
 }

 /* --- Form Text (reset password link) --- */

 .bootstrap5-wrapper .login-component .form-text {
     margin-top: 0;
     font-size: inherit;
     color: inherit;
 }

 /* --- Links --- */

 .bootstrap5-wrapper .login-component a {
     color: var(--truClrHazeBs);
     text-decoration: underline;
 }

 .bootstrap5-wrapper .login-component a:hover,
 .bootstrap5-wrapper .login-component a:focus,
 .bootstrap5-wrapper .login-component a:active {
     color: var(--truClrHazeLt);
 }

 /* --- Buttons (Sign In / QR Code) ---
   .btn-truist-login is already excluded from BS5 button overrides via
   :not(.btn-truist-login) in the global custom-props, but we add an
   extra guard here for safety. */

 .bootstrap5-wrapper .login-component .btn.btn-truist-login {
     color: var(--truClrPplBs);
     background-color: var(--truClrHazeBs);
     width: 100%;
     border-radius: 14px;
     height: 48px;
     font-weight: bolder;
     font-size: inherit;
     line-height: inherit;
     padding: 0.375rem 0.75rem;
     border: 1px solid transparent;
     box-shadow: none;
 }

 .bootstrap5-wrapper .login-component .btn.btn-truist-login:hover,
 .bootstrap5-wrapper .login-component .btn.btn-truist-login:active {
     background-color: var(--truClrHazeLt);
 }

 .bootstrap5-wrapper .login-component .btn.btn-truist-login:focus {
     outline: var(--truClrHazeBs) 2px solid;
     border: solid 1px var(--truClrPplBs);
     background: var(--truClrHazeBs);
     box-shadow: none;
 }

 /* QR Code button - prevent BS5 .btn styles from leaking */

 .bootstrap5-wrapper .login-component a.truist-login-widget--button-QR {
     display: block;
     text-decoration: none;
     border-radius: 40px;
     background: var(--truClrPplBs);
     border: 2px solid var(--truClrNtrlWht);
     color: var(--truClrNtrlWht);
     padding: 5px 2.5em;
     text-align: center;
     font-size: 1.6rem;
     font-weight: var(--truFontWtBd);
     box-shadow: none;
     line-height: inherit;
 }

 /* --- Input wrapper pseudo-element (white background box) ---
   Do NOT set top here. The original CSS has two rules:
   - .sign-in-form .form-group .input-wrapper::before { top: 0 !important }
   - .sign-in-form .form-group .input-wrapper::before { top: -3px }
   The !important rule wins. Setting top here interferes with that. --- */

 .bootstrap5-wrapper .login-component .input-wrapper::before {
     content: "";
     display: block;
     background: var(--truClrNtrlWht);
     position: absolute;
     width: 100%;
     height: 46px;
     border: 1px solid var(--truClrGryLt);
     border-radius: 0.25rem;
     z-index: 1;
 }

 /* --- Labels ---
   Do NOT set position, top, left, or display here.
   The original .sign-in-form .form-group label rule handles positioning.
   Setting them here breaks .is-focused transform (same specificity,
   later in file = our values win over the focus animation) and also
   breaks .form-check-label which needs position:relative.
   We only counter BS5's label { display:inline-block } side-effects. --- */

 .bootstrap5-wrapper .login-component .form-group label {
     margin-bottom: 0;
 }

 /* --- Validation messages --- */

 .bootstrap5-wrapper .login-component .validation-message li {
     background: var(--truClrErrBs);
     color: var(--truClrNtrlWht);
     border-radius: 5px;
     font-size: var(--truTxtSizeMicro);
 }

 /* --- Loading animation --- */

 .bootstrap5-wrapper .login-component .loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtBd);
     color: var(--truClrNtrlWht);
 }

 /* --- Maintenance mode container --- */

 .bootstrap5-wrapper .login-component .maintenancemodeendpointurl {
     background: none;
 }

 /* --- Row children (BS5 .row>* adds padding/margin to all direct children) --- */

 .bootstrap5-wrapper .login-component .row>* {
     padding-right: 0;
     padding-left: 0;
     margin-top: 0;
 }

 /* --- Paragraphs ---
   BS5 sets margin-bottom:1rem on all p tags. But we must NOT
   zero out margin globally because some sections (e.g. need-id
   rich text) rely on default p margin for spacing.
   Only reset where the original CSS explicitly sets margin:0. --- */

 .bootstrap5-wrapper .login-component .sign-in-form p {
     margin-top: 0;
     margin-bottom: 0;
     color: var(--truClrNtrlWht);
 }

 .bootstrap5-wrapper .login-component .maintenance-mode p {
     margin-top: 0;
     margin-bottom: 0;
     text-align: center;
 }

 /* --- Form Text links (reset password, sign in to another account) ---
   BS5 .form-text sets color to var(--bs-secondary-color) which is grey.
   The previous isolation used 'color: inherit' which inherited the BS5
   anchor color (blue) instead of the login's own --truClrHazeBs.
   Must use explicit color values here. --- */

 .bootstrap5-wrapper .login-component a.form-text {
     color: var(--truClrHazeBs);
     font-size: inherit;
     margin-top: 0;
     text-decoration: underline;
 }

 .bootstrap5-wrapper .login-component a.form-text:hover,
 .bootstrap5-wrapper .login-component a.form-text:focus,
 .bootstrap5-wrapper .login-component a.form-text:active {
     color: var(--truClrHazeLt);
 }

 /* --- "Need a user ID?" / additional info rows ---
   These are .row elements with rich text content (p, a tags).
   BS5 .row resets margin via --bs-gutter-y at (0,2,0), overriding
   the original { margin: 8px 0 } at (0,1,0). Restore the top margin.
   Use a separate rule so .form-space-32 { margin-bottom: 32px }
   can still win on its own specificity. --- */

 .bootstrap5-wrapper .login-component .truist-login-widget-form--need-id {
     margin-top: 8px;
 }

 .bootstrap5-wrapper .login-component .truist-login-widget-form--other-accounts {
     margin-top: 8px;
 }

 .bootstrap5-wrapper .login-component .truist-login-widget-form--need-id p {
     padding-left: 0;
     margin-bottom: 0;
     color: var(--truClrNtrlWht);
 }

 .bootstrap5-wrapper .login-component .truist-login-widget-form--need-id a {
     color: var(--truClrHazeBs);
     display: inline-block;
     width: auto;
 }

 .bootstrap5-wrapper .login-component .truist-login-widget-form--need-id a:hover,
 .bootstrap5-wrapper .login-component .truist-login-widget-form--need-id a:focus,
 .bootstrap5-wrapper .login-component .truist-login-widget-form--need-id a:active {
     color: var(--truClrHazeLt);
 }

 /* --- "Sign in to another account" link section --- */

 .bootstrap5-wrapper .login-component .truist-login-widget-form--other-accounts a {
     color: var(--truClrHazeBs);
     font-weight: bold;
     text-decoration: none;
 }

 .bootstrap5-wrapper .login-component .truist-login-widget-form--other-accounts a:hover,
 .bootstrap5-wrapper .login-component .truist-login-widget-form--other-accounts a:focus {
     color: var(--truClrHazeLt);
 }

 /* --- SVG icons ---
   BS5 sets svg { vertical-align: middle } which is correct for
   inline SVG icons. No generic override needed. The original CSS
   does not set vertical-align on SVGs, and middle is the expected
   behavior for the sign-in icon and arrow icon. */

 /* --- Button element reset (BS5 sets border-radius: 0 on all buttons) --- */

 .bootstrap5-wrapper .login-component button.password-not-visible {
     border-radius: 0;
     border: none;
     background-color: transparent;
 }

 .bootstrap5-wrapper .login-component button.signin-clear-icon {
     border-radius: 0;
     border: 0;
     background-color: transparent;
 }

 /* --- Label element (BS5 sets display: inline-block on all labels) ---
   Login V2 labels inside .form-group are position: absolute so this
   doesn't visually break them, but form-check-label is position: relative
   and needs its display preserved. --- */

 .bootstrap5-wrapper .login-component label {
     display: inline-block;
 }

 /* .form-group label positioning is handled by the original CSS.
   We only need to ensure BS5 label{display:inline-block} doesn't
   interfere. But since the original uses position:absolute on
   input labels, display value is irrelevant for those.
   Removed to avoid breaking .form-check-label and .is-focused. */

 .bootstrap5-wrapper .login-component .form-group label.form-check-label {
     position: relative;
     width: auto;
     min-width: 50%;
     cursor: pointer;
 }

 /* Save User ID label nowrap fix:
   .label-span is position:absolute with width:100% and left:2.25rem.
   Under BS5 the container sizing changes, leaving insufficient width
   for the text which wraps to two lines. Prevent wrapping. */

 .bootstrap5-wrapper .login-component .form-check-label .label-span {
     white-space: nowrap;
 }

 /* --- Checkbox with .form-control class ---
   The save-user-id checkbox has class="form-control login-save-user-id-checkbox".
   BS5 .form-control sets display:block, width:100%, padding, border, etc.
   which makes the hidden checkbox visible and full-width. --- */

 .bootstrap5-wrapper .login-component .form-control.login-save-user-id-checkbox {
     display: inline-block;
     width: auto;
     height: auto;
     padding: 0;
     border: 0;
     background: var(--truClrClear);
     opacity: 0;
     position: absolute;
     appearance: none;
     -webkit-appearance: none;
     box-shadow: none;
 }

 /* --- Form control focus (block BS5 blue ring) ---
   Only neutralise BS5's border-color:#86b7fe and box-shadow.
   Do NOT set outline; the original CSS does not set it and
   removing it changes the focus visual indicator. --- */

 .bootstrap5-wrapper .login-component .form-control:focus {
     border-color: var(--truClrGryLt);
     box-shadow: none;
 }

 /* --- "Forgot User ID?" link (uses .form-link .in-block-link) --- */

 .bootstrap5-wrapper .login-component a.form-link {
     color: var(--truClrHazeBs);
     text-decoration: underline;
 }

 .bootstrap5-wrapper .login-component a.form-link:hover,
 .bootstrap5-wrapper .login-component a.form-link:focus,
 .bootstrap5-wrapper .login-component a.form-link:active {
     color: var(--truClrHazeLt);
 }

 /* --- Password forgot section (form-check with .col-sm) ---
   BS5 .col-sm sets flex:1 0 0 which changes the reset password
   link container layout. --- */

 .bootstrap5-wrapper .login-component .form-check.truist-login-widget-form--password-forgot .col-sm {
     display: block;
     flex: none;
     margin-right: 0;
 }

 /* --- Other accounts link container --- */

 .bootstrap5-wrapper .login-component .oa-link-container a {
     text-decoration: none;
 }

 /*Quiz Component Styles */

 .hidden,
 .hidden-json-path {
     display: none !important;
 }

 .quiz-container {
     position: relative;
     background-repeat: repeat-y;
     background-size: cover;
 }

 .onupQuiz-intro {
     background: #2E1A47;
     background-color: transparent;
     padding: 80px 150px;
 }

 .quizIntro_heading {
     text-align: left;
     font-family: 'Graphik Light', arial;
     font-size: 4.8rem;
     font-weight: 300;
     line-height: normal;
     color: #ffffff;
     margin: 0 0 25px;
 }

 .quizIntro_subHeading {
     text-align: left;
     font-family: 'Graphik Light', arial;
     font-size: 1.8rem;
     font-weight: 600;
     line-height: normal;
     letter-spacing: 0px;
     color: #ffffff;
     padding: 0;
     margin: 0 0 25px;
     position: relative;
 }

 .quiz-container:focus {
     outline: 0;
     border: 0;
 }

 .question-container {
     /* min-height:305px; */
     padding-bottom: 30px;
     -webkit-transition: height 2ms;
     -moz-transition: height 2ms;
     transition: height 2ms;
 }

 .questionSec {
     background: #2E1A47;
     background-color: transparent;
     padding: 150px 155px 0 150px;
     overflow-x: hidden;
 }

 .quiz-heading {
     text-align: left;
     font-family: 'Graphik Light', arial;
     font-size: 1.8rem;
     font-weight: 600;
     line-height: normal;
     letter-spacing: 0px;
     color: #B0E0E2;
     padding: 0;
     margin: 0 0 25px;
     position: relative;
 }

 .question-text {
     text-align: left;
     font-family: 'Graphik Light', arial;
     font-size: 4.8rem;
     font-weight: 300;
     line-height: normal;
     letter-spacing: 0px;
     color: #ffffff;
     position: relative;
 }

 .controlsSec {
     min-height: 60px;
 }

 .answers,
 .controlsSec {
     margin: 60px 150px;
 }

 .quizOption input[type="radio"] {
     margin-right: 20px;
     /* remove standard background appearance */
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     /* create custom radiobutton appearance */
     display: inline-block;
     width: 4rem;
     height: 4rem;
     /* background-color only for content */
     background-clip: content-box;
     border: 2px solid #ffffff;
     background-color: #2E1A47;
     border-radius: 50%;
     vertical-align: middle;
 }

 /* .option {
    display: flex;
    align-items: center;
} */

 .quizOption input[type="radio"]:checked {
     background-color: #ffffff;
     padding: 7px;
 }

 .optionLabel {
     font-size: 1.8rem;
     line-height: normal;
     font-weight: bold;
     color: #ffffff;
     pointer-events: none;
     /*Prevent the lable click*/
     display: inline-block;
     width: 85%;
     vertical-align: middle;
     margin-bottom: 0;
 }

 .quizOption:not(:last-child) {
     margin-bottom: 30px;
 }

 .quiz_btn {
     display: inline-block;
     min-width: 148px;
     height: 60px;
     font-size: 2rem;
     font-weight: normal;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     line-height: 1.5;
     border-radius: 5px;
     cursor: pointer;
 }

 .quiz_btn.continue,
 .quiz_btn.getResults {
     background-color: #ffffff;
     border: 2px solid #ffffff;
     color: #2E1A47;
     float: right;
 }

 .quiz_btn.continue:hover,
 .quiz_btn.continue:focus,
 .quiz_btn.getResults:hover,
 .quiz_btn.getResults:focus {
     color: #ffffff;
     background-color: transparent;
     border: solid 2px #ffffff;
 }

 .quiz_btn.goBack {
     color: #ffffff;
     background-color: transparent;
     border: solid 2px #ffffff;
     float: left;
 }

 .quiz_btn.goBack:hover,
 .quiz_btn.goBack:focus {
     background-color: #ffffff;
     border: 2px solid #ffffff;
     color: #2E1A47;
 }

 .quiz_btn[disabled]:hover,
 .quiz_btn.disabled:hover {
     cursor: not-allowed;
     background-color: #f2f2f2 !important;
     color: rgba(148, 152, 155, 0.5) !important;
     border: solid 2px transparent !important;
     box-shadow: none !important;
 }

 .quiz_btn.disabled,
 .quiz_btn:disabled {
     cursor: not-allowed;
     background-color: #f2f2f2 !important;
     color: rgba(148, 152, 155, 0.5) !important;
     border: solid 2px transparent !important;
     box-shadow: none !important;
 }

 .qst-progress-sec {
     width: 635px;
     position: relative;
     float: left;
     margin-left: 60px;
 }

 .paginationTxt {
     font-size: 1.8rem;
     color: #ffffff;
     margin: 5px 0 15px;
 }

 .paginationTxtMobile {
     display: none;
 }

 progress {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 progress.progressBar,
 progress[role][aria-valuenow] {
     border: none;
     height: 2px;
     width: 635px;
     margin: 0 auto;
     background-color: #666666;
     vertical-align: top;
 }

 progress::-moz-progress-bar {
     display: block;
     float: left;
     height: 3px;
     border-radius: 2px;
     margin: -2px -10px 0 0;
     background: #ffffff;
 }

 progress::-webkit-progress-value {
     display: block;
     float: left;
     height: 3px;
     border-radius: 2px;
     margin: -2px -10px 0 0;
     background: #ffffff;
 }

 progress::-webkit-progress-bar {
     height: 1px;
     width: 635px;
     padding-top: 1px;
     margin: 0 auto;
     background-color: #a0a0a0;
 }

 .progressBar::-ms-fill {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border: none;
     display: flex;
     float: left;
     height: 3px !important;
     border-radius: 2px;
     margin: -2px -10px 0 0;
     background: #ffffff;
 }

 /* Results section CSS starts here*/

 .resultSec-container {
     background: #2E1A47;
     background-color: transparent;
     padding: 150px;
     color: #ffffff;
 }

 .quiz-persona-response {
     font-size: 4.8rem;
     line-height: normal;
     font-weight: 300;
     margin: 10px 0 15px;
 }

 .quiz-finConf-response {
     margin: 15px 0 70px;
 }

 .quiz-finConf-response>p {
     font-size: 1.8rem;
     font-weight: normal;
     padding: 0;
     margin: 0;
     color: #ffffff;
 }

 .quiz-baseLifeTips-response {
     margin-bottom: 60px;
 }

 div.baseLifeTips {
     border: 2px solid #ffffff;
     margin-top: 1em;
     width: 100%;
     /*border-radius:5px;*/
     -moz-border-radius-topleft: 5px;
     border-top-left-radius: 5px;
     -moz-border-radius-topright: 5px;
     border-top-right-radius: 5px;
     -moz-border-radius-bottomleft: 5px;
     border-bottom-left-radius: 5px;
     -moz-border-radius-bottomright: 5px;
     border-bottom-right-radius: 5px;
 }

 h3.baseLifeTipsTitle {
     display: inline;
     font-size: 2.4rem;
     font-weight: 600;
     color: #ffffff;
     text-align: left;
     margin-left: 10px;
     background: #2E1A47;
     border-radius: 5px;
     padding: 5px 10px;
     position: relative;
     top: -0.8em;
 }

 .baseLifeTipsTxt {
     color: #ffffff;
     font-size: 1.8rem;
     font-weight: normal;
     line-height: normal;
     padding: 0 20px;
     margin: 0 0 20px;
 }

 .quizAgain_btn,
 .startQuiz {
     height: 60px;
     width: 188px;
     background: transparent;
     border: 2px solid #ffffff;
     border-radius: 5px;
     font-size: 2rem;
     font-weight: normal;
     color: #ffffff;
 }

 .quiz_btn.startQuiz {
     margin-top: 25px;
 }

 .quizAgain_btn:hover,
 .quizAgain_btn:focus,
 .quiz_btn.startQuiz:hover,
 .quiz_btn.startQuiz:focus {
     background: #ffffff;
     border: 2px solid #ffffff;
     color: #2E1A47;
     outline: none;
 }

 /* Results section ends here */

 /* Recommended Articles styles starts here */

 .recommended-ArticleSec {
     text-align: left;
     font-family: 'Graphik Light', arial;
     margin-bottom: 60px;
     color: #ffffff;
 }

 .relArt-track-spend,
 .relArt-save {
     margin-bottom: 60px;
 }

 .recomArticle_heading {
     font-size: 2.4rem;
     color: #ffffff;
     font-weight: 600;
     padding: 0;
     margin: 0 0 30px;
 }

 .articleContSec p {
     font-size: 1.8rem;
     font-weight: normal;
     line-height: normal;
     padding: 0;
     margin: 0 0 10px;
 }

 .articleContSec a {
     font-size: 1.8rem;
     font-weight: normal;
     color: #B0E0E2;
 }

 .articleContSec a:hover {
     color: #B0E0E2;
     text-decoration: none;
 }

 .raTrkSpend,
 .raSetRemind,
 .raSave {
     padding-right: 15px;
 }

 /** options animation starts **/

 .answers div {
     animation: FadeIn 1s linear;
     animation-fill-mode: both;
 }

 @keyframes FadeIn {
     0% {
         opacity: 0;
         top: 0px;
     }
     85% {
         opacity: 0.8;
         top: 0px;
     }
     100% {
         opacity: 1;
         top: 60px;
     }
 }

 .answers div.quizOption:first-child {
     animation-delay: 0.3s;
     animation-fill-mode: both;
 }

 .answers div.quizOption:nth-child(2) {
     animation-delay: 0.6s;
     animation-fill-mode: both;
 }

 .answers div.quizOption:nth-child(3) {
     animation-delay: 0.9s;
     animation-fill-mode: both;
 }

 .answers div.quizOption:nth-child(4) {
     animation-delay: 1.3s;
     animation-fill-mode: both;
 }

 /** options animation ends **/

 /* Media queries starts  */

 @media (min-width: 1250px) and (max-width: 1310px) {
     .qst-progress-sec {
         width: 605px;
         position: relative;
         float: left;
         margin-left: 30px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 605px !important;
     }
     progress::-webkit-progress-bar {
         height: 1px;
         width: 605px;
         padding-top: 1px;
         margin: 0 auto;
         background-color: #a0a0a0;
     }
 }

 /* iPad Air 2019 media query */

 @media (min-width: 834px) and (max-width: 1112px) and (orientation: portrait) {
     .qst-progress-sec {
         width: 375px;
         position: relative;
         float: left;
         margin-left: 30px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 375px !important;
     }
 }

 @media (min-width: 834px) and (max-width: 1112px) and (orientation: landscape) {
     .questionSec,
     .onupQuiz-intro,
     .answers,
     .resultSec-container {
         padding: 50px;
         margin: 0;
     }
     .questionSec {
         padding-bottom: 0;
     }
     .quiz-heading {
         font-size: 1.6rem;
     }
     .question-text,
     .quizIntro_heading {
         font-size: 3rem;
         font-weight: 200;
         line-height: normal;
     }
     .quizIntro_subHeading {
         font-size: 1.6rem;
         margin-bottom: 40px;
     }
     .optionLabel {
         padding: 22px 5px;
         vertical-align: middle;
     }
     .quizOption:not(:last-child) {
         margin-bottom: 15px;
     }
     .controlsSec {
         padding: 0;
         margin: 0 50px 50px;
     }
     .qst-progress-sec {
         width: 600px;
         position: relative;
         float: left;
         margin-left: 50px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 600px !important;
     }
 }

 @media (min-width: 813px) and (max-width: 1023px) {
     .answers input[type="radio"]:checked+.optionLabel:before {
         display: inline-flex;
     }
     .questionSec,
     .onupQuiz-intro,
     .answers,
     .resultSec-container {
         padding: 50px;
         margin: 0;
     }
     .questionSec {
         padding-bottom: 0;
     }
     .quiz-heading {
         font-size: 1.6rem;
     }
     .question-text,
     .quizIntro_heading {
         font-size: 3rem;
         font-weight: 200;
         line-height: normal;
     }
     .quizIntro_subHeading {
         font-size: 1.6rem;
         margin-bottom: 40px;
     }
     .optionLabel {
         padding: 22px 5px;
         vertical-align: middle;
     }
     .quizOption:not(:last-child) {
         margin-bottom: 15px;
     }
     .controlsSec {
         padding: 0;
         margin: 0 50px 50px;
     }
     .qst-progress-sec {
         width: 400px;
         position: relative;
         float: left;
         margin-left: 25px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 400px !important;
     }
 }

 @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
     .answers input[type="radio"]:checked+.optionLabel:before {
         display: inline-flex;
     }
     .questionSec,
     .onupQuiz-intro,
     .answers,
     .resultSec-container {
         padding: 50px;
         margin: 0;
     }
     .questionSec {
         padding-bottom: 0;
     }
     .quiz-heading {
         font-size: 1.8rem;
     }
     .question-text,
     .quizIntro_heading {
         font-size: 3rem;
         font-weight: 200;
         line-height: normal;
     }
     .quizIntro_subHeading {
         font-size: 1.6rem;
         margin-bottom: 40px;
     }
     .optionLabel {
         padding: 22px 5px;
         vertical-align: middle;
     }
     .quizOption:not(:last-child) {
         margin-bottom: 15px;
     }
     .controlsSec {
         padding: 0;
         margin: 0 50px 50px;
     }
     .qst-progress-sec {
         width: 330px;
         position: relative;
         float: left;
         margin-left: 20px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 330px !important;
     }
     .relArt-track-spend,
     .relArt-save {
         margin-bottom: 40px;
     }
 }

 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .answers input[type="radio"]:checked+.optionLabel:before {
         display: inline-flex;
     }
     .questionSec,
     .onupQuiz-intro,
     .answers,
     .resultSec-container {
         padding: 60px;
         margin: 0;
     }
     .questionSec {
         padding-bottom: 0;
     }
     .quiz-heading {
         font-size: 1.8rem;
     }
     .question-text,
     .quizIntro_heading {
         font-size: 3.2rem;
         font-weight: 200;
         line-height: normal;
     }
     .quizIntro_subHeading {
         font-size: 1.6rem;
         margin-bottom: 40px;
     }
     .optionLabel {
         padding: 22px 5px;
         vertical-align: middle;
     }
     .quizOption:not(:last-child) {
         margin-bottom: 15px;
     }
     .controlsSec {
         padding: 0;
         margin: 0 60px 50px;
     }
     .qst-progress-sec {
         width: 550px;
         position: relative;
         float: left;
         margin-left: 28px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 550px !important;
     }
 }

 @media (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
     .answers input[type="radio"]:checked+.optionLabel:before {
         display: inline-flex;
     }
     .questionSec,
     .onupQuiz-intro,
     .answers,
     .resultSec-container {
         padding: 60px;
         margin: 0;
     }
     .questionSec {
         padding-bottom: 0;
     }
     .quiz-heading {
         font-size: 1.6rem;
     }
     .question-text,
     .quizIntro_heading {
         font-size: 3rem;
         font-weight: 200;
         line-height: normal;
     }
     .quizIntro_subHeading {
         font-size: 1.6rem;
         margin-bottom: 40px;
     }
     .optionLabel {
         padding: 22px 5px;
         vertical-align: middle;
     }
     .quizOption:not(:last-child) {
         margin-bottom: 15px;
     }
     .controlsSec {
         padding: 0;
         margin: 0 60px 50px;
     }
     .quiz_btn {
         display: block;
         min-width: 118px;
         font-size: 1.6rem;
         height: 56px;
     }
     .qst-progress-sec {
         width: 475px;
         position: relative;
         float: left;
         margin-left: 28px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 475px !important;
     }
     .quiz-persona-response {
         font-size: 2.8rem;
     }
     .paginationTxt {
         font-size: 1.6rem;
         margin: 5px 0;
     }
     .quiz-finConf-response>p {
         font-size: 1.6rem;
     }
     h3.baseLifeTipsTitle {
         font-size: 2rem;
     }
     .baseLifeTipsTxt {
         font-size: 1.8rem;
     }
     .relArt-track-spend,
     .relArt-save {
         margin-bottom: 40px;
     }
 }

 @media (min-width: 375px) and (max-width: 812px) and (orientation:landscape) {
     .answers input[type="radio"]:checked+.optionLabel:before {
         display: inline-flex;
     }
     .questionSec,
     .onupQuiz-intro,
     .answers,
     .resultSec-container {
         padding: 50px;
         margin: 0;
     }
     .questionSec {
         padding-bottom: 0;
     }
     .quiz-heading {
         font-size: 1.6rem;
     }
     .question-text,
     .quizIntro_heading {
         font-size: 3rem;
         font-weight: 200;
         line-height: normal;
     }
     .quizIntro_subHeading {
         font-size: 1.6rem;
         margin-bottom: 40px;
     }
     .optionLabel {
         padding: 15px 5px;
         vertical-align: middle;
         display: inline-block;
         width: 88%;
     }
     .quizOption:not(:last-child) {
         margin-bottom: 15px;
     }
     .controlsSec {
         padding: 0;
         margin: 0 50px 50px;
     }
     .qst-progress-sec {
         width: 415px;
         position: relative;
         float: left;
         margin-left: 30px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 415px !important;
     }
     .paginationTxt {
         font-size: 1.6rem;
         margin: 5px 0;
     }
     .quiz_btn {
         display: block;
         min-width: 118px;
         font-size: 1.6rem;
         height: 56px;
     }
     .quiz-finConf-response,
     .quiz-baseLifeTips-response {
         margin-bottom: 50px;
     }
     .quiz-persona-response {
         font-size: 2.8rem;
     }
     .quiz-finConf-response>p {
         font-size: 1.6rem;
     }
     h3.baseLifeTipsTitle {
         font-size: 2rem;
     }
     .baseLifeTipsTxt {
         font-size: 1.8rem;
     }
     .relArt-track-spend,
     .relArt-save {
         margin-bottom: 40px;
     }
 }

 @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
     .answers input[type="radio"]:checked+.optionLabel:before {
         /* Tick icon vertical center alignment */
         display: flex;
         align-items: center;
         justify-content: center;
     }
     .questionSec,
     .onupQuiz-intro,
     .answers,
     .resultSec-container {
         padding: 60px;
         margin: 0;
     }
     .questionSec {
         padding-bottom: 0;
     }
     .question-text,
     .quizIntro_heading {
         font-size: 3rem;
     }
     .quizIntro_subHeading {
         font-size: 1.6rem;
         margin-bottom: 40px;
     }
     .optionLabel {
         padding: 22px 5px;
         vertical-align: middle;
     }
     .quizOption:not(:last-child) {
         margin-bottom: 15px;
     }
     .controlsSec {
         padding: 0;
         margin: 0 60px 50px;
     }
     .qst-progress-sec {
         width: 550px;
         position: relative;
         float: left;
         margin-left: 28px;
     }
     progress.progressBar,
     progress[role][aria-valuenow],
     progress::-webkit-progress-bar {
         height: 1px;
         width: 550px !important;
     }
 }

 @media (max-width: 767px) {
     .answers input[type="radio"]:checked+.optionLabel:before {
         /* Tick icon vertical center alignment */
         display: flex;
         align-items: center;
         justify-content: center;
     }
     .questionSec,
     .onupQuiz-intro,
     .resultSec-container {
         padding: 50px 25px;
     }
     .responseSec .container {
         margin: 0;
     }
     .quiz-heading {
         font-size: 1.6rem;
     }
     .question-text,
     .quizIntro_heading {
         font-size: 3rem;
         font-weight: 200;
         line-height: normal;
     }
     .quizIntro_subHeading {
         font-size: 1.6rem;
         margin-bottom: 40px;
     }
     .answers {
         margin: 0;
         padding: 0 25px;
     }
     .optionLabel {
         width: 79%;
         display: inline-block;
         margin: 0;
         vertical-align: middle;
     }
     .answers input[type="radio"]:checked+label {
         border: 0;
     }
     .controlsSec {
         padding: 0;
         margin: 50px 25px;
     }
     .quizProgress {
         display: none;
     }
     .qst-progress-sec {
         position: absolute;
         width: 86%;
         margin: 0;
     }
     .paginationTxt {
         display: none;
     }
     .paginationTxtMobile {
         display: block;
         font-size: 1.6rem;
         color: #ffffff;
         text-align: center;
         margin-top: 17px;
         position: relative;
         z-index: 0;
     }
     .quiz_btn {
         display: block;
         min-width: 118px;
         font-size: 1.6rem;
         height: 56px;
         position: relative;
         z-index: 1;
     }
     .quiz-finConf-response,
     .quiz-baseLifeTips-response {
         margin-bottom: 50px;
     }
     .quiz-persona-response {
         font-size: 2.8rem;
     }
     .quiz-finConf-response>p {
         font-size: 1.6rem;
     }
     h3.baseLifeTipsTitle {
         font-size: 2rem;
     }
     .baseLifeTipsTxt {
         font-size: 1.8rem;
     }
     .quizIntro_subHeading {
         margin-bottom: 50px;
     }
     .relArt-track-spend,
     .relArt-save {
         margin-bottom: 40px;
     }
 }

 .global-popup .modal-dialog {
     max-width: 100%;
 }

 .global-popup .modal:focus .modal-dialog .modal-content {
     /* border: solid 2px black;*/
 }

 .global-popup .modal-content {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
 }

 .global-popup .modal-header {
     display: block;
     padding-left: 20px;
     padding-right: 20px;
 }

 .global-popup .popup-modal-close {
     border: none;
     background-color: transparent;
     position: fixed;
     z-index: 600;
     top: 10px;
 }

 .global-popup .modal-body {
     margin-top: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     overflow-y: auto;
     margin-right: 20px;
 }

 .popup-content-wrapper {
     margin-right: 10px;
 }

 .global-popup .modal-body::-webkit-scrollbar-track {
     border-radius: 10px;
     background-color: #c9c9c9;
 }

 .global-popup .modal-body::-webkit-scrollbar {
     width: auto;
 }

 .global-popup .modal-body::-webkit-scrollbar-thumb {
     border-radius: 8px;
     background-color: var(--truNeutral500);
 }

 .global-popup .modal-body:nth-child(2) {
     margin-top: 35px;
     padding-top: 0px;
 }

 .global-popup .dark-blue-theme .modal-header {
     background-color: #2e1a47;
     color: #fff;
 }

 .global-popup .dark-blue-theme .modal-header h1,
 .global-popup .dark-blue-theme .modal-header h2,
 .global-popup .dark-blue-theme .modal-header h3,
 .global-popup .dark-blue-theme .modal-header h4,
 .global-popup .dark-blue-theme .modal-header h5 {
     color: #fff;
 }

 .global-popup .dark-blue-theme .popup-modal-close svg {
     fill: #2E1A47;
 }

 .global-popup .white-theme .modal-header {
     background-color: #fff;
     color: #2e1a47;
 }

 .global-popup .white-theme .modal-header h1,
 .global-popup .white-theme .modal-header h2,
 .global-popup .white-theme .modal-header h3,
 .global-popup .white-theme .modal-header h4,
 .global-popup .white-theme .modal-header h5 {
     color: #2e1a47;
 }

 .global-popup .white-theme .popup-modal-close svg {
     fill: #2e1a47;
 }

 .global-popup .rounded-edge {
     border-radius: 20px;
 }

 .global-popup .rounded-edge .modal-header {
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
 }

 .global-popup .rounded-edge .modal-body {
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
 }

 .global-popup .square-edge .modal-header {
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
 }

 .global-popup .modal-border-none {
     border: none;
 }

 .global-popup .edit-mode {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     position: relative;
 }

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

 .modal-backdrop {
     background-color: gray;
 }

 /* tablet */

 @media (min-width: 768px) and (max-width: 991px) {
     .global-popup .modal-dialog {
         max-width: 60vw;
     }
     .global-popup .modal-dialog .modal-content {
         max-height: 70vh;
     }
     .global-popup .popup-modal-close {
         left: calc(60vw - 50px);
     }
 }

 /* small desktop */

 @media (min-width: 992px) and (max-width: 1199px) {
     .global-popup .modal-dialog {
         max-width: 50vw;
     }
     .global-popup .modal-dialog .modal-content {
         max-height: 70vh;
     }
     .global-popup .popup-modal-close {
         left: calc(50vw - 50px);
     }
 }

 /* int desktop */

 @media (min-width: 1200px) and (max-width: 1439px) {
     .global-popup .modal-dialog {
         max-width: 40vw;
     }
     .global-popup .modal-dialog .modal-content {
         max-height: 70vh;
     }
     .global-popup .popup-modal-close {
         left: calc(40vw - 50px);
     }
 }

 /* large desktop */

 @media (min-width: 1440px) {
     .global-popup .modal-dialog {
         max-width: 30vw;
     }
     .global-popup .modal-dialog .modal-content {
         max-height: 70vh;
     }
     .global-popup .popup-modal-close {
         left: calc(30vw - 50px);
     }
 }

 /* Mobile */

 @media (max-width: 767px) {
     .global-popup .modal-dialog {
         max-width: calc(100vw - 40px);
     }
     .global-popup .modal-dialog .modal-content {
         max-height: calc(100vh - 40px);
     }
     .global-popup .popup-modal-close {
         left: calc(100vw - 90px);
     }
 }

 /* small mobile */

 @media (max-width: 575px) {
     .global-popup .modal-dialog {
         max-width: calc(100vw - 40px);
         margin: auto;
     }
     .global-popup .modal-dialog .modal-content {
         max-height: calc(100vh - 46px);
     }
 }

 /*cta modal fix*/

 .global-popup .modal-dialog .modal-content .global-cta-btn {
     margin-top: 0;
 }

 .pagesharing-icon1,
 .pagesharing-icon2,
 .pagesharing-icon3,
 .pagesharing-icon4 {
     width: 24px;
     height: 24px;
     border: 0;
     cursor: pointer;
     display: block;
     margin: 10px 10px;
 }

 .pagesharing-icon1 {
     background: url('../../../content/dam/global-images/page-sharing/twitter.svg');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .pagesharing-icon2 {
     background: url('../../../content/dam/global-images/page-sharing/facebook.svg');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .pagesharing-icon3 {
     background: url('../../../content/dam/global-images/page-sharing/linkedin.svg');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .pagesharing-icon4 {
     background: url('../../../content/dam/global-images/page-sharing/link.svg');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .horizontal-desktop {
     display: inline-flex;
 }

 .text-copied {
     display: none;
     position: relative;
     top: 30px;
     background: white;
     border-radius: 10px;
     text-align: center;
     padding: 3px;
     width: 150px;
     left: -30px;
 }

 .page-sharing__alignment--center {
     text-align: center;
 }

 .page-sharing__alignment--center .horizontal-desktop {
     display: inline-flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 .page-sharing__alignment--center p {
     width: 100%;
     margin-bottom: 0;
 }

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) {
     .pagesharing-icon1,
     .pagesharing-icon2,
     .pagesharing-icon3 {
         display: inline-block;
         margin: 10px;
     }
     .pagesharing-icon4 {
         margin: 10px;
         display: inline-grid;
     }
     .cmp-pagesharing {
         position: initial;
         display: inline-flex;
     }
 }

 .sticky-social {
     position: fixed !important;
     top: 0;
 }

 .social-vertical-container {
     position: relative;
 }

 .vertical-desktop {
     background-color: white;
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
     position: absolute;
     top: 15px;
 }

 @media only screen and (max-width: 768px) {
     .relative .vertical-desktop {
         position: relative !important;
         background: transparent;
         top: 0;
         padding-bottom: 20px;
     }
 }

 /*********************************/

 /*********************************/

 /*******TEMPLATE ARTICLES CSS*************/

 /*********************************/

 /*********************************/

 .tmp__article {}

 .tmp__article--type--podcast {}

 .tmp__article--type--general {}

 .tmp__article--type--video {}

 .tmp__article--type--infographic {}

 .tmp__article--type--calculator {}

 .tmp__article--header {
     margin: 6rem 4.167%;
 }

 .tmp__article--header>.aem-Grid {}

 .tmp__article--header>.aem-Grid>.gridlayoutcontainer:first-child {}

 .tmp__article--header>.aem-Grid>.gridlayoutcontainer:last-child {}

 .tmp__article--header--content {
     max-width: 88rem;
 }

 .tmp__article--header--content p {
     margin-bottom: 0;
 }

 /*social*/

 .tmp__article--header--page-share {
     display: none;
 }

 .tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon1,
 .tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon2,
 .tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon3,
 .tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon4 {
     width: 2.5rem;
     height: 2.5rem;
     margin: 0 3rem 0 0;
 }

 .tmp__article--header--page-share--mobile {
     margin-top: 2rem;
 }

 .tmp__article--title-container>.aem-Grid {
     display: flex;
     flex-direction: column-reverse;
 }

 .tmp__article--title-text {
     color: #451E6A;
 }

 .tmp__article--title-text h1,
 .tmp__article--title-text h2,
 .tmp__article--title-text h3 {
     color: #451E6A;
     font-size: 4.8rem;
     line-height: 4.8rem;
     margin-bottom: 0;
 }

 .tmp__article--title-eyebrow>.aem-Grid {
     display: flex;
     margin-top: -1.8rem;
     line-height: 0;
 }

 .tmp__article--title-eyebrow>.aem-Grid div {
     display: inline-block;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text {
     width: auto !important;
     color: #7C6992;
     white-space: nowrap;
     margin-bottom: 0;
     line-height: 1em;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text p {
     margin-bottom: 1rem;
     margin-top: 1.8rem;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text p strong {
     font-weight: var(--truFontWtBd);
     text-transform: uppercase;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text:last-child p {
     position: relative;
     margin-left: 2rem;
     padding-left: 2rem;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text:last-child p::before {
     content: "\22C5";
     font-size: 3rem;
     line-height: 1.4rem;
     position: absolute;
     top: -.2rem;
     left: -.4rem;
 }

 .tmp__article--subhead {
     font-size: 2.4rem;
     line-height: 2.8rem;
     font-weight: var(--truFontWtLt);
 }

 .tmp__article--subhead p:first-child {
     margin-top: 3rem;
 }

 .tmp__article--subhead p:not(.tmp__article--subhead p:first-child) {
     margin-top: 2rem;
 }

 .tmp__article--author p:first-child {
     margin-top: 3rem;
 }

 .tmp__article--author>.aem-Grid {
     display: flex;
     align-items: center;
 }

 .tmp__article--author>.aem-Grid>div {
     width: auto !important;
 }

 .tmp__article--author--image {}

 .tmp__article--author--image img {
     border-radius: 100%;
     max-width: 6.5rem;
     display: none;
 }

 .tmp__article--author--image img[*|src] {
     display: inline-block;
     margin-right: 2rem;
     margin-top: 3rem;
 }

 .tmp__article--author .text {}

 .tmp__article--author .text strong {
     font-size: 1.8rem;
     font-weight: var(--truFontWtBd);
     color: #2E1A47;
 }

 .tmp__article--body {
     margin: 0;
 }

 .tmp__article--body>.aem-Grid {
     margin-right: 4.167%;
     margin-left: 4.167%;
     width: auto;
     max-width: 88rem;
 }

 .tmp__article--body h2,
 .tmp__article--body h3,
 .tmp__article--body h4 {
     font-size: 2rem;
     line-height: 2.4rem;
     font-weight: var(--truFontWtBd);
     margin-top: 4rem;
 }

 .tmp__article--body .text h2:first-child,
 .tmp__article--body .text h3:first-child,
 .tmp__article--body .text h4:first-child {
     margin-top: 2rem;
 }

 .tmp__article--body .text:first-child h2:first-child,
 .tmp__article--body .text:first-child h3:first-child,
 .tmp__article--body .text:first-child h4:first-child {
     margin-top: 0;
 }

 .tmp__article--disclaimer {
     margin: 0 0 6rem;
 }

 .tmp__article--disclaimer>.aem-Grid {
     margin-right: 4.167%;
     margin-left: 4.167%;
     width: auto;
     max-width: 88rem;
 }

 .tmp__article--disclaimer .text {
     font-size: 1.6rem;
     line-height: 2.2rem;
     font-style: inherit;
     border: 1px solid var(--truNeutral500);
     border-radius: 2rem;
     padding: 3rem 3rem 1rem;
     margin-top: 2rem;
 }

 .tmp__article--disclaimer,
 .tmp__article--disclaimer .text {
     color: var(--truNeutral500);
 }

 .tmp__article--related-resources {}

 /*GENERAL ARTICLE*/

 .tmp__article--hero--container {
     width: calc(100% - 8.333%);
     max-height: 24rem;
     overflow: hidden;
     border-radius: 0;
     border-bottom-right-radius: 3rem;
 }

 .tmp__article--hero--container .herobanner {
     min-height: 0;
     height: auto;
 }

 .tmp__article--hero--container .herobanner .orion-hero-carousel__panel__content {
     min-height: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     background: none;
 }

 .tmp__article--hero--container .herobanner .hero-content-container,
 .tmp__article--hero--container .hero-content-container.orion-hero-carousel__panel__content--text.orion-hero-justify-center {
     display: none;
 }

 .tmp__article--hero--container .herobanner .orion-hero-carousel-background-img {
     position: static;
     display: block;
 }

 .tmp__article--hero--container .image img {
     width: auto;
     max-height: 10rem;
     display: block;
 }

 /*VIDEO*/

 .tmp__article--video--container {}

 .tmp__article--video--container .tmp__article--transcript {
     margin-right: 4.167%;
     margin-left: 4.167%;
 }

 .tmp__article--video--component .w-chrome {
     border-radius: 0;
 }

 /*PODCAST*/

 .tmp__article--podcast--container {
     margin: 0 0 6rem;
 }

 .tmp__article--podcast--container>.aem-Grid {
     margin-right: 4.167%;
     margin-left: 4.167%;
     width: auto;
     max-width: 88rem;
 }

 .tmp__article--podcast--component {}

 /*TRANSCRIPT*/

 .tmp__article--transcript {
     margin-top: 3rem;
 }

 .tmp__article--transcript--body {
     background: #f7f7f7;
     border-radius: 1rem;
     padding: 3rem;
 }

 /*BLOCKQUOTE*/

 .tmp__article blockquote {
     border-left: 8px solid #7C6992;
     padding: 1.5rem 1.5rem 1.5rem 3rem;
     font-size: 2.8rem;
     line-height: 3.4rem;
     font-weight: var(--truFontWtLt);
     color: #2E1A47;
     font-style: italic;
     margin-bottom: 0;
 }

 @media (min-width: 1024px) {
     .tmp__article--hero--container .herobanner .orion-hero-carousel__panel__content {
         max-height: 650px;
     }
     /*TAH 06-28-2022*/
 }

 /*RESPONSIVE*/

 @media (min-width: 769px) {
     .tmp__article--header {
         position: relative;
     }
     .tmp__article--header,
     .tmp__article--header>.aem-Grid {
         margin: 10rem 8.3333% 8rem;
         width: auto;
     }
     .tmp__article--header>.aem-Grid>.gridlayoutcontainer:first-child {
         position: absolute;
         top: 0;
         left: 0;
         max-width: 4.167%;
     }
     /*social*/
     .tmp__article--header--page-share .vertical-desktop {
         top: .5rem;
         left: auto;
     }
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon1,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon2,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon3,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon4 {
         width: 1.8rem;
         height: 1.8rem;
         margin: 0 0 3rem;
     }
     .tmp__article--header--page-share .vertical-desktop.sticky-social {
         top: 15px;
         left: auto;
     }
     .tmp__article--header--page-share--mobile {
         display: none;
     }
     .tmp__article--header--page-share {
         display: block;
     }
     .tmp__article--title-text h1,
     .tmp__article--title-text h2,
     .tmp__article--title-text h3 {
         font-size: 6rem;
         line-height: 6.6rem;
     }
     .tmp__article--title-eyebrow>.aem-Grid>.text:last-child p::before {
         top: 0;
     }
     .tmp__article--subhead {
         font-size: 2.8rem;
         line-height: 3.2rem;
     }
     .tmp__article--author .text strong {
         font-size: 2rem;
     }
     .tmp__article--body,
     .tmp__article--body>.aem-Grid {
         margin: 0 8.333%;
         width: auto;
     }
     .tmp__article--body h2,
     .tmp__article--body h3,
     .tmp__article--body h4 {
         font-size: 2.4rem;
         line-height: 3rem;
         margin-top: 6rem;
     }
     .tmp__article--body .text h2:first-child,
     .tmp__article--body .text h3:first-child,
     .tmp__article--body .text h4:first-child {
         margin-top: 4rem;
     }
     .tmp__article--disclaimer,
     .tmp__article--disclaimer>.aem-Grid {
         margin: 0 8.333% 10rem;
         width: auto;
     }
     .tmp__article--disclaimer .text {
         margin-top: 4rem;
     }
     /*GENERAL ARTICLE*/
     .tmp__article--hero--container {
         max-height: 60rem;
         border-bottom-right-radius: 4rem;
     }
     .tmp__article--hero--container .herobanner:not(.truist-carousel .herobanner) {
         padding: 0;
         margin: 0;
         max-width: none;
     }
     /*VIDEO*/
     .tmp__article--video--component,
     .tmp__article--video--container .tmp__article--transcript {
         margin-right: 8.333%;
         margin-left: 8.333%;
     }
     .tmp__article--video--component .w-chrome,
     .tmp__article--video--component .wistia_swatch {
         border-radius: 1rem;
     }
     /*PODCAST*/
     .tmp__article--podcast--container,
     .tmp__article--podcast--container>.aem-Grid {
         margin: 0 8.333% 10rem;
         width: auto;
     }
     /*BLOCKQUOTE*/
     .tmp__article blockquote {
         padding: 3rem;
     }
 }

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) {
     .tmp__article--header--page-share .cmp-pagesharing,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon1,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon2,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon3,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon4 {
         display: block;
     }
 }

 /*ARTICLE CARD LIST*/

 .tmp__article .cmp-articlecards-list {}

 .tmp__article .cmp-articlecards-list .article-card .article-category,
 .tmp__article .cmp-articlecards-list .card-title {
     display: none;
 }

 .tmp__article .cmp-articlecards-list .article-body .card-text {
     padding: 3rem 3rem 4rem;
 }

 .tmp__article .cmp-articlecards-list .article-body p.card-text {
     color: #fff;
     opacity: 1;
 }

 .tmp__article .cmp-articlecards-list .card-text p {
     color: #fff;
     font-size: 1.4rem;
     line-height: 2rem;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .tmp__article .cmp-articlecards-list .card-text p:first-child,
 .tmp__article .cmp-articlecards-list .card-text p.eyebrow {
     color: #B0E0E2;
     font-size: 1.8rem;
     line-height: 1.2em;
     margin-bottom: 3rem;
 }

 .tmp__article .cmp-articlecards-list .card-text h3 {
     color: #fff;
     font-size: 1.8rem;
     line-height: 2.4rem;
     font-weight: var(--truFontWtBd);
     margin-bottom: 1rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: inherit;
     -webkit-box-orient: vertical;
 }

 .tmp__article .cmp-articlecards-list .card-deck {
     margin: 0;
 }

 .tmp__article .cmp-articlecards-list .article-card {
     margin-bottom: 2rem;
     margin-right: 0;
     margin-left: 0;
 }

 .tmp__article .cmp-articlecards-list .article-card .card-footer {
     padding: 0 3rem;
     margin-bottom: 3rem;
     font-size: 1.6rem;
     line-height: 24px;
     font-weight: var(--truFontWtRg);
     color: #B0E0E2;
     opacity: 1;
 }

 .tmp__article .cmp-articlecards-list .card-footer .article-type svg {
     margin-right: 1rem;
     display: none;
 }

 .tmp__article .cmp-articlecards-list .card-deck .card {
     border-radius: 4px;
 }

 .tmp__article .cmp-articlecards-list .card-deck .card:hover {
     transform: scale(1.05);
     box-shadow: 0 0 10px rgb(0 0 0 / 20%);
     cursor: pointer;
     outline: none;
 }

 /*return - promo card*/

 .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {
     padding: 0;
     margin: 0;
 }

 .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-body {
     padding: 3rem;
     display: flex;
     align-items: center;
 }

 .tmp__article .cmp-articlecards-list .ret2Movmnt .custom-card-title {
     line-height: 1.2em;
 }

 .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-cta {
     text-align: center;
     display: block;
 }

 .tmp__article .cmp-articlecards-list .customCardContent {
     position: static;
     top: auto;
     transform: none;
     width: 100%;
 }

 /*responsive*/

 @media (max-width: 767px) {
     .tmp__article--title-eyebrow>.aem-Grid {
         flex-direction: column;
     }
     .tmp__article--title-eyebrow>.aem-Grid>.text:last-child p::before {
         display: none;
     }
     .tmp__article--title-eyebrow>.aem-Grid>.text:last-child p {
         position: relative;
         margin-left: 0;
         padding-left: 0;
     }
 }

 @media (min-width: 576px) and (max-width: 768px) {
     .tmp__article .cmp-articlecards-list .card-deck {
         -ms-flex-flow: column;
         flex-flow: column;
     }
 }

 @media (min-width: 769px) {
     .tmp__article .cmp-articlecards-list .card-text h3 {
         font-size: 2.4rem;
         line-height: 3rem;
     }
     .tmp__article .cmp-articlecards-list .card-text p.eyebrow {
         font-size: 2rem;
     }
     .tmp__article .cmp-articlecards-list .card-text p {
         font-size: 1.8rem;
         line-height: 2.6rem;
     }
     .tmp__article .cmp-articlecards-list .card-deck {
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         margin: 0 -3rem;
     }
     .tmp__article .cmp-articlecards-list .article-card {
         margin-bottom: 0;
         margin-right: 3rem;
         margin-left: 3rem;
     }
     .tmp__article .cmp-articlecards-list .article-card .card-footer {
         font-size: 2rem;
     }
     .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {
         margin: 0 3rem;
     }
 }

 @media (min-width: 769px) and (max-width: 1440px) {
     .tmp__article .cmp-articlecards-list .card-deck {
         margin: 0 -1.5rem;
     }
     .tmp__article .cmp-articlecards-list .article-card {
         margin-right: 1.5rem;
         margin-left: 1.5rem;
     }
     .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {
         margin: 0 1.5rem;
     }
     .tmp__article .cmp-articlecards-list .article-body .card-text {
         padding: 2rem 2rem 4rem;
     }
     .tmp__article .cmp-articlecards-list .article-card .card-footer {
         padding: 0 2rem;
         margin-bottom: 2rem;
     }
     .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-body {
         padding: 2rem;
     }
 }

 /*article infograph*/

 .info-body-color {
     color: #2E1A47;
 }

 .tmp__article--hero--container .herobanner:not(.truist-carousel .herobanner) {
     display: block;
 }

 .text__list__style--number-block--2 li:not(.text__list__style--number-block--2 li li) {
     padding-left: 0;
     border-bottom: 0;
     margin-bottom: 0;
 }

 .text__list__style--number-block li:not(.text__list__style--number-block li li):before {
     position: absolute;
 }

 .text__list__style--number-block--2 li:before {
     font-size: 3.6rem;
     line-height: 4.2rem;
     font-weight: var(--truFontWtRg);
 }

 .tmp__article--body h2 {
     font-size: 2.4rem;
     line-height: 3rem;
     display: inline-block;
     font-weight: var(--truFontWtBd);
     margin-left: 0px;
 }

 hr {
     height: 20px;
     border-top: 2px solid #2E1A47;
 }

 .dcm-info-purple-bg {
     margin-top: 40px;
     background-color: #AFABC9;
     padding: 30px 70px;
     color: #2E1A47;
     position: relative;
     z-index: 2;
     width: auto;
     margin: 30px -8.333%;
 }

 .tmp__article--body h3 {
     font-size: 3.6rem;
     margin-bottom: 20px;
     font-weight: var(--truFontWtLt);
 }

 .dcm-info-grey-bg {
     position: relative;
     z-index: 1;
     width: auto;
     margin: 30px -8.333%;
     padding: 0 70px;
     background-color: #F7F7F7;
 }

 .dcm-info-grey-bg h2 {
     margin-left: 0;
 }

 /*Article templates SOCIAL SHARE*/

 .sticky-social {
     position: fixed !important;
     top: 0;
 }

 .social-vertical-container {
     position: relative;
 }

 .vertical-desktop {
     background-color: transparent !important;
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
     position: absolute;
     top: 15px;
     animation: fade-in-social .5s ease-in-out forwards;
 }

 /* adding class to hide the social sticky nav at the resources section */

 .sticky-hide {
     animation: fade-out-social .5s ease-in-out forwards;
 }

 .tmp__article--header--page-share .vertical-desktop.sticky-social {
     z-index: 3;
 }

 @media only screen and (max-width: 768px) {
     .relative .vertical-desktop {
         position: relative !important;
         background: transparent;
         top: 0;
         padding-bottom: 20px;
     }
 }

 @keyframes fade-in-social {
     0% {
         opacity: 0;
         z-index: -100;
     }
     1% {
         opacity: 0;
         z-index: 3;
     }
     100% {
         opacity: 1;
         z-index: 3;
     }
 }

 @keyframes fade-out-social {
     0% {
         opacity: 1;
         z-index: 3;
     }
     99% {
         opacity: 0;
         z-index: 3;
     }
     100% {
         opacity: 0;
         z-index: -100;
     }
 }

 /*Article Component Styles */

 .hidden,
 .hidden-json-path {
     display: none !important;
 }

 .Dynamic-Card-component-instance {
     margin: 20px 0 50px;
 }

 .card-deck .article-card {
     margin-right: 15px;
     margin-bottom: 0;
     margin-left: 15px;
 }

 .articleCardSec {
     display: contents;
 }

 @supports not (display: contents) {
     .articleCardSec {
         display: flex;
         width: 800px;
     }
 }

 .article-category {
     position: absolute;
     margin: 2.5rem;
     padding: 7px 12px;
     background: #7905af;
     color: #ffffff;
     font-size: 1.5rem;
     font-weight: var(--truFontWtBd);
     border-radius: 1.7rem;
 }

 .article-body {
     padding: 0;
 }

 .article-body p.card-text {
     padding: 2.5rem;
     color: #2e1a47;
     font-size: 1.8rem;
     line-height: normal;
     font-weight: var(--truFontWtRg);
 }

 .article-body a.card-text {
     color: #2e1a47;
     font-size: 1.8rem;
     line-height: normal;
     font-weight: var(--truFontWtRg);
 }

 .article-card .card-footer {
     background: none;
     border: 0;
     padding: 0 2.5rem;
     color: #757575;
     font-size: 1.4rem;
     font-weight: var(--truFontWtBd);
     margin-bottom: 20px;
 }

 .card-list {
     flex: none;
     display: block !important;
     border: 0;
     outline: 0;
     background: none;
 }

 .card-list ul.article-list {
     padding-left: 15px;
     display: block;
     height: 200px;
     margin-bottom: 0;
 }

 .card-list ul.article-list li {
     list-style-type: none;
     margin-top: 15px;
 }

 ul.article-list li .article-category {
     color: #666;
     font-size: 1.6rem;
     font-weight: var(--truFontWtBd);
     position: relative;
 }

 ul.article-list li .article-category:not(:last-child) {
     padding: 0;
     margin: 0 0 5px;
     background: none;
     border-radius: 0;
 }

 ul.article-list li .article-body {
     padding: 0;
     margin: 10px 0;
 }

 ul.article-list li .card-footer {
     background: none;
     border: 0;
     padding: 0;
     font-size: 1.2rem;
     font-weight: var(--truFontWtBd);
     color: #757575;
 }

 ul.article-list li:not(:first-child) {
     margin-top: 25px;
 }

 ul.article-list li {
     border-bottom: 1px solid #dfdfdf;
     padding-bottom: 25px;
 }

 a.card-text:hover,
 a.card-text:focus {
     text-decoration: underline;
     outline: none;
 }

 .article-type,
 .article-pubDate,
 .article-pubTime,
 .article-card,
 p.card-text,
 .article-card .article-category,
 .article-type:hover,
 .article-pubDate:hover,
 .article-pubTime:hover,
 .article-card p.card-text:hover,
 .article-card .article-category:hover,
 .article-type:focus,
 .article-pubDate:focus,
 .article-pubTime:focus,
 .article-card .card-text:focus,
 .article-card .article-category:focus,
 a.card-text {
     text-decoration: none !important;
 }

 .article-card:hover,
 .article-card:focus {
     outline: 2px solid #333;
     text-decoration: none;
 }

 .article-type .fa:before {
     margin-right: 8px;
 }

 .article-type .fa-file,
 .article-type .fa-file-video,
 .article-type .fa-file-audio {
     font-size: 16px;
     margin-right: 7px;
 }

 .article-pubDate.flRight,
 .article-pubTime.flRight {
     float: right;
 }

 /* Related Resources custom card section starts */

 .relResources .ret2Movmnt {
     background: #ffffff;
     border: 2px solid #2e1a47;
     padding: 5rem 2.5rem;
     margin: 0 15px;
 }

 .ret2Movmnt .custom-card-title {
     color: #2e1a47;
     font-size: 2.25rem;
     font-weight: var(--truFontWtBd);
     margin-bottom: 2rem;
 }

 .customCardContent {
     position: absolute;
     margin: 0;
     top: 50%;
     -ms-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
 }

 .ret2Movmnt .card-descText {
     color: #2e1a47;
     display: block;
     font-size: 1.8rem;
     line-height: normal;
     font-weight: var(--truFontWtRg);
     margin-bottom: 3rem;
 }

 .relResources .ret2Movmnt .card-cta {
     font-size: 1.75rem;
     color: #ffffff;
     background: #2e1a47;
     border: 2px solid #2e1a47;
     outline: none;
     padding: 1.5rem 3rem;
     border-radius: .5rem;
     text-decoration: none;
 }

 .relResources .ret2Movmnt .card-cta:hover,
 .relResources .ret2Movmnt .card-cta:focus {
     color: #2e1a47;
     text-decoration: none;
     background: #ffffff;
     border: 2px solid #2e1a47;
     font-weight: var(--truFontWtBd);
 }

 /* Related Resources custom card section ends */

 /* Scrollbar thme start */

 /* scrollbar width */

 .overflow-auto::-webkit-scrollbar {
     width: 12px;
 }

 /* scrollbar track */

 .overflow-auto::-webkit-scrollbar-track {
     background: #eee;
 }

 /* scrollbar handle */

 .overflow-auto::-webkit-scrollbar-thumb {
     border-radius: 1rem;
     background-color: #66028d;
     background-image: linear-gradient(to top, #9704db 0%, #51077c 100%);
 }

 /* Scrollbar theme end */

 /*Image overflow fix*/

 .article-card .articleImgSec {
     overflow: hidden;
 }

 /* With image card body section padding */

 .article-component--article-card .imgCards .article-card .article-body {
     padding: 2.5rem 2.5rem 1rem;
 }

 .article-card .article-body span.eyebrow {
     padding-bottom: 10px;
 }

 .article-card .article-body h3 {
     font-size: 2.8rem;
     line-height: 3.4rem;
 }

 /**/

 /*Card Theme section starts here*/

 .themeCards .article-card,
 .relResources .article-card {
     background-color: #2e1a47;
     color: #ffffff;
 }

 .article-card .card-text h1,
 .article-card .card-text h2,
 .article-card .card-text h3,
 .article-card .card-text h4,
 .article-card .card-text h5,
 .article-card .card-text h6 {
     color: #ffffff;
 }

 .themeCards .article-card .article-category,
 .relResources .article-category {
     position: relative;
     opacity: 0.7;
     background: none;
     border: none;
     padding: 0;
 }

 .themeCards .article-body p.card-text,
 .themeCards .article-card .card-footer,
 .relResources .article-body p.card-text,
 .relResources .article-card .card-footer {
     color: #ffffff;
     opacity: 0.7;
     padding-top: 0;
 }

 .themeCards .article-body div.card-title,
 .relResources .article-body div.card-title {
     color: #ffffff;
     font-size: 1.8rem;
     font-weight: var(--truFontWtBd);
     padding: 0 2.5rem 2.5rem;
 }

 /*Card Theme section ends here*/

 .hypSeparator {
     margin: 0 5px;
 }

 /* Media queries starts here */

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .articleCardSec .article-card,
     .relResources .ret2Movmnt,
     .ArticleView-noResults {
         margin: 15px;
     }
     .customCardContent {
         position: relative;
         margin: 0;
         transform: none;
     }
     .relResources .ret2Movmnt .card-cta {
         font-size: 1.5rem;
         padding: 1.5rem 2rem;
     }
     .card-list ul.article-list {
         overflow: initial !important;
         height: max-content !important;
         padding: 0 15px;
     }
     .card-list ul.article-list li {
         padding: 0 15px 25px;
     }
 }

 @media only screen and (min-width: 360px) and (max-width: 896px) and (orientation: landscape) {
     .card-deck .article-card {
         margin-right: 10px;
         margin-bottom: 0;
         margin-left: 10px;
     }
     .ret2Movmnt .card-body {
         padding: 0;
     }
     .relResources .ret2Movmnt {
         padding: 2rem;
         margin: 0 10px;
     }
     .relResources .ret2Movmnt .card-cta {
         font-size: 1.5rem;
         padding: 1rem 1.5rem;
     }
     .customCardContent {
         position: absolute;
         margin: 0;
         top: 50%;
         -ms-transform: translate(0%, -50%);
         transform: translate(0%, -50%);
     }
     .card-list ul.article-list {
         overflow: auto !important;
         height: 200px;
     }
 }

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     .card-list ul.article-list {
         overflow: auto !important;
         height: 200px;
     }
     .relResources .ret2Movmnt {
         padding: 5rem 2rem;
     }
     .ret2Movmnt .card-body {
         padding: 0;
     }
     .relResources .ret2Movmnt .card-cta {
         font-size: 1.5rem;
         padding: 1.5rem;
     }
     .ret2Movmnt .customCardContent {
         transform: translate(0%, -50%);
     }
 }

 /*taken from component.css*/

 .page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
     color: #fff;
     font-size: 2rem;
     line-height: 1.25em;
     font-weight: var(--truFontWtBd);
     margin-bottom: 1rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: initial;
     -webkit-box-orient: vertical;
 }

 @media (min-width: 769px) {
     .page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
         font-size: 2.4rem;
         line-height: 3rem;
     }
 }

 .page .tmp__article .cmp-articlecards-list .article-body .card-text {
     padding: 3rem 3rem 4rem;
 }

 /*********************************/

 /*********************************/

 /*******TEMPLATE ARTICLES CSS*************/

 /*********************************/

 /*********************************/

 .tmp__article {}

 .tmp__article--type--podcast {}

 .tmp__article--type--general {}

 .tmp__article--type--video {}

 .tmp__article--type--infographic {}

 .tmp__article--type--calculator {}

 .tmp__article--header {
     margin: 6rem 4.167%;
 }

 .tmp__article--header>.aem-Grid {}

 .tmp__article--header>.aem-Grid>.gridlayoutcontainer:first-child {}

 .tmp__article--header>.aem-Grid>.gridlayoutcontainer:last-child {}

 .tmp__article--header--content {
     max-width: 88rem;
 }

 .tmp__article--header--content p {
     margin-bottom: 0;
 }

 /*social*/

 .tmp__article--header--page-share {
     display: none;
 }

 .tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon1,
 .tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon2,
 .tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon3,
 .tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon4 {
     width: 2.5rem;
     height: 2.5rem;
     margin: 0 3rem 0 0;
 }

 .tmp__article--header--page-share--mobile {
     margin-top: 2rem;
 }

 .tmp__article--title-container>.aem-Grid {
     display: flex;
     flex-direction: column-reverse;
 }

 .tmp__article--title-text {
     color: #451E6A;
 }

 .tmp__article--title-text h1,
 .tmp__article--title-text h2,
 .tmp__article--title-text h3 {
     color: #451E6A;
     font-size: 4.8rem;
     line-height: 4.8rem;
     margin-bottom: 0;
 }

 .tmp__article--title-eyebrow>.aem-Grid {
     display: flex;
     margin-top: -1.8rem;
     line-height: 0;
 }

 .tmp__article--title-eyebrow>.aem-Grid div {
     display: inline-block;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text {
     width: auto !important;
     color: #7C6992;
     white-space: nowrap;
     margin-bottom: 0;
     line-height: 1em;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text p {
     margin-bottom: 1rem;
     margin-top: 1.8rem;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text p strong {
     font-weight: var(--truFontWtBd);
     text-transform: uppercase;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text:last-child p {
     position: relative;
     margin-left: 2rem;
     padding-left: 2rem;
 }

 .tmp__article--title-eyebrow>.aem-Grid>.text:last-child p::before {
     content: "\22C5";
     font-size: 3rem;
     line-height: 1.4rem;
     position: absolute;
     top: -.2rem;
     left: -.4rem;
 }

 .tmp__article--subhead {
     font-size: 2.4rem;
     line-height: 2.8rem;
     font-weight: var(--truFontWtLt);
 }

 .tmp__article--subhead p:first-child {
     margin-top: 3rem;
 }

 .tmp__article--subhead p:not(.tmp__article--subhead p:first-child) {
     margin-top: 2rem;
 }

 .tmp__article--author p:first-child {
     margin-top: 3rem;
 }

 .tmp__article--author>.aem-Grid {
     display: flex;
     align-items: center;
 }

 .tmp__article--author>.aem-Grid>div {
     width: auto !important;
 }

 .tmp__article--author--image {}

 .tmp__article--author--image img {
     border-radius: 100%;
     max-width: 6.5rem;
     display: none;
 }

 .tmp__article--author--image img[*|src] {
     display: inline-block;
     margin-right: 2rem;
     margin-top: 3rem;
 }

 .tmp__article--author .text {}

 .tmp__article--author .text strong {
     font-size: 1.8rem;
     font-weight: var(--truFontWtBd);
     color: #2E1A47;
 }

 .tmp__article--body {
     margin: 0;
 }

 .tmp__article--body>.aem-Grid {
     margin-right: 4.167%;
     margin-left: 4.167%;
     width: auto;
     max-width: 88rem;
 }

 /* .tmp__article--body h2, */

 .tmp__article--body h3,
 .tmp__article--body h4 {
     font-size: 2rem;
     line-height: 2.4rem;
     font-weight: var(--truFontWtBd);
     margin-top: 4rem;
 }

 .tmp__article--body .text h2:first-child,
 .tmp__article--body .text h3:first-child,
 .tmp__article--body .text h4:first-child {
     margin-top: 2rem;
 }

 .tmp__article--body .text:first-child h2:first-child,
 .tmp__article--body .text:first-child h3:first-child,
 .tmp__article--body .text:first-child h4:first-child {
     margin-top: 0;
 }

 .tmp__article--disclaimer {
     margin: 0 0 6rem;
 }

 .tmp__article--disclaimer>.aem-Grid {
     margin-right: 4.167%;
     margin-left: 4.167%;
     width: auto;
     max-width: 88rem;
 }

 .tmp__article--disclaimer .text {
     font-size: 1.6rem;
     line-height: 2.2rem;
     font-style: italic;
     border: 1px solid var(--truNeutral500);
     border-radius: 2rem;
     padding: 3rem 3rem 1rem;
     margin-top: 2rem;
 }

 .tmp__article--related-resources {}

 /*GENERAL ARTICLE*/

 .tmp__article--hero--container {
     width: calc(100% - 8.333%);
     max-height: 24rem;
     overflow: hidden;
     border-radius: 0;
     border-bottom-right-radius: 3rem;
 }

 .tmp__article--hero--container .herobanner {
     min-height: 0;
     height: auto;
 }

 .tmp__article--hero--container .herobanner .orion-hero-carousel__panel__content {
     min-height: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     background: none;
 }

 .tmp__article--hero--container .herobanner .hero-content-container,
 .tmp__article--hero--container .hero-content-container.orion-hero-carousel__panel__content--text.orion-hero-justify-center {
     display: none;
 }

 .tmp__article--hero--container .herobanner .orion-hero-carousel-background-img {
     position: static;
     display: block;
 }

 .tmp__article--hero--container .image img {
     width: auto;
     max-height: 10rem;
     display: block;
 }

 /*VIDEO*/

 .tmp__article--video--container {}

 .tmp__article--video--container .tmp__article--transcript {
     margin-right: 4.167%;
     margin-left: 4.167%;
 }

 .tmp__article--video--component .w-chrome {
     border-radius: 0;
 }

 /*PODCAST*/

 .tmp__article--podcast--container {
     margin: 0 0 6rem;
 }

 .tmp__article--podcast--container>.aem-Grid {
     margin-right: 4.167%;
     margin-left: 4.167%;
     width: auto;
     max-width: 88rem;
 }

 .tmp__article--podcast--component {}

 /*TRANSCRIPT*/

 .tmp__article--transcript {
     margin-top: 3rem;
 }

 .tmp__article--transcript--body {
     background: #f7f7f7;
     border-radius: 1rem;
     padding: 3rem;
 }

 /*BLOCKQUOTE*/

 .tmp__article blockquote {
     border-left: 8px solid #7C6992;
     padding: 1.5rem 1.5rem 1.5rem 3rem;
     font-size: 2.8rem;
     line-height: 3.4rem;
     font-weight: var(--truFontWtLt);
     color: #2E1A47;
     font-style: italic;
     margin-bottom: 0;
 }

 @media (min-width: 1024px) {
     .tmp__article--hero--container .herobanner .orion-hero-carousel__panel__content {
         max-height: 650px;
     }
     /*TAH 06-28-2022*/
 }

 /*RESPONSIVE*/

 @media (min-width: 769px) {
     .tmp__article--header {
         position: relative;
     }
     .tmp__article--header,
     .tmp__article--header>.aem-Grid {
         margin: 10rem 8.3333% 3rem;
         width: auto;
     }
     .tmp__article--header>.aem-Grid>.gridlayoutcontainer:first-child {
         position: absolute;
         top: 0;
         left: 0;
         max-width: 4.167%;
     }
     /*social*/
     .tmp__article--header--page-share .vertical-desktop {
         top: .5rem;
         left: auto;
     }
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon1,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon2,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon3,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon4 {
         width: 1.8rem;
         height: 1.8rem;
         margin: 0 0 3rem;
     }
     .tmp__article--header--page-share .vertical-desktop.sticky-social {
         top: 15px;
         left: auto;
     }
     .tmp__article--header--page-share--mobile {
         display: none;
     }
     .tmp__article--header--page-share {
         display: block;
     }
     .tmp__article--title-text h1,
     .tmp__article--title-text h2,
     .tmp__article--title-text h3 {
         font-size: 6rem;
         line-height: 6.6rem;
     }
     .tmp__article--title-eyebrow>.aem-Grid>.text:last-child p::before {
         top: 0;
     }
     .tmp__article--subhead {
         font-size: 2.8rem;
         line-height: 3.2rem;
     }
     .tmp__article--author .text strong {
         font-size: 2rem;
     }
     .tmp__article--body,
     .tmp__article--body>.aem-Grid {
         margin: 0 8.333%;
         width: auto;
     }
     .tmp__article--body h2,
     .tmp__article--body h3,
     .tmp__article--body h4 {
         font-size: 2.4rem;
         line-height: 3rem;
         margin-top: 6rem;
     }
     .tmp__article--body .text h2:first-child,
     .tmp__article--body .text h3:first-child,
     .tmp__article--body .text h4:first-child {
         margin-top: 4rem;
     }
     .tmp__article--disclaimer,
     .tmp__article--disclaimer>.aem-Grid {
         margin: 0 8.333% 10rem;
         width: auto;
     }
     .tmp__article--disclaimer .text {
         margin-top: 4rem;
     }
     /*GENERAL ARTICLE*/
     .tmp__article--hero--container {
         max-height: 60rem;
         border-bottom-right-radius: 4rem;
     }
     .tmp__article--hero--container .herobanner:not(.truist-carousel .herobanner) {
         padding: 0;
         margin: 0;
         max-width: none;
     }
     /*VIDEO*/
     .tmp__article--video--component,
     .tmp__article--video--container .tmp__article--transcript {
         margin-right: 8.333%;
         margin-left: 8.333%;
     }
     .tmp__article--video--component .w-chrome,
     .tmp__article--video--component .wistia_swatch {
         border-radius: 1rem;
     }
     /*PODCAST*/
     .tmp__article--podcast--container,
     .tmp__article--podcast--container>.aem-Grid {
         margin: 0 8.333% 10rem;
         width: auto;
     }
     /*BLOCKQUOTE*/
     .tmp__article blockquote {
         padding: 3rem;
     }
 }

 @media only screen and (min-device-width: 360px) and (max-device-width: 896px) {
     .tmp__article--header--page-share .cmp-pagesharing,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon1,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon2,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon3,
     .tmp__article--header--page-share .vertical-desktop .pagesharing-icon4 {
         display: block;
     }
 }

 /*ARTICLE CARD LIST*/

 .tmp__article .cmp-articlecards-list {}

 .tmp__article .cmp-articlecards-list .article-card .article-category,
 .tmp__article .cmp-articlecards-list .card-title {
     display: none;
 }

 .tmp__article .cmp-articlecards-list .article-body .card-text {
     padding: 3rem 3rem 4rem;
 }

 .tmp__article .cmp-articlecards-list .article-body p.card-text {
     color: #fff;
     opacity: 1;
 }

 .tmp__article .cmp-articlecards-list .card-text p {
     color: #fff;
     font-size: 1.4rem;
     line-height: 2rem;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .tmp__article .cmp-articlecards-list .card-text p:first-child,
 .tmp__article .cmp-articlecards-list .card-text p.eyebrow {
     color: #B0E0E2;
     font-size: 1.8rem;
     line-height: 1.2em;
     margin-bottom: 3rem;
 }

 .tmp__article .cmp-articlecards-list .card-text h3 {
     color: #fff;
     font-size: 1.8rem;
     line-height: 2.4rem;
     font-weight: var(--truFontWtBd);
     margin-bottom: 1rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .tmp__article .cmp-articlecards-list .card-deck {
     margin: 0;
 }

 .tmp__article .cmp-articlecards-list .article-card {
     margin-bottom: 2rem;
     margin-right: 0;
     margin-left: 0;
 }

 .tmp__article .cmp-articlecards-list .article-card .card-footer {
     padding: 0 3rem;
     margin-bottom: 3rem;
     font-size: 1.6rem;
     line-height: 24px;
     font-weight: var(--truFontWtRg);
     color: #B0E0E2;
     opacity: 1;
 }

 .tmp__article .cmp-articlecards-list .card-footer .article-type svg {
     margin-right: 1rem;
     display: none;
 }

 .tmp__article .cmp-articlecards-list .card-deck .card {
     border-radius: 4px;
 }

 .tmp__article .cmp-articlecards-list .card-deck .customcardv2 {
     border-radius: 4px;
     width: 30%;
     margin-bottom: 2rem;
     flex: inherit
 }

 .tmp__article .cmp-articlecards-list .card-deck .card:hover {
     transform: scale(1.05);
     box-shadow: 0 0 10px rgb(0 0 0 / 20%);
     cursor: pointer;
     outline: none;
 }

 /*return - promo card*/

 .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {
     padding: 0;
     margin: 0;
 }

 .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-body {
     padding: 3rem;
     display: flex;
     align-items: center;
 }

 .tmp__article .cmp-articlecards-list .ret2Movmnt .custom-card-title {
     line-height: 1.2em;
 }

 .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-cta {
     text-align: center;
     display: block;
 }

 .tmp__article .cmp-articlecards-list .customCardContent {
     position: static;
     top: auto;
     transform: none;
     width: 100%;
 }

 /*responsive*/

 @media (min-width: 576px) and (max-width: 768px) {
     .tmp__article .cmp-articlecards-list .card-deck {
         -ms-flex-flow: column;
         flex-flow: column;
     }
 }

 @media (min-width: 769px) {
     .tmp__article .cmp-articlecards-list .card-text h3 {
         font-size: 2.4rem;
         line-height: 3rem;
     }
     .tmp__article .cmp-articlecards-list .card-text p.eyebrow {
         font-size: 2rem;
     }
     .tmp__article .cmp-articlecards-list .card-text p {
         font-size: 1.8rem;
         line-height: 2.6rem;
     }
     .tmp__article .cmp-articlecards-list .card-deck {
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         margin: 0 -3rem;
     }
     .tmp__article .cmp-articlecards-list .article-card {
         margin-bottom: 0;
         margin-right: 3rem;
         margin-left: 3rem;
     }
     .tmp__article .cmp-articlecards-list .article-card .card-footer {
         font-size: 2rem;
     }
     .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {
         margin: 0 3rem;
     }
 }

 @media (min-width: 769px) and (max-width: 1440px) {
     .tmp__article .cmp-articlecards-list .card-deck {
         margin: 0 -1.5rem;
     }
     .tmp__article .cmp-articlecards-list .article-card {
         margin-right: 1.5rem;
         margin-left: 1.5rem;
     }
     .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {
         margin: 0 1.5rem;
     }
     .tmp__article .cmp-articlecards-list .article-body .card-text {
         padding: 2rem 2rem 4rem;
     }
     .tmp__article .cmp-articlecards-list .article-card .card-footer {
         padding: 0 2rem;
         margin-bottom: 2rem;
     }
     .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-body {
         padding: 2rem;
     }
 }

 /*article infograph*/

 .info-body-color {
     color: #2E1A47;
 }

 .tmp__article--hero--container .herobanner:not(.truist-carousel .herobanner) {
     display: block;
 }

 .text__list__style--number-block--2 li:not(.text__list__style--number-block--2 li li) {
     padding-left: 0;
     border-bottom: 0;
     margin-bottom: 0;
 }

 .text__list__style--number-block li:not(.text__list__style--number-block li li):before {
     position: absolute;
 }

 .text__list__style--number-block--2 li:before {
     font-size: 3.6rem;
     line-height: 4.2rem;
     font-weight: var(--truFontWtRg);
 }

 .tmp__article--body h2 {
     font-size: 2.4rem;
     line-height: 3rem;
     display: inline-block;
     font-weight: var(--truFontWtBd);
     margin-left: 0px;
 }

 hr {
     height: 20px;
     border-top: 2px solid #2E1A47;
 }

 .dcm-info-purple-bg {
     margin-top: 40px;
     background-color: #AFABC9;
     padding: 30px 70px;
     color: #2E1A47;
     position: relative;
     z-index: 2;
     width: auto;
     margin: 30px -8.333%;
 }

 .tmp__article--body h3 {
     font-size: 3.6rem;
     margin-bottom: 20px;
     font-weight: var(--truFontWtLt);
 }

 .dcm-info-grey-bg {
     position: relative;
     z-index: 1;
     width: auto;
     margin: 30px -8.333%;
     padding: 0 70px;
     background-color: #F7F7F7;
 }

 .dcm-info-grey-bg h2 {
     margin-left: 0;
 }

 /*taken from custom.css */

 /*Article templates SOCIAL SHARE*/

 .sticky-social {
     position: fixed !important;
     top: 0;
 }

 .social-vertical-container {
     position: relative;
 }

 .vertical-desktop {
     background-color: transparent !important;
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
     position: absolute;
     top: 15px;
     animation: fade-in-social .5s ease-in-out forwards;
 }

 /* adding class to hide the social sticky nav at the resources section */

 .sticky-hide {
     animation: fade-out-social .5s ease-in-out forwards;
 }

 .tmp__article--header--page-share .vertical-desktop.sticky-social {
     z-index: 3;
 }

 @media only screen and (max-width: 768px) {
     .relative .vertical-desktop {
         position: relative !important;
         background: transparent;
         top: 0;
         padding-bottom: 20px;
     }
 }

 @keyframes fade-in-social {
     0% {
         opacity: 0;
         z-index: -100;
     }
     1% {
         opacity: 0;
         z-index: 3;
     }
     100% {
         opacity: 1;
         z-index: 3;
     }
 }

 @keyframes fade-out-social {
     0% {
         opacity: 1;
         z-index: 3;
     }
     99% {
         opacity: 0;
         z-index: 3;
     }
     100% {
         opacity: 0;
         z-index: -100;
     }
 }

 /*Article Component Styles */

 .hidden,
 .hidden-json-path {
     display: none !important;
 }

 .Dynamic-Card-component-instancev2 {
     margin: 20px 0 50px;
 }

 .card-deck .article-card {
     margin-right: 15px;
     margin-bottom: 0;
     margin-left: 15px;
 }

 .articleCardSec {
     display: contents;
 }

 @supports not (display: contents) {
     .articleCardSec {
         display: flex;
         width: 800px;
     }
 }

 .article-category {
     position: absolute;
     margin: 2.5rem;
     padding: 7px 12px;
     background: #7905af;
     color: #ffffff;
     font-size: 1.5rem;
     font-weight: var(--truFontWtBd);
     border-radius: 1.7rem;
 }

 .article-body {
     padding: 0;
 }

 .article-body p.card-text {
     padding: 2.5rem;
     color: #2e1a47;
     font-size: 1.8rem;
     line-height: normal;
     font-weight: var(--truFontWtRg);
 }

 .article-body a.card-text {
     color: #2e1a47;
     font-size: 1.8rem;
     line-height: normal;
     font-weight: var(--truFontWtRg);
 }

 .article-card .card-footer {
     background: none;
     border: 0;
     padding: 0 2.5rem;
     color: #757575;
     font-size: 1.4rem;
     font-weight: var(--truFontWtBd);
     margin-bottom: 20px;
 }

 .card-list {
     flex: none;
     display: block !important;
     border: 0;
     outline: 0;
     background: none;
 }

 .card-list ul.article-list {
     padding-left: 15px;
     display: block;
     height: 200px;
     margin-bottom: 0;
 }

 .card-list ul.article-list li {
     list-style-type: none;
     margin-top: 15px;
 }

 ul.article-list li .article-category {
     color: #666;
     font-size: 1.6rem;
     font-weight: var(--truFontWtBd);
     position: relative;
 }

 ul.article-list li .article-category:not(:last-child) {
     padding: 0;
     margin: 0 0 5px;
     background: none;
     border-radius: 0;
 }

 ul.article-list li .article-body {
     padding: 0;
     margin: 10px 0;
 }

 ul.article-list li .card-footer {
     background: none;
     border: 0;
     padding: 0;
     font-size: 1.2rem;
     font-weight: var(--truFontWtBd);
     color: #757575;
 }

 ul.article-list li:not(:first-child) {
     margin-top: 25px;
 }

 ul.article-list li {
     border-bottom: 1px solid #dfdfdf;
     padding-bottom: 25px;
 }

 a.card-text:hover,
 a.card-text:focus {
     text-decoration: underline;
     outline: none;
 }

 .article-type,
 .article-pubDate,
 .article-pubTime,
 .article-card,
 p.card-text,
 .article-card .article-category,
 .article-type:hover,
 .article-pubDate:hover,
 .article-pubTime:hover,
 .article-card p.card-text:hover,
 .article-card .article-category:hover,
 .article-type:focus,
 .article-pubDate:focus,
 .article-pubTime:focus,
 .article-card .card-text:focus,
 .article-card .article-category:focus,
 a.card-text {
     text-decoration: none !important;
 }

 .article-card:hover,
 .article-card:focus {
     outline: 2px solid #333;
     text-decoration: none;
 }

 .article-type .fa:before {
     margin-right: 8px;
 }

 .article-type .fa-file,
 .article-type .fa-file-video,
 .article-type .fa-file-audio {
     font-size: 16px;
     margin-right: 7px;
 }

 .article-pubDate.flRight,
 .article-pubTime.flRight {
     float: right;
 }

 /* Related Resources custom card section starts */

 .relResources .ret2Movmnt {
     background: #ffffff;
     border: 2px solid #2e1a47;
     padding: 5rem 2.5rem;
     margin: 0 15px;
 }

 .ret2Movmnt .custom-card-title {
     color: #2e1a47;
     font-size: 2.25rem;
     font-weight: var(--truFontWtBd);
     margin-bottom: 2rem;
 }

 .customCardContent {
     position: absolute;
     margin: 0;
     top: 50%;
     -ms-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
 }

 .ret2Movmnt .card-descText {
     color: #2e1a47;
     display: block;
     font-size: 1.8rem;
     line-height: normal;
     font-weight: var(--truFontWtRg);
     margin-bottom: 3rem;
 }

 .relResources .ret2Movmnt .card-cta {
     font-size: 1.75rem;
     color: #ffffff;
     background: #2e1a47;
     border: 2px solid #2e1a47;
     outline: none;
     padding: 1.5rem 3rem;
     border-radius: .5rem;
     text-decoration: none;
 }

 .relResources .ret2Movmnt .card-cta:hover,
 .relResources .ret2Movmnt .card-cta:focus {
     color: #2e1a47;
     text-decoration: none;
     background: #ffffff;
     border: 2px solid #2e1a47;
     font-weight: var(--truFontWtBd);
 }

 /* Related Resources custom card section ends */

 /* Scrollbar thme start */

 /* scrollbar width */

 .overflow-auto::-webkit-scrollbar {
     width: 12px;
 }

 /* scrollbar track */

 .overflow-auto::-webkit-scrollbar-track {
     background: #eee;
 }

 /* scrollbar handle */

 .overflow-auto::-webkit-scrollbar-thumb {
     border-radius: 1rem;
     background-color: #66028d;
     background-image: linear-gradient(to top, #9704db 0%, #51077c 100%);
 }

 /* Scrollbar theme end */

 /*Card Theme section starts here*/

 .themeCards .article-card,
 .relResources .article-card {
     background-color: #2e1a47;
     color: #ffffff;
 }

 .themeCards .article-card .article-category,
 .relResources .article-category {
     position: relative;
     opacity: 0.7;
     background: none;
     border: none;
     padding: 0;
 }

 .themeCards .article-body p.card-text,
 .themeCards .article-card .card-footer,
 .relResources .article-body p.card-text,
 .relResources .article-card .card-footer {
     color: #ffffff;
     opacity: 0.7;
     padding-top: 0;
 }

 .themeCards .article-body div.card-title,
 .relResources .article-body div.card-title {
     color: #ffffff;
     font-size: 1.8rem;
     font-weight: var(--truFontWtBd);
     padding: 0 2.5rem 2.5rem;
 }

 /*Card Theme section ends here*/

 .hypSeparator {
     margin: 0 5px;
 }

 /* Media queries starts here */

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .tmp__article .cmp-articlecards-list .card-deck .customcardv2 {
         width: 100%
     }
     .articleCardSec .article-card,
     .relResources .ret2Movmnt,
     .ArticleView-noResults {
         margin: 15px;
     }
     .customCardContent {
         position: relative;
         margin: 0;
         transform: none;
     }
     .relResources .ret2Movmnt .card-cta {
         font-size: 1.5rem;
         padding: 1.5rem 2rem;
     }
     .card-list ul.article-list {
         overflow: initial !important;
         height: max-content !important;
         padding: 0 15px;
     }
     .card-list ul.article-list li {
         padding: 0 15px 25px;
     }
 }

 @media only screen and (min-width: 360px) and (max-width: 896px) and (orientation: landscape) {
     .card-deck .article-card {
         margin-right: 10px;
         margin-bottom: 0;
         margin-left: 10px;
     }
     .ret2Movmnt .card-body {
         padding: 0;
     }
     .relResources .ret2Movmnt {
         padding: 2rem;
         margin: 0 10px;
     }
     .relResources .ret2Movmnt .card-cta {
         font-size: 1.5rem;
         padding: 1rem 1.5rem;
     }
     .customCardContent {
         position: absolute;
         margin: 0;
         top: 50%;
         -ms-transform: translate(0%, -50%);
         transform: translate(0%, -50%);
     }
     .card-list ul.article-list {
         overflow: auto !important;
         height: 200px;
     }
 }

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     .card-list ul.article-list {
         overflow: auto !important;
         height: 200px;
     }
     .relResources .ret2Movmnt {
         padding: 5rem 2rem;
     }
     .ret2Movmnt .card-body {
         padding: 0;
     }
     .relResources .ret2Movmnt .card-cta {
         font-size: 1.5rem;
         padding: 1.5rem;
     }
     .ret2Movmnt .customCardContent {
         transform: translate(0%, -50%);
     }
 }

 .page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
     color: #fff;
     font-size: 1.8rem;
     line-height: 2.4rem;
     font-weight: var(--truFontWtBd);
     margin-bottom: 1rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 @media (min-width: 769px) {
     .page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
         font-size: 2.4rem;
         line-height: 3rem;
     }
 }

 .page .tmp__article .cmp-articlecards-list .article-body .card-text {
     padding: 3rem 3rem 4rem;
 }

 .truist-globalnav-cta-btn .truist-globalnav-nav-link-signon {
     border: 2px solid #2e1a47;
     padding: 10px;
     -webkit-text-stroke: 0px !important;
 }

 .truist-globalnav-nav-link-signon:hover {
     color: #ffffff !important;
     background-color: #2e1a47;
 }

 .truist-globalnav-cta-btn:hover .st1 {
     fill: #ffffff;
 }

 .navbar-secondary__wrapper {
     overflow: hidden;
     background-color: #fff;
     padding: 1em 0 1em 0;
     z-index: 100;
     top: -100px;
 }

 .navbar-secondary__container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     margin: auto;
     max-width: 1600px;
     padding: 0 1.5rem;
 }

 .navbar-secondary__heading-container {
     margin-left: 20px;
     line-height: 0 !important;
 }

 .navbar-secondary__heading {
     font-size: 1.6rem;
     color: #2e1a47;
     /* font-weight: bold; */
     margin: 0 !important;
     font-weight: var(--truFontWtBd);
     line-height: 1.5rem;
 }

 .navbar-secondary__links>ul {
     display: flex;
     justify-content: space-between;
     list-style-type: none;
     padding: 0 !important;
     margin: 0 !important;
 }

 .navbar-secondary__link-li-item {
     color: #2e1a47;
     text-align: center;
     padding: 0.8em 1.5em;
     text-decoration: none;
     font-size: 1.6rem;
     border-radius: 50px;
     transition: all 0.15s ease-in;
     border: solid 1px transparent;
     line-height: 1.6rem;
     margin: 0;
 }

 .navbar-secondary__link-li-item>a {
     text-decoration: none;
 }

 .navbar-secondary__cta-button-container div div a {
     color: white;
     background-color: #2e1a47;
     border: solid 1px transparent;
     padding: 1em 1.5em;
     transition: all 0.15s ease-in;
     font-weight: var(--truFontWtRg);
     font-size: 1.6rem;
     border-radius: 50px;
     margin-top: 0;
     line-height: 0.9em;
 }

 .navbar-secondary__cta-button-container div div a:hover {
     color: #2e1a47;
     border: solid 1px #2e1a47;
     background-color: #fff;
 }

 .navbar-secondary__link-li-item:hover {
     border: solid 1px #afabc9;
     background-color: #afabc9;
     color: #2e1a47;
     font-weight: var(--truFontWtRg);
 }

 .toggle-button,
 .navbar-secondary__link-li-item.active {
     border: solid 1px #2e1a47;
     color: #7c6992;
 }

 .navbar-secondary__link-li-item.active {
     border: 1px solid #2e1a47;
     background-color: white;
     color: #2e1a47;
     transition: all 0.15s ease-in;
     border-radius: 50px;
     margin-right: 12px;
     line-height: 1.6rem;
     font-size: 1.6rem;
 }

 .navbar-secondary__link-li-item.active:hover {
     background-color: #afabc9;
     color: #2e1a47;
     transition: all 0.15s ease-in;
     font-size: 1.6rem;
     border-radius: 50px;
     margin-top: 0;
     border: solid 1px #afabc9;
     line-height: 1.6rem;
 }

 .sticky {
     position: fixed;
     top: 0;
     width: 100%;
     transition: top .25s;
 }

 .sticky+.content {
     padding-top: 60px;
 }

 .hidden-cta {
     visibility: hidden;
 }

 .display--desktop {
     display: block;
 }

 .display--mobile {
     display: none;
 }

 .full-width {
     width: 100%;
 }

 .button-shadow {
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }

 .grow-text {
     font-size: 1.3rem;
 }

 .grow-button {
     padding: 1rem 1.7rem;
     margin: auto 1rem;
 }

 .overflow-visible {
     overflow: visible;
 }

 .no-horizontal-margin {
     margin-left: 0;
     margin-right: 0;
 }

 .dropdown-link-margin a {
     display: block;
     padding: 10px 20px !important;
     text-align: left;
     border: 0;
 }

 .blocker {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     content: " ";
     background: transparent;
 }

 .secondary-navbar--page-links-list li {
     margin-right: 12px;
 }

 .navbar-secondary__cta-wrapper {
     display: flex;
     justify-content: space-between;
     align-content: center;
     font-size: 1.6rem;
     line-height: 1em;
 }

 .navbar-secondary__cta-phone-container {
     /* margin-top: 0.2em;
  padding-right: 0.4em; */
     margin-top: 0;
     padding-right: 0;
 }

 .reset-secondary-navbar {
     position: absolute;
 }

 .secondary-navbar--floating-cta--bottom-of-page {
     bottom: -100px;
     transition: bottom .4s ease;
 }

 .navbar-secondary__cta-phone-container .cta .global-cta--link a {
     padding: 1rem 1.5rem;
     margin-bottom: 0;
 }

 @media only screen and (min-width: 1920px) {
     .sticky {
         width: 1920px;
     }
 }

 @media only screen and (max-width: 940px) {
     .navbar-secondary__container {
         background-color: #fff;
         display: flex;
         align-items: center;
         justify-content: space-between;
         position: relative;
         z-index: 3;
         padding-top: 10px;
         padding-bottom: 10px;
     }
     .navbar-secondary__cta-wrapper.secondary-navbar--no-cta-present {
         position: absolute;
     }
     .navbar-secondary__links {
         margin-right: 16px;
     }
     .navbar-secondary__h1 {
         flex-direction: column;
     }
     .navbar-secondary__cta-button-container {
         position: fixed;
         bottom: 0;
         left: 0;
         width: 100%;
         background-color: transparent;
         padding-bottom: 20px;
         padding-top: 20px;
         transition: bottom .4s ease;
         background: #fff;
     }
     .navbar-secondary__cta-button-container>.cta {
         display: flex;
         justify-content: center;
     }
     .navbar-secondary__cta-button-container div div a {
         display: block;
         background-color: #2e1a47;
         color: #fff;
         width: 90%;
         margin: auto !important;
         border-radius: 10px;
         font-size: 2.2rem;
         border: 0.5px solid #fff;
     }
     .display--desktop {
         display: none;
     }
     .display--mobile {
         display: block;
     }
     .toggle-button {
         border-radius: 50px;
         font-size: 1.6rem;
         padding: 1em 1.5em;
         background-color: #fff;
     }
     .fa-chevron-down {
         color: #7c6992;
         padding-left: 0.25em;
         padding-bottom: 0.1em;
     }
     .toggle-button:hover {
         color: #2e1a47 !important;
         background-color: #afabc9 !important;
         border: solid 1px #afabc9 !important;
     }
     .toggle-button:hover .fa-chevron-down {
         color: #2e1a47 !important;
     }
     .navbar-secondary__links>ul {
         flex-direction: column;
         padding-inline-start: 0;
     }
     #dropdown-menu {
         position: absolute;
         z-index: 100;
         background: #f7f7f7;
         min-width: 220px;
         right: 15px;
         top: -15px;
         border: solid 0.5px rgba(0, 0, 0, 0.1);
         border-radius: 10px;
         box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
     }
     .navbar-secondary__link.no-horizontal-margin {
         padding: 0.5rem 0;
         line-height: 1.5em;
     }
     .navbar-secondary__link:hover {
         border: 0;
     }
     .navbar-secondary__link.active {
         border: solid 1px transparent;
         color: #2e1a47;
         border-radius: 10px 0 0 10px;
         padding: 10px 20px !important;
         text-align: left;
         font-size: 1.8rem !important;
         line-height: 1.5em !important;
         background-color: transparent;
     }
     ul.secondary-navbar--page-links-list li:first-child a.navbar-secondary__link {
         border-radius: 10px 10px 0 0 !important;
     }
     ul.secondary-navbar--page-links-list li:last-child a.navbar-secondary__link {
         border-radius: 0 0 10px 10px !important;
     }
     ul.secondary-navbar--page-links-list li a.navbar-secondary__link {
         border-radius: 0 !important;
     }
     .dropLiHover {
         background-color: #eaeaea;
     }
     .dropLiHover:first-child {
         border-radius: 10px 10px 0 0;
     }
     .dropLiHover:last-child {
         border-radius: 0 0 10px 10px;
     }
     .secondary-navbar--page-links-list li {
         padding: 0;
         margin-right: 0;
     }
     .navbar-secondary__link {
         font-size: 1.8rem;
     }
     a.navbar-secondary__link {
         text-decoration: none;
     }
     .toggle-button {
         padding: 1rem 1.5rem;
         min-width: 15rem;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     .navbar-secondary__links {
         margin-right: 0;
     }
     .navbar-secondary__heading-container {
         margin-left: 0;
         margin-right: 1rem;
     }
 }

 @media (min-width: 941px) {
     .navbar-secondary__container {
         position: relative;
         justify-content: center;
         min-height: 5rem;
     }
     .navbar-secondary__heading-container {
         margin-left: 0;
         position: absolute;
         left: 1.5rem;
     }
     .navbar-secondary__links {}
     .navbar-secondary__cta-wrapper {
         position: absolute;
         right: 0;
     }
     .navbar-secondary__cta-phone-container {
         margin: auto
     }
     .secondarynavigation .cta a {
         margin-bottom: 0;
     }
     .navbar-secondary__cta-button-container .cta .global-cta-btn a {
         padding: 1rem 1.5rem;
         border-radius: 5rem
     }
 }

 .global-nav {
     font-size: 1.4rem;
     font-weight: 400;
     color: var(--truPurple800);
 }

 .global-nav.navbar {
     position: relative;
     display: block;
     padding: 0;
 }

 .global-nav.navbar .navbar-container {
     position: relative;
     display: flex;
     gap: 10px;
     flex-wrap: nowrap;
     align-items: center;
     width: 100%;
     max-width: 1600px;
     margin: 0 auto;
 }

 .global-nav.navbar .navbar-brand {
     padding: 0;
     margin: 0;
 }

 .global-nav.navbar .tru-burger {
     display: none;
     cursor: pointer;
     transition-property: opacity, filter;
     transition-duration: 0.15s;
     transition-timing-function: linear;
     font: inherit;
     color: inherit;
     text-transform: none;
     background-color: transparent;
     border: 0;
     margin: 0;
     overflow: visible;
 }

 /* .global-nav.navbar .tru-burger, */

 .global-nav.navbar .tru-burger:focus,
 .global-nav.navbar .tru-burger:focus-visible {
     outline: 3px solid var(--truPurple800);
     outline-offset: 2px;
     background: var(--truPurple100);
     border-radius: 50%;
     padding: 5px;
     right: 20px;
     top: 21px;
 }

 .global-nav.navbar .tru-burger:focus .tru-burger-inner,
 .global-nav.navbar .tru-burger:focus .tru-burger-inner::before,
 .global-nav.navbar .tru-burger:focus .tru-burger-inner::after {
     background-color: var(--truPurple700);
 }

 .global-nav.navbar .tru-burger:hover,
 .global-nav.navbar .tru-burger:active {
     outline: 2px solid var(--truNeutral500);
     background: var(--truPurple50);
     border-radius: 50%;
     padding: 5px;
     right: 20px;
     top: 21px;
 }

 .global-nav.navbar .tru-burger:hover .tru-burger-inner,
 .global-nav.navbar .tru-burger:hover .tru-burger-inner::before,
 .global-nav.navbar .tru-burger:hover .tru-burger-inner::after {
     background-color: var(--truPurple600);
 }

 .global-nav.navbar .tru-burger.is-active .tru-burger-inner,
 .global-nav.navbar .tru-burger.is-active .tru-burger-inner::before,
 .global-nav.navbar .tru-burger.is-active .tru-burger-inner::after {
     background-color: var(--truPurple600);
 }

 .global-nav.navbar .tru-burger-box {
     width: 22px;
     height: 22px;
     display: inline-block;
     position: relative;
 }

 .global-nav.navbar .tru-burger-inner {
     display: block;
     top: 50%;
     margin-top: -1px;
 }

 .global-nav.navbar .tru-burger-inner,
 .global-nav.navbar .tru-burger-inner::before,
 .global-nav.navbar .tru-burger-inner::after {
     width: 22px;
     height: 2px;
     position: absolute;
     transition-property: transform;
     transition-duration: 0.15s;
     transition-timing-function: ease;
 }

 .global-nav.navbar .tru-burger-inner::before,
 .global-nav.navbar .tru-burger-inner::after {
     content: "";
     display: block;
 }

 .global-nav.navbar .tru-burger-inner::before {
     top: -7px;
 }

 .global-nav.navbar .tru-burger-inner::after {
     bottom: -7px;
 }

 .global-nav.navbar .tru-burger--grip .tru-burger-inner {
     transition-duration: 0.075s;
     transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 }

 .global-nav.navbar .tru-burger--grip .tru-burger-inner::before {
     transition: top 0.075s 0.12s ease, opacity 0.075s ease;
 }

 .global-nav.navbar .tru-burger--grip .tru-burger-inner::after {
     transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
 }

 .global-nav.navbar .tru-burger--grip.is-active .tru-burger-inner {
     transform: rotate(45deg);
     transition-delay: 0.12s;
     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 }

 .global-nav.navbar .tru-burger--grip.is-active .tru-burger-inner::before {
     top: 0;
     opacity: 0;
     transition: top 0.075s ease, opacity 0.075s 0.12s ease;
 }

 .global-nav.navbar .tru-burger--grip.is-active .tru-burger-inner::after {
     bottom: 0;
     transform: rotate(-90deg);
     transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-section {
     width: 100%;
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-callout {
     width: auto;
     margin-left: 20px;
 }

 .global-nav .mobile-menu-toggle,
 .global-nav.navbar .navbar-bottom .navbar-nav,
 .global-nav.navbar .navbar-bottom .secondary-nav-section ul {
     list-style: none;
     margin: 0;
     padding: 0;
     flex-wrap: nowrap;
 }

 .global-nav.navbar .navbar-bottom .navbar-nav {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-section ul {
     display: inline-grid;
     grid-template-rows: repeat(5, auto);
     grid-auto-flow: column;
     column-gap: 2rem;
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-section ul.special {
     grid-template-rows: repeat(7, auto);
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-section ul li {
     width: 100%;
     font-size: 1.4rem;
     height: auto;
     max-width: 250px;
     min-width: 80px;
     overflow-wrap: break-word;
     padding-bottom: 0;
 }

 .global-nav.navbar .navbar-nav .nav-link {
     display: flex;
     align-items: center;
 }

 .global-nav.navbar .navbar-bottom .nav-item.dropdown {
     position: static;
 }

 .global-nav .navbar-bottom .dropdown-menu {
     width: 100%;
     max-width: 1600px;
     padding: 20px;
     border-radius: 10px;
 }

 .global-nav.navbar .navbar-bottom .dropdown.sign-in .dropdown-menu {
     width: 30%;
     left: revert;
     right: 0;
     padding: 0;
 }

 .global-nav.navbar .navbar-top .utility-nav {
     display: flex;
     align-items: center;
 }

 .global-nav .navbar-bottom .secondary-nav .dropdown-menu,
 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-menu {
     top: 100%;
     margin: 0;
 }

 .global-nav .navbar-bottom .dropdown-menu {
     top: 84px;
 }

 .global-nav .navbar-bottom .dropdown-menu .dropdown-container {
     display: flex;
     min-height: 200px;
 }

 .global-nav .navbar-bottom .dropdown-menu .dropdown-container .secondary-nav-section {
     padding: 20px;
 }

 .global-nav.navbar-expand-lg .navbar-bottom .navbar-nav .nav-link,
 .global-nav .navbar-bottom .dropdown-menu .dropdown-item {
     padding: 0;
 }

 .global-nav.navbar .dropdown-toggle {
     text-align: left;
 }

 .global-nav.navbar .dropdown-toggle::after {
     display: inline-block;
     padding: 2px;
     cursor: pointer;
     border-top: 0;
     border-right: 1.5px solid transparent;
     border-bottom: 1.5px solid transparent;
     border-left: 0;
     transform: rotate(45deg) translate(3px, -4px);
     margin-right: 10px;
     margin-bottom: 8px;
     transition: all .3s ease-in-out;
 }

 .global-nav.navbar .user-account .sign-in .dropdown-toggle::before {
     content: "";
     padding: 1px 0;
     background: transparent;
     transition: all .3s ease-in-out;
     position: absolute;
     bottom: 21px;
     left: 0;
     width: 100%;
 }

 /* .global-nav.navbar .show .dropdown-toggle::after, */

 .global-nav.navbar .secondary-nav .show .dropdown-toggle::after {
     transform: rotate(-135deg) translate(-6px, 0px);
 }

 .global-nav.navbar .secondary-nav .secondary-nav-item.show .nav-link .top-link-text {
     font-weight: 700;
     color: var(--truPurple800);
 }

 .global-nav.navbar .mobile-user-account,
 .global-nav .mobile-logo,
 .global-nav .mobile-drop-menu {
     display: none;
 }

 .global-nav .sign-in-form .form-group.input,
 .global-nav .sign-in-form .form-group.select-section {
     position: relative;
 }

 .global-nav .sign-in-form .form-group.input label {
     position: absolute;
     top: 20px;
     left: 20px;
     z-index: 1;
     transition: all .3s ease-in-out;
 }

 .global-nav .sign-in-form .form-group.input.is-focused label {
     position: absolute;
     top: 2px;
     left: 10px;
 }

 .global-nav .sign-in-form .form-group .form-control {
     height: 60px;
 }

 .global-nav .user-pasword .form-control {
     padding-right: 50px;
 }

 .global-nav .sign-in-form .form-group.select-section::after {
     content: "";
     display: inline-block;
     position: absolute;
     padding: 5px;
     cursor: pointer;
     border-top: 0;
     border-right: 1.5px solid transparent;
     border-bottom: 1.5px solid transparent;
     border-left: 0;
     transform: rotate(45deg);
     right: 70px;
     top: 20px;
     z-index: 1000;
     transition: all .3s ease-in-out;
 }

 .global-nav .sign-in-form .form-group.select-section.is-focused::after {
     transform: rotate(-135deg) translateY(-6px);
 }

 .global-nav .sign-in-form .form-group.select-section select {
     appearance: none;
 }

 .global-nav.navbar .dt-search {
     display: inline-block;
 }

 /* FDIC Logo :start */

 .tru-fdic-logoSec {
     display: table;
     width: 100%;
     max-width: 1600px;
     margin: 1px auto 15px;
 }

 .tru-fdic-logo {
     display: table-cell;
     width: 55px;
     padding-left: 15px;
 }

 .tru-fdic-logo img {
     vertical-align: text-bottom;
 }

 .tru-fdic-logoTagLine {
     display: table-cell;
     font-size: 1.28rem;
     font-weight: 400;
     font-style: normal;
     color: var(--truNeutral1000);
     padding: 0 15px 0 12px;
     line-height: normal;
     vertical-align: inherit;
 }

 /* FDIC logo :end */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     .global-nav .d-none {
         display: none !important;
     }
     .global-nav.navbar .navbar-brand {
         display: inline;
     }
     .global-nav.navbar .navbar-brand.d-logo,
     .global-nav .navbar-bottom .secondary-nav .dropdown-menu {
         display: none;
     }
     .global-nav.navbar .tru-burger {
         display: inline-block;
         position: absolute;
         right: 23px;
         top: 24px;
         line-height: 8px;
         padding: 2px;
     }
     .global-nav.navbar .navbar-container,
     .global-nav .navbar-bottom .dropdown-menu .dropdown-container,
     .global-nav.navbar .navbar-bottom .navbar-nav,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link,
     .global-nav.navbar .navbar-top .utility-nav,
     .global-nav.navbar .navbar-bottom .secondary-nav-section ul,
     .global-nav .navbar-bottom .secondary-nav-item.show .dropdown-menu.show,
     .global-nav.navbar .navbar-top .navbar-nav .nav-item .nav-link,
     .global-nav.navbar .mobile-user-account.sign-in {
         display: block;
     }
     .global-nav .secondary-nav .dropdown-menu {
         padding: 0;
     }
     .global-nav.navbar .navbar-bottom .nav-item.dropdown {
         position: relative;
     }
     .global-nav .navbar-nav .dropdown-menu {
         position: static;
     }
     .global-nav .mobile-drop-menu {
         margin: 0;
         padding: 0;
     }
     .global-nav .navbar-bottom .secondary-nav-item.show .dropdown-menu.show {
         border-top: 1px solid rgba(0, 0, 0, 0.1);
         top: 0;
         margin-top: 0;
     }
     /* secondary-nav-item BS5 reveal fix:      BS5 sets .show on the dropdown-menu (and toggle), not on the wrapping      .secondary-nav-item <li> as BS4 did. Reveal based on the menu's .show      so the dropdown expands on click. Specificity (0,4,1) beats the      0,4,0 default hide rule and the order keeps it inside this media query. */
     .global-nav .navbar-bottom .secondary-nav-item .dropdown-menu.show {
         display: block;
     }
     .global-nav .navbar-bottom .dropdown-menu .dropdown-container {
         column-gap: 0px;
         max-height: auto;
         min-height: auto;
         width: 100%;
     }
     .global-nav .navbar-bottom .dropdown-menu .dropdown-container .secondary-nav-section {
         padding: 0rem 3rem 1rem 3rem;
         background-color: var(--truNeutral0);
     }
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item {
         width: auto;
         margin: 0;
         padding: 0;
         text-align: left;
     }
     .global-nav.navbar .navbar-top .navbar-nav .nav-item {
         padding: 0;
     }
     .global-nav.navbar .navbar-top .navbar-nav .nav-item .nav-link,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
         width: 100%;
         position: relative;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link:hover span,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link span,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:hover span,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:active span,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.show .nav-link span {
         padding-bottom: 5px;
     }
     .global-nav.navbar .main-nav .mobile-drop .dropdown-toggle::after,
     .global-nav.navbar .navbar-bottom.show .secondary-nav .secondary-nav-item .dropdown-toggle::after,
     .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item .dropdown-toggle::after {
         display: inline-block;
         position: absolute;
         padding: 5px;
         cursor: pointer;
         border-top: 0;
         border-right: 1.5px solid transparent;
         border-bottom: 1.5px solid transparent;
         border-left: 0;
         transform: rotate(45deg);
         right: 30px;
         top: 17px;
         transition: all .3s ease-in-out;
     }
     .global-nav.navbar .main-nav .mobile-drop.show .dropdown-toggle::after,
     .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .dropdown-toggle::after {
         transform: rotate(-135deg);
         top: 19px;
     }
     .global-nav.navbar .navbar-bottom.show .secondary-nav .secondary-nav-item.show .dropdown-toggle::after {
         transform: rotate(-135deg);
         top: 24px;
     }
     .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .dropdown-menu {
         margin-top: 0;
         padding: 0;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }
     .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .dropdown-menu span {
         padding-left: 3rem;
         font-weight: 700;
         padding-bottom: 0;
     }
     .global-nav.navbar .dt-search {
         display: none;
     }
     .global-nav .nested-nav-title {
         margin-top: 2rem;
     }
     .global-nav.navbar .mobile-user-account {
         position: absolute;
         display: flex;
         align-items: center;
         justify-content: flex-start;
         flex-direction: row;
         column-gap: 2rem;
         top: 20px;
         right: 60px;
     }
     .global-nav.navbar .mobile-user-account>button::after {
         display: none;
     }
     .global-nav.navbar .open-account {
         position: absolute;
         top: 20px;
         right: 180px;
     }
     .global-nav.navbar .open-account .nav-link {
         padding: 1rem 1.5rem;
         border-radius: 5rem;
         color: var(--truPurple600);
         border: 1px solid var(--truPurple800);
         font-weight: 700;
     }
     .global-nav.navbar .mobile-user-account.sign-in {
         position: relative;
     }
     .global-nav.navbar .sign-in .nav-link {
         position: absolute;
         top: -79px;
         right: -1rem;
         padding: 1rem;
     }
     .global-nav .sign-in-form .btn-primary {
         width: 100%;
     }
 }

 @media (min-width: 0px) and (max-width: 767.98px) {
     .global-nav.navbar .navbar-top,
     .global-nav.navbar .navbar-bottom/*, .global-nav.navbar .navbar-nav.sign-in .dropdown-menu*/
         {
         max-width: 100%;
         position: relative;
         left: 0%;
     }
 }

 /* Open account button postioning portrait vs. landscape */

 @media (min-width: 0px) and (max-width: 499px) {
     .global-nav.navbar .navbar-top,
     .global-nav.navbar .navbar-bottom {
         margin-top: -2px;
     }
     .global-nav.navbar .navbar-brand img {
         margin-top: 0px;
         margin-bottom: 0px;
     }
 }

 /*Override Bootstrap media queries */

 @media (min-width: 1023.98px) {
     .global-nav.navbar-expand-lg .navbar-collapse:not(.show).navbar-top,
     .global-nav.navbar-expand-lg .navbar-collapse:not(.show).navbar-bottom {
         display: none !important;
     }
     .global-nav.navbar-expand-lg .navbar-collapse.show.navbar-top,
     .global-nav.navbar-expand-lg .navbar-collapse.show.navbar-bottom {
         display: block !important;
     }
     .global-nav.navbar-expand-lg .navbar-nav {
         flex-direction: column;
     }
 }

 @media (min-width: 1023.98px) {
     .global-nav.navbar-expand-lg .navbar-collapse:not(.show).navbar-top,
     .global-nav.navbar-expand-lg .navbar-collapse:not(.show).navbar-bottom {
         display: block !important;
     }
     .global-nav.navbar-expand-lg .navbar-nav {
         flex-direction: row;
     }
     .global-nav.navbar-expand-lg .navbar-nav.opn-actfixed-bottom {
         display: none;
     }
     .global-nav.global-nav.navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute !important;
     }
 }

 .global-nav.navbar {
     background: var(--truNeutral0);
 }

 .global-nav.navbar .navbar-top,
 .global-nav.navbar .navbar-top .navbar-container {
     background: var(--truPurple800);
     color: var(--truDawn200);
 }

 .global-nav.navbar .navbar-bottom,
 .global-nav.navbar .navbar-bottom .navbar-container {
     background: var(--truNeutral0);
 }

 .global-nav.navbar .navbar-brand {
     background: var(--truNeutral0);
 }

 .global-nav.navbar .navbar-brand img {
     width: 150px;
     height: 60px;
     margin-top: 7px;
     margin-bottom: 8px;
     margin-left: -5px;
 }

 .global-nav.navbar .tru-burger.is-active .tru-burger-inner,
 .global-nav.navbar .tru-burger.is-active .tru-burger-inner::before,
 .global-nav.navbar .tru-burger.is-active .tru-burger-inner::after {
     background-color: var(--truPurple600);
 }

 .global-nav.navbar .tru-burger-inner,
 .global-nav.navbar .tru-burger-inner::before,
 .global-nav.navbar .tru-burger-inner::after {
     background-color: var(--truPurple500);
     border-radius: 2px;
 }

 .global-nav.navbar .navbar-top .main-nav {
     column-gap: 1rem;
 }

 .global-nav.navbar .navbar-top .utility-nav,
 .global-nav.navbar .navbar-top .utility-nav li {
     background: var(--truPurple800);
     z-index: 11;
 }

 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-menu {
     z-index: 11;
 }

 .global-nav.navbar .navbar-top .utility-nav li {
     padding-top: .05rem;
     padding-right: .5rem;
     padding-left: .5rem;
 }

 .global-nav.navbar .navbar-top .utility-nav .more {
     z-index: 1;
 }

 .global-nav.navbar .navbar-top .nav-link,
 .global-nav.navbar .navbar-top .nav-item.active .nav-link {
     position: relative;
     z-index: 3;
     background: var(--truPurple800);
     color: var(--truDawn200);
     text-decoration: none;
     line-height: var(--truLnHghtMicro);
     font-size: var(--truTxtSizeMicro);
 }

 .global-nav.navbar .navbar-top .nav-link:hover,
 .global-nav.navbar .navbar-top .nav-link:active,
 .global-nav.navbar .navbar-top .nav-item.active .nav-link:hover {
     color: var(--truNeutral0);
     text-decoration: underline;
 }

 .global-nav.navbar .navbar-top .nav-link:focus {
     color: var(--truNeutral0);
     text-decoration: none;
     outline: 1px solid var(--truNeutral0);
     border-radius: .75rem;
     outline-offset: -3px;
 }

 .global-nav.navbar .navbar-top .utility-nav .more .nav-link:hover,
 .global-nav.navbar .navbar-top .utility-nav .more.show,
 .global-nav.navbar-light .navbar-top .utility-nav .more.show>.nav-link {
     color: var(--truNeutral0);
     text-decoration: underline;
 }

 /* .global-nav.navbar .navbar-top .utility-nav .more .nav-link::after {
  display: none;
} */

 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-menu {
     font-size: inherit;
     margin-top: 0;
     min-width: 200px;
     min-height: 45px;
     border-radius: 1.5rem;
     width: auto;
     left: revert;
     top: unset;
     right: 10px;
     padding: 0px;
     background: var(--truNeutral50);
     overflow: hidden;
     filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
 }

 .global-nav.navbar .navbar-top .utility-nav .more.show .dropdown-menu.show {
     top: 39px;
 }

 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-item {
     color: var(--truPurple500);
     padding: 0.75rem 1.5rem .75rem 1rem;
     text-decoration: none;
     background: var(--truNeutral0);
     transition: all 0.25s ease-in-out;
 }

 /* .global-nav.navbar .navbar-top .nav-link span {
  border-bottom: 1px solid transparent;
} */

 .global-nav.navbar .navbar-top .nav-item.active .nav-link span,
 .global-nav.navbar .navbar-top .nav-item .nav-link:hover span,
 .global-nav.navbar .navbar-top .nav-item.active .nav-link:active span {
     /* border-bottom: 1px solid var(--truNeutral0); */
     text-decoration: underline;
 }

 .global-nav.navbar .navbar-top .nav-item.more .nav-link span,
 .global-nav.navbar .navbar-top .nav-item.more .nav-link:hover span,
 .global-nav.navbar .navbar-top .nav-item.more.show .nav-link:hover span,
 .global-nav.navbar .navbar-top .nav-item.more.show .nav-link:active span {
     border-bottom: 2px solid transparent;
 }

 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-item:hover,
 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-item:focus,
 .global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-menu .dropdown-item:hover {
     background: var(--truPurple600);
     color: var(--truNeutral0);
     text-decoration: none;
 }

 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-item span::after {
     content: "";
     border: 2px solid var(--truPurple500);
     border-width: 0 2px 2px 0;
     display: inline-block;
     padding: 3px;
     transform: rotate(-45deg);
     position: absolute;
     left: calc(100% - 2.5rem);
     text-align: center;
     margin-top: 9px;
     transition: all 0.25s ease-in-out;
 }

 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-item:hover span::after,
 .global-nav.navbar .navbar-top .utility-nav .more .dropdown-item:focus span::after {
     border: 2px solid var(--truNeutral0);
     border-width: 0 2px 2px 0;
     transform: translate(5px) rotate(-45deg);
     -moz-transform: translate(5px) rotate(-45deg);
     -o-transform: translate(5px) rotate(-45deg);
     -ms-transform: translate(5px) rotate(-45deg);
 }

 .global-nav.navbar .navbar-bottom {
     background: var(--truNeutral0);
 }

 .global-nav .navbar-bottom .navbar-nav {
     column-gap: 1.5rem;
 }

 .global-nav.navbar .navbar-bottom .nav-link,
 .global-nav.navbar .navbar-bottom .nav-link:hover,
 .global-nav.navbar .navbar-bottom .nav-link:active,
 .global-nav.navbar .navbar-bottom .nav-item.active .nav-link,
 .global-nav.navbar .navbar-bottom .nav-item.active .nav-link:hover,
 .global-nav.navbar .navbar-bottom .nav-item .nav-link:focus {
     color: var(--truPurple800);
 }

 .global-nav.navbar .navbar-bottom .nav-item .nav-link:focus {
     text-decoration: none;
     outline: 1px solid var(--truNeutral500);
     border-radius: .2rem;
 }

 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
     padding-top: 0px;
     white-space: normal;
     width: 100%;
     line-height: var(--truLnHghtMicro);
     text-align: center;
     text-decoration: none;
     font-size: var(--truTxtSizeMicro);
 }

 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link span,
 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.user-account .nav-link span,
 .global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link {
     border-bottom: 2px solid transparent;
     padding-bottom: 5px;
     display: inline-block;
 }

 /* .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link:hover span ,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link span ,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:hover span ,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:active span ,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.show .nav-link span,
.global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link:hover,
.global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link:focus   {
  border-bottom: 2px solid var(--truPurple800);
} */

 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item .nav-link.dropdown-toggle:hover span,
 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item.active .nav-link.dropdown-toggle span,
 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item.active .nav-link.dropdown-toggle:hover span,
 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item.active .nav-link:active span,
 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item.show .nav-link.dropdown-toggle span,
 .global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link.dropdown-toggle:hover,
 .global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link.dropdown-toggle:focus,
 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item .nav-link:hover {
     color: var(--truPurple600);
     text-decoration: underline;
     font-weight: 400;
 }

 .global-nav .navbar-bottom .dropdown-menu {
     border-radius: 0px 0px 10px 10px;
     border: 0;
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-section {
     background: var(--truNeutral50);
     border-radius: 10px;
     width: 100%;
     margin: 0;
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-section h4 {
     font-size: 1.6rem;
     font-weight: 700;
     line-height: 22px;
     color: var(--truPurple800);
     margin-bottom: 0.5rem;
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-section .dropdown-item {
     font-weight: 300;
     color: var(--truPurple800);
     text-decoration: none;
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-section .dropdown-item:hover,
 .global-nav.navbar .navbar-bottom .secondary-nav-section .dropdown-item:focus {
     font-weight: 700;
     background: none;
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-item .secondary-nav-callout,
 .global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(2) .secondary-nav-callout,
 .global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(4) .secondary-nav-callout {
     background: var(--truSky200);
     /* background changes depending on the callout*/
     border-radius: 10px;
     color: var(--truPurple800);
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(3) .secondary-nav-callout,
 .global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(5) .secondary-nav-callout {
     background: var(--truPurple500);
     color: var(--truNeutral0);
 }

 .global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(7) .secondary-nav-callout {
     background: var(--truPurple800);
     color: var(--truNeutral0);
 }

 .global-nav .navbar-bottom .user-account {
     column-gap: 1rem;
 }

 .global-nav .navbar-bottom .sign-in {
     display: flex;
     height: 100%;
     align-items: center;
     padding-right: .75rem;
     padding-left: .75rem;
 }

 .global-nav.navbar .navbar-bottom .dropdown.sign-in .dropdown-menu {
     background: var(--truNeutral50);
 }

 .global-nav.navbar .dropdown-toggle::after {
     border-color: var(--truPurple500);
 }

 .global-nav.navbar .sign-in .dropdown-toggle::after {
     position: absolute;
     left: -8px;
     border-color: transparent;
     margin-bottom: 0px;
     margin-left: 5px;
     width: 22px;
     height: 22px;
     background: url('../../../content/dam/global-images/global-navigation/signin-icon.svg') no-repeat center center;
     transform: rotate(-0deg);
 }

 .global-nav.navbar .user-account .sign-in .dropdown-toggle:hover::before,
 .global-nav.navbar .user-account .sign-in.show .dropdown-toggle::before,
 .global-nav.navbar .user-account .sign-in.show .dropdown-toggle:hover::before {
     background: var(--truPurple800);
 }

 .global-nav.navbar .sign-in.show .dropdown-toggle::after {
     border-color: transparent;
     margin-bottom: 0px;
     transform: rotate(0deg);
 }

 .global-nav .dropdown-menu h2 {
     margin-top: 1rem;
     text-align: center;
     font-size: 2.6rem;
     line-height: 32px;
     font-weight: 300;
 }

 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.sign-in .nav-link.dropdown-toggle {
     position: relative;
     padding-top: 28px;
     padding-bottom: 28px;
     padding-left: 1.25rem;
     transform: translateY(-3px);
 }

 @media (min-width: 0px) and (max-width: 1023.98px) {
     .global-nav.navbar .navbar-brand {
         width: 125px;
         height: 50px;
     }
     .global-nav.navbar .navbar-brand img {
         margin-left: 0px;
     }
     .global-nav .mobile-drop a {
         font-size: 1.4rem;
     }
     .global-nav .mobile-drop-menu {
         background-color: var(--truPurple800);
         border-radius: 0;
         display: none;
     }
     .global-nav .mobile-drop-menu.show {
         display: block;
     }
     .global-nav.navbar .navbar-top .navbar-nav .nav-item {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         min-height: 50px;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav.user-account {
         display: none;
     }
     .global-nav.navbar .navbar-top .nav-link,
     .global-nav.navbar .navbar-top .nav-link .top-link-text,
     .global-nav.navbar .navbar-top .nav-item.active .nav-link span,
     .global-nav.navbar .navbar-top .nav-item .nav-link span,
     .global-nav.navbar .navbar-top .nav-item.active .nav-link,
     .global-nav.navbar .nav-item.active .nav-link .top-link-text,
     .global-nav.navbar .nav-item.show .nav-link .top-link-text,
     .global-nav.navbar .navbar-top .nav-item .nav-link:hover span,
     .global-nav.navbar .navbar-top .nav-item.active .nav-link:active span,
     .global-nav.navbar .navbar-top .nav-link:active,
     .global-nav.navbar .navbar-top .nav-item.active .nav-link:hover,
     .global-nav.navbar .secondary-nav .secondary-nav-item.show .nav-link .top-link-text {
         text-decoration: none;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav.user-account a.nav-link:hover,
     .global-nav.navbar .navbar-bottom .navbar-nav.user-account a.nav-link:focus {
         border-bottom: none;
     }
     .global-nav.navbar .navbar-top .nav-item.active .mobile-drop-menu .nav-link {
         -webkit-text-stroke: unset;
         font-weight: 300;
     }
     .global-nav .navbar-bottom .utility-nav .nav-link {
         color: var(--truNeutral0);
     }
     .global-nav.navbar .navbar-top .navbar-nav .nav-item .nav-link {
         padding: 1rem;
         margin-top: 5px;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item:not(.more),
     .global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-menu .dropdown-item {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         min-height: 50px;
     }
     .global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-menu .dropdown-item {
         display: flex;
         align-items: center;
         color: var(--truNeutral0);
         font-size: 1.4rem;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
         padding-top: 1.5rem;
         padding-right: 1rem;
         padding-bottom: 1rem;
         padding-left: 1rem;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav.utility-nav .nav-item.more .nav-link {
         padding-left: 1.25rem;
     }
     .global-nav.navbar .navbar-bottom .nav-item.show .nav-link {
         border-bottom: none;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link:hover span,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link span,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:hover span,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:active span,
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.show .nav-link span {
         border-bottom: 2px solid transparent;
     }
     .global-nav.navbar .main-nav .mobile-drop .dropdown-toggle::after {
         border-right: 1.5px solid var(--truNeutral0);
         border-bottom: 1.5px solid var(--truNeutral0);
         top: 12px;
         margin-right: 0;
     }
     .global-nav.navbar .navbar-bottom.show .secondary-nav .secondary-nav-item .dropdown-toggle::after {
         border-right: 1.5px solid var(--truPurple500);
         border-bottom: 1.5px solid var(--truPurple500);
         margin-right: 0;
         top: 22px;
     }
     .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item .dropdown-toggle::after {
         border-right: 1.5px solid var(--truNeutral0);
         border-bottom: 1.5px solid var(--truNeutral0);
     }
     .global-nav.navbar .navbar-bottom .secondary-nav-section h4 {
         font-size: 1.4rem;
         margin-bottom: 15px;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav.utility-nav {
         background: var(--truPurple800);
     }
     .global-nav.navbar .utility-nav .nav-link::before {
         position: absolute;
         top: 19px;
         left: 1rem;
     }
     .global-nav.navbar .navbar-bottom .utility-nav .nav-item .nav-link,
     .global-nav.navbar .navbar-bottom .utility-nav .nav-item.show .nav-link {
         color: var(--truNeutral0);
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     }
     .global-nav.navbar .navbar-bottom .utility-nav .nav-item.show .nav-link {
         background: var(--truPurple500);
         border-radius: 0px;
     }
     /* Beat the BS5 base rule .dropdown-menu { background-color: var(--bs-dropdown-bg) }
     by overriding the same property; key off .more (always present) instead of
     .nav-item.show to avoid BS5/jQuery .show timing desync. */
     .global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-menu {
         background-color: var(--truPurple500) !important;
         border-radius: 0px;
     }
     .global-nav.navbar .open-account .nav-link {
         padding: 6px 16px;
         border-radius: 33px;
         text-decoration: none;
         color: var(--truPurple600);
         font-weight: 700;
         border: 1px solid var(--truPurple800);
         background: transparent;
         font-size: 1.6rem;
     }
     .global-nav.navbar .navbar-nav.sign-in .nav-link {
         font-size: 1.6rem;
         color: var(--truPurple800);
         font-weight: 700;
     }
 }

 .global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle::after,
 .global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle:active::after {
     border-right: 1px solid var(--truDawn200);
     border-bottom: 1px solid var(--truDawn200);
     margin-bottom: 4px;
     padding: 3px;
     transition: all 0.25s ease-in-out;
 }

 .global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle:hover::after,
 .global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle:focus::after {
     border-right: 1px solid var(--truNeutral0);
     border-bottom: 1px solid var(--truNeutral0);
 }

 .global-nav.navbar .navbar-top .nav-util-links.more.show .dropdown-toggle::after {
     border-right: 1px solid var(--truNeutral0);
     border-bottom: 1px solid var(--truNeutral0);
     margin-bottom: -1px;
     transform: rotate(-135deg) translate(-4px, 0)
 }

 .global-nav .utility-nav {
     margin-right: 0;
 }

 .global-nav .main-nav {
     margin-left: 10px;
 }

 .global-nav .nav-item {
     margin: 0;
     padding: 0;
 }

 .global-nav .utility-nav .dropdown {
     position: relative !important;
 }

 .global-nav .navbar .navbar-bottom .navbar-nav .nav-item.sign-in .nav-link.dropdown-toggle {
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .global-nav a {
     text-decoration: none;
 }

 .global-nav .top-util-image {
     display: block;
     width: 15px;
     height: 15px;
     margin-right: 5px;
 }

 .global-nav .top-signin-image {
     display: block;
     width: 15px;
     height: 15px;
     margin-left: 5px;
 }

 .global-nav .sign-in a:is(:hover,
 :focus,
 :active) .top-signin-image {
     display: block;
     filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(54deg) brightness(106%) contrast(101%);
 }

 .global-nav .sign-in .sign-in-link {
     border: 2px solid var(--truPurple800);
     padding: 5px !important;
     background: transparent;
     text-align: center;
     color: var(--truPurple800);
     width: auto;
     border-radius: 5px;
     margin-top: -15px;
 }

 .global-nav .mobile-user-account .sign-in-link {
     margin-top: 5px;
 }

 .global-nav .sign-in .sign-in-link:hover,
 .sign-in .sign-in-link:focus {
     color: var(--truNeutral0) !important;
     background-color: var(--truPurple800);
 }

 /*Different product nav dropdown percentages*/

 .global-nav.navbar .navbar-bottom .fullwidth .secondary-nav-section {
     width: 100%;
 }

 .global-nav.navbar .navbar-bottom .fullwidth .secondary-nav-callout {
     display: none !important/*bootstrap used !importan, so its better to override here*/
 }

 .global-nav.navbar .navbar-bottom .thirtypercent .secondary-nav-section {
     padding-right: 0;
 }

 .global-nav.navbar .navbar-bottom .thirtypercent .secondary-nav-callout {
     width: 30%;
 }

 .global-nav.navbar .navbar-bottom .fiftypercent .secondary-nav-section {
     width: 50%;
 }

 .global-nav.navbar .navbar-bottom .fiftypercent .secondary-nav-callout {
     width: 50%;
 }

 .global-nav a:focus:not(:focus-visible) {
     outline: 0;
 }

 /*promo static card*/

 @media(min-width:992px) {
     .global-nav .staticcard {
         height: 100%;
     }
     .global-nav .truist-global-staticcard-column {
         border: none;
         height: 100%;
         padding: 3rem;
         display: grid;
         grid-template-columns: repeat(2, auto);
         grid-template-rows: repeat(3, min-content);
         grid-column-gap: 3rem;
     }
     .global-nav .truist-global-staticcard-column-white {
         background: var(--truPurple500);
         color: var(--truNeutral0);
     }
     .global-nav .truist-global-staticcard-column-grey {
         background: var(--truPurple800);
         color: var(--truNeutral0);
     }
     .global-nav .truist-global-staticcard-column-transparent {
         background: var(--truSky200);
         color: var(--truPurple800);
     }
     .global-nav .truist-global-staticcard-row:nth-child(1) {
         grid-area: 1/2/4/3;
         align-self: center;
         justify-self: center;
         margin-bottom: 0;
     }
     .global-nav .truist-global-staticcard-row:nth-child(2),
     .global-nav .truist-global-staticcard-img-badge {
         display: none;
     }
     .global-nav .truist-global-staticcard-cardtitle {
         color: var(--truNeutral0);
     }
     .global-nav .truist-global-staticcard-cardcontent,
     .global-nav .truist-global-staticcard-cardcontent~p {
         padding: 0;
         font-size: 1.8rem;
         line-height: 2.4rem;
         margin-bottom: 0;
         color: var(--truNeutral0);
     }
     .global-nav .truist-global-staticcard-card-cta-button {
         margin-top: 0;
     }
     .global-nav .staticcard .global-cta-btn a,
     .global-nav .staticcard .global-cta--link a,
     .global-nav .staticcard .btn {
         padding: 0;
         border: none;
         border-radius: 0;
         color: var(--truNeutral0);
         text-decoration: underline;
         text-align: left;
         margin-bottom: 0;
     }
     .global-nav .truist-global-staticcard-column-transparent .truist-global-staticcard-cardtitle,
     .global-nav .truist-global-staticcard-column-transparent .truist-global-staticcard-cardcontent,
     .global-nav .truist-global-staticcard-column-transparent .truist-global-staticcard-cardcontent~p,
     .global-nav .truist-global-staticcard-column-transparent .global-cta-btn a,
     .global-nav .truist-global-staticcard-column-transparent .global-cta--link a,
     .global-nav .truist-global-staticcard-column-transparent .btn {
         color: var(--truPurple800);
     }
     .global-nav .staticcard .global-cta--link a::after,
     .global-nav .staticcard .global-cta--link:focus>a::after {
         display: none;
     }
     .global-nav .truist-global-staticcard-content-padding {
         padding: 0;
     }
 }

 @media (min-width: 0px) and (max-width: 1023.98px) {
     .global-nav .main-nav {
         margin-left: 0;
     }
     .global-nav.navbar .open-account {
         top: 15px;
     }
     .global-nav .top-util-image {
         display: inline-block;
     }
     .global-nav .truist-global-staticcard-column {
         flex: 1 0 100%;
         max-width: 100%;
         width: 100%;
         margin-top: 0;
     }
     .global-nav.navbar .navbar-bottom .thirtypercent {
         width: 100%;
         min-width: 100%;
         padding: 0;
         background: var(--truClrNtrlWht);
     }
     .global-nav .navbar-bottom .dropdown-menu .dropdown-container .secondary-nav-section {
         padding: 0rem 0rem 1rem 0rem;
     }
     .tru-fdic-logo img {
         vertical-align: middle;
     }
     .tru-fdic-logoTagLine {
         vertical-align: inherit;
     }
 }

 @media (min-width: 0px) and (max-width: 525px) {
     .tru-fdic-logo img {
         margin-top: 4px;
     }
     .tru-fdic-logo img,
     .tru-fdic-logoTagLine {
         vertical-align: middle;
     }
 }

 @media (min-width: 0px) and (max-width: 499px) {
     .global-nav.navbar .open-account {
         display: none;
     }
 }

 @media (min-width: 1023.99px) {
     .global-nav .secondary-nav-section>div {
         padding-bottom: 2rem;
         padding-right: 4rem;
     }
     .global-nav .secondary-nav-callout .nav-callout-card {
         height: 100%;
     }
     .global-nav .secondary-nav-callout .nav-callout-card .root.responsivegrid {
         display: flex;
     }
 }

 @media (min-width: 767.99px) and (max-width: 1023.98px) {
     .navbar-mobile-container {
         position: absolute;
         width: 43%;
         right: 0;
         z-index: 999;
         top: 84px;
     }
 }

 /*Mobile Menu full with*/

 @media (min-width: 0px) and (max-width: 767.98px) {
     .global-nav.navbar.is-activate {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 999;
         overflow: auto;
     }
     body.is-activate {
         overflow: hidden;
     }
     .global-nav.navbar .navbar-bottom .navbar-nav.utility-nav {
         padding-bottom: 100px;
     }
 }

 .global-nav.navbar .collapsing {
     transition: none;
 }

 /*Different screen-width nav items wrap*/

 @media (min-width: 0px) and (max-width: 1023.99px) {
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
         text-align: left;
         width: auto;
     }
 }

 @media only screen and (min-width: 375px) and (max-width: 1023.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
     #open-act-mobile {
         display: block;
     }
 }

 @media (min-width: 1024px) and (max-width: 1235px) {
     .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
         text-align: center;
         width: min-content;
         min-width: 75px;
         line-height: 1.2;
     }
 }

 /*Open Account Custom button*/

 .global-nav .open-act-group .btn-global-nav.btn {
     padding: 6px 12px;
     border-radius: 10rem;
     line-height: normal;
     font-size: inherit;
     margin-bottom: 1rem;
     font-weight: 700;
     min-width: 95px;
     height: 36px;
     margin-right: 15px;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
 }

 .global-nav .open-act-group .btn-global-nav.btn.-opn-button {
     color: var(--truNeutral0);
     background: var(--truPurple500);
     border: 1px solid var(--truPurple500);
 }

 .global-nav .open-act-group .btn-global-nav.btn.-opn-button:hover,
 .global-nav .open-act-group .btn-global-nav.btn.-opn-button:active {
     color: var(--truNeutral0);
     background: var(--truPurple600);
 }

 .global-nav .open-act-group .btn-global-nav.btn.-opn-button:focus {
     color: var(--truNeutral0);
     background: var(--truPurple600);
     outline: 1px solid var(--truNeutral0) !important;
     outline-offset: -3px;
 }

 .global-nav .open-act-group .btn-global-nav.btn.-opn-button::after,
 .global-nav .open-act-group .btn-global-nav.btn.-opn-button:active::after,
 .global-nav .open-act-group .btn-global-nav.btn.-opn-button:hover::after,
 .global-nav .open-act-group .btn-global-nav.btn.-opn-button:focus::after {
     border-right: 2px solid var(--truNeutral0);
     border-bottom: 2px solid var(--truNeutral0);
     margin-bottom: -2px;
     padding: 3px;
     transform: rotate(45deg) translate(-2px, 0);
     transition: all 0.25s ease-in-out;
 }

 .global-nav .open-act-group.show .btn-global-nav.btn.-opn-button {
     color: var(--truNeutral0);
     background: var(--truPurple600);
 }

 .global-nav .open-act-group.show .btn-global-nav.btn.-opn-button[aria-expanded="true"]::after {
     border-right: 2px solid var(--truNeutral0);
     border-bottom: 2px solid var(--truNeutral0);
     margin-bottom: -1px;
     transform: rotate(-135deg) translate(0px, 0)
 }

 .global-nav .open-act-group.show .btn-global-nav.btn.-opn-button:hover:after,
 .global-nav .open-act-group.show .btn-global-nav.btn.-opn-button:focus:after {
     border-right: 2px solid var(--truPurple600);
     border-bottom: 2px solid var(--truPurple600);
     margin-bottom: -5px;
 }

 .global-nav .open-act-group.show .btn-global-nav.btn.-opn-button:hover:after,
 .global-nav .open-act-group.show .btn-global-nav.btn.-opn-button:focus:after {
     border-right: 2px solid var(--truNeutral0);
     border-bottom: 2px solid var(--truNeutral0);
 }

 /* Sign-in button updates */

 .global-nav .open-act-group .btn-global-nav.btn.signIn-btn {
     font-size: 1.8rem;
     color: var(--truPurple500);
     background: var(--truNeutral0);
     border: .2rem solid var(--truPurple500);
     text-align: center;
 }

 .global-nav .open-act-group .btn-global-nav.btn.signIn-btn::after,
 .global-nav .open-act-group .btn-global-nav.btn.signIn-btn:active::after,
 .global-nav .open-act-group .btn-global-nav.btn.signIn-btn:hover::after,
 .global-nav .open-act-group .btn-global-nav.btn.signIn-btn:focus::after {
     border-right: 2px solid var(--truPurple500);
     border-bottom: 2px solid var(--truPurple500);
     margin-bottom: -2px;
     margin-left: 0;
     padding: 3px;
     transition: all 0.25s ease-in-out;
 }

 .global-nav .open-act-group.show .btn-global-nav.btn.signIn-btn::after {
     border-right: 2px solid var(--truPurple500);
     border-bottom: 2px solid var(--truPurple500);
     margin-bottom: -2px;
     transform: rotate(-135deg) translate(-4px, 0)
 }

 .global-nav .open-act-group .btn-global-nav.btn.signIn-btn:hover,
 .global-nav .open-act-group .btn-global-nav.btn.signIn-btn:active {
     color: var(--truPurple600);
     background: var(--truPurple50);
     border: .2rem solid var(--truPurple600);
 }

 .global-nav .open-act-group .btn-global-nav.btn.signIn-btn:focus {
     color: var(--truPurple600);
     background: var(--truPurple50);
     border: .2rem solid var(--truPurple600);
     outline: 1px solid var(--truPurple600) !important;
     outline-offset: -4px;
 }

 .global-nav .open-act-group .dropdown-menu {
     font-size: inherit;
     margin-top: 0;
     min-width: 200px;
     min-height: 45px;
     border-radius: 1.5rem;
     width: auto;
     left: revert;
     top: unset;
     padding: 0px;
     background: var(--truNeutral50);
     overflow: hidden;
     filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
 }

 .global-nav .open-act-group .dropdown-menu {
     right: 0;
 }

 .global-nav .open-act-group .signIn_menu-opn-button~.dropdown-menu,
 .global-nav .nav-item.open-act-link.open-act-group .btn-global-nav.btn.dropdown-toggle.-opn-button~.dropdown-menu.-opn-ul {
     min-width: 225px;
 }

 .global-nav .open-act-group .dropdown-menu:not(.-opn-ul),
 .global-nav .user-account .open-act-group:only-child .dropdown-menu.show {
     right: 0;
 }

 .global-nav .nav-item.open-act-link.open-act-group .btn-global-nav.btn.dropdown-toggle.-opn-button~.dropdown-menu.-opn-ul li,
 .global-nav .open-act-group .dropdown-menu ul li,
 .global-nav .open-act-group .dropdown-menu .open-act-li {
     padding: 0;
 }

 .global-nav .open-act-group .dropdown-menu .open-act-item {
     color: var(--truPurple500);
     background: var(--truNeutral0);
     padding: 0.75rem 1.5rem .75rem 1rem;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     text-decoration: none;
     transition: all 0.25s ease-in-out;
 }

 .global-nav .open-act-group .dropdown-menu .open-act-item:hover,
 .global-nav .open-act-group .dropdown-menu .open-act-item:focus,
 .global-nav .open-act-group .dropdown-menu .open-act-item:active {
     background: var(--truPurple600);
     color: var(--truNeutral0);
 }

 .global-nav .open-act-group .dropdown-menu .open-act-item::after {
     content: "";
     border: 2px solid var(--truPurple500);
     border-width: 0 2px 2px 0;
     display: inline-block;
     padding: 3px;
     transform: rotate(-45deg);
     position: absolute;
     left: calc(100% - 2.5rem);
     text-align: center;
     margin-top: 9px;
     transition: all 0.25s ease-in-out;
 }

 .global-nav .open-act-group .dropdown-menu .open-act-item:hover::after,
 .global-nav .open-act-group .dropdown-menu .open-act-item:focus::after {
     border: 2px solid var(--truNeutral0);
     border-width: 0 2px 2px 0;
     transform: translate(5px) rotate(-45deg);
     -moz-transform: translate(5px) rotate(-45deg);
     -o-transform: translate(5px) rotate(-45deg);
     -ms-transform: translate(5px) rotate(-45deg);
 }

 @media (min-width: 0px) and (max-width: 1023.98px) {
     .global-nav .opn-actfixed-bottom {
         position: fixed;
         right: 0;
         bottom: 0;
         left: 0;
         opacity: 1;
         z-index: 999;
         display: block;
     }
     .global-nav .opn-actfixed-bottom .btn {
         background: var(--truPurple800);
         color: var(--truNeutral0);
         border-top: 1px solid var(--truNeutral0);
         margin-bottom: 0;
         position: fixed;
     }
     .global-nav .open-act-group .btn-global-nav.btn {
         border-radius: 0px;
         border-top: 1px solid var(--truNeutral0);
         width: 100%;
         bottom: 0;
         display: flex;
         justify-content: center;
         align-items: center;
         min-height: 60px;
         margin-bottom: 0px;
     }
     .global-nav .open-act-group .btn-global-nav.btn::after {
         margin-bottom: 2px;
     }
     .global-nav .opn-actfixed-bottom .dropdown-menu {
         width: 95%;
         margin-bottom: 70px;
         margin-left: auto;
         margin-right: auto;
         position: relative;
     }
     .global-nav .opn-actfixed-bottom .btn-global-nav.btn::after,
     .global-nav .opn-actfixed-bottom .btn-global-nav.btn:active::after,
     .global-nav .opn-actfixed-bottom .btn-global-nav.btn:hover::after,
     .global-nav .opn-actfixed-bottom .btn-global-nav.btn:focus::after {
         margin-bottom: -5px;
         margin-left: 10px;
         transform: rotate(-135deg);
     }
     .global-nav .opn-actfixed-bottom.show .btn-global-nav.btn::after {
         margin-bottom: 2px;
         transform: rotate(45deg);
     }
 }

 /* US945633 - Author Unit Testing Feedback - CSS*/

 .global-nav.navbar .nav-item.active .nav-link .top-link-text,
 .global-nav.navbar .nav-item.show .nav-link .top-link-text,
 .global-nav.navbar .nav-link .top-link-text:hover,
 .global-nav.navbar .nav-link .top-link-text:focus {
     font-weight: normal;
     color: var(--truNeutral0);
     text-decoration: underline;
 }

 .global-nav.navbar .nav-link .top-link-text::before,
 .global-nav.navbar .navbar-bottom .secondary-nav-section .dropdown-item::before {
     display: block;
     content: attr(data-link-title);
     font-weight: 700;
     height: 0;
     overflow: hidden;
     visibility: hidden;
 }

 .global-nav.navbar .sign-in .sign-in-link {
     white-space: nowrap !important;
     min-height: 45px;
 }

 .global-nav .secondary-nav-callout .staticcard .global-cta--link a:focus {
     outline: 0;
     color: inherit;
     border: 1px solid;
     border-radius: 4px;
     text-decoration: none;
 }

 .global-nav .secondary-nav-callout .staticcard .global-cta--link a:hover {
     text-decoration: none;
 }

 /*Sign on Gen 2 overlay mobile and tablet*/

 @media (min-width: 0px) and (max-width: 1023.98px) {
     .global-nav .open-act-group .truist-signin-overlay.show.is-activate {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         padding-top: 100px;
         background: var(--truPurple800);
         border-radius: 0;
         overflow: auto;
         z-index: 9999;
         opacity: 1;
     }
     .navbar-mobile-container .navbar-container .naked-xfpage-v2.xfpage.page.basicpage .container {
         display: block;
         padding-right: 0;
         padding-left: 0;
     }
     .global-nav .open-act-group.mobile-user-account .btn {
         border-radius: 20px;
         min-height: 0;
         border-top: none;
         padding: 6px 24px;
     }
     .global-nav .open-act-group.show .truist-signin-overlay {
         display: flex;
         align-items: flex-start;
         justify-content: center;
     }
     .global-nav .open-act-group.show .truist-signin-overlay .login-component {
         justify-content: center !important;
     }
     .global-nav .open-act-group.show .signin-mobile-header {
         position: absolute;
         top: 0;
         width: 100%;
         min-height: 45px;
         color: var(--truNeutral0);
         font-size: inherit;
     }
     .global-nav .open-act-group.show .signin-mobile-header img {
         width: 150px;
         height: 60px;
         margin-top: 5px;
         margin-bottom: 5px;
     }
     /* a11y: constrain the close button to a defined ~44x44 target (WCAG 2.5.5),
   removing the inherited Bootstrap .btn padding that made the hit area too large. */
     .global-nav .truist-signin-overlay .truist-signon-close-button {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 44px;
         height: 44px;
         padding: 0;
         margin-top: 20px;
         background: transparent;
         border: 0;
         cursor: pointer;
     }
     .global-nav .truist-signin-overlay .truist-signon-close-button .signon-close-icon {
         margin-top: 0;
     }
     /* a11y: visible keyboard focus for the sign-in overlay close button.
   The button sits on the purple overlay, so use a white outline with offset. */
     .global-nav .truist-signin-overlay .truist-signon-close-button:focus,
     .global-nav .truist-signin-overlay .truist-signon-close-button:focus-visible {
         outline: 3px solid var(--truNeutral0);
         outline-offset: 2px;
         border-radius: 4px;
     }
     .global-nav .open-act-group .signon-close-icon {
         width: 35px;
         height: 35px;
         display: inline-block;
         margin-top: 24px;
     }
     .global-nav .open-act-group .signon-close-icon::before,
     .global-nav .open-act-group .signon-close-icon::after {
         position: absolute;
         content: ' ';
         height: 25px;
         width: 2px;
         background-color: var(--truNeutral0);
     }
     .global-nav .open-act-group .signon-close-icon::before {
         transform: rotate(45deg);
     }
     .global-nav .open-act-group .signon-close-icon::after {
         transform: rotate(-45deg);
     }
 }

 /* iPad 1, 2, Mini and Air */

 @media only screen and (min-device-width: 767.99px) and (max-device-width: 1023.98px) and (-webkit-min-device-pixel-ratio: 1) {
     #open-act-mobile {
         display: none;
     }
 }

 /* iPad 3, 4 and Pro 9.7" */

 @media only screen and (min-device-width: 767.99px) and (max-device-width: 1023.98px) and (-webkit-min-device-pixel-ratio: 2) {
     #open-act-mobile {
         display: block;
     }
 }

 /*Portrait*/

 @media only screen and (min-device-width: 767.99px) and (max-device-width: 1023.98px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
     #open-act-mobile {
         display: block;
     }
 }

 /*Landscape*/

 @media only screen and (min-device-width: 767.99px) and (max-device-width: 1023.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
     #open-act-mobile {
         display: block;
     }
 }

 /* iPad Pro 12" */

 @media only screen and (min-device-width: 1023.99px) and (max-device-width: 1365.98px) and (-webkit-min-device-pixel-ratio: 2) {
     #open-act-mobile {
         display: none;
     }
 }

 /*Release related isolated styles*/

 @media (max-width: 767px) {
     #open-act-mobile {
         display: block;
     }
     .bg-clear .global-nav .open-act-group .dropdown-menu li {
         padding: 0;
     }
 }

 @media screen and (min-width: 1024px) {
     .navbar-container .naked-xfpage-v2.xfpage.page.basicpage,
     .navbar-container .naked-xfpage-v2.xfpage.page.basicpage .container {
         width: 100%;
         display: flex;
         justify-content: center;
     }
 }

 /* ============================================================
   secondary-nav-item BS5 open-state styling fix
   BS5 sets aria-expanded="true" on the toggle when open (it does NOT
   add .show to the wrapping .secondary-nav-item <li> as BS4 did). Key the
   open-state chevron rotation and bold label off aria-expanded so they
   work under pure BS5.
   ============================================================ */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     /* chevron rotation when open */
     .global-nav.navbar .navbar-bottom .secondary-nav .secondary-nav-item .dropdown-toggle[aria-expanded="true"]::after {
         transform: rotate(-135deg);
         top: 24px;
     }
     /* bold active label when open */
     .global-nav.navbar .navbar-bottom .secondary-nav .secondary-nav-item .dropdown-toggle[aria-expanded="true"] .top-link-text {
         font-weight: 700;
         color: var(--truPurple800);
     }
 }

 /* ============================================================
   BS5 open-state consolidated fix
   ------------------------------------------------------------
   BS5 (5.3.8) does NOT add .show to wrapping <li> elements
   (.more / .nav-item / .secondary-nav-item) the way BS4 did.
   It DOES set aria-expanded="true" on the toggle and .show on
   the .dropdown-menu. These rules re-express the open-state
   styling that previously relied on wrapper ".show", using
   BS5-native hooks. Appended last so they win on source order.
   ============================================================ */

 /* --- Top utility-nav "More" open state (was .more.show) --- */

 .global-nav.navbar .navbar-top .utility-nav .more .nav-link[aria-expanded="true"],
 .global-nav.navbar-light .navbar-top .utility-nav .more .nav-link[aria-expanded="true"] {
     color: var(--truNeutral0);
     text-decoration: underline;
 }

 /* Top "More" chevron rotation (was .nav-util-links.more.show ...::after) */

 .global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle[aria-expanded="true"]::after {
     border-right: 1px solid var(--truNeutral0);
     border-bottom: 1px solid var(--truNeutral0);
     margin-bottom: -1px;
     transform: rotate(-135deg) translate(-4px, 0);
 }

 /* --- Desktop secondary-nav item open state (was .secondary-nav-item.show) --- */

 .global-nav.navbar .secondary-nav .secondary-nav-item .dropdown-toggle[aria-expanded="true"] .top-link-text {
     font-weight: 700;
     color: var(--truPurple800);
 }

 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item .nav-link.dropdown-toggle[aria-expanded="true"] span {
     color: var(--truPurple600);
     text-decoration: underline;
     font-weight: 400;
 }

 /* --- Mobile open-state (collapse is open AND this dropdown is expanded) --- */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     /* secondary-nav chevron rotation (was .navbar-bottom.show ... .secondary-nav-item.show ...::after) */
     .global-nav.navbar .navbar-bottom.show .secondary-nav .secondary-nav-item .dropdown-toggle[aria-expanded="true"]::after {
         transform: rotate(-135deg);
         top: 24px;
     }
     /* utility-nav "More" item open state: chevron + row background (was .nav-item.show) */
     .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item .dropdown-toggle[aria-expanded="true"]::after {
         transform: rotate(-135deg);
         top: 19px;
     }
     .global-nav.navbar .navbar-bottom .utility-nav .nav-item .nav-link[aria-expanded="true"] {
         background: var(--truPurple500);
         border-radius: 0px;
         color: var(--truNeutral0);
     }
     /* utility-nav open menu spacing/border (was .nav-item.show .dropdown-menu) */
     .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item .dropdown-menu.show {
         margin-top: 0;
         padding: 0;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }
     .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item .dropdown-menu.show span {
         padding-left: 3rem;
         font-weight: 700;
         padding-bottom: 0;
     }
 }

 /* ============================================================
   sign-in overlay mobile BS5 is-activate fix
   ------------------------------------------------------------
   The Gen-2 sign-in overlay open-state previously relied on ".show"
   (on the overlay and on .open-act-group), which jQuery/BS4 used to add.
   In the vanilla BS5 build, initSignIn() toggles ONLY ".is-activate" on the
   overlay element. These rules re-express the full-screen overlay, flex
   centering, and mobile header off ".is-activate" so it renders full screen
   on mobile/tablet again. Appended last so they win on source order.
   ============================================================ */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     /* full-screen overlay box */
     .global-nav .open-act-group .truist-signin-overlay.is-activate {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         padding-top: 100px;
         background: var(--truPurple800);
         border-radius: 0;
         overflow: auto;
         z-index: 9999;
         opacity: 1;
     }
     /* centering of the login component inside the overlay */
     .global-nav .open-act-group .truist-signin-overlay.is-activate {
         display: flex;
         align-items: flex-start;
         justify-content: center;
     }
     .global-nav .open-act-group .truist-signin-overlay.is-activate .login-component {
         justify-content: center !important;
     }
     /* mobile header + logo shown while the overlay is open */
     .global-nav .open-act-group .truist-signin-overlay.is-activate .signin-mobile-header {
         position: absolute;
         top: 0;
         width: 100%;
         min-height: 45px;
         color: var(--truNeutral0);
         font-size: inherit;
     }
     .global-nav .open-act-group .truist-signin-overlay.is-activate .signin-mobile-header img {
         width: 150px;
         height: 60px;
         margin-top: 5px;
         margin-bottom: 5px;
     }
 }

 /* Accessibility: respect user OS reduced motion preference.
   Disables navigation transitions and animations for users who have
   enabled 'Reduce Motion' in their OS accessibility settings
   (WCAG 2.1 - 2.3.3). */

 @media (prefers-reduced-motion: reduce) {
     .global-nav .navbar-bottom,
     .global-nav .navbar-top,
     .global-nav .dropdown-menu,
     .global-nav .truist-signin-overlay,
     .global-nav .tru-burger,
     .global-nav .tru-burger-inner,
     .global-nav .tru-burger-inner::before,
     .global-nav .tru-burger-inner::after {
         transition: none !important;
         animation: none !important;
     }
 }

 /* ============================================================
   BS5 chevron positioning fix (mobile)
   ------------------------------------------------------------
   The original mobile chevron rules at lines ~478-504 depend on
   .navbar-bottom.show in the selector. But BS5's Collapse plugin
   adds .show AFTER the transition completes. With transition:none,
   there's a brief moment where .show isn't present yet, causing
   chevrons to render inline (small, next to text) before jumping
   to position:absolute on the right.

   Fix: duplicate the positioning rules WITHOUT the .show dependency
   so chevrons are correctly positioned as soon as the mobile media
   query applies. These rules use the same specificity pattern but
   without .show, and are placed last to win on source order.

   Also fixes the "More" dropdown chevron appearing on the left
   by ensuring the utility-nav chevron gets right:30px regardless
   of whether .show is present on the parent.
   ============================================================ */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     /* Secondary nav chevrons: position absolute immediately, no .show needed */
     .global-nav.navbar .navbar-bottom .secondary-nav .secondary-nav-item .dropdown-toggle::after {
         display: inline-block;
         position: absolute;
         padding: 5px;
         cursor: pointer;
         border-top: 0;
         border-right: 1.5px solid var(--truPurple500);
         border-bottom: 1.5px solid var(--truPurple500);
         border-left: 0;
         transform: rotate(45deg);
         right: 30px;
         top: 22px;
         margin-left: 0;
         margin-right: 0;
         vertical-align: baseline;
         transition: all .3s ease-in-out;
     }
     /* Utility nav (More) chevrons: same absolute positioning */
     .global-nav.navbar .navbar-bottom .utility-nav .nav-item .dropdown-toggle::after {
         display: inline-block;
         position: absolute;
         padding: 5px;
         cursor: pointer;
         border-top: 0;
         border-right: 1.5px solid var(--truNeutral0);
         border-bottom: 1.5px solid var(--truNeutral0);
         border-left: 0;
         transform: rotate(45deg);
         right: 30px;
         top: 17px;
         margin-left: 0;
         margin-right: 0;
         vertical-align: baseline;
         transition: all .3s ease-in-out;
     }
     /* Open-state chevron rotation (secondary nav) - no .show dependency */
     .global-nav.navbar .navbar-bottom .secondary-nav .secondary-nav-item .dropdown-toggle[aria-expanded="true"]::after {
         transform: rotate(-135deg);
         top: 24px;
     }
     /* Open-state chevron rotation (utility/More) - no .show dependency */
     .global-nav.navbar .navbar-bottom .utility-nav .nav-item .dropdown-toggle[aria-expanded="true"]::after {
         transform: rotate(-135deg);
         top: 19px;
     }
     /* Top nav (purple bar) mobile-drop chevrons - already keyed off
     .main-nav .mobile-drop which doesn't need .show. But ensure
     BS5's margin-left:.255em doesn't push it left. */
     .global-nav.navbar .main-nav .mobile-drop .dropdown-toggle::after {
         margin-left: 0;
     }
 }

 /* ============================================================
   More chevron targeted fix
   ------------------------------------------------------------
   The utility-nav More button chevron appears on the left,
   overlapping the "More" text. The generic chevron fix rule
   sets position:absolute + right:30px but the ::after pseudo
   positions relative to the nearest positioned ancestor.

   The issue: on mobile the utility-nav <ul> is moved into
   .navbar-bottom .navbar-container by JS. The More <button>
   (.nav-link.dropdown-toggle) needs to be the containing block
   for its ::after. Ensure the button is display:block (not
   inline-block from BS5) and position:relative, and that the
   ::after explicitly has left:auto to prevent any inherited
   left value from overriding right:30px.
   ============================================================ */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     /* Ensure the More button is a proper containing block */
     .global-nav.navbar .navbar-bottom .utility-nav .more .nav-link.dropdown-toggle {
         display: block;
         position: relative;
         width: 100%;
     }
     /* Force the More chevron to the right with explicit left:auto */
     .global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-toggle::after {
         position: absolute !important;
         right: 30px !important;
         left: auto !important;
         top: 17px;
         display: inline-block;
         padding: 5px;
         border-top: 0;
         border-right: 1.5px solid var(--truNeutral0);
         border-bottom: 1.5px solid var(--truNeutral0);
         border-left: 0;
         transform: rotate(45deg);
         margin-left: 0;
         margin-right: 0;
         vertical-align: baseline;
         content: "";
     }
     /* More chevron rotation when open */
     .global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-toggle[aria-expanded="true"]::after {
         transform: rotate(-135deg);
         top: 19px;
     }
 }

 /* ============================================================
   Open account dropdown mobile fix
   ------------------------------------------------------------
   On mobile, the bottom sticky open-account dropdown shows:
   - Large gaps between links (BS5 ul margin/padding + dropdown padding)
   - Different background colors (grey dropdown bg vs white item bg)
   - Visible BS5 border around the dropdown
   
   Root causes:
   1. BS5 reboot: ul { margin-bottom:1rem; padding-left:2rem }
   2. BS5 .dropdown-menu { padding:0.5rem 0; border:1px solid;
      background-color:var(--bs-dropdown-bg) }
   3. Nav CSS sets dropdown bg to var(--truNeutral50) (grey) but
      each .open-act-item has background:var(--truNeutral0) (white)
      The gap between items reveals the grey underneath.
   4. BS5 .dropdown-item { padding:0.25rem 1rem } adds extra padding
      on top of the nav's own padding.
   ============================================================ */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     /* Reset the <ul> inside the dropdown - BS5 reboot adds margin/padding */
     .global-nav .opn-actfixed-bottom .dropdown-menu ul {
         margin: 0;
         padding: 0;
         list-style: none;
     }
     /* Match dropdown container bg to item bg so no grey gaps show */
     .global-nav .opn-actfixed-bottom .dropdown-menu {
         background: var(--truNeutral0);
         border: 0;
         padding: 0;
         border-radius: 1.5rem;
         overflow: hidden;
     }
     /* Ensure items have no extra BS5 padding/margin gaps */
     .global-nav .opn-actfixed-bottom .dropdown-menu .open-act-item {
         padding: 0.75rem 2.5rem 0.75rem 1rem;
         background: var(--truNeutral0);
         border-bottom: 1px solid var(--truNeutral50);
         position: relative;
     }
     /* Remove border from last item */
     .global-nav .opn-actfixed-bottom .dropdown-menu .open-act-li:last-child .open-act-item,
     .global-nav .opn-actfixed-bottom .dropdown-menu li:last-child .open-act-item {
         border-bottom: 0;
     }
     /* Override BS5 .dropdown-item base padding that may add to gaps */
     .global-nav .opn-actfixed-bottom .dropdown-item {
         padding: 0.75rem 2.5rem 0.75rem 1rem;
     }
 }

 /* ============================================================
   BS5 Navigation Migration Fixes
   ============================================================
   Comprehensive overrides for Bootstrap 5 base rules that
   interfere with the navigation component.  BS5's scoped CSS
   (.bootstrap5-wrapper prefix) applies base rules at ALL
   viewport sizes.  These fixes are grouped by severity.

   Issue tracker:
   #1  CRITICAL  Mobile menu scroll blocked (.collapsing)
   #2  CRITICAL  Sticky open-account button missing
   #3  CRITICAL  Body scroll not locked on tablet (768-1023px)
   #4  MEDIUM    All <a> tags underlined
   #5  MEDIUM    .dropdown-item:active blue flash
   #6  MEDIUM    .dropdown-item white-space nowrap
   #7  MEDIUM    .btn-primary blue in sign-in form
   #8  MEDIUM    .form-control:focus blue ring
   #9  MEDIUM    .form-select double chevron
   #10 LOW-MED   .nav-link:focus-visible blue box-shadow
   #11 LOW-MED   .btn:focus-visible blue ring + color change
   #12 LOW-MED   Close button hover state
   #13 LOW       .dropdown-toggle::after caret (BS5 border-top)
   ============================================================ */

 /* --- #1 CRITICAL: Mobile menu scroll blocked ---
   BS5 .collapsing { height: 0; overflow: hidden } traps content
   during the collapse transition.  Nav CSS sets transition: none
   on .collapsing, but BS5's Collapse plugin relies on transitionend
   to swap classes.  With no transition the element can get stuck
   in .collapsing state with overflow: hidden and height: 0.
   Fix: force height: auto and overflow: visible on .collapsing,
   and ensure the open collapse containers can scroll on mobile. */

 .global-nav.navbar .collapsing {
     height: auto !important;
     overflow: visible !important;
 }

 @media (min-width: 0px) and (max-width: 1023.98px) {
     /* Let content flow into the parent <nav> scroll container.
     Do NOT set overflow-y:auto here - that creates nested scroll
     regions that prevent the menu from scrolling as one unit. */
     .global-nav.navbar .navbar-bottom.collapse.show,
     .global-nav.navbar .navbar-top.collapse.show {
         overflow: visible;
     }
     /* BS5 .navbar-collapse { flex-basis:100% } constrains each collapse
     section to 100% of the flex parent, preventing natural content flow.
     Reset to auto so content height is determined by its children. */
     .global-nav.navbar .navbar-collapse {
         flex-basis: auto;
         flex-grow: 0;
     }
     /* Ensure the mobile container itself doesn't clip or constrain */
     .global-nav.navbar .navbar-mobile-container {
         overflow: visible;
         height: auto;
     }
 }

 /* --- #2 CRITICAL: Sticky open-account button missing ---
   #open-act-mobile sits outside the .collapse container (direct
   child of <nav>).  BS5 .navbar-nav { display: flex;
   flex-direction: column } at (0,2,0) competes with nav CSS
   .opn-actfixed-bottom { display: block } also at (0,2,0).
   Source order determines winner.  Bump specificity to (0,3,0)
   to guarantee the fixed-bottom button renders on mobile. */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     .global-nav.navbar .navbar-nav.opn-actfixed-bottom {
         display: block;
         position: fixed;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 999;
         opacity: 1;
     }
 }

 /* --- #3 CRITICAL: Body scroll not locked on tablet (768-1023px) ---
   The existing body.is-activate { overflow: hidden } rule is only
   inside @media (max-width: 767.98px).  On tablets the body still
   scrolls behind the open burger menu and sign-in overlay.
   Additionally, the burger JS toggles .is-activate on <nav> but
   NOT on <body>, so even on phones the body scroll lock only
   works for the sign-in overlay (which does toggle body).
   Fix: extend body scroll lock to the full mobile range AND
   add overscroll-behavior to prevent scroll chaining. */

 @media (min-width: 0px) and (max-width: 1023.98px) {
     /* Lock body scroll when burger menu is open.
     The burger JS adds .is-activate to the <nav> parent.
     We target html/body when the nav is activated. */
     body.is-activate,
     html:has(.global-nav.navbar.is-activate) body {
         overflow: hidden !important;
         position: fixed;
         width: 100%;
         height: 100%;
     }
     /* Extend the full-screen nav overlay to tablet range too.
     The existing rule only covers <768px. */
     .global-nav.navbar.is-activate {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 999;
         overflow: auto;
         overscroll-behavior: contain;
     }
     /* Prevent scroll chaining on the sign-in overlay */
     .global-nav .open-act-group .truist-signin-overlay.is-activate {
         overscroll-behavior: contain;
     }
     /* Collapse containers: let content flow, don't create scroll traps */
     .global-nav.navbar .navbar-bottom.collapse.show,
     .global-nav.navbar .navbar-top.collapse.show {
         overflow: visible !important;
         overscroll-behavior: contain;
     }
 }

 /* --- #4 MEDIUM: All <a> tags underlined ---
   BS5: .bootstrap5-wrapper a { text-decoration: underline } (0,1,1)
   Nav:  .global-nav a { text-decoration: none }              (0,1,1)
   Same specificity; source order wins.  If BS5 loads after nav CSS
   all links get underlined.  Bump to (0,2,1). */

 .global-nav.navbar a {
     text-decoration: none;
 }

 /* --- #5 MEDIUM: .dropdown-item:active blue flash ---
   BS5: .dropdown-item.active, .dropdown-item:active {
     color: #fff; background-color: #0d6efd } (0,2,1)
   Nav CSS overrides :hover and :focus but NOT :active.
   Clicking a dropdown item briefly flashes BS5 blue. */

 .global-nav .dropdown-item:active,
 .global-nav .dropdown-item.active {
     color: inherit;
     background-color: transparent;
     text-decoration: none;
 }

 /* --- #6 MEDIUM: .dropdown-item white-space nowrap ---
   BS5: .dropdown-item { white-space: nowrap } (0,2,0)
   Long secondary nav dropdown text overflows instead of wrapping. */

 .global-nav .dropdown-item {
     white-space: normal;
 }

 /* --- #7 MEDIUM: .btn-primary blue in sign-in form ---
   BS5: .btn-primary { --bs-btn-bg: #0d6efd } (0,2,0)
   Nav CSS .sign-in-form .btn-primary only sets width, not colors. */

 .global-nav .sign-in-form .btn-primary {
     --bs-btn-bg: var(--truPurple500);
     --bs-btn-color: var(--truNeutral0);
     --bs-btn-border-color: var(--truPurple500);
     --bs-btn-hover-bg: var(--truPurple600);
     --bs-btn-hover-color: var(--truNeutral0);
     --bs-btn-hover-border-color: var(--truPurple600);
     --bs-btn-active-bg: var(--truPurple700);
     --bs-btn-active-color: var(--truNeutral0);
     --bs-btn-active-border-color: var(--truPurple700);
     --bs-btn-focus-shadow-rgb: 100, 65, 164;
     background-color: var(--truPurple500);
     border-color: var(--truPurple500);
     color: var(--truNeutral0);
 }

 .global-nav .sign-in-form .btn-primary:hover,
 .global-nav .sign-in-form .btn-primary:active {
     background-color: var(--truPurple600);
     border-color: var(--truPurple600);
     color: var(--truNeutral0);
 }

 .global-nav .sign-in-form .btn-primary:focus,
 .global-nav .sign-in-form .btn-primary:focus-visible {
     background-color: var(--truPurple600);
     border-color: var(--truPurple600);
     color: var(--truNeutral0);
     box-shadow: 0 0 0 .25rem rgba(100, 65, 164, 0.25);
 }

 /* --- #8 MEDIUM: .form-control:focus blue ring ---
   BS5: .form-control:focus { border-color: #86b7fe;
     box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } (0,2,1)
   Sign-in form inputs get BS5 blue focus ring. */

 .global-nav .form-control:focus {
     border-color: var(--truPurple500);
     box-shadow: 0 0 0 .25rem rgba(100, 65, 164, 0.25);
 }

 /* --- #9 MEDIUM: .form-select double chevron ---
   BS5: .form-select { background-image: url(../components/content/segment-navigation-component/v2/segmentnavigation/clientlibs/css/chevron SVG) }
   Nav CSS uses a custom ::after for the chevron -> two chevrons. */

 .global-nav .form-select,
 .global-nav .sign-in-form select {
     background-image: none !important;
 }

 /* --- #10 LOW-MED: .nav-link:focus-visible blue box-shadow ---
   BS5: .nav-link:focus-visible { box-shadow: 0 0 0 .25rem
     rgba(13,110,253,.25) } (0,2,1)
   User sees BOTH the custom outline AND the blue box-shadow. */

 .global-nav .nav-link:focus-visible {
     box-shadow: none;
     outline: revert;
 }

 /* --- #11 LOW-MED: .btn:focus-visible blue ring + color change ---
   BS5: .btn:focus-visible { color: var(--bs-btn-hover-color);
     background-color: var(--bs-btn-hover-bg);
     box-shadow: var(--bs-btn-focus-box-shadow) } (0,2,1) */

 .global-nav .btn:focus-visible {
     box-shadow: none;
 }

 .global-nav .open-act-group .btn-global-nav.btn:focus-visible {
     color: inherit;
     background-color: inherit;
     border-color: inherit;
 }

 /* --- #12 LOW-MED: Close button hover state ---
   BS5: .btn:hover { color: var(--bs-btn-hover-color);
     background-color: var(--bs-btn-hover-bg) } (0,2,1)
   Close button has no :hover override -> BS5 changes bg. */

 .global-nav .truist-signin-overlay .truist-signon-close-button:hover,
 .global-nav .truist-signin-overlay .truist-signon-close-button:active {
     background: transparent;
     color: inherit;
     border: 0;
 }

 /* --- #13 LOW: .dropdown-toggle::after caret ---
   BS5: .dropdown-toggle::after { border-top: .3em solid }
   Explicitly kill BS5's default caret triangle. */

 .global-nav.navbar .dropdown-toggle::after {
     border-top: 0;
     content: "";
 }

 /* ============================================================
   Login V2 sign-in dropdown background fix
   ------------------------------------------------------------
   When Login V2 is embedded inside the sign-in dropdown, the
   .dropdown-menu has BS5's white background.  The login component
   expects a dark purple container.  These rules set the correct
   background on the dropdown-menu and the .sign-in-dropdown
   wrapper for both desktop and mobile contexts.
   ============================================================ */

 /* --- Login V2 sign-in dropdown background fix ---
   Desktop: sign-in dropdown-menu that contains the login component */

 .global-nav.navbar .navbar-bottom .user-account .dropdown-menu:has(.login-component),
 .global-nav.navbar .navbar-bottom .user-account .dropdown-menu:has(.sign-in-dropdown) {
     background: var(--truClrPplBs);
     border: 0;
     border-radius: 1.5rem;
     padding: 0;
     overflow: hidden;
 }

 /* The .sign-in-dropdown wrapper itself */

 .global-nav .sign-in-dropdown,
 .global-nav .login-component.sign-in-dropdown {
     background: var(--truClrPplBs);
     width: 100%;
     display: flex;
     justify-content: center;
     padding: 0;
 }

 /* Mobile: the truist-signin-overlay dropdown-menu (already has .is-activate
   rules for full-screen, but the base .dropdown-menu bg leaks before
   .is-activate is toggled) */

 .global-nav .open-act-group .dropdown-menu.truist-signin-overlay {
     background: var(--truClrPplBs);
     border: 0;
     padding: 0;
 }

 /* Ensure the login-component inside the overlay fills and stays purple */

 .global-nav .truist-signin-overlay .login-component {
     background: var(--truClrPplBs);
     width: 100%;
 }

 /* Desktop sign-in dropdown sizing - match the login component width */

 .global-nav.navbar .navbar-bottom .user-account .open-act-group .dropdown-menu:has(.login-component) {
     width: auto;
     min-width: 375px;
     left: revert;
     right: 0;
 }

 /*********************************/

 /*TRUIST CAROUSEL V1*/

 .carousel-control-next,
 .carousel-control-prev {
     width: 5rem;
 }

 /*generic carousel*/

 .generic-carousel .carousel-item.genCarousel-bg {
     min-height: 0;
 }

 .generic-carousel .carousel-control-next,
 .generic-carousel .carousel-control-prev {
     width: 5rem;
     display: none;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
     background: rgba(0, 0, 0, 0.45) !important;
     padding: 1rem !important;
 }

 .carousel-control-prev-icon:hover,
 .carousel-control-next-icon:hover {
     background: rgba(0, 0, 0, 0.65) !important;
 }

 .carousel-control-prev-icon:focus .carousel-control-prev-icon,
 .carousel-control-next-icon:focus .carousel-control-next-icon:focus {
     border-color: #fff !important;
     border-width: 1.5px !important;
     outline: rgba(0, 0, 0, 0.45) solid 1px !important;
 }

 .generic-carousel .carousel-inner.genCarousel-inner {
     height: auto;
     border-radius: 2rem;
     background-color: #f7f7f7;
 }

 /*truist card*/

 .generic-carousel .truist-card.truist-card-container {
     display: flex;
     flex-direction: column;
 }

 .generic-carousel .truist-card .genCarousel-Img {
     width: auto;
     float: none;
     max-height: 48rem;
     overflow: hidden;
     flex: 1;
 }

 .generic-carousel .carousel-caption {
     position: static;
 }

 .generic-carousel .truist-card .genCarousel-SubHeading {
     margin: 5rem 5rem -3rem;
     font-size: 1.8rem;
     line-height: 1.5em;
     font-weight: var(--truFontWtBd);
     color: #7c6992;
     text-transform: uppercase;
     opacity: 1;
 }

 .generic-carousel .truist-card .genCarousel-SubHeading:empty {
     display: none;
 }

 .generic-carousel .truist-card .genCarousel-MainHeading {
     margin: 5rem 5rem 3rem;
     font-size: 3.6rem;
     line-height: 4.2rem;
     font-weight: var(--truFontWtLt);
 }

 .generic-carousel .genCarousel-content {
     font-size: 1.6rem;
     color: inherit;
     display: block;
     margin: 0 5rem 5rem;
     line-height: 1.5em;
 }

 .generic-carousel .genCarousel-content p,
 .generic-carousel .genCarousel-content ul,
 .generic-carousel .genCarousel-content ol {
     margin-bottom: 2rem;
 }

 .generic-carousel .genCarousel-button,
 .generic-carousel .genCarousel-cta {
     align-self: flex-start;
     margin: -3rem 5rem 5rem;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
     background: rgba(0, 0, 0, 0.45) !important;
     padding: 1rem !important;
 }

 .carousel-control-prev-icon:hover,
 .carousel-control-next-icon:hover {
     background: rgba(0, 0, 0, 0.65) !important;
 }

 .carousel-control-prev-icon:focus .carousel-control-prev-icon,
 .carousel-control-next-icon:focus .carousel-control-next-icon:focus {
     border-color: #fff !important;
     border-width: 1.5px !important;
     outline: rgba(0, 0, 0, 0.45) solid 1px !important;
 }

 /*grid container*/

 .generic-carousel .row,
 .generic-carousel-custom .row {
     margin-right: 0;
     margin-left: 0;
 }

 .generic-carousel-custom .carousel-inner.genCarousel-inner {
     display: flex;
 }

 .generic-carousel-custom .carousel-item>.gridlayoutcontainer {
     margin: 3rem 3rem 2rem;
 }

 .generic-carousel .carousel-indicators {
     z-index: 9;
 }

 @media (max-width: 767px) {
     .generic-carousel .carousel-caption.genCarousel-contentSec {
         transform: none;
         margin: 0;
         padding: 0;
         width: auto;
     }
     .generic-carousel .genCarousel-cta {
         margin-top: -3rem;
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
     .generic-carousel .carousel-caption.genCarousel-contentSec {
         transform: none;
         margin: 0;
         padding: 0;
         width: auto;
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .generic-carousel .carousel-caption.genCarousel-contentSec {
         transform: none;
         margin: 0;
         padding: 0;
         width: auto;
     }
 }

 @media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
     .generic-carousel .carousel-caption.genCarousel-contentSec {
         transform: none;
         margin: 0;
         padding: 0;
         width: auto;
     }
 }

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .generic-carousel-component-instance .carousel-indicators {
         margin-right: 5%;
         margin-left: 5%;
     }
 }

 @media (min-width: 897px) {
     /*truist card*/
     .generic-carousel .truist-card.truist-card-container {
         flex-direction: row;
         min-height: 60rem;
     }
     .generic-carousel .truist-card .genCarousel-Img {
         max-height: none;
     }
     .generic-carousel .truist-card .genCarousel-Img img {
         max-width: none;
         width: 100%;
         object-fit: cover;
         height: 100%;
     }
     .generic-carousel .truist-card .genCarousel-Img.right {
         order: 2;
     }
     .generic-carousel .carousel-control-next,
     .generic-carousel .carousel-control-prev {
         display: flex;
     }
     .generic-carousel .truist-card .genCarousel-SubHeading,
     .generic-carousel .truist-card .genCarousel-MainHeading,
     .generic-carousel .genCarousel-content,
     .generic-carousel .genCarousel-button,
     .generic-carousel .genCarousel-cta {
         margin-right: 10rem;
         margin-left: 10rem;
     }
     /*grid container*/
     .generic-carousel-custom .carousel-item.genCarousel-bg {
         min-height: 60rem;
         display: flex;
         align-items: center;
     }
     .generic-carousel-custom .carousel-item>.gridlayoutcontainer {
         margin: 5rem 10rem;
     }
 }

 /*hero banner carousel*/

 .hero-banner-carousel .carousel-item.genCarousel-bg {
     min-height: 45rem;
 }

 .hero-banner-carousel .carousel-control-next,
 .hero-banner-carousel .carousel-control-prev {
     width: 9.5rem;
 }

 @media (max-width: 768px) {
     .hero-banner-carousel .hero-text:only-child .global-cta-btn a:last-child {
         margin-bottom: 8rem;
     }
 }

 @media (min-width: 768px) {
     .hero-banner-carousel .carousel-inner.genCarousel-inner {
         padding: 0 1.5rem;
         width: 100%;
     }
 }

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .hero-banner-carousel .wrapperMode .carousel-inner>.carousel-item.active {
         width: 100%;
     }
     .hero-banner-carousel .wrapperMode .carousel-inner:after {
         position: static;
     }
 }

 .generic-carousel .truist-card .genCarousel-SubHeading,
 .generic-carousel .truist-card .genCarousel-MainHeading {
     display: block;
 }

 .truist-carousel .carousel-indicators li {
     color: transparent;
     font-size: 0;
     position: relative;
     padding-bottom: 0;
 }

 .carousel-indicators li:after {
     content: '';
     position: absolute;
     top: -10px;
     bottom: -10px;
     left: -10px;
     right: -10px;
 }

 /* Color tokens from design system (custom-props.css):
   --truPurple800 : #2E1A47 (Truist Purple Base)
   --truPurple500 : #72569C (Dusk Purple)
   --truDawn400   : #A6A3E0 (Dawn)
   --truNeutral0  : #FFFFFF (White)
   Note: rgba() values retain raw hex as CSS custom properties
   cannot be used directly inside rgba() without color-mix().
*/

 .orion-hero-text-color--white .orion-hero-carousel__action {
     color: var(--truNeutral0);
 }

 .orion-hero-text-color--midnight .orion-hero-carousel__action {
     color: var(--truPurple800);
     border: 1px solid var(--truPurple800);
 }

 .orion-hero-text-color--dawn .orion-hero-carousel__action {
     color: var(--truDawn400);
     border: 1px solid var(--truDawn400);
 }

 .orion-hero-text-color--white .orion-hero-carousel__action:focus {
     color: var(--truPurple800);
 }

 .orion-hero-text-color--dawn .orion-hero-carousel__action:focus {
     color: var(--truPurple800);
     border: 1px solid var(--truPurple800);
 }

 /* Note: .orion-hero-carousel__panel__content is defined below with full properties */

 .orion-text-align-left {
     text-align: left;
 }

 .orion-text-align-right {
     text-align: right;
 }

 .orion-text-align-center {
     text-align: center;
 }

 .orion-hero-text-color--white {
     color: var(--truNeutral0);
 }

 .orion-hero-text-color--midnight {
     color: var(--truPurple800);
 }

 .orion-hero-text-color--dawn {
     color: var(--truDawn400);
 }

 .orion-hero-background--white {
     background: var(--truNeutral0);
 }

 .orion-hero-background--midnight {
     background: var(--truPurple800);
 }

 .orion-hero-background--dawn {
     background: var(--truDawn400);
 }

 .orion-hero-carousel__controls__item::after {
     content: '';
     position: absolute;
     top: -100%;
     left: -100%;
     width: 300%;
     height: 300%;
 }

 .hero-text__scroll {
     max-height: 40rem;
     overflow-y: auto;
     margin-bottom: 20px;
     margin-left: 10px;
 }

 .orion-hero-carousel__actions {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 40px;
 }

 .hero-banner-carousel .orion-hero-carousel__action {
     color: var(--truNeutral0);
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 136px;
     max-width: 100%;
     width: auto;
     text-decoration: none;
     border: 1px solid var(--truNeutral0);
     border-radius: 7px;
     text-align: center;
     font-size: 1.6rem;
     transition: background-color .3s ease-in-out;
     height: 48px;
 }

 .orion-hero-carousel__actions a:first-child {
     margin-bottom: 10px;
     margin-right: 10px;
 }

 .orion-hero-carousel__action:hover {
     color: var(--truPurple800);
     background: var(--truNeutral0);
     border-color: var(--truPurple800);
 }

 .orion-hero-carousel__action:focus {
     outline-offset: -7px;
     outline: 1px solid currentColor;
     background: var(--truNeutral0);
     color: var(--truPurple800);
 }

 .orion-hero-carousel__panel__content {
     max-width: 100%;
     width: 100%;
     margin: 0 auto;
     display: block;
     min-height: 450px;
     box-sizing: border-box;
     position: relative;
     overflow: hidden;
 }

 .hero-text {
     display: flex;
     width: 100%;
     justify-content: center;
     flex-direction: column;
     max-width: 80rem;
     text-align: inherit;
     color: inherit;
     padding-top: 0;
 }

 /* Sudhakar merged from component.css start */

 .herobanner p.sub-heading {
     font-size: 1.6rem;
     line-height: 1.5;
     margin-top: 3rem;
     margin-bottom: 0;
 }

 .herobanner .hero-text a {
     color: var(--truNeutral0);
     text-decoration: underline;
 }

 .herobanner .hero-text {
     max-width: 80rem;
     text-align: inherit;
     color: inherit;
     padding-top: 0;
 }

 .hero-text.orion-text-align-left {
     text-align: left;
 }

 .hero-text.orion-text-align-center {
     margin-right: auto;
     margin-left: auto;
     text-align: center;
 }

 .hero-text.orion-text-align-right {
     text-align: right;
 }

 .herobanner .hero-text__scroll {
     margin-bottom: 0;
     max-height: 40rem;
 }

 .herobanner .hero-text__scroll p {
     margin-bottom: 2rem;
 }

 .herobanner .hero-text__scroll h1,
 .herobanner .hero-text__scroll h2,
 .herobanner .hero-text__scroll h3,
 .herobanner .hero-text__scroll h4,
 .herobanner .hero-text__scroll h5,
 .herobanner .hero-text__scroll h6 {
     margin-bottom: 0;
 }

 .herobanner .orion-hero-carousel__panel__content {
     display: flex;
 }

 /* Sudhakar merged from component.css end */

 .orion-hero-carousel__controls__item:hover:not(.is-active) {
     background: var(--truPurple500);
 }

 .herobanner .orion-hero-carousel__panel__content--gradient {
     font-size: inherit;
     box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.54);
     min-height: inherit;
     background-position: center;
 }

 .hero-content-container {
     display: flex;
     flex-wrap: wrap;
     padding: 20px 20px;
     min-height: 100%;
 }

 .hero-content-container.orion-hero-carousel__panel__content--text.orion-hero-justify-center {
     display: grid;
     grid-template-columns: none;
 }

 .hero-content-container .global-cta-btn a:not(:first-child) {
     margin-left: 0;
 }

 .hero-content-container>* {
     z-index: 2;
 }

 .herobanner .global-cta-btn a,
 .herobanner .global-cta-btn a.modalWindow {
     background: transparent;
     border: 2px solid var(--truNeutral0);
     color: var(--truNeutral0);
     /*Old color code #2e1a47, updated from component.css US1609903 */
     margin-bottom: 0;
     margin-top: 1rem;
     text-align: center;
 }

 .herobanner .global-cta-btn a:hover,
 .herobanner .global-cta-btn a:active {
     background: var(--truNeutral0);
     border: 2px solid var(--truNeutral0);
     color: var(--truPurple800);
 }

 .herobanner .global-cta-btn a:focus {
     outline: 1px solid var(--truNeutral0);
     outline-offset: -4px;
 }

 .herobanner .pre-heading {
     font-weight: var(--truFontWtBd);
     margin-top: 0;
     font-size: 1.6rem;
     margin-bottom: 1.5rem;
     text-transform: uppercase;
     display: block;
     line-height: 1.5em;
 }

 .herobanner .pre-heading:empty {
     display: none;
 }

 .herobanner .global-cta-btn {
     margin-left: 10px;
     margin-top: 2.5rem;
 }

 .herobanner .orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
     font-size: 4.8rem;
     line-height: 5.4rem;
     font-weight: var(--truFontWtLt);
     display: block;
     padding: .5rem 0;
 }

 .is-active.orion-hero-carousel__panel {
     display: flex;
     align-items: center;
     animation: imageScaleTablet 0.75s both cubic-bezier(0, 0, 0.21, 1);
 }

 .is-active.orion-hero-carousel__panel>.orion-hero-carousel__panel__content>* {
     animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.2s;
 }

 .is-active.orion-hero-carousel__panel>.orion-hero-carousel__panel__content__images {
     animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.4s;
 }

 .herobanner .orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
     font-size: 3.6rem;
     line-height: 1.2;
     margin: 0;
     font-weight: var(--truFontWtRg);
 }

 .sub-heading {
     margin-top: 3rem;
     font-size: 1.6rem;
     line-height: 1.5;
     margin-bottom: 0;
 }

 .orion-hero-carousel__panel__content__images {
     display: none;
 }

 .orion-hero-carousel__panel__content__images--info {
     display: flex;
     width: 100%;
     border-radius: 10px;
     padding: 20px;
     flex-direction: column;
     align-items: center;
     margin-bottom: 20%;
 }

 .orion-hero-carousel__panel__content__images--info>* {
     text-align: center;
     max-width: 220px;
 }

 .orion-hero-carousel__panel__content__images--info p {
     font-size: 1.6rem;
     margin-top: 0;
     margin-bottom: 10px;
 }

 .orion-hero-carousel__panel__content__images--info h2 {
     font-size: 2.4rem;
     margin-top: 0;
     margin-bottom: 10px;
     font-weight: var(--truFontWtRg);
 }

 .orion-hero-carousel__panel__content__images--info sup {
     font-size: 1.2rem;
     vertical-align: top;
     top: 0;
     position: relative;
 }

 .hero-content-container.orion-hero-carousel__panel__content--text {
     display: flex;
 }

 .orion-hero-carousel__image {
     width: 260px;
 }

 .orion-hero-carousel-background-img {
     width: 100%;
     min-width: 100%;
     position: absolute;
     left: 0;
     height: 100%;
     z-index: 0;
     object-fit: cover;
 }

 .herobanner {
     min-height: 450px;
     height: 100%;
     max-height: 100%;
     width: 100%;
 }

 .orion-hero-carousel__panel__content__images.orion-hero-carousel__panel__content__images--info>.hide-side-rte {
     display: none;
 }

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .hero-banner-carousel .wrapperMode .carousel-inner>.carousel-item.active {
         width: 100%;
     }
     .hero-banner-carousel .wrapperMode .carousel-inner:after {
         position: static;
     }
 }

 @media (min-width: 768px) {
     .orion-hero-carousel__action {
         width: 136px;
     }
     .herobanner .pre-heading {
         font-weight: var(--truFontWtRg);
         font-size: 1.6rem;
     }
     .herobanner .orion-hero-carousel__panel__content--gradient {
         background-size: 100% 100%;
         background-repeat: no-repeat;
         width: 100%;
         left: 0;
         right: 0;
         height: 100%;
         background: linear-gradient(90deg, rgba(0, 0, 0, 0.5368522408963585) 0%, rgba(0, 0, 0, 0.5368522408963585) 50%, rgba(0, 0, 0, 0.396796218487395) 68%, rgba(0, 0, 0, 0.20351890756302526) 85%, rgba(0, 0, 0, 0.09987745098039214) 100%);
         box-shadow: none;
     }
     .orion-hero-carousel__actions {
         flex-wrap: nowrap;
     }
     .orion-hero-carousel__actions a:first-child {
         margin-right: 10px;
     }
     .orion-hero-carousel__image {
         width: auto;
     }
     .orion-hero-carousel__panel__content__images {
         display: flex;
         justify-content: center;
         align-content: center;
         align-items: center;
     }
     .hero-content-container {
         display: grid;
         grid-template-columns: 2fr 1fr;
         gap: 20px;
         min-height: inherit;
         width: 82.3%;
         margin: 0 auto;
         overflow: hidden;
         padding: 0;
     }
     .hero-content-container .global-cta-btn a:not(:first-child) {
         margin-left: 0;
     }
     .hero-content-container.orion-hero-carousel__panel__content--text {
         display: grid;
         grid-template-columns: 2fr 1fr;
     }
     .orion-hero-carousel__panel__content__images--info>* {
         max-width: 260px;
     }
     .orion-hero-carousel__panel__content__images--info sup {
         font-size: 1.6rem;
         top: 4px;
     }
     .orion-hero-carousel__panel__content__images--info p {
         font-size: 1.8rem;
         margin-bottom: 20px;
     }
     .orion-hero-carousel__panel__content__images--info h2 {
         font-size: 4.8rem;
         margin-top: 0;
         margin-bottom: 20px;
     }
     .orion-hero-carousel__buttons-container {
         display: block;
     }
     .orion-hero-carousel__action {
         height: 50px;
         font-size: 1.8rem;
     }
     .herobanner .pre-heading {
         font-size: 1.6rem;
     }
     .sub-heading {
         margin-top: 20px;
         font-size: 1.8rem;
         line-height: 1.3;
     }
     .orion-hero-carousel__panel__content {
         min-height: 450px;
         height: 100%;
         border-radius: 20px;
     }
     .herobanner .orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
         font-size: 4.8rem;
         line-height: 1.1;
     }
     .orion-hero-carousel__panel__content__images {
         justify-content: flex-end;
     }
     .orion-hero-carousel__panel__content__images--dusk {
         background: var(--truPurple500);
     }
     .orion-hero-carousel__panel__content__images--midnight {
         background: var(--truPurple800);
     }
     .orion-hero-carousel__panel__content__images--dawn {
         background: rgba(231, 230, 239, 0.5);
     }
     .orion-hero-carousel__panel__content__images--info {
         display: flex;
         flex-direction: column;
         justify-content: center;
         border-radius: 10px;
         align-self: center;
         width: 260px;
         height: 300px;
         padding: 16px;
     }
     .orion-hero-carousel__panel {
         height: 480px;
         box-shadow: none;
         padding: 0;
     }
     .herobanner .global-cta-btn a {
         margin: 10px 0;
     }
 }

 @media only screen and (max-width: 767px) {
     .herobanner .global-cta-btn a {
         margin: 10px 0;
         display: inline-block;
     }
     .orion-hero-carousel-background-img {
         height: 100%;
     }
     .herobanner .orion-hero-carousel__panel__content {
         height: 100%;
         max-height: 100%;
     }
     .orion-hero-carousel__panel__content__images--info {
         margin-bottom: 80px;
         padding: 5px 20px;
     }
     .hero-content-container .global-cta-btn a:not(:first-child) {
         margin-left: 0;
     }
     .hero-banner-carousel .carousel-indicators {
         position: absolute;
         margin: 20px 0 10px 0;
     }
     .hero-banner-carousel .carousel-item.genCarousel-bg {
         min-height: 45rem;
     }
     .hero-banner-carousel .carousel-control-next,
     .hero-banner-carousel .carousel-control-prev {
         width: 9.5rem;
     }
     .orion-hero-carousel__panel__content__images.orion-hero-carousel__panel__content__images--info.hide-side-rte {
         display: none;
     }
     .orion-hero-carousel__panel__content__images.orion-hero-carousel__panel__content__images--info>.hide-side-rte {
         display: none;
     }
 }

 /* Rules merged into @media (max-width: 768px) block below */

 @media (max-width: 768px) {
     /* Merged from duplicate max-width: 768px block */
     .herobanner .hero-content-container {
         width: 100%;
         padding: 2rem;
     }
     .herobanner .hero-text__scroll {
         max-height: 100%;
     }
     .orion-hero-carousel__panel__content {
         min-height: 450px;
         max-height: 100%;
     }
     .global-cta-btn a {
         margin: 10px 0;
     }
     .hero-banner-carousel .hero-text:only-child .global-cta-btn a:last-child {
         margin-bottom: 8rem;
     }
     .hero-banner-carousel .carousel-inner.genCarousel-inner {
         padding: 0 1.5rem;
         width: 100%;
     }
 }

 @media (min-width: 769px) {
     .herobanner .hero-text__scroll {
         max-height: 25rem;
     }
     .herobanner .pre-heading {
         font-size: 1.6rem;
     }
     .herobanner .orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
         font-size: 4.8rem;
         line-height: 5.4rem;
     }
     .herobanner p.sub-heading,
     .herobanner p.sub-heading~p {
         font-size: 1.8rem;
         line-height: 1.5em;
     }
     .herobanner .hero-content-container .global-cta-btn a:not(:first-child) {
         margin-left: 1rem;
     }
     .herobanner .hero-content-container {
         padding: 0;
     }
     /*single hero*/
     .herobanner:not(.truist-carousel .herobanner) {
         padding: 0 1.5rem;
         margin: 0 auto !important;
         max-width: 1600px;
         float: none !important;
     }
 }

 @media (min-width: 1024px) {
     .orion-hero-carousel__actions {
         flex-wrap: nowrap;
     }
     .orion-hero-carousel__actions a:first-child {
         margin-right: 10px;
     }
     .hero-banner-carousel .orion-hero-carousel__action {
         width: auto;
         padding: 0 10px;
     }
     .is-active.orion-hero-carousel__panel {
         animation: imageScale 0.75s both cubic-bezier(0, 0, 0.21, 1);
     }
     .hero-content-container.orion-hero-carousel__panel__content--text {
         display: grid;
     }
     .herobanner .hero-text__scroll {
         max-height: 50rem;
     }
     .orion-hero-carousel__buttons>svg {
         height: 24px;
         width: 24px;
     }
     .orion-hero-carousel__panel {
         height: 450px;
         padding: 0;
     }
     .orion-hero-carousel__panel__content {
         min-height: 450px;
         height: 100%;
         padding: 0;
     }
     .herobanner .orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
         font-size: 6rem;
         line-height: 1.1;
     }
     .orion-hero-carousel__panel__content__images.orion-hero-carousel__panel__content__images--info {
         display: flex;
         width: 350px;
         flex-direction: column;
         justify-content: center;
         margin-bottom: 0;
         height: 100%;
         border-radius: 0;
         padding: 0;
     }
 }

 @keyframes imageScale {
     0% {
         background-size: 1842px 760px;
         opacity: 0;
     }
     100% {
         background-size: 1660px 660px;
         opacity: 1;
     }
 }

 @keyframes imageScaleTablet {
     0% {
         background-size: 1446px 580px;
         opacity: 0;
     }
     100% {
         background-size: 1166px 480px;
         opacity: 1;
     }
 }

 @keyframes textFade {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }

 /* Rule merged into @media (min-width: 768px) block above */

 /*quick banner fix*/

 .hero-banner-carousel .carousel-item.genCarousel-bg {
     min-height: 45rem !important;
 }

 .herobanner .global-cta-btn a {
     background: transparent;
     border: 2px solid var(--truNeutral0);
     color: var(--truNeutral0);
 }

 .herobanner .global-cta-btn a:hover,
 .herobanner .global-cta-btn a:active {
     background: var(--truNeutral0);
     color: var(--truPurple800);
 }

 /* Accessibility: respect user OS reduced motion preference.
   Disables hero panel animations for users who have enabled
   'Reduce Motion' in their OS accessibility settings (WCAG 2.1 - 2.3.3). */

 @media (prefers-reduced-motion: reduce) {
     .is-active.orion-hero-carousel__panel,
     .is-active.orion-hero-carousel__panel>.orion-hero-carousel__panel__content>*,
     .is-active.orion-hero-carousel__panel>.orion-hero-carousel__panel__content__images {
         animation: none;
         transition: none;
     }
 }

 /* ============================================================
   Opacity level classes for hero banner overlays.
   Applied by JS (heroBanner.js) based on data-opacity-level
   attribute set by authors (values 1-10).
   Replaces inline style.backgroundColor for CSP compliance
   and better maintainability.
   ============================================================ */

 /* White opacity levels (orion-hero-white-opacity) */

 .orion-hero-white-opacity.orion-hero-opacity-1 {
     background-color: rgba(255, 255, 255, 0.1);
 }

 .orion-hero-white-opacity.orion-hero-opacity-2 {
     background-color: rgba(255, 255, 255, 0.2);
 }

 .orion-hero-white-opacity.orion-hero-opacity-3 {
     background-color: rgba(255, 255, 255, 0.3);
 }

 .orion-hero-white-opacity.orion-hero-opacity-4 {
     background-color: rgba(255, 255, 255, 0.4);
 }

 .orion-hero-white-opacity.orion-hero-opacity-5 {
     background-color: rgba(255, 255, 255, 0.5);
 }

 .orion-hero-white-opacity.orion-hero-opacity-6 {
     background-color: rgba(255, 255, 255, 0.6);
 }

 .orion-hero-white-opacity.orion-hero-opacity-7 {
     background-color: rgba(255, 255, 255, 0.7);
 }

 .orion-hero-white-opacity.orion-hero-opacity-8 {
     background-color: rgba(255, 255, 255, 0.8);
 }

 .orion-hero-white-opacity.orion-hero-opacity-9 {
     background-color: rgba(255, 255, 255, 0.9);
 }

 .orion-hero-white-opacity.orion-hero-opacity-10 {
     background-color: rgba(255, 255, 255, 1.0);
 }

 /* Purple opacity levels (orion-hero-purple-opacity) - #2E1A47 = var(--truPurple800) */

 .orion-hero-purple-opacity.orion-hero-opacity-1 {
     background-color: rgba(46, 26, 71, 0.1);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-2 {
     background-color: rgba(46, 26, 71, 0.2);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-3 {
     background-color: rgba(46, 26, 71, 0.3);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-4 {
     background-color: rgba(46, 26, 71, 0.4);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-5 {
     background-color: rgba(46, 26, 71, 0.5);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-6 {
     background-color: rgba(46, 26, 71, 0.6);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-7 {
     background-color: rgba(46, 26, 71, 0.7);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-8 {
     background-color: rgba(46, 26, 71, 0.8);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-9 {
     background-color: rgba(46, 26, 71, 0.9);
 }

 .orion-hero-purple-opacity.orion-hero-opacity-10 {
     background-color: rgba(46, 26, 71, 1.0);
 }

 /* Mobile: opacity classes removed by JS - no background color on mobile */

 /*Generic Carousel Component Styles */

 .hidden,
 .hidden-json-path {
     display: none !important;
 }

 /*
.carousel-inner > .carousel-item.genCarousel-bg {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}
*/

 .generic-carousel-component-instance {
     width: 100%;
 }

 /* Wrapped mode options starts */

 .wrapperMode .genCarousel-inner {
     width: 90%;
     margin: 0 auto;
 }

 .wrapperMode .contentSideArrowPrev {
     /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232e1a47' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");*/
 }

 .wrapperMode .contentSideArrowNxt {
     /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232e1a47' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");*/
 }

 .wrapperMode .carousel-caption.genCarousel-contentSec {
     transform: translateY(-87%);
     padding: 10px;
 }

 /* Wrapped mode options ends */

 .carousel-item.genCarousel-bg {
     /* transition: transform 2s ease, opacity .5s ease-out; */
     min-height: 600px;
 }

 .genCarousel-bg {
     background: #f7f7f7;
     border-radius: 20px;
     overflow: visible;
 }

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

 .genCarousel-Img.right {
     width: 50%;
     float: right;
 }

 .genCarousel-Img.right img {
     /* border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; */
     max-width: 100%;
     width: 100%;
 }

 .carousel-caption.genCarousel-contentSec {
     color: #2e1a47;
     margin: 0 50px;
     text-align: left;
     width: 40%;
     height: auto;
     left: 0;
     transform: translateY(-88%);
     top: 50%;
     right: 0;
     bottom: initial;
     padding: 20px;
 }

 .carousel-inner.genCarousel-inner {
     height: 600px;
     border-radius: 20px;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
     background-image: none;
     width: auto;
     height: auto;
     background: rgb(0, 0, 0, 0.43);
     padding: 1rem;
     font-size: 3rem;
     transition: padding .4s ease-out;
     border-radius: 0 .25em .25em 0;
 }

 .carousel-control-prev-icon:hover,
 .carousel-control-next-icon:hover {
     background: rgb(0, 0, 0, 0.63);
     padding: 1rem;
 }

 .carousel-control-prev:focus .carousel-control-prev-icon,
 .carousel-control-next:focus .carousel-control-next-icon {
     padding: 1rem;
     border: 2px solid var(--truNeutral500);
     border-radius: 5px;
     opacity: 1;
 }

 .carousel-control-prev-icon:before,
 .carousel-control-next-icon:before {
     font-family: "truist-icons";
     content: '\e80e';
     color: #fff;
     font-weight: 500;
     display: inline-block;
     font-style: normal;
     text-decoration: inherit;
     transform: rotate(180deg);
 }

 .wrapperMode .carousel-control-prev-icon,
 .wrapperMode .carousel-control-next-icon,
 .wrapperMode .carousel-control-prev-icon:hover,
 .wrapperMode .carousel-control-next-icon:hover {
     background: none;
 }

 .wrapperMode .carousel-control-prev:focus .carousel-control-prev-icon,
 .wrapperMode .carousel-control-next:focus .carousel-control-next-icon {
     background: none;
     border: 2px solid var(--truNeutral500);
     border-radius: 5px;
     opacity: 1;
 }

 .carousel-control-next-icon {
     transform: rotate(-180deg);
     padding: 1rem 1.5rem 1rem 1rem;
 }

 .wrapperMode .carousel-control-prev-icon:before,
 .wrapperMode .carousel-control-next-icon:before {
     color: #040c31;
     font-weight: 500;
 }

 .carousel-indicators {
     z-index: 1;
     position: relative;
 }

 .carousel-indicators li {
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     width: 12px;
     height: 12px;
     border-radius: 100%;
     text-indent: -999px;
     cursor: pointer;
     background-color: #fff;
     border: 2px solid #2e1a47;
     margin: 24px 12px;
     opacity: 1;
 }

 .carousel-indicators li:hover {
     background-color: #2e1a47;
     border: 2px solid #2e1a47;
     opacity: .6;
 }

 .carousel-indicators li:focus {
     outline: 2px solid var(--truNeutral500);
     outline-offset: 5px;
 }

 .carousel-indicators li.active {
     background-color: #2e1a47;
     border: 2px solid #2e1a47;
 }

 .carousel-control-next,
 .carousel-control-prev {
     bottom: 70px;
     width: 3%;
     opacity: 1;
 }

 .contentSideArrowPrev {
     /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232e1a47' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");*/
 }

 .genCarousel-SubHeading {
     font-size: 2rem;
     color: #2e1a47;
     font-weight: bold;
     opacity: .6;
 }

 .genCarousel-MainHeading {
     font-size: 3.5rem;
     color: #2e1a47;
     margin: 15px 0;
 }

 .genCarousel-content {
     font-size: 1.5rem;
     color: var(--truNeutral500);
     margin-bottom: 25px;
 }

 .genCarousel-button {
     font-size: 1.5rem;
     color: #ffffff;
     background: #2e1a47;
     border: 2px solid #2e1a47;
     outline: none;
     padding: 1rem 2rem;
     border-radius: .5rem;
     text-decoration: none;
     margin-right: 20px;
 }

 .genCarousel-button:hover,
 .genCarousel-button:focus {
     color: #2e1a47;
     text-decoration: none;
     background: #ffffff;
     border: 2px solid #2e1a47;
     font-weight: bold;
 }

 .genCarousel-cta {
     font-size: 1.5rem;
     color: #2e1a47;
     text-decoration: underline;
     cursor: pointer;
 }

 .genCarousel-cta:hover,
 .genCarousel-cta:focus {
     text-decoration: none;
     color: #2e1a47;
     cursor: pointer;
 }

 .genCarousel_slidePagination {
     position: relative;
     text-align: center;
     padding: 20px;
 }

 ul.carousel-indicators.moreThan5slides li {
     background-color: transparent;
     border: 0;
     width: auto;
     cursor: default;
     display: none;
     text-indent: -99999px;
 }

 ul.carousel-indicators.moreThan5slides .active {
     outline: none;
     text-indent: 0;
     cursor: default;
     height: auto;
     display: flex;
 }

 ul.carousel-indicators.moreThan5slides .active:hover {
     opacity: 1;
 }

 /* Hero Banner Carousel Section starts */

 @-webkit-keyframes imageScale {
     0% {
         background-size: 1842px 760px;
         opacity: 0;
     }
     100% {
         background-size: 1660px 660px;
         opacity: 1;
     }
 }

 @keyframes imageScale {
     0% {
         background-size: 1842px 760px;
         opacity: 0;
     }
     100% {
         background-size: 1660px 660px;
         opacity: 1;
     }
 }

 @-webkit-keyframes imageScaleTablet {
     0% {
         background-size: 1446px 580px;
         opacity: 0;
     }
     100% {
         background-size: 1166px 480px;
         opacity: 1;
     }
 }

 @keyframes imageScaleTablet {
     0% {
         background-size: 1446px 580px;
         opacity: 0;
     }
     100% {
         background-size: 1166px 480px;
         opacity: 1;
     }
 }

 @-webkit-keyframes textFade {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }

 @keyframes textFade {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }

 .hero-banner-carousel .carousel-inner.genCarousel-inner {
     height: auto;
     border-radius: 20px;
 }

 .hero-banner-carousel>.carousel-item.genCarousel-bg>* {
     -webkit-animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.2s;
     animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.2s;
 }

 .hero-banner-carousel .carousel-item.genCarousel-bg {
     -webkit-animation: imageScale 0.75s both cubic-bezier(0, 0, 0.21, 1);
     animation: imageScale 0.75s both cubic-bezier(0, 0, 0.21, 1);
 }

 .hero-banner-carousel .carousel-caption.genCarousel-contentSec {
     transform: translateY(-50%);
 }

 .hero-banner-carousel .carousel-control-prev-icon,
 .hero-banner-carousel .carousel-control-next-icon {
     background: none;
 }

 .hero-banner-carousel .carousel-control-prev-icon:before,
 .hero-banner-carousel .carousel-control-next-icon:before {
     color: #fff;
 }

 .hero-banner-carousel .carousel-control-prev-icon:hover,
 .hero-banner-carousel .carousel-control-next-icon:hover {
     padding: 1rem 1.5rem 1rem 1rem;
 }

 .hero-banner-carousel .carousel-control-prev:focus .carousel-control-prev-icon,
 .hero-banner-carousel .carousel-control-next:focus .carousel-control-next-icon {
     padding: 1rem 1.5rem 1rem 1rem;
     border: 2px solid #ffffff;
     border-radius: 5px;
 }

 .hero-banner-carousel .carousel-indicators {
     position: absolute;
     margin-bottom: 20px;
 }

 .hero-banner-carousel .carousel-indicators li {
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     width: 12px;
     height: 12px;
     border-radius: 100%;
     text-indent: -999px;
     cursor: pointer;
     background-color: transparent;
     border: 2px solid #FFF;
     margin: 24px 12px;
     opacity: 1;
 }

 .hero-banner-carousel .carousel-indicators li.active {
     background-color: #FFF;
     border: 2px solid #FFF;
 }

 .hero-banner-carousel .carousel-indicators li:hover {
     background-color: #7C6992;
 }

 .hero-banner-carousel .carousel-indicators li:focus {
     outline: 2px solid #ffffff;
     outline-offset: 5px;
 }

 .hero-banner-carousel .orion-hero-carousel__action {
     color: #fff;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     min-width: 136px;
     max-width: 100%;
     width: fit-content;
     text-decoration: none;
     padding: 0 10px;
     border: 1px solid #FFF;
     border-radius: 7px;
     text-align: center;
     font-size: 1.6rem;
     -webkit-transition: background-color .3s ease-in-out;
     transition: background-color .3s ease-in-out;
     height: 48px;
 }

 .hero-banner-carousel .orion-hero-carousel__action:hover {
     color: #2e1a47;
     background: #fff;
     border-color: #2e1a47;
 }

 .orion-hero-text-color--white .orion-hero-carousel__action {
     color: #FFF;
 }

 .orion-hero-text-color--midnight .orion-hero-carousel__action {
     color: #2e1a47;
     border: 1px solid #2e1a47;
 }

 .orion-hero-text-color--dawn .orion-hero-carousel__action {
     color: #afabc9;
     border: 1px solid #afabc9;
 }

 .hero-banner-carousel .carousel-control-next,
 .hero-banner-carousel .carousel-control-prev {
     bottom: 0;
 }

 .hero-banner-carousel .orion-text-align-right .orion-hero-carousel__actions,
 .hero-banner-carousel .orion-text-align-center .orion-hero-carousel__actions {
     display: block;
 }

 /* Hero Banner Carousel Section Ends */

 /* Media queries starts here */

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
     .carousel-caption.genCarousel-contentSec {
         transform: translateY(-62%);
         padding: 0 10px;
     }
     .wrapperMode .carousel-item.genCarousel-bg {
         min-height: auto;
     }
     .wrapperMode .carousel-inner.genCarousel-inner {
         height: auto;
     }
     .wrapperMode .carousel-caption.genCarousel-contentSec {
         transform: translateY(-50%);
         margin: 0px 30px;
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .carousel-caption.genCarousel-contentSec {
         transform: translateY(-62%);
     }
     .wrapperMode .carousel-caption.genCarousel-contentSec {
         transform: translateY(-55%);
         margin: 0px 40px;
     }
 }

 @media (max-width: 767px) {
     .container {
         max-width: 747px;
     }
     .genCarousel-cta {
         display: inline-block;
         margin-top: 20px;
     }
     .carousel-inner.genCarousel-inner {
         height: auto;
         border-radius: 20px;
     }
     .genCarousel-Img.right {
         width: 100%;
         display: block;
         position: relative;
         clear: both;
         float: none;
     }
     .genCarousel-Img.right img {
         border-bottom-right-radius: 0;
         max-width: 100%;
     }
     .carousel-caption.genCarousel-contentSec {
         position: relative;
         display: block;
         width: 100%;
         height: auto;
         margin: 40px 0;
         transform: none;
     }
     /* .carousel-control-next,
    .carousel-control-prev {
        display: none;
    } */
 }

 /* All Mobile portrait views */

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .generic-carousel-component-instance {
         width: 100%;
     }
     .carousel-item.genCarousel-bg {
         width: 90%;
         margin-left: 20px;
         height: auto;
     }
     .contentSideArrowNxt {
         /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232e1a47' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");*/
     }
     .generic-carousel-component-instance {
         overflow: hidden;
     }
     .generic-carousel-component-instance .carousel-indicators {
         margin-right: 25%;
         margin-left: 25%;
     }
     .generic-carousel-component-instance .carousel-control-prev,
     .generic-carousel-component-instance .carousel-control-next {
         display: none;
         /*background: rgba(255, 255, 255, 0.3);
        width: 5%;
        z-index: 11;*/
         /* .carousel-caption has z-index 10 */
     }
     /* .generic-carousel-component-instance .carousel-inner {
        width: 150%;
        left: -25%; 
    }*/
     .carousel-inner>.carousel-item.next,
     .carousel-inner>.carousel-item.active.right {
         -webkit-transform: translate3d(33%, 0, 0);
         transform: translate3d(33%, 0, 0);
     }
     .carousel-inner>.carousel-item.prev,
     .carousel-inner>.carousel-item.active.left {
         -webkit-transform: translate3d(-33%, 0, 0);
         transform: translate3d(-33%, 0, 0);
     }
     /*  .genCarousel-bg {
        float: left;
        position: relative;
        captions can now be added
        width: 33.33333333%;
    } */
     .carousel,
     .carousel-inner,
     .carousel-inner>.carousel-item {
         overflow: hidden;
     }
     .carousel-inner>.carousel-item.active,
     .carousel-inner>.carousel-item-next {
         display: flex;
         flex-wrap: wrap;
         /* width: auto; */
     }
     .carousel-inner:before {
         position: absolute;
         top: 0;
         bottom: 0;
         right: 96%;
         left: 0;
         content: "";
         display: block;
         background-color: #fff;
         z-index: 2;
     }
     .carousel-inner:after {
         position: absolute;
         top: 0;
         bottom: 0;
         right: 0;
         left: 95%;
         content: "";
         display: block;
         background-color: #fff;
         z-index: 2;
     }
     .wrapperMode .carousel-inner:after {
         position: absolute;
         top: 0;
         bottom: 0;
         right: 0;
         left: 95%;
         content: "";
         display: block;
         background-color: #fff;
         z-index: 2;
     }
     .wrapperMode .carousel-inner>.carousel-item.active {
         display: flex;
         flex-wrap: wrap;
         width: 90%;
     }
     .wrapperMode .carousel-inner>.carousel-item-next {
         display: flex;
         flex-wrap: nowrap;
         width: 90%;
     }
     .wrapperMode .genCarousel-Img.right,
     .wrapperMode .carousel-caption.genCarousel-contentSec {
         height: 100%;
         width: 100%;
         min-width: 300px;
         clear: both;
         float: none;
         transform: none;
     }
 }

 @media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
     .genCarousel-SubHeading {
         font-size: 1.75rem;
     }
     .genCarousel-MainHeading {
         font-size: 3rem;
     }
     .carousel-caption.genCarousel-contentSec {
         transform: translateY(-55%);
         margin: 15px 40px;
     }
     .wrapperMode .carousel-item.genCarousel-bg,
     .carousel-item.genCarousel-bg {
         min-height: auto;
     }
     .wrapperMode .carousel-inner.genCarousel-inner,
     .carousel-inner.genCarousel-inner {
         height: auto;
     }
     .wrapperMode .genCarousel-content {
         display: none;
     }
     .wrapperMode .carousel-caption.genCarousel-contentSec {
         transform: translateY(-52%);
         margin: 0px 30px;
     }
     .carousel-control-prev-icon,
     .carousel-control-next-icon,
     .overlay-image {
         display: none;
     }
 }

 .hero-banner-carousel {
     overflow: hidden;
 }

 .hero-banner-carousel .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: 0;
     margin-left: 0;
 }

 .generic-carousel-component-instance {
     width: 100%;
     max-width: 1600px;
     margin: auto;
 }

 .hero-banner-carousel .carousel-inner.genCarousel-inner {
     height: auto;
     border-radius: 20px;
     width: 97%;
     overflow: hidden;
     margin: auto;
     max-width: 1600px;
 }

 .carousel-control-next,
 .carousel-control-prev {
     bottom: 70px;
     width: 95px;
     opacity: 1;
 }

 .hero-banner-carousel .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: 0;
     margin-left: 0;
 }

 @media only screen and (max-width: 414px) and (orientation: portrait) {
     .hero-banner-carousel .row {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         margin-right: -15px;
         margin-left: -15px;
     }
     .carousel-control-prev-icon,
     .carousel-control-next-icon,
     .overlay-image {
         display: none;
     }
     .carousel-inner:before {
         position: absolute;
         top: 0;
         bottom: 0;
         right: 100%;
         left: 0;
         content: "";
         display: block;
         background-color: #fff;
         z-index: 2;
     }
     .carousel-inner:after {
         position: absolute;
         top: 0;
         bottom: 0;
         right: 0;
         left: 100%;
         content: "";
         display: block;
         background-color: #fff;
         z-index: 2;
     }
     .carousel-item.genCarousel-bg {
         width: 100%;
         margin-left: 0;
         height: auto;
     }
     .hero-content-container {
         display: -ms-flexbox;
         display: flex;
         flex-wrap: wrap;
         padding: 20px 36px;
         min-height: 100%;
     }
     .hero-banner-carousel .carousel-inner.genCarousel-inner {
         height: auto;
         border-radius: 0;
     }
 }

 @media only screen and (max-width: 768px) {
     .hero-banner-carousel .row {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         margin-right: -15px;
         margin-left: -15px;
     }
     .hero-banner-carousel .carousel-inner.genCarousel-inner {
         border-radius: 0;
     }
     .hero-banner-carousel .genCarousel-bg {
         border-radius: 0;
     }
     .orion-hero-carousel__panel__content {
         min-height: 480px;
         height: 100%;
         max-height: 480px;
         border-radius: 0;
     }
 }

 .section-change-show {
     display: block !important;
 }

 .section-change-hide {
     display: none !important;
 }

 /* drop down form */

 .truist-drop-down-box form {
     display: flex;
     align-items: center;
 }

 .truist-drop-down-box input,
 .truist-drop-down-box select {
     height: 5rem;
     padding: 0 2rem;
     border: none;
 }

 .truist-drop-down-box select {
     /* remove default arrow*/
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     background: #fff;
     border-radius: 3px 0 0 3px;
     width: 100%;
 }

 .truist-drop-down-box select::-ms-expand {
     display: none;
 }

 .truist-drop-down-box input[type="button"] {
     border-radius: 0 3px 3px 0;
     cursor: pointer;
     background: #b0e0e2;
     font-weight: var(--truFontWtBd);
 }

 .truist-drop-down-box .truist-select-wrapper,
 .truist-drop-down-box .truist-select-wrapper-open {
     position: relative;
     flex: 1;
 }

 .truist-drop-down-box .truist-select-wrapper:after,
 .truist-drop-down-box .truist-select-wrapper-open:after {
     font-family: 'truist-icons';
     font-size: 2.4rem;
     position: absolute;
     top: 11px;
     right: 11px;
     color: #434B67;
     pointer-events: none;
 }

 .truist-drop-down-box .truist-select-wrapper:after {
     content: '\e80c';
 }

 .truist-drop-down-box .truist-select-wrapper-open:after {
     content: '\e810';
 }

 .truist-drop-down-box form {
     border: 1px var(--truNeutral500) solid;
     border-radius: 4px;
 }

 /* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

 .ori-icon {
     height: 1.8rem;
     fill: currentColor;
     width: 1.8rem;
 }

 .ori-tabs {
     font-size: 1.8rem;
     width: 98%;
 }

 ul.ori-tabs__list {
     list-style: none;
 }

 .ori-tabs__position--relative {
     position: relative;
     width: 93%;
 }

 .ori-tabs__list {
     display: flex;
     overflow-x: auto;
     scroll-behavior: smooth;
     border-bottom: 1px solid #afabc9;
     -ms-overflow-style: none;
     /* IE and Edge */
     scrollbar-width: none;
 }

 .ori-tabs__list--pills {
     background: #563e7c;
     border-radius: 1%/12%;
     padding: 0.8rem;
     overflow-x: hidden;
 }

 .ori-tabs__list::-webkit-scrollbar {
     display: none;
 }

 .ori-tabs__tab__button {
     font-size: inherit;
     background: transparent;
     border: transparent;
     height: inherit;
     width: inherit;
     border-radius: 0.7rem;
     color: inherit;
     cursor: pointer;
     padding: 1.5rem;
 }

 .ori-tabs__tab__button:focus {
     outline: 1px solid #2e1a47;
     outline-offset: -5px;
 }

 .ori-tabs__tab {
     font-size: 2rem;
     color: #7c6992;
     border: transparent;
     border-bottom: 2px;
     text-align: center;
     cursor: pointer;
     white-space: nowrap;
 }

 .ori-tabs__tab:not(.ori-tabs__tab--pills):hover {
     border-bottom: 2px solid #afabc9;
     color: #2e1a47;
 }

 .ori-tabs__tab.is-active:not(.ori-tabs__tab--pills),
 .ori-tabs__tab.is-active:not(.ori-tabs__tab--pills):hover {
     border-bottom: 4px solid #2e1a47;
     color: #2e1a47;
     font-weight: var(--truFontWtLt);
 }

 .ori-tabs__tab--pills {
     padding: 0;
     flex: 1;
     width: 100%;
 }

 .ori-tabs__tab--pills:not(:last-child) {
     border-right: 1px solid #afabc9;
 }

 .ori-tabs__tab--pills .ori-tabs__tab__button {
     color: #fff;
     padding: 1.4rem;
     width: inherit;
     border-radius: 0;
 }

 .ori-tabs__tab--pills .ori-tabs__tab__button.is-active {
     background: #fff;
     color: #2e1a47;
     border-radius: 0.6rem;
 }

 .ori-tabs__panel-group {
     padding-top: 0;
     padding-bottom: 0;
     padding-right: 2rem;
     padding-left: 2rem;
 }

 .ori-tabs__scrollable-button {
     padding: 0px;
     min-width: auto;
     width: 25px;
     display: flex;
     background: transparent;
     position: absolute;
     top: 10%;
     border: 0;
     height: 100%;
 }

 .ori-tabs__scrollable-button .ori-icon {
     fill: #2e1a47;
 }

 .ori-tabs__scrollable-button--right {
     right: 0;
     justify-content: flex-end;
     background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white, white);
 }

 .ori-tabs__scrollable-button--left {
     left: 0;
     justify-content: flex-start;
     background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white, white);
 }

 .ori-tabs__scrollable-button img {
     width: 10px;
     height: 20px;
     position: relative;
     top: 10px;
 }

 .ori-tabs__panel {
     display: none;
 }

 .ori-tabs__panel.is-active {
     display: block;
 }

 /* ADA fix for 24px height clickable item */

 .ori-tabs__panel-group .ori-tabs__panel .text .author-rte-styling p>a,
 .bg-clear .ori-tabs__panel-group .ori-tabs__panel .text .author-rte-styling p>a {
     display: inline-block;
     min-height: var(--truSpaceLg);
 }

 .ori-display--none {
     display: none;
 }

 .ori-tabs .icon-right-arrow:before {
     content: "\e80e";
     margin: 10px 0px;
     font-size: 2.2rem;
 }

 .ori-tabs .icon-left-arrow:before {
     content: "\e80d";
     margin: 10px 0px;
     font-size: 2.2rem;
 }

 /*disclosures ordered list - alt from custom.css*/

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol {
     list-style: none;
     padding-left: 4rem;
     position: relative;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol li {
     padding-bottom: 2rem;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol li:first-child {
     padding-top: 2rem;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol li:last-child {
     padding-bottom: 0;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol li:before {
     counter-increment: mycounter;
     content: counter(mycounter)".";
     position: absolute;
     left: 0;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol:first-of-type {
     counter-reset: mycounter;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol ol {
     list-style-type: lower-alpha;
     padding-left: 2rem;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol ol li {
     padding-left: 2rem;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol ol li:before {
     display: none;
 }

 .truist-tabs .ori-tabs__panel .disclosures-alt-ol ol ol.special {
     list-style-type: none;
     padding-left: 8rem;
 }

 /*TRUIST TABS from component.css*/

 .truist-tabs .ori-tabs {
     width: 100%;
 }

 .truist-tabs .ori-tabs__position--relative {
     width: auto;
     max-width: 100%;
 }

 .truist-tabs .ori-tabs__list {
     padding: 0;
 }

 /*.truist-tabs .ori-tabs__tab {width: 100%;}*/

 .truist-tabs .ori-tabs__list {
     border-bottom: none;
 }

 .truist-tabs .ori-tabs__tab {
     border-bottom: 1px solid #2e1a47;
 }

 .truist-tabs .ori-tabs__tab__button {
     padding: 1.5rem 3rem;
 }

 .truist-tabs .ori-tabs__tab__button.is-active {
     font-weight: var(--truFontWtBd);
 }

 .truist-tabs .ori-tabs__tab__button:focus {
     outline: 1px dotted #2e1a47;
 }

 .truist-tabs .ori-tabs__panel-group {
     width: 100%;
     padding-top: 6rem;
     padding-bottom: 0;
     padding-right: 2rem;
     padding-left: 2rem;
 }

 .truist-tabs .js-tru-tab-open-tab-same-page {
     cursor: pointer;
 }

 @media (min-width: 769px) {
     .truist-tabs .ori-tabs {
         display: flex;
         flex-direction: column;
         align-items: center;
     }
 }

 /**/

 @media screen and (min-width:320px) and (max-width:896px) and (orientation:portrait) {
     .ori-tabs__tab {
         white-space: normal;
     }
     main .truist-tabs .grid__margin-bottom-none-mobile:last-child {
         margin-bottom: 0 !important;
         padding-bottom: 0;
     }
 }

 @media screen and (min-width:320px) and (max-width:896px) and (orientation:landscape) {
     .ori-tabs__tab {
         white-space: normal;
     }
 }

 @media (min-width: 768px) {
     .ori-tabs__list {
         width: auto;
     }
 }

 .activeSlickDot {
     height: 9px !important;
     outline: 1px solid #e3dfef !important;
     width: 9px !important;
     outline-offset: 3px;
 }

 .comparison-nav__container {
     background: #563E7C 0 0 no-repeat padding-box;
     border: 3px solid #563E7C;
     border-radius: 10px;
     opacity: 1;
     display: flex;
     margin: 0 auto;
 }

 .comparison-nav__link-container {
     display: flex;
     justify-content: space-evenly;
     flex-direction: row;
     padding-inline-start: 0;
     margin-block-start: 0;
     margin-block-end: 0;
     padding: 3px;
     margin: 0 auto;
 }

 .comparison-nav__item {
     list-style-type: none;
     font-size: 1.8rem;
     border-left: solid 1px #fff;
     border-top: none;
     border-bottom: none;
     text-align: center;
     width: 100%;
     padding: 0px;
     display: flex;
 }

 .comparison-nav__item a {
     padding: 14px 0 12px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
 }

 .comparison-nav__item:first-child {
     border-left: none;
 }

 /* .comparison__container .active > a, */

 .comparison-nav__item:hover>a,
 .comparison-nav__item:focus>a,
 .comparison-nav__item:active>a .comparison-nav__item:visited>a {
     background: #fff;
     border-radius: 10px;
     border-left: none;
 }

 .comparison-nav__item>a:visited,
 .comparison-nav__item a:focus {
     background: none;
     border-radius: 10px;
     border-left: none;
     color: #ffffff;
 }

 .comparison-nav__item.active a,
 .comparison-nav__item.active a:focus {
     background-color: #FFF;
     color: #563E7C;
     border-radius: 10px;
     border: none;
     outline-offset: -4px;
     outline-color: #563E7C;
 }

 .comparison-nav__item.active a:hover {
     background-color: #E3DFEF;
     color: #2E1A47;
 }

 .comparison-nav__item:hover+.comparison-nav__item,
 .comparison-nav__item.active+.comparison-nav__item {
     border-left: none;
     margin-left: 1px;
 }

 .comparison-nav__item:hover .comparison-nav__link,
 .comparison-nav__item:active .comparison-nav__link {
     color: #563E7C;
 }

 .comparison-nav__link {
     text-decoration: none;
     color: #fff;
 }

 .comparison-nav__link:hover,
 .comparison-nav__link:focus,
 .comparison-nav__link:active {
     text-decoration: none;
 }

 .comparison-nav__link:hover {
     color: #563E7C;
 }

 .comparison-nav-mobile__wrapper {
     background: #2E1A47;
     padding: 0 0 41px 0;
 }

 .comparison-nav-mobile__intro-container {
     color: #fff;
     padding: 0 20px 60px;
 }

 .comparison-nav-mobile__intro-container h5 {
     font-family: inherit;
     font-size: 1.6rem;
     text-transform: uppercase;
     margin: 7px 0;
 }

 .comparison-nav-mobile__dot-container {
     padding: 30px 0 25px;
 }

 .comparison-nav-mobile__intro-container h2 {
     font-family: inherit;
     font-size: 2.8rem;
     margin: 0;
     font-weight: var(--truFontWtLt);
 }

 .comparison-nav-mobile__slide {
     color: #424242;
     font-weight: var(--truFontWtRg);
     font-size: 1.6rem;
     margin: 0.5rem 0;
     border-radius: 20px;
 }

 .comparison-nav-mobile__slide-header {
     background: #E3E2EC;
     padding-bottom: 1px;
     border-radius: 20px 20px 0 0;
     text-align: center;
     color: #2E1A47;
     font-weight: var(--truFontWtBd);
 }

 .comparison-nav-mobile__slide-header p {
     margin-block-end: unset;
     padding: 16px 0;
 }

 .comparison-nav-mobile__slide-content-wrapper {
     height: 720px;
     background: #fff;
     border: solid 1px #fff;
     border-radius: 0 0 20px 20px;
 }

 .comparison-nav-mobile__slide-content {
     min-width: 70%;
     width: 85%;
     margin: 0 auto;
     padding: 26px 0;
 }

 .comparison-nav-mobile__slide-content-wrapper,
 .comparison-nav-mobile__wrapper .slick-list,
 .comparison-nav-mobile__wrapper .slick-track {
     height: auto;
 }

 .comparison-nav-mobile__wrapper .slick-dots {
     position: absolute;
     top: -42px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
     height: 20px;
 }

 .comparison-nav-mobile__wrapper .slick-dots li {
     position: relative;
     display: inline-block;
     width: 8px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
 }

 .comparison-nav-mobile__wrapper .slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 20px;
     height: 10px;
     padding: 5px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: transparent;
 }

 .comparison-nav-mobile__wrapper .slick-dots li button:hover,
 .comparison-nav-mobile__wrapper .slick-dots li button:focus {
     outline: 1px solid #e3dfef;
     outline-offset: 2px;
     width: auto;
 }

 .comparison-nav-mobile__wrapper .slick-dots li button:hover:before,
 .comparison-nav-mobile__wrapper .slick-dots li button:focus:before {
     opacity: 1;
 }

 .comparison-nav-mobile__wrapper .slick-dots li button::before {
     display: inline-block;
     width: 8px;
     height: 8px;
     background: #ccc;
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0;
     content: '';
     text-align: center;
     opacity: .25;
 }

 .comparison-nav-mobile__wrapper .slick-dots li.slick-active button:before {
     opacity: .75;
     color: black;
 }

 .comparison-nav-mobile__wrapper .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     padding: 0;
     margin: 0 -5px;
 }

 .comparison-nav-mobile__wrapper .slick-slide {
     margin: 0 5px;
 }

 /* Reset filltab styles for Mortgage Rates start */

 .mortgage-rates-v3 .filltabs .comparison-nav__item a {
     padding: .6rem 2rem;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
 }

 .mortgage-rates-v3 .comparison-nav__container {
     display: flex;
     align-items: flex-end;
     margin-bottom: 10px;
 }

 .mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container {
     display: flex;
     justify-content: left;
     border: 0;
     background: none;
     border-radius: 0;
 }

 .mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container .comparison-nav__item {
     border-bottom: 1px solid #c9c9c9;
     padding-bottom: 0 !important;
 }

 .mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container .comparison-nav__item .comparison-nav__link {
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     line-height: 22.68px;
     text-align: center;
     text-underline-position: from-font;
     text-decoration-skip-ink: none;
     color: #7C6992;
     border: none;
     text-decoration: none !important;
 }

 .mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container .comparison-nav__item.active .comparison-nav__link {
     font-weight: var(--truFontWtBd);
     color: #2E1A47;
     border: none;
     text-decoration: none !important;
 }

 .mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container .comparison-nav__item.active {
     border-bottom: 2px solid #2E1A47;
 }

 .mortgage-rates-v3 .comparison-nav__item.active a:hover,
 .mortgage-rates-v3 .comparison-nav__item.active a:focus {
     background: none;
 }

 /* Reset filltab styles for Mortgage Rates end */

 /*media queries*/

 @media only screen and (max-width:954.5px) {
     .comparison-nav__item {
         padding: 14px 33px 12px 33px;
         width: unset;
     }
 }

 @media only screen and (min-width: 375px) and (max-width: 768px) {
     .comparison-nav__link-container>li:first-of-type>a.comparison-nav__link {
         padding: 15px;
     }
     .comparison-nav__link-container>li:last-of-type>a.comparison-nav__link {
         padding: 15px;
     }
 }

 /*end nav */

 .fill-tabs--tabcontent {
     display: none;
 }

 .fill-tabs--tabcontent.active {
     display: block;
 }

 .display--desktop-fill-tabs {
     display: block;
 }

 .display--mobile-fill-tabs {
     display: none;
 }

 /*FILL TAB styles from CUSTOM.css*/

 /**remove header in desktop**/

 .fill-tab__custom--remove-desktop-fill-tabs .comparison-nav__container {
     display: none !important;
 }

 /*modify headline in mobile*/

 @media (max-width: 795px) {
     .fill-tab__custom--headline {
         background-color: #2E1A47;
         padding-top: 4rem;
         padding-left: 4.167%;
         padding-right: 4.167%;
         margin-bottom: -1px;
         float: left;
         width: 100%;
     }
     .fill-tab__custom--headline p,
     .fill-tab__custom--headline h2,
     .fill-tab__custom--headline h3 {
         color: #fff;
     }
 }

 /*FILL TAB ACCORDION ADDITIONAL CONTENT*/

 .fill-tab-accordion-additional-content .accordion-card-header:not(.fill-tab-accordion-additional-content .card-body .accordion-card-header) {
     text-align: center;
 }

 @media (max-width: 795px) {
     .fill-tab-accordion-additional-content .button-margin .btn-primary {
         border: none;
         margin-left: auto;
         margin-right: auto;
         font-size: 1.6rem;
         font-weight: var(--truFontWtBd);
     }
     .fill-tab-accordion-additional-content .accordion-text.truist--icon-carat-up.after:after,
     .fill-tab-accordion-additional-content .accordion-text.truist--icon-carat-down.after:after {
         font-size: 1.4rem;
     }
     .fill-tab-accordion-additional-content .button-margin .btn-primary:hover,
     .fill-tab-accordion-additional-content .button-margin .btn-primary:focus,
     .fill-tab-accordion-additional-content .button-margin .btn-primary:active,
     .fill-tab-accordion-additional-content .button-margin .btn-primary:active:focus {
         border: none;
         color: #2e1a47;
         background-color: transparent;
     }
     .fill-tab-accordion-additional-content .btn-primary:hover .accordion-text,
     .fill-tab-accordion-additional-content .btn-primary:hover .accordion-text:before,
     .fill-tab-accordion-additional-content .btn-primary:hover .accordion-text:after,
     .fill-tab-accordion-additional-content .btn-primary:focus .accordion-text,
     .fill-tab-accordion-additional-content .btn-primary:focus .accordion-text:before,
     .fill-tab-accordion-additional-content .btn-primary:focus .accordion-text:after {
         color: #2e1a47;
     }
 }

 @media (min-width: 796px) {
     .fill-tab-accordion-additional-content .accordion-card-header {
         display: none;
     }
     .fill-tab-accordion-additional-content .card-body .accordion-card-header {
         display: block;
     }
 }

 /******/

 /*Fill TAB from component.css*/

 .filltabs .comparison-nav__container.display--desktop-fill-tabs {
     display: block;
     background: none;
     border: none;
     border-radius: 0;
     text-align: center;
 }

 .filltabs .comparison-nav__link-container {
     display: inline-flex;
     justify-content: center;
     flex-direction: row;
     padding-inline-start: 0;
     margin-block-start: 0;
     margin-block-end: 0;
     padding: 3px;
     margin: 0 auto;
     background: #563E7C;
     border: 3px solid #563E7C;
     border-radius: 1rem;
 }

 .filltabs .comparison-nav__item {
     border: none;
     width: auto;
     display: flex;
     min-height: 5rem;
 }

 .filltabs .comparison-nav__item.active {
     font-weight: var(--truFontWtBd);
 }

 .filltabs .comparison-nav__item:not(:last-child)::after {
     content: "";
     background: #fff;
     display: inline-block;
     height: 50%;
     width: 1px;
     margin: auto 0;
     opacity: .25;
 }

 .filltabs .comparison-nav__item a {
     padding: .6rem 3rem;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
 }

 @media only screen and (max-width: 1200px) {
     .filltabs .comparison-nav__link-container {
         flex-wrap: wrap;
     }
     .filltabs .comparison-nav__item a {
         padding-right: 2rem;
         padding-left: 2rem;
     }
 }

 @media only screen and (max-width: 954.5px) {
     .filltabs .comparison-nav__item {
         padding: 0;
     }
 }

 /*******/

 /*media queries*/

 @media only screen and (max-width: 795.5px) {
     .display--desktop-fill-tabs {
         display: block;
     }
     .display--mobile-fill-tabs {
         display: none;
     }
 }

 .fill-tabs--content-mobile .slick-slide:not(.slick-active) .comparison-nav-mobile__slide {
     margin-left: -4rem;
     transition: margin-left .5s;
 }

 .fill-tabs--content-mobile .slick-slide.slick-active .comparison-nav-mobile__slide {
     margin-left: 2rem;
     transition: margin-left .5s;
 }

 .fill-tabs--content-mobile .slick-slide .comparison-nav-mobile__slide {
     max-width: 88%;
 }

 @media only screen and (max-width: 480px) {
     .fill-tabs--content-mobile .slick-slide .comparison-nav-mobile__slide {
         max-width: 83%;
     }
 }

 .deposit-rates-scrolling-table {
     overflow-x: auto;
     overflow-y: hidden;
 }

 .deposit-rates-scroller::-webkit-scrollbar-track {
     background-color: #c9c9c9;
     border-radius: 8px;
 }

 .deposit-rates-scroller::-webkit-scrollbar {
     height: 12px;
 }

 .deposit-rates-scroller::-webkit-scrollbar-thumb {
     border-radius: 8px;
     background-color: #2e1a47;
 }

 .deposit-rates-scrolling-table table {
     width: 100%;
     margin-bottom: 1rem;
     color: #212529;
     border-radius: 10px;
     border-collapse: separate;
     border-spacing: 0;
     border: 1px solid #dee2e6;
 }

 .deposit-rates-scrolling-table table caption {
     font-size: 2.8rem;
     text-align: left;
     color: #2e1a47;
     margin: 0.5em 0 0.75em;
 }

 .deposit-rates-scrolling-table table tr:last-child td:first-child,
 .deposit-rates-scrolling-table table tr:last-child th[scope="row"]:first-child {
     border-bottom-left-radius: 10px;
 }

 .deposit-rates-scrolling-table table tr:last-child td:last-child {
     border-bottom-right-radius: 10px;
 }

 .deposit-rates-scrolling-table table tr:first-child th:first-child,
 .deposit-rates-scrolling-table table tr:first-child th[scope="row"]:first-child {
     border-top-left-radius: 10px;
 }

 .deposit-rates-scrolling-table table tr:first-child th:last-child {
     border-top-right-radius: 10px;
 }

 .deposit-rates-scrolling-table table th {
     font-size: 2rem;
 }

 th.deposit-dynamic-rates-table__content-cell[scope="row"] span {
     color: #2e1a47;
 }

 .deposit-rates-scrolling-table table tr {
     background-color: #ffffff;
     border: inherit;
     padding: 0.35em;
     font-size: 1.8rem;
 }

 .deposit-rates-scrolling-table table tbody tr:nth-child(even) {
     background-color: #f7f7f7;
 }

 .deposit-rates-scrolling-table table th,
 .deposit-rates-scrolling-table table td {
     padding: 18px;
     text-align: left;
 }

 .deposit-rates-scrolling-table table tr td:first-child,
 .deposit-rates-scrolling-table table thead tr th:first-child,
 .deposit-rates-scrolling-table table tbody tr th[scope="row"]:first-child {
     padding-left: 30px;
 }

 .deposit-rates-scrolling-table-wrapper footer {
     font-size: 1.6rem;
     color: var(--truNeutral500);
     padding-top: 15px;
     padding-bottom: 15px;
 }

 @media screen and (max-width: 615px) {
     .deposit-rates-scrolling-table table thead tr:first-child th:first-child,
     .deposit-rates-scrolling-table table tr td:first-child {
         padding-left: 20px;
     }
     .deposit-rates-scrolling-table table th {
         font-size: 1.6rem;
     }
     .deposit-rates-scrolling-table table tr {
         font-size: 1.6rem;
     }
 }

 .deposit-rates-table-light table thead tr {
     background-color: #7c6992;
     color: #ffffff;
 }

 .deposit-rates-table-light table td {
     color: #2e1a47;
 }

 .deposit-rates-table-dark table thead tr {
     background-color: #2e1a47;
     color: #ffffff;
 }

 .deposit-rates-table-dark table td {
     color: #2e1a47;
 }

 .deposit-dynamic-rate-table-error {
     background: #f7f7f7;
     text-align: center;
     padding: 1rem;
     border-radius: 10px;
     font-size: 1.6rem;
     width: 100%;
 }

 .deposit-dynamic-rates-table__content-cell {
     text-transform: capitalize;
 }

 .generic-dynamic-rate-table-wrapper {
     margin-top: 2em;
     margin-bottom: 2em;
 }

 .js-state-selector-form {
     width: 350px;
     margin: 0 auto;
 }

 .state-selector-dropdown-wrapper {
     position: relative;
     width: 100%;
     max-width: 350px;
 }

 .select-text-state-selector {
     position: relative;
     font-family: inherit;
     background-color: transparent;
     width: 100%;
     padding: .7rem;
     padding-top: 22px;
     padding-left: 10px;
     font-size: 1.8rem;
     border-radius: 5px;
     border: 1px solid var(--truNeutral500);
     height: 61px;
 }

 .select-text-state-selector:focus,
 .select-text-state-selector:hover {
     outline: none;
     border: 1px solid #2E1A47;
     color: #2E1A47;
 }

 .select-text-state-selector {
     color: var(--truNeutral500);
 }

 .state-selector-dropdown-wrapper .select-text-state-selector {
     appearance: none;
     -webkit-appearance: none
 }

 .select-text-state-selector~.state-selector-label {
     color: var(--truNeutral500);
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     position: absolute;
     pointer-events: none;
     left: 12px;
     top: 16px;
     transition: 0.2s ease all;
 }

 /* active state */

 .select-text-state-selector:focus~.state-selector-label,
 .select-text-state-selector:focus-visible~.state-selector-label,
 .select-text-state-selector:hover~.state-selector-label {
     color: #2E1A47;
     top: 8px;
     transition: 0.2s ease all;
     font-size: 1.4rem;
     font-weight: var(--truFontWtBd);
 }

 .select-text-state-selector:valid~.state-selector-label {
     top: 5px;
     font-size: 1.4rem;
     font-weight: var(--truFontWtBd);
 }

 .state-selector-helper-text {
     font-size: 1.4rem;
     color: var(--truNeutral500);
     padding: 4px 4px 4px 10px;
 }

 .state-selector-button {
     background: transparent;
     text-align: center;
     border: 1px solid #2e1a47;
     color: #ffffff;
     padding: 10px 20px;
     width: auto;
     margin-top: 15px;
     font-size: 1.8rem;
     border-radius: 5px;
     text-decoration: none;
     background: #2e1a47;
     cursor: pointer;
     transition: all .15s ease-in;
 }

 .state-selector-button:hover {
     color: #2e1a47;
     background: #ffffff;
 }

 .state-selector-button-wrapper {
     margin: auto;
     text-align: center;
 }

 .js-state-selector-fade-in {
     -webkit-animation: fadeinStateSelectorTable 2s;
     /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadeinStateSelectorTable 2s;
     /* Firefox < 16 */
     -ms-animation: fadeinStateSelectorTable 2s;
     /* Internet Explorer */
     -o-animation: fadeinStateSelectorTable 2s;
     /* Opera < 12.1 */
     animation: fadeinStateSelectorTable 2s;
 }

 @keyframes fadeinStateSelectorTable {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }

 /* Firefox < 16 */

 @-moz-keyframes fadeinStateSelectorTable {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }

 /* Safari, Chrome and Opera > 12.1 */

 @-webkit-keyframes fadeinStateSelectorTable {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }

 /* Internet Explorer */

 @-ms-keyframes fadeinStateSelectorTable {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }

 /* Opera < 12.1 */

 @-o-keyframes fadeinStateSelectorTable {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }

 @media screen and (max-width: 768px) {
     .js-state-selector-form {
         max-width: 80%;
     }
 }

 @media screen and (max-width: 500px) {
     .js-state-selector-form {
         max-width: 100%;
     }
 }

 .deposit-rates-form-group__arrow-icon {
     width: 1.3rem;
     height: 1.3rem;
     font-weight: var(--truFontWtBd);
     position: absolute;
     left: 90%;
     top: 40%;
     -webkit-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     pointer-events: none;
 }

 .state-selector-inline-alert--error {
     background: #e61f00;
 }

 .state-selector-inline-alert {
     color: #fff;
     border-radius: 4px;
     margin-top: 1rem;
     padding: 1rem;
     padding-left: .75rem;
     position: relative;
     font-size: 1.6rem;
     display: inline-block;
 }

 .state-selector-inline-alert:before {
     content: '';
     position: absolute;
     left: 1rem;
     top: -6px;
     width: 0;
     height: 0;
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
     border-bottom: 15px solid #e61f00;
     clear: both;
 }

 .js-state-selector-table .deposit-rates-scrolling-table-wrapper {
     margin-bottom: 2em;
 }

 .js-state-selector-table {
     margin-top: 2em;
     margin-bottom: 2em;
 }

 .state-selector-form-group {
     margin-bottom: 2em;
     margin-top: 2em;
 }

 .dynamic-rate-loading-rate__animation {
     text-align: center;
 }

 .dynamic-rate-loading-rate__animation::before {
     content: "Loading ";
     font-size: 1.6rem;
 }

 .dynamic-rate-loading-rate__animation div {
     background: #2e1a47;
     display: inline-block;
     height: 1rem;
     width: 1rem;
     border-radius: 20%;
     -webkit-animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
     animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }

 .dynamic-rate-loading-rate__animation div.dynamic-rate-loading-rate__animation_box-1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
 }

 .dynamic-rate-loading-rate__animation div.dynamic-rate-loading-rate__animation_box-2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
 }

 @-webkit-keyframes bouncedelayDepositRates {
     0%,
     80%,
     100% {
         transform: scale(0);
         opacity: 0;
     }
     40% {
         transform: scale(1);
         opacity: 100;
     }
 }

 @keyframes bouncedelayDepositRates {
     0%,
     80%,
     100% {
         transform: scale(0);
         opacity: 0;
     }
     40% {
         transform: scale(1);
         opacity: 100;
     }
 }

 .mortgage-rate-card-wrapper {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: start;
     margin: auto;
 }

 .mortgage-rate-container {
     flex-shrink: 0;
     flex-basis: 17%;
     min-width: 15vw;
     justify-content: flex-start;
     border-radius: 10px;
     box-shadow: 0 4px 8px 0 rgb(0 0 0 / 18%);
     padding: 2em;
     margin: .75em;
     background-color: #F5F3F7;
     position: relative;
     color: #2e1a47;
     opacity: 1;
     transition: all .15s ease-out;
 }

 .mortgage-rate__card-desktop-display {
     text-align: center;
 }

 .mortgage-rate__rate-title h3 {
     font-weight: 400;
 }

 .mortgage-rate__interest-rate {
     font-size: 1.8rem;
     font-weight: 600;
 }

 .mortgage-rate__discount-points {
     margin-bottom: .3em;
 }

 .mortgage-rate__apr {
     margin-top: 0;
 }

 .mortgage-rate__card-mobile-display {
     display: none;
 }

 .mortgage-rate__error-message {
     font-weight: 400;
 }

 @media screen and (max-width: 1400px) {
     .mortgage-rate-container {
         flex-basis: 15%;
         min-width: 24vw;
     }
 }

 @media screen and (max-width: 1239px) {
     .mortgage-rate-container {
         flex-basis: 15%;
         min-width: 24vw;
     }
 }

 @media screen and (max-width: 1039px) {
     .mortgage-rate-container {
         flex-basis: 18%;
         min-width: 24vw;
     }
 }

 @media screen and (max-width: 903px) {
     .mortgage-rate-container {
         flex-basis: 23%;
         min-width: 28vw;
     }
 }

 @media screen and (max-width: 716px) {
     .mortgage-rate-container {
         flex-basis: 36%;
         min-width: 30vw;
     }
 }

 @media screen and (max-width: 600px) {
     .mortgage-rate__rate-title {
         margin-left: -24px;
     }
     .mortgage-rate__card-desktop-display {
         display: none;
     }
     .mortgage-rate__card-mobile-display {
         display: flex;
         align-items: center;
     }
     .mortgage-rate-card-wrapper {
         flex-direction: column;
         margin-left: 3em;
     }
     .mortgage-rate-container {
         border-radius: 0px;
         box-shadow: none;
         transition: height .5s;
         padding: 0;
         background-color: transparent;
         color: #2e1a47;
     }
     .mortgage-rate__card-content {
         margin-left: 3em;
     }
     .mortgage-rate__interest-rate-content {
         font-weight: 400;
     }
     .mortgage-rate__rate-title h3 {
         font-weight: 600;
         margin-bottom: .5em;
     }
     ul.mortgage-rate-list {
         font-size: 1.6rem;
         list-style-type: none;
         text-indent: -38px;
     }
     .mortgage-rate__interest-rate {
         font-size: 1.6rem;
     }
     li.mortgage-rate-list-item {
         margin-bottom: .3em;
     }
 }

 /* input */

 .deposit-rate-toggle-group {
     margin: 0 0 3rem;
     text-align: center;
     border: 0;
 }

 .deposit-rate-toggle-group__control-wrapper {
     display: flex;
     align-items: flex-start;
     justify-content: center;
     padding: 0.8rem 1.6rem 0.8rem 0;
 }

 .deposit-rate-toggle-group__label-wrapper {
     font-size: 1.6rem;
 }

 .deposit-rate-toggle-group__label {
     color: var(--truNeutral500);
 }

 .deposit-rate-toggle-group__controls--horizontal {
     display: flex;
     justify-content: center;
 }

 .deposit-rate-toggle-group__description {
     font-size: 1.3rem;
     color: var(--truNeutral500);
     display: block;
 }

 .deposit-rate-toggle-group__control {
     width: 1.8rem;
     height: 1.8rem;
     position: relative;
     display: inline-block;
     margin: 0 0.8rem 0 0;
     margin-top: 5px;
     border: 1px solid #2e1a47;
     background-color: #fff;
     appearance: none;
 }

 .deposit-rate-toggle-group__control--radio {
     transition: border-color 0.3s ease-in-out;
     border-radius: 50%;
 }

 .deposit-rate-toggle-group__control--radio:checked:after {
     transform: scale(1) translateX(-50%) translateY(-50%);
 }

 .deposit-rate-toggle-group__control--radio:after {
     border-radius: 50%;
     background-color: #2e1a47;
 }

 .deposit-rate-toggle-group__control:after {
     position: absolute;
     content: '';
     top: 50%;
     left: 50%;
     width: 1rem;
     height: 1rem;
     transform: scale(0) translateX(-50%) translateY(-50%);
     transform-origin: top left;
     transition: transform 0.15s ease-in-out;
 }

 .deposit-rate-toggle-group__control--checkbox {
     border-radius: 0.4rem;
 }

 .deposit-rate-toggle-group__control--checkbox:checked {
     background-color: #2e1a47;
 }

 .deposit-rate-toggle-group__control--checkbox:checked:after {
     content: '';
     border: solid #fff;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
     font-weight: 700;
     font-size: 1.7rem;
     width: 3px;
     height: 9px;
     position: absolute;
     top: 1px;
     left: 10px;
 }

 .deposit-rate-toggle-group__control:focus {
     outline-offset: 4px;
     outline-color: #2e1a47;
 }

 .deposit-rate-toggle-group__legend {
     color: #2e1a47;
     font-size: 1.6rem;
     margin-bottom: 1.2rem;
     font-weight: 600;
 }

 .deposit-rate-toggle-group__legend--error {
     margin-bottom: 1rem;
     color: #e61f00;
 }

 .deposit-rate-toggle-group__optional {
     font-weight: 200;
 }

 .js-mortgage-container-in-progress {
     opacity: .05;
     min-height: 160px;
 }

 .dynamic-rates-mortgage-label {
     display: flex;
     justify-content: center;
 }

 /* Tooltip styles */

 .mortgage-rate-tooltip-wrapper {
     position: relative;
     display: inline-block;
     background: none;
     border: none;
     margin-top: 1px;
 }

 .mortgage-rate-tooltip {
     line-height: 2rem;
     font-size: 1.4rem;
     position: absolute;
     text-align: left;
     left: 50%;
     bottom: 0;
     transform: translate(-50%, calc(100% + 10px));
     padding: 15px;
     border-radius: 4px;
     background: #2e1a47;
     color: #fff;
     min-width: 12em;
     max-width: 16em;
     z-index: 100;
 }

 .mortgage-rate-tooltip::before {
     content: "";
     position: absolute;
     top: -10px;
     left: calc(50% - 10px);
     border-bottom: 10px solid #2e1a47;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
 }

 .mortgage-rate-tooltip-close {
     position: absolute;
     top: 0.25rem;
     right: 0.25rem;
     width: 1rem;
     height: 1rem;
     padding: 0;
     border: 0;
     border-radius: 50%;
     box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.5);
     background-color: transparent;
     color: #fff;
     font-size: 0.75rem;
     line-height: 1rem;
 }

 .dynamic-rate-loading-rate__animation {
     text-align: center;
 }

 .dynamic-rate-loading-rate__animation::before {
     content: "Loading ";
     font-size: 1.6rem;
 }

 .dynamic-rate-loading-rate__animation div {
     background: #2e1a47;
     display: inline-block;
     height: 1rem;
     width: 1rem;
     border-radius: 20%;
     -webkit-animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
     animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }

 .dynamic-rate-loading-rate__animation div.dynamic-rate-loading-rate__animation_box-1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
 }

 .dynamic-rate-loading-rate__animation div.dynamic-rate-loading-rate__animation_box-2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
 }

 @-webkit-keyframes bouncedelayDepositRates {
     0%,
     80%,
     100% {
         transform: scale(0);
         opacity: 0;
     }
     40% {
         transform: scale(1);
         opacity: 100;
     }
 }

 @keyframes bouncedelayDepositRates {
     0%,
     80%,
     100% {
         transform: scale(0);
         opacity: 0;
     }
     40% {
         transform: scale(1);
         opacity: 100;
     }
 }

 .mortgage-rates-v2-test .hidden {
     display: none;
 }

 .mortgage-rates-v2-test .d-flex.mobile-wrap {
     gap: 3rem;
 }

 .mortgage-rates-v2-test .dynamic-rates-mortgage-tooltip {
     text-align: left;
 }

 .mortgage-rates-v2-test .mortgage-rate-tooltip-wrapper {
     position: relative;
     display: inline-block;
     background: none;
     border: none;
     margin-top: 1px;
     margin-left: -1rem;
     top: -1rem;
     white-space: normal;
 }

 .mortgage-rates-v2-test .mortgage-rate-tooltip {
     line-height: 2rem;
     font-size: var(--truTxtSizeMicro);
     position: absolute;
     text-align: left;
     left: 50%;
     bottom: 0;
     transform: translate(-50%, calc(100% + 10px));
     padding: 15px;
     border-radius: 4px;
     background: var(--truClrPplBs);
     color: var(--truClrNtrlWht);
     width: 100%;
     min-width: 35.5rem;
     /* margin: 0 auto; */
     z-index: 9;
     display: none;
 }

 .mortgage-rates-v2-test .loan-type .mortgage-rate-tooltip {
     width: 100%;
     min-width: 25.5rem;
     max-width: 25.5rem;
 }

 .mortgage-rates-v2-test .dynamic-rates-mortgage-tooltip.loan-type-btn button {
     left: 1rem;
 }

 .mortgage-rates-v2-test .tool-tip {
     border-color: var(--truClrOffWht) !important;
     background: var(--truClrOffWht) !important;
     overflow: unset !important;
 }

 .mortgage-rates-v2-test .container {
     padding-right: 0;
     padding-left: 0;
 }

 .mortgage-rates-v2-test .row-container {
     background-color: var(--truClrOffWht);
     white-space: nowrap;
     padding: 35px;
     border-radius: 1.3em;
     margin-left: 0rem !important;
     margin-right: 0rem !important;
     margin-bottom: 20px;
 }

 .mortgage-rates-v2-test .eyebrow-container {
     padding-bottom: 20px;
 }

 .mortgage-rates-v2-test .row-eyebrow {
     width: 100%;
 }

 .buy-a-home-spanv2 {
     border-radius: 40px;
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 5px;
     padding-bottom: 5px;
     background-color: var(--truClrSkyBs);
     color: var(--truClrPplBs);
     border: none;
 }

 .mortgage-rates-v2-test .loan-type-header {
     font-size: 1.6rem;
     font-weight: 700;
     line-height: 20.16px;
     margin-left: 1.3em;
 }

 .mortgage-rates-v2-test .loan-type {
     font-size: 3.6rem;
     font-weight: 300;
     line-height: 45.36px;
     display: flex;
     margin-left: 0.5em;
 }

 .mortgage-rates-v2-test .row row-eyebrow {
     width: 100%
 }

 .mortgage-rates-v2-test .dropdowns {
     margin-bottom: 45px;
 }

 .mortgage-rates-v2-test section:not(.dafunk) {
     color: var(--truClrPplBs);
 }

 /* Selectbox CSS... Remove old */

 .mortgage-rates-v2-test .select-wrapper {
     position: relative;
     margin-top: -3px;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group.select-box {
     display: block;
     width: 100%;
 }

 .mortgage-rates-v2-test .stacked.btn-group {
     margin-top: .375rem;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select {
     padding: 1.875rem 1rem 1rem 1rem;
     width: 346px;
     min-height: 46px;
     max-height: 46px;
     background-color: var(--truClrNtrlWht);
     background-image: none;
     outline: 1px solid var(--truClrGryMd);
     border: none;
     border-radius: 0.5rem;
     text-align: left;
     position: relative;
     z-index: 1;
     margin-top: 1px;
     margin-bottom: 2rem;
     transition: all .3s ease-in-out;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select.is-focused {
     outline: 1px solid var(--truClrGryMd);
 }

 .mortgage-rates-v2-test .infield-message.btn-group .custom-select,
 .mortgage-rates-v2-test .top-message.btn-group .custom-select {
     margin-bottom: 0rem;
 }

 .mortgage-rates-v2-test .inline.btn-group .custom-select {
     margin-left: 10rem;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:focus,
 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select[aria-expanded="true"] {
     box-shadow: none;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select::before {
     content: "";
     display: block;
     height: calc(100% - 6px);
     width: calc(100% - 6px);
     /* outline: 1px solid var(--truClrClear); */
     border-radius: 0.2rem;
     position: absolute;
     top: 3px;
     left: 3px;
     z-index: 2;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:focus::before,
 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select[aria-expanded="true"]:focus::before {
     outline: 1px solid var(--truClrGryMd);
 }

 /* .mortgage-rates-v2-test .select-wrapper .btn-group.show .custom-select:focus::before {
  outline: 1px solid var(--truClrClear);
} */

 .mortgage-rates-v2-test .select-wrapper .dropdown-toggle[aria-expanded="true"]::before {
     transform: rotate(0deg) translate(0px, 0px);
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select::after {
     position: absolute;
     top: 1.675rem;
     right: 1.75rem;
     z-index: 100;
     width: 0;
     height: 0;
     border: solid var(--truClrDuskBs);
     border-width: 0 1px 1px 0;
     transform: rotate(45deg) scale(1.875);
     padding: 3px;
     transition: transform .2s ease-in-out, top .2s ease-in-out;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select[aria-expanded="true"]::after {
     top: 2rem;
     transform: rotate(225deg) scale(1.875);
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select .select-label,
 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select .select-text {
     position: absolute;
     color: var(--truClrGryMd);
     font-size: 1.8rem;
 }

 .mortgage-rates-v2-test .stacked.btn-group .select-label {
     position: absolute;
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtBd);
     left: 1rem;
     top: -1px;
     z-index: 9;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group.stacked .select-text {
     top: 1.675rem;
     left: 1rem;
 }

 .mortgage-rates-v2-test .stacked.btn-group .custom-select[aria-expanded="true"] .select-label,
 .mortgage-rates-v2-test .stacked.btn-group .select-label.is-focused {
     font-weight: var(--truFontWtBd);
     font-size: var(--truTxtSizeBdy);
     transform: translate(0rem, 0rem);
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select~.dropdown-menu {
     background-color: var(--truClrNtrlWht);
     border: 0;
     font-size: 1.6rem;
     outline: 1px solid var(--truClrGryMd);
     border-radius: 0 0 .5rem .5rem;
     width: calc(100% + 1px);
     top: -5px !important;
     /* To override bootstrap top margin */
     padding: 0;
     box-shadow: none;
     overflow: hidden;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item {
     line-height: 4.2rem;
     position: relative;
     display: block;
     padding: .5rem 2rem;
     font-size: var(--truTxtSizeBdy);
     text-decoration: none;
     cursor: pointer;
     transition: color .3s ease-in-out, background-color .3s ease-in-out, font-weight .3s ease-in-out;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item:hover,
 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item:focus {
     background-color: var(--truClrSkyLt);
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item:focus {
     outline: 1px solid var(--truClrGryMd);
     outline-offset: -4px;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item.selected {
     background-color: var(--truClrSkyLtr);
     color: var(--truClrFrstBs);
     font-weight: var(--truFontWtBd);
 }

 /* Select Check mark -- Who needs svgs? */

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item.selected::before {
     content: "";
     display: block;
     background-color: transparent;
     /* position the checkbox */
     position: absolute;
     right: 19px;
     top: 17px;
     /* setting the checkbox */
     /* short arm */
     width: 8px;
     border-bottom: .2rem solid var(--truClrFrstBs);
     /* long arm */
     height: 13px;
     border-right: .2rem solid var(--truClrFrstBs);
     /* rotate the mirrored L to make it a checkbox */
     transform: rotate(45deg);
     z-index: 5;
 }

 .mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item:not(:last-child):after {
     content: "";
     display: block;
     width: 100%;
     max-width: calc(100% - 3rem);
     height: 1px;
     position: absolute;
     top: calc(100% - 1px);
     left: 1.5rem;
     background: var(--truClrGryLtr);
 }

 @media (max-width: 1024px) {
     .mortgage-rates-v2-test .mortgage-rate-tooltip {
         left: -537.5%;
     }
     .mortgage-rate-tooltip::before {
         left: 93.25%;
         top: -9px;
     }
     .mortgage-rates-v2-test .loan-type .mortgage-rate-tooltip {
         left: 50%;
     }
     .loan-type .mortgage-rate-tooltip::before {
         left: calc(50% - 10px);
     }
 }

 @media screen and (max-width: 768px) {
     .mortgage-rates-v2-test .dropdowns {
         margin: 8px;
         color: var(--truClrGryMd);
         display: flex;
         align-items: center;
         justify-content: center;
         flex-wrap: wrap;
         padding-right: 0;
     }
     .mortgage-rates-v2-test .row-container {
         justify-content: center;
         align-items: center;
         padding: 45px;
         padding-bottom: 20px;
         margin-right: 1rem !important;
         margin-left: 1rem !important;
     }
     .mortgage-rates-v2-test .eyebrow-container {
         display: flex;
         align-items: center;
         justify-content: center;
     }
     .mortgage-rates-v2-test .loan-type-header {
         font-size: 1.6rem;
         font-weight: 700;
         line-height: 20.16px;
         margin-left: 1.3em;
         display: flex;
         justify-content: center;
         margin-left: 0;
         padding-bottom: 5px;
     }
     .mortgage-rates-v2-test .loan-type {
         font-size: 3.6rem;
         font-weight: 300;
         line-height: 45.36px;
         margin-left: 0.5em;
         justify-content: center;
         margin-left: 0;
         padding-bottom: 20px;
     }
     .mortgage-rates-v2-test .d-flex.mobile-wrap {
         flex-wrap: wrap;
         gap: 1rem;
     }
     .wrap-mobile {
         flex-wrap: wrap;
     }
     .mortgage-rates-v2-test .wrap-mobile .flex-fill {
         flex: 1 1 100% !important;
         flex-basis: 100%;
         dispay: flex;
         width: 100%;
     }
     .mortgage-rates-v2-test .mortgage-rate-tooltip-wrapper {
         margin-left: -.5rem;
     }
     /* } */
     /* Unique breakpoint for tooltip */
     /* @media screen and (max-width: 748px) { */
     .mortgage-rates-v2-test .mortgage-rate-tooltip {
         left: 643%;
     }
     .mortgage-rate-tooltip::before {
         left: .5%
     }
 }

 /* Unique breakpoint for tooltip */

 @media screen and (max-width: 767px) {
     .mortgage-rates-v2-test .mortgage-rate-tooltip {
         left: -537.5%;
     }
     .mortgage-rate-tooltip::before {
         left: 93.25%
     }
 }

 /* Unique breakpoint for tooltip */

 @media screen and (max-width: 715px) {
     .mortgage-rates-v2-test .mortgage-rate-tooltip {
         left: 50%;
     }
     .mortgage-rate-tooltip::before {
         left: calc(50% - 10px);
     }
 }

 /* Unique breakpoint for tooltip */

 @media screen and (max-width: 560px) {
     .mortgage-rates-v2-test .mortgage-rate-tooltip {
         left: -537.5%;
     }
     .mortgage-rate-tooltip::before {
         left: 93.25%
     }
     .mortgage-rates-v2-test .loan-type .mortgage-rate-tooltip {
         left: -537.5%;
     }
     .loan-type .mortgage-rate-tooltip::before {
         left: 82.25%
     }
 }

 /* Unique breakpoint for tooltip */

 @media screen and (max-width: 393px) {
     .mortgage-rates-v2-test .mortgage-rate-tooltip {
         left: 643%;
     }
     .mortgage-rate-tooltip::before {
         left: .5%
     }
     .mortgage-rates-v2-test .loan-type .mortgage-rate-tooltip {
         left: -362.5%;
     }
     .loan-type .mortgage-rate-tooltip::before {
         left: 91.25%
     }
 }

 .dynamicrates-component--mortgagerates-v3 {
     margin-top: -70px;
 }

 .mortgage-rates-v3 .tp__margin-top--sm {
     margin-top: 0;
 }

 .mortgage-rates-v3 .comparison-nav-mobile__slide-content {
     width: 92%;
 }

 .mortgageRatesV3_container {
     display: block;
     padding: 0;
     margin: 30px 0 0;
 }

 .mortgage-rates-v3 .js-mortgage-rate-card-wrapper {
     display: block;
 }

 .tab-pane {
     display: inline-flex;
 }

 .mortgage-navTabs .nav-tabs {
     border: 0;
 }

 .mortgage-navTabs .nav-tabs .nav-item {
     border-bottom: 1px solid #c9c9c9;
 }

 .mortgageTabs {
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     line-height: 22.68px;
     text-align: center;
     text-underline-position: from-font;
     text-decoration-skip-ink: none;
     color: #7C6992;
     border: none;
 }

 .mortgageTabs.active {
     font-weight: var(--truFontWtBd);
     color: var(--truPurple800);
     border: none;
 }

 .mortgage-navTabs .nav-item:has(a.active) {
     border-bottom: 2px solid var(--truPurple800);
 }

 .mortgage-controlSec {
     display: flex;
     width: 100%;
     height: auto;
     min-height: 70px;
     margin: 2rem 0;
 }

 .mortgage-points {
     width: 290px;
 }

 .mortgage-navTabs {
     display: flex;
     align-items: flex-end;
     margin-bottom: 10px;
 }

 .mortgage-points {
     margin-left: auto;
 }

 .mortgage-data {
     padding: 15px 0 30px 0;
     border-bottom: 1px solid var(--truClrGryVLt);
 }

 .flex-fill {
     -ms-flex: 1 1 auto !important;
     flex: 1 1 auto !important;
 }

 .flex-fill.loan-type-sec {
     flex: 5 !important;
 }

 .flex-fill.loan-type-sec-noData {
     flex: 6 !important;
 }

 .flex-fill .loan-type-header {
     font-size: 1.6rem;
     display: flex;
     font-weight: var(--truFontWtBd);
     line-height: 20.16px;
     margin-left: 0;
     margin-bottom: 11px;
     color: var(--truPurple800);
 }

 .flex-fill .loan-type {
     font-size: 2.2rem;
     font-weight: var(--truFontWtLt);
     line-height: 27.72px;
     display: block;
     margin-left: 0;
     color: var(--truPurple800);
 }

 .flex-fill .loan-type.loan-type-txt {
     padding-right: 10px;
 }

 .flex-fill.payment-details {
     display: flex;
 }

 .flex-fill .loan-payment-details {
     font-size: 1.6rem;
     font-weight: var(--truFontWtRg);
     color: var(--truClrDuskBs) !important;
     line-height: normal;
     max-width: 150px;
     display: flex;
     align-items: center;
 }

 .flex-fill .loan-payment-details:hover,
 .flex-fill .loan-payment-details:focus {
     color: var(--truPurple800) !important;
     text-decoration: underline !important;
 }

 button.mortgage-rate-tooltip-trigger {
     background: transparent;
     border: none;
     margin-left: .1rem;
     float: left;
     padding: 4px 4px 4px 0;
     height: 16px;
     width: 16px;
     box-sizing: content-box;
 }

 button.mortgage-rate-tooltip-trigger:hover svg g,
 button.mortgage-rate-tooltip-trigger:focus svg g {
     stroke: #006D7A !important;
 }

 button.mortgage-rate-tooltip-trigger:hover,
 button.mortgage-rate-tooltip-trigger:focus {
     outline-offset: 0px;
 }

 button.mortgage-rate-tooltip-trigger svg {
     vertical-align: top;
 }

 .dynamic-rates-mortgage-tooltip {
     display: inline-block;
     transform: translateY(-0.2em);
     z-index: 1;
 }

 .mortgage-rates-v3 .dynamic-rates-mortgage-label .dynamic-rates-mortgage-tooltip {
     transform: translateY(-0.5em);
 }

 .deposit-rate-toggle-group__legend {
     color: var(--truPurple800);
     font-size: 1.6rem;
     margin-bottom: 1.2rem;
     font-weight: var(--truFontWtBd);
     text-align: left;
     line-height: 20.16px;
 }

 .mortgage-rates-v3 .deposit-rate-toggle-group__controls--horizontal,
 .mortgage-rates-v3 .dynamic-rates-mortgage-label {
     display: flex;
     justify-content: left;
 }

 .mortgage-rates-v3 .deposit-rate-toggle-group__control-wrapper {
     display: flex;
     align-items: flex-start;
     justify-content: center;
     padding: .8rem 1.6rem .8rem 0;
 }

 .mortgage-rates-v3 .deposit-rate-toggle-group__control {
     width: 2.4rem;
     height: 2.4rem;
     position: relative;
     display: inline-block;
     margin: 0 .8rem 0 0;
     margin-top: 5px;
     border: 2px solid #006D7A;
     background-color: #fff;
     appearance: none;
     border-radius: 50%;
 }

 .mortgage-rates-v3 .deposit-rate-toggle-group__control--radio:checked:after {
     transform: scale(1.25) translateX(-50%) translateY(-50%);
 }

 .mortgage-rates-v3 .deposit-rate-toggle-group__control--radio:after {
     border-radius: 50%;
     background-color: #006D7A;
 }

 .mortgage-rates-v3 .deposit-rate-toggle-group__control:after {
     position: absolute;
     content: '';
     top: 50%;
     left: 50%;
     width: 1rem;
     height: 1rem;
     transform: scale(0) translateX(-50%) translateY(-50%);
     transform-origin: top left;
     transition: transform .15s ease-in-out;
 }

 .deposit-rate-toggle-group__label-wrapper {
     font-size: 1.6rem;
     font-weight: var(--truFontWtRg);
 }

 .deposit-rate-toggle-group__label {
     color: var(--truNeutral500);
     line-height: 32px;
 }

 .martgageFooterCont {
     margin-top: 30px;
 }

 .mortgageFooterTxt {
     font-size: 1.4rem;
     font-weight: var(--truFontWtRg);
     color: var(--truClrNtrlBlk50);
     line-height: 17.64px;
 }

 /* Bootstrap Tooltip styles */

 .tooltip {
     font-size: 1.4rem;
 }

 .tooltip-inner {
     padding: 1rem;
     background-color: var(--truPurple800);
 }

 /* Payment Details modal back-drop*/

 .mortgage-rates-v3 .onPageModal_container.show {
     background: rgba(0, 0, 0, 0.5);
     -webkit-user-drag: none;
     user-select: none;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
 }

 .modal-open-fixed {
     overflow: hidden;
 }

 /* Media queries starts here */

 @media only screen and (orientation: landscape) and (max-width: 1024px) {
     .flex-fill.loan-type-sec,
     .flex-fill.loan-type-sec-noData {
         flex: 19 !important;
     }
 }

 @media only screen and (orientation: landscape) and (max-width: 1023px) {
     .flex-fill .loan-type {
         font-size: 1.6rem;
     }
     .flex-fill.loan-type-sec,
     .flex-fill.loan-type-sec-noData {
         flex: 12 !important;
     }
 }

 @media only screen and (max-device-width: 799px) {
     .mortgage-rates-v3 #slick-slide00 .onPageModal_container .modal-content {
         width: 80vw;
         position: fixed;
         left: 100px;
         transform: translateX(112%);
         top: 20vh;
         padding: 24px 24px 32px;
     }
     .mortgage-rates-v3 #slick-slide01 .onPageModal_container .modal-content {
         width: 95vw;
         position: fixed;
         left: 0;
         transform: translateX(220%);
         top: 20vh;
         padding: 24px 24px 32px;
     }
     .mortgage-rates-v3 .modal-backdrop {
         z-index: 99;
     }
     .dynamicrates-component--mortgagerates-v3 {
         margin-top: 0;
     }
     .dynamic-rates-mortgage-label {
         justify-content: center !important;
     }
     .mortgage-rate-card-wrapper {
         margin-left: 0;
     }
     .dynamic-rates-mortgage-tooltip {
         transform: translateY(-0.2em);
     }
     .mortgage-controlSec {
         display: grid;
     }
     .mortgage-navTabs,
     .mortgage-points {
         width: auto;
         margin: 0 auto;
     }
     .mortgage-points {
         margin-top: 0;
         z-index: 9;
     }
     .mortgage-rates-v3 .deposit-rate-toggle-group__controls--horizontal {
         justify-content: center;
     }
     .deposit-rate-toggle-group__legend {
         font-weight: var(--truFontWtBd);
         line-height: inherit;
         margin-bottom: 0;
     }
     .dynamic-rates-mortgage-label button.mortgage-rate-tooltip-trigger {
         padding-top: 0;
     }
     .mortgage-data.wrap-mobile {
         border: 1px solid var(--truClrGryVLt);
         border-radius: 20px;
         padding: 20px;
         margin-bottom: 10px;
         z-index: auto;
     }
     .wrap-mobile {
         flex-wrap: wrap;
     }
     .flex-fill {
         flex: 1 1 100% !important;
         width: 100%;
     }
     .flex-fill.payment-details {
         justify-content: center;
     }
     .flex-fill .loan-type {
         font-size: 2.4rem;
         font-weight: var(--truFontWtLt);
         line-height: 40.36px;
         justify-content: center;
         text-align: center;
         padding-bottom: 25px;
     }
     .flex-fill .loan-type-header {
         font-size: 1.6rem;
         font-weight: var(--truFontWtBd);
         line-height: 20.16px;
         display: flex;
         justify-content: center;
         text-align: center;
         padding-bottom: 5px;
         margin-bottom: 0;
     }
     .flex-fill .loan-payment-details {
         display: flex;
         justify-content: center;
         max-width: 100%;
         margin-top: 0;
     }
 }

 @media screen and (max-width: 560px) {
     .loan-type .mortgage-rate-tooltip::before {
         left: inherit;
     }
     /* Filltabs default behavior of mobile view changed here for the defect fix DE172133 */
     .mortgage-rates-v3 .comparison-nav-mobile__wrapper.display--mobile-fill-tabs {
         display: none !important;
     }
     .mortgage-rates-v3 .comparison__container {
         padding: 0 15px;
     }
     .mortgage-rates-v3 .filltabs .display--desktop-fill-tabs {
         display: block;
     }
     .mortgage-points {
         margin-top: 15px;
     }
     /* defect fix DE172133 end */
 }

 /* Tooltip styles */

 .mortgage-rate-tooltip-wrapper {
     position: relative;
     display: inline-block;
     background: none;
     border: none;
     margin-top: 1px;
 }

 .mortgage-rate-tooltip {
     line-height: 2rem;
     font-size: 1.4rem;
     position: absolute;
     text-align: left;
     left: 50%;
     bottom: 0;
     transform: translate(-50%, calc(100% + 10px));
     padding: 15px;
     border-radius: 4px;
     background: #2e1a47;
     color: #fff;
     min-width: 12em;
     max-width: 16em;
     z-index: 100;
 }

 .mortgage-rate-tooltip::before {
     content: "";
     position: absolute;
     top: -9px;
     left: calc(50% - 10px);
     border-bottom: 10px solid #2e1a47;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
 }

 .mortgage-rate-tooltip-close {
     position: absolute;
     top: 0.25rem;
     right: 0.25rem;
     width: 1rem;
     height: 1rem;
     padding: 0;
     border: 0;
     border-radius: 50%;
     box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.5);
     background-color: transparent;
     color: #fff;
     font-size: 0.75rem;
     line-height: 1rem;
 }

 .dynamic-rate-loading-rate__animation {
     text-align: center;
 }

 .dynamic-rate-loading-rate__animation::before {
     content: "Loading ";
     font-size: 1.6rem;
 }

 .dynamic-rate-loading-rate__animation div {
     background: #2e1a47;
     display: inline-block;
     height: 1rem;
     width: 1rem;
     border-radius: 20%;
     -webkit-animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
     animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }

 .dynamic-rate-loading-rate__animation div.dynamic-rate-loading-rate__animation_box-1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
 }

 .dynamic-rate-loading-rate__animation div.dynamic-rate-loading-rate__animation_box-2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
 }

 @-webkit-keyframes bouncedelayDepositRates {
     0%,
     80%,
     100% {
         transform: scale(0);
         opacity: 0;
     }
     40% {
         transform: scale(1);
         opacity: 100;
     }
 }

 @keyframes bouncedelayDepositRates {
     0%,
     80%,
     100% {
         transform: scale(0);
         opacity: 0;
     }
     40% {
         transform: scale(1);
         opacity: 100;
     }
 }

 .slide-container,
 .slide-container .container {
     font-size: 1.8rem;
     line-height: 24px;
     color: #ffffff;
 }

 .slidecontainer .container-fluid {
     padding: 0;
     height: auto;
 }

 .slide-container {
     margin: 20px auto;
     padding: 80px 0;
     background: #e3e2ec;
     border-radius: 20px;
     width: 100%;
     max-width: 1600px !important;
     position: relative;
     overflow: hidden;
     height: auto;
     transition: max-height 1s ease-in-out;
 }

 .slide-container .slide-container-section-heading {
     font-weight: var(--truFontWtBd);
     font-size: 1.8rem;
     line-height: 24px;
     text-align: center;
     color: #7C6992;
     text-transform: uppercase;
     margin-bottom: 20px;
     display: block;
 }

 .slide-container .title-icon {
     border-radius: 4px;
     margin-top: -4px;
     margin-right: 12px;
     border: 1px solid #b0e0e2;
     border: 1px solid #7C6992;
 }

 .slide-container .slide-container-heading {
     text-align: center;
     font-weight: var(--truFontWtLt);
     font-size: 4.8rem;
     line-height: 54px;
     text-align: center;
     width: 100%;
     margin: 0 auto;
     padding: 0 20px;
     display: block;
     color: #2e1a47;
 }

 .slide-container-scroller {
     width: 100%;
     margin-top: 16px;
     position: relative;
 }

 .slide-container-before,
 .slide-container-after {
     height: 64px;
     width: 52px;
     background: #7C6992;
     position: absolute;
     z-index: 100;
     top: 24%;
     margin-top: 20px;
     border: 2px solid #7C6992;
     box-shadow: 0 0px 2px rgba(0, 0, 0, .20);
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
 }

 .slide-container-before {
     left: 0%;
     border-radius: 0px 10px 10px 0px;
 }

 .slide-container-after {
     right: 0%;
     border-radius: 10px 0px 0px 10px;
 }

 .slide-container-before svg {
     transform: rotate(180deg);
 }

 .slide-container-before:disabled,
 .slide-container-after:disabled {
     background: var(--truClrGryVLt);
     border: 2px solid transparent;
 }

 .slide-container-before:disabled:focus,
 .slide-container-before:disabled:focus {
     background: var(--truClrGryVLt);
     border: 2px solid #000000;
 }

 .slide-container-before:hover,
 .slide-container-after:hover {
     background: #afabc9;
     border: 2px solid #afabc9;
 }

 .slide-container-before:focus,
 .slide-container-after:focus {
     background: #7C6992;
     border: 2px solid #7C6992;
 }

 .slide-container-before:focus::before,
 .slide-container-after:focus::before {
     content: '';
     position: absolute;
     top: 1px;
     height: 58px;
     width: 50px;
     border: 1px solid #ffffff;
 }

 .slide-container-before:focus::before {
     border-radius: 0px 10px 10px 0px;
     left: -1px;
 }

 .slide-container-after:focus::before {
     border-radius: 10px 0px 0px 10px;
     right: -1px;
 }

 .slide-container-before:hover svg path,
 .slide-container-after:hover svg path,
 .slide-container-before:focus svg path,
 .slide-container-after:focus svg path {
     fill: #ffffff;
 }

 .slide-container-before:disabled svg path,
 .slide-container-after:disabled svg path,
 .slide-container-before:disabled:hover svg path,
 .slide-container-after:disabled:hover svg path,
 .slide-container-before:disabled:focus svg path,
 .slide-container-after:disabled:focus svg path {
     fill: #000000;
 }

 .slide-container-before {
     border-left: none !important;
 }

 .slide-container-after {
     border-right: none !important;
 }

 .slide-container-body .carousel-inner {
     width: 100%;
     padding-top: 15px;
     display: block;
     padding-left: 40px !important;
 }

 .slide-container-list {
     position: relative;
     margin: 0 0 10px 0px;
     visibility: hidden;
 }

 .slide-container div.slide-container-item,
 .slide-container .slide-container-item:link,
 .slide-container .slide-container-item:visited {
     margin-right: 40px !important;
     position: relative;
     min-height: 300px;
     color: #2E1A47;
     font-size: 1.8rem;
     font-weight: var(--truFontWtBd);
     display: block;
     min-width: 315px !important;
     max-width: 315px !important;
     padding: 30px;
     transition: all .3s ease-in-out;
     text-decoration: none;
     text-decoration: none;
     background: #f8f8f8;
     border-radius: 10px;
     overflow: hidden;
 }

 .slide-container a.slide-container-item:hover,
 .slide-container a.slide-container-item:active {
     text-decoration: none;
 }

 .slide-container a.slide-container-item::before {
     content: '';
     background: #f8f8f8;
     box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border-radius: 10px;
     transition: all .3s ease-in-out;
 }

 .slide-container a.slide-container-item:hover::before,
 .slide-container a.slide-container-item:active::before,
 .slide-container a.slide-container-item:focus::before {
     transform: scale(1.05);
 }

 .slide-container a.slide-container-item.page-active::before,
 .slide-container a.slide-container-item.page-active:hover::before {
     content: '';
     background: #2E1A47;
     border: 2px solid #ffffff;
     position: absolute;
     top: -5px;
     left: -5px;
     width: calc(100% + 10px);
     height: calc(100% + 10px);
     z-index: -1;
     border-radius: 10px;
     transform: scale(1);
     transition: none;
 }

 .slide-container div.slide-container-item:focus {
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1);
 }

 .slidecontainer .slider-card a:link,
 .slidecontainer .slider-card a:visited {
     display: inline-block;
     font-size: inherit;
 }

 .slidecontainer .slider-card .cta a:link,
 .slidecontainer .slider-card .cta a:visited {
     display: block;
 }

 .slide-container div.slide-container-item .slider-card-tag,
 .slide-container a.slide-container-item:link .slider-card-tag,
 .slide-container a.slide-container-item:visited .slider-card-tag {
     font-weight: var(--truFontWtRg);
     color: #ffffff;
     padding: 10px;
     border-radius: 10px 0;
     background: #7C6992;
     font-size: 1.8rem;
     line-height: 24px;
     text-align: left;
     text-decoration: none;
     position: absolute;
     top: 0px;
     left: -1px;
     transition: all .3s ease-in-out;
 }

 .slide-container a.slide-container-item:hover .slider-card-tag,
 .slide-container a.slide-container-item:active .slider-card-tag,
 .slide-container a.slide-container-item:focus .slider-card-tag {
     top: -11px;
     left: -8px;
 }

 .slide-container-item .slider-card-heading-icon,
 .slide-container-item:link .slider-card-heading-icon,
 .slide-container-item:visited .slider-card-heading-icon,
 .slide-container-item:hover .slider-card-heading-icon,
 .slide-container-item:active .slider-card-heading-icon,
 .slide-container-item:focus .slider-card-heading-icon {
     border-radius: 10px;
     margin: 36px 0 20px 0;
     display: block;
 }

 .slide-container-item .slider-card-title,
 .slide-container-item:link .slider-card-title,
 .slide-container-item:visited .slider-card-title,
 .slide-container-item:hover .slider-card-title,
 .slide-container-item:active .slider-card-title,
 .slide-container-item:focus .slider-card-title {
     font-weight: var(--truFontWtBd);
     font-size: 2rem;
     line-height: 26px;
     color: #2E1A47;
     text-decoration: none;
     display: block;
 }

 .slide-container-item .slider-card-heading,
 .slide-container-item:link .slider-card-heading,
 .slide-container-item:visited .slider-card-heading,
 .slide-container-item:hover .slider-card-heading,
 .slide-container-item:active .slider-card-heading,
 .slide-container-item:focus .slider-card-heading {
     font-weight: var(--truFontWtRg);
     font-size: 2.4rem;
     line-height: 30px;
     color: #2E1A47;
     text-decoration: none;
     display: block;
 }

 .slide-container-item .slider-card-description,
 .slide-container-item:link .slider-card-description,
 .slide-container-item:visited .slider-card-description,
 .slide-container-item:hover .slider-card-description,
 .slide-container-item:active .slider-card-description,
 .slide-container-item:focus .slider-card-description {
     color: #515151;
     font-weight: var(--truFontWtRg);
     font-size: 1.8rem;
     line-height: 24px;
     text-decoration: none;
     margin: 20px 0;
 }

 .slider-card-description-link:link,
 .slider-card-description-link:visited {
     color: #2e1a47;
     text-decoration: underline;
 }

 .slider-card-description-link:hover,
 .slider-card-description-link:active {
     color: #7C6992;
 }

 .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .slide-container--parsys-wrapper,
 .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .slide-container--parsys-wrapper>div.aem-Grid,
 .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .slide-container--parsys-wrapper>div.aem-Grid>.staticcard,
 .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .slide-container--parsys-wrapper>div.aem-Grid>.staticcard>.truist-global-staticcard-column {
     height: 100%;
 }

 .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .truist-global-staticcard-column {
     display: flex;
 }

 .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .truist-global-staticcard-button-bottom {
     margin-top: auto;
 }

 [data-card-variation="static-card" i] .slider-card-title,
 [data-card-variation="static-card" i] .slider-card-heading,
 [data-card-variation="static-card" i] .slider-card-description {
     display: none;
 }

 .slide-container-item .btn-primary {
     color: #ffffff;
     font-size: 1.8rem;
     width: auto;
     background: #2E1A47;
     border: 2px solid #2E1A47;
     border-radius: 4px !important;
     padding: 15px 30px;
     text-align: center;
     transition: all .3s ease-in-out;
 }

 .slide-container-item .btn-primary:hover {
     color: #2E1A47 !important;
     background: transparent;
 }

 .slide-container-item .btn-primary:focus {
     background: #2E1A47;
     color: #ffffff !important;
     border: 1px solid #ffffff;
     box-shadow: 0 0 0 2px #2e1a47;
 }

 .slide-container-item .slider-tag-count {
     color: #2E1A47;
     font-weight: var(--truFontWtRg);
     font-size: 1.8rem;
     line-height: 24px;
     text-decoration: none;
     margin-top: 20px;
     display: block;
 }

 a.slide-container-item:link .slider-tag-count,
 a.slide-container-item:visited .slider-tag-count,
 a.slide-container-item:hover .slider-tag-count,
 a.slide-container-item:active .slider-tag-count,
 a.slide-container-item:focus .slider-tag-count {
     position: absolute;
     bottom: 30px;
 }

 @media (min-width: 0px) and (max-width: 639.98px) {
     .d-flex.slide-container-before,
     .d-flex.slide-container-after {
         display: none !important;
     }
 }

 @media (min-width: 0px) and (max-width: 767.98px) {
     .slide-container {
         border-radius: 0px;
         padding: 60px 0;
         width: auto;
         max-width: auto;
     }
 }

 @media (min-width: 0px) and (max-width: 1024.98px) {
     #slide-container-scroller-track {
         padding-right: 20px !important;
         padding-left: 20px !important;
     }
     .slide-container-item:link,
     .slide-container-item:visited,
     .slide-container-item:hover,
     .slide-container-item:active {
         margin-right: 20px !important;
     }
 }

 @media (max-width: 1023px) {
     .slidecontainer .truist-global-staticcard-column {
         max-width: none;
         width: 100%;
         margin-top: 0;
     }
 }

 @media (min-width: 0px) and (max-width: 1364.98px) {
     .slide-container-body,
     .slide-container-body .container {
         font-size: 1.6rem;
         line-height: 22px;
     }
     .slide-container .slide-container-section-heading {
         font-size: 1.8rem;
         line-height: 24px;
     }
     .slide-container .slide-container-heading {
         font-size: 3.6rem;
         line-height: 42px;
     }
     .slide-container-item .slider-card-tag,
     .slide-container-item:link .slider-card-tag,
     .slide-container-item:visited .slider-card-tag,
     .slide-container-item:hover .slider-card-tag,
     .slide-container-item:active .slider-card-tag,
     .slide-container-item:focus .slider-card-tag {
         font-size: 1.8rem;
         line-height: 24px;
     }
     .slide-container-item .slider-card-title,
     .slide-container-item:link .slider-card-title,
     .slide-container-item:visited .slider-card-title,
     .slide-container-item:hover .slider-card-title,
     .slide-container-item:active .slider-card-title,
     .slide-container-item:focus .slider-card-title {
         font-size: 1.8rem;
         line-height: 24px;
     }
     .slide-container-item .slider-card-heading,
     .slide-container-item:link .slider-card-heading,
     .slide-container-item:visited .slider-card-heading,
     .slide-container-item:hover .slider-card-heading,
     .slide-container-item:active .slider-card-heading,
     .slide-container-item:focus .slider-card-heading {
         font-size: 2rem;
         line-height: 26px;
     }
     .slide-container-item .slider-tag-count,
     .slide-container-item:link .slider-tag-count,
     .slide-container-item:visited .slider-tag-count,
     .slide-container-item:hover .slider-tag-count,
     .slide-container-item:active .slider-tag-count,
     .slide-container-item:focus .slider-tag-count {
         font-size: 1.6rem;
         line-height: 22px;
     }
 }

 @media (min-width: 767.99px) and (max-width: 991.98px) {
     .slide-container {
         border-radius: 0px;
         padding: 60px 0;
         width: auto;
         max-width: auto;
     }
 }

 /* Scroller slide in animation */

 @keyframes slidein-cards {
     0% {
         left: var(--cardsAnimate);
     }
     100% {
         left: 0px;
     }
 }

 @keyframes slidein-before {
     0% {
         left: -10%;
     }
     100% {
         left: 0%;
     }
 }

 @keyframes slidein-after {
     0% {
         right: -10%;
     }
     100% {
         right: 0%;
     }
 }

 @keyframes slideout-before {
     0% {
         left: 0%;
     }
     100% {
         left: -10%;
     }
 }

 @keyframes slideout-after {
     0% {
         right: 0%;
     }
     100% {
         right: -10%;
     }
 }

 /*Static card styles provided by Prem -start */

 .truist-global-staticcard-container {
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     padding: 20px;
     flex-grow: 1;
     max-width: 1600px;
     margin: auto;
 }

 .truist-global-staticcard-container-gap-thirty {
     column-gap: 30px;
 }

 .truist-global-staticcard-container-gap-twenty {
     column-gap: 20px;
 }

 .truist-global-staticcard-container-padding-top {
     padding-top: 30px;
 }

 .truist-global-staticcard-column {
     display: flex;
     flex: 1;
     flex-direction: column;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     padding-bottom: 30px;
     position: relative;
     justify-content: left;
     text-align: left;
 }

 .truist-global-staticcard-row:not(:last-child) {
     margin-bottom: 20px;
 }

 .truist-global-staticcard-button-bottom {
     margin-top: auto;
 }

 .truist-global-staticcard-card-cta-button {
     margin-top: 10px;
 }

 .truist-global-staticcard-column-white {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border: 1px solid #C9C9C9;
 }

 .truist-global-staticcard-column-grey {
     background: #F7F7F7 0% 0% no-repeat padding-box;
     border: 1px solid #F7F7F7;
 }

 .truist-global-staticcard-column-transparent {
     background: transparent 0% 0% no-repeat padding-box;
     border: 1px solid transparent;
 }

 .truist-global-staticcard-column-transparent-border:not(:last-child) {
     border-radius: 0px;
     border-right: 1px solid #C9C9C9;
 }

 .truist-global-staticcard-column-align-center {
     text-align: center;
 }

 .truist-global-staticcard-img-top {
     position: relative;
     display: block;
 }

 .truist-global-staticcard-img-middle {
     display: block;
     height: auto;
 }

 .truist-global-staticcard-img-badge {
     position: absolute;
     background: #7C6992 0% 0% no-repeat padding-box;
     width: auto;
     height: auto;
     padding: 7px 10px;
     font-size: 1.4rem;
     font-weight: 500;
     color: #FFFFFF;
     left: 0;
     opacity: 1;
     line-height: 2rem;
     border-bottom-right-radius: 10px;
 }

 .truist-global-staticcard-img {
     object-fit: fill;
     width: 100%;
     height: 100%;
     display: inline-block;
 }

 .truist-global-staticcard-icon-img {
     height: auto;
     width: auto;
     max-width: 80%;
     display: inline-block;
 }

 .truist-global-staticcard-content-padding {
     padding-left: 30px;
     padding-right: 30px;
 }

 .truist-global-staticcard-eyebrow {
     font-size: 1.6rem;
     text-transform: uppercase;
     color: #7C6992;
     font-weight: 600;
     letter-spacing: 0.4px;
     line-height: 2.2rem;
     margin-bottom: 0;
 }

 .truist-global-staticcard-cardtitle {
     font-size: 2rem;
     line-height: 3rem;
     color: #2e1a47;
     font-weight: 600;
 }

 .truist-global-staticcard-cardcontent {
     font-size: 1.6rem;
     color: var(--truNeutral500);
     font-weight: 400;
     line-height: 2.2rem;
     margin-bottom: 0;
 }

 .truist-global-staticcard-eyebrow-margin-bottom {
     margin-bottom: 10px !important;
 }

 .truist-global-staticcard-eyebrow-font-300 {
     font-weight: 300 !important;
 }

 .truist-global-staticcard-row .eyebrow {
     margin-left: 30px;
 }

 @media (min-width: 1366px) {
     .truist-global-staticcard-cardcontent {
         font-size: 1.8rem;
         line-height: 2.4rem;
     }
     .truist-global-staticcard-cardtitle {
         font-size: 2.4rem;
         line-height: 3rem;
     }
     .truist-global-staticcard-img-badge {
         font-size: 1.6rem;
         line-height: 2.2rem;
     }
 }

 @media (max-width: 1023px) {
     .truist-global-staticcard-content-padding {
         padding-left: 20px;
         padding-right: 20px;
     }
     .truist-global-staticcard-container {
         flex-wrap: wrap;
         column-gap: 20px;
     }
     .truist-global-staticcard-column {
         flex: 1 0 100%;
         max-width: 45%;
         width: 45%;
         margin-top: 20px;
     }
     .truist-global-staticcard-maxwidth-thirty-percent {
         max-width: 30%;
     }
     .truist-global-staticcard-column-transparent-border:nth-child(even) {
         border-right: 1px solid #C9C9C9;
         border-right: none;
     }
 }

 @media (max-width: 767px) {
     .truist-global-staticcard-container {
         display: block;
         padding: 0px 20px 0px 20px;
     }
     .truist-global-staticcard-column {
         display: flex;
         max-width: 100%;
         width: 100%;
         margin-top: 20px;
         align-items: center;
         justify-content: center;
         text-align: center;
     }
     .truist-global-staticcard-column-transparent-border:not(:last-child) {
         border-bottom: 1px solid #C9C9C9;
         border-right: none;
     }
 }

 /* STATIC CARD STYLES COPIED FROM STATICCARDS.CSS IN DAM */

 /*GRID + STATIC CARD*/

 /*even columns*/

 .static-card__custom--even-columns .truist-global-staticcard-column {
     padding-top: 3rem;
     padding-bottom: 2rem;
 }

 .static-card__custom--even-columns.static-card__custom--even-columns--remove-top-padding .truist-global-staticcard-column {
     padding-top: 0;
 }

 @media (min-width: 769px) {
     .static-card__custom--even-columns>div.aem-Grid {
         display: flex;
     }
     .static-card__custom--even-columns>div.aem-Grid>div.staticcard {
         display: flex;
     }
 }

 @media (max-width: 768px) {
     .static-card__custom--even-columns .truist-global-staticcard-column {
         margin-top: 0;
         margin-bottom: 2rem;
     }
     /* Added for PROD defect fix DE178534 2025.M09 */
     .aem-Grid.aem-Grid--default--24>.staticcard.aem-GridColumn.aem-GridColumn--default--9 {
         width: 100%;
         margin-left: 0;
     }
     .static-card__custom--column-spacing-4 .aem-Grid {
         display: block !important;
     }
 }

 @media (max-width: 1023px) {
     .static-card__custom--even-columns .truist-global-staticcard-column {
         max-width: none;
         width: 100%;
         margin-top: 0;
     }
 }

 /*column spacing with and without indent (margin)*/

 @media (min-width: 769px) {
     .static-card__custom--column-spacing-2 {
         margin-right: -8.333%;
     }
     .static-card__custom--column-spacing-3,
     .static-card__custom--column-spacing-2--sm {
         margin-right: -4.167%;
     }
     .static-card__custom--column-spacing-3--sm,
     .static-card__custom--column-spacing-4 {
         margin-right: -2.083%;
     }
     .static-card__custom--column-spacing-3>div.aem-Grid>div.staticcard,
     .static-card__custom--column-spacing-2--sm>div.aem-Grid>div.staticcard {
         padding-right: 4.167%;
         margin-left: 0% !important;
     }
     .static-card__custom--column-spacing-4>div.aem-Grid>div.staticcard,
     .static-card__custom--column-spacing-3--sm>div.aem-Grid>div.staticcard {
         padding-right: 2.083%;
         margin-left: 0% !important;
     }
     .static-card__custom--column-spacing-2>div.aem-Grid>div.staticcard {
         padding-right: 8.333%;
         margin-left: 0% !important;
     }
     /*4 column - remove cta min width*/
     .static-card__custom--column-spacing-4 .cta a {
         min-width: auto;
     }
 }

 @media (min-width: 769px) and (max-width: 1200px) {
     /*4 column spacing tablet wrap for even cards*/
     .static-card__custom--even-columns.static-card__custom--column-spacing-4>div.aem-Grid {
         flex-wrap: wrap;
     }
     .static-card__custom--even-columns.static-card__custom--column-spacing-4>div.aem-Grid>div.staticcard {
         width: 50% !important;
     }
     .static-card__custom--even-columns.static-card__custom--column-spacing-4 div.staticcard:nth-child(3),
     .static-card__custom--even-columns.static-card__custom--column-spacing-4 div.staticcard:nth-child(4) {
         margin-top: 2.083%;
     }
 }

 @media (max-width: 1023px) {
     .static-card__custom--column-spacing-2 .truist-global-staticcard-column,
     .static-card__custom--column-spacing-3 .truist-global-staticcard-column,
     .static-card__custom--column-spacing-4 .truist-global-staticcard-column,
     .static-card__custom--column-spacing-2--sm .truist-global-staticcard-column,
     .static-card__custom--column-spacing-3--sm .truist-global-staticcard-column {
         max-width: none;
         width: 100%;
         margin-top: 0;
     }
 }

 /*borders*/

 .static-card__custom--single-border .truist-global-staticcard-content-padding,
 .static-card__custom--single-border .truist-global-staticcard-content-padding~p {
     padding: 0;
 }

 .static-card__custom--single-border .truist-global-staticcard-content-padding~ul,
 .static-card__custom--single-border .truist-global-staticcard-content-padding~ol {
     margin: inherit;
 }

 .static-card__custom--single-border>div.aem-Grid>div.staticcard {
     margin-bottom: 4rem;
     border-bottom: 1px solid #cfcfcf;
     border-radius: 0;
 }

 .static-card__custom--single-border>div.aem-Grid>div.staticcard:last-child {
     border: none;
     margin-bottom: 0;
 }

 .static-card__custom--single-border .truist-global-staticcard-column {
     padding-bottom: 0;
     padding-top: 0;
     border-radius: 0;
     background: none;
     border: none;
 }

 .static-card__custom--single-border .truist-global-staticcard-img-top {
     padding-right: 0 !important;
     padding-left: 0 !important;
     padding-top: 0;
 }

 /*bottom*/

 .static-card__custom--single-border--bottom .truist-global-staticcard-column,
 .static-card__custom--single-border--bottom--desktop .truist-global-staticcard-column {
     display: block;
     padding-bottom: 0;
     margin-bottom: 2rem;
     border-radius: 0;
     border-bottom: 1px solid #cfcfcf;
 }

 .static-card__custom--single-border--bottom>div.aem-Grid>div.staticcard:last-child .truist-global-staticcard-column,
 .static-card__custom--single-border--bottom--desktop>div.aem-Grid>div.staticcard:last-child .truist-global-staticcard-column {
     border: none;
     margin-bottom: 0;
 }

 .static-card__custom--single-border--bottom>div.aem-Grid>div.staticcard:last-child .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4),
 .static-card__custom--single-border--bottom--desktop>div.aem-Grid>div.staticcard:last-child .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {
     margin-bottom: 0;
 }

 @media (max-width: 1023px) {
     /*bottom*/
     .static-card__custom--single-border--bottom .truist-global-staticcard-column,
     .static-card__custom--single-border--bottom--desktop .truist-global-staticcard-column {
         max-width: none;
         width: 100%;
         margin-top: 0;
     }
 }

 @media (max-width: 768px) {
     /*bottom -- desktop only*/
     .static-card__custom--single-border--bottom--desktop .truist-global-staticcard-column {
         border: none;
     }
 }

 @media (min-width: 769px) {
     .static-card__custom--single-border>div.aem-Grid>div.staticcard {
         border-right: 1px solid #cfcfcf;
         border-bottom: none;
     }
     .static-card__custom--single-border>div.aem-Grid>div.staticcard {
         padding-bottom: 0;
         margin-bottom: 0;
     }
     .static-card__custom--single-border .truist-global-staticcard-column {
         margin-bottom: -2rem;
     }
     /*single border column spacing*/
     .static-card__custom--single-border.static-card__custom--column-spacing-3>div.aem-Grid>div.staticcard,
     .static-card__custom--single-border.static-card__custom--column-spacing-2--sm>div.aem-Grid>div.staticcard {
         padding-right: 4.167%;
         margin-left: 4.167% !important;
     }
     .static-card__custom--single-border.static-card__custom--column-spacing-2>div.aem-Grid>div.staticcard {
         padding-right: 8.333%;
         margin-left: 8.333% !important;
     }
     /*outer margins*/
     .static-card__custom--single-border.static-card__custom--column-spacing-4--margin {
         margin-right: -2.083%;
         margin-left: -2.083%;
     }
     .static-card__custom--single-border.static-card__custom--column-spacing-3--margin {
         margin-right: -4.167%;
         margin-left: -4.167%;
     }
     .static-card__custom--single-border.static-card__custom--column-spacing-2--margin {
         margin-right: -10%;
         margin-left: -10%;
     }
 }

 /*3 features*/

 .static-card__custom--3features--product .truist-global-staticcard-cardcontent,
 .static-card__custom--3features--product .truist-global-staticcard-cardcontent~p,
 .static-card__custom--3features--compare .truist-global-staticcard-cardcontent,
 .static-card__custom--3features--compare .truist-global-staticcard-cardcontent~p {
     color: #2E1A47;
 }

 @media (max-width: 768px) {
     .static-card__custom--3features--product .truist-global-staticcard-cardtitle {
         font-size: 1.8rem;
     }
     .static-card__custom--3features--compare .truist-global-staticcard-cardtitle {
         font-size: 1.5rem;
     }
     .static-card__custom--3features--product .truist-global-staticcard-cardcontent,
     .static-card__custom--3features--product .truist-global-staticcard-cardcontent~p,
     .static-card__custom--3features--compare .truist-global-staticcard-cardcontent,
     .static-card__custom--3features--compare .truist-global-staticcard-cardcontent~p {
         font-size: 1.5rem;
         line-height: 1.9rem;
         margin-bottom: 0;
     }
     /*single border*/
     .static-card__custom--3features--product.static-card__custom--single-border>div.aem-Grid>div.staticcard,
     .static-card__custom--3features--compare.static-card__custom--single-border>div.aem-Grid>div.staticcard {
         margin-bottom: 0;
         border: none;
     }
     /*left align in mobile*/
     .static-card__custom--3features--product .truist-global-staticcard-column-align-center,
     .static-card__custom--3features--compare .truist-global-staticcard-column-align-center {
         text-align: left;
     }
 }

 /*column width auto*/

 @media (min-width: 769px) {
     .static-card__custom--column-width-auto>div.aem-Grid>div.staticcard {
         width: auto !important;
     }
     .static-card__custom--3features--product.static-card__custom--column-width-auto>div.aem-Grid>div.staticcard,
     .static-card__custom--3features--compare.static-card__custom--column-width-auto>div.aem-Grid>div.staticcard {
         min-width: 20%;
         max-width: 33%;
     }
 }

 /**Template Policies**/

 /*image float left - desktop only*/

 @media (min-width: 769px) {
     .static-card__custom--image-float-left .truist-global-staticcard-column {
         display: block;
         padding-bottom: 0;
         margin-bottom: 2rem;
         border-radius: 0;
     }
     .static-card__custom--image-float-left .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(1) {
         float: left;
         margin-right: 2rem;
     }
     .static-card__custom--image-float-left .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(3) {
         display: flex;
         margin-bottom: 1rem;
     }
     .static-card__custom--image-float-left .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {
         display: flex;
     }
     .static-card__custom--image-float-left .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(5) {
         display: flex;
     }
     .static-card__custom--image-float-left>div.aem-Grid>div.staticcard:last-child .truist-global-staticcard-column {
         border: none;
         margin-bottom: 0;
     }
     .static-card__custom--image-float-left>div.aem-Grid>div.staticcard:last-child .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {
         margin-bottom: 0;
     }
 }

 /*image float left - mobile only*/

 @media (max-width: 768px) {
     .static-card__custom--image-float-left--mobile .truist-global-staticcard-column {
         display: block;
         padding-bottom: 0;
         margin-bottom: 20px;
     }
     .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(1) {
         float: none;
     }
     .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(3) {
         display: block;
         margin-bottom: 1rem;
     }
     .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {
         display: block;
     }
     .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(5) {
         display: block;
     }
     .static-card__custom--image-float-left--mobile>div.aem-Grid>div.staticcard:last-child .truist-global-staticcard-column {
         margin-bottom: 0;
     }
     .static-card__custom--image-float-left--mobile>div.aem-Grid>div.staticcard:last-child .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {
         margin-bottom: 0;
     }
     .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:not(:first-child) {
         margin-left: 0;
     }
     .static-card__custom--image-float-left--mobile .truist-global-staticcard-img {
         width: 6.5rem;
         height: auto;
     }
 }

 @media (max-width: 1023px) {
     .static-card__custom--image-float-left .truist-global-staticcard-column,
     .static-card__custom--image-float-left--mobile .truist-global-staticcard-column {
         max-width: none;
         width: 100%;
         margin-top: 0;
     }
     .truist-global-staticcard-row .eyebrow {
         margin-left: 20px;
     }
 }

 /*remove fields*/

 /* .static-card__custom--remove-badge .truist-global-staticcard-img-badge,
.static-card__custom--remove-image .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(1),
.static-card__custom--remove-eyebrow .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(2),
.static-card__custom--remove-title .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(3),
.static-card__custom--remove-description .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {display: none;} */

 .static-card__custom--remove-image-width .truist-global-staticcard-img {
     width: auto;
     height: auto;
 }

 .static-card__custom--remove-image-width .truist-global-staticcard-img-top {
     padding-right: 3rem;
     padding-left: 3rem;
 }

 .static-card__custom--remove-padding .truist-global-staticcard-column {
     padding-top: 0;
     padding-bottom: 0;
 }

 .static-card__custom--remove-padding .truist-global-staticcard-content-padding,
 .static-card__custom--remove-padding .truist-global-staticcard-content-padding~p {
     padding-left: 0;
     padding-right: 0;
 }

 .static-card__custom--remove-padding .truist-global-staticcard-content-padding~ul,
 .static-card__custom--remove-padding .truist-global-staticcard-content-padding~ol {
     margin: inherit;
 }

 .static-card__custom--remove-padding .truist-global-staticcard-img-top {
     padding-left: 0;
     padding-right: 0;
     padding-top: 0;
 }

 @media (max-width: 768px) {
     .static-card__custom--remove-image-width .truist-global-staticcard-img-top {
         padding-right: 2rem;
         padding-left: 2rem;
     }
     .static-card__custom--remove-padding .truist-global-staticcard-img-top,
     .static-card__custom--remove-padding--mobile .truist-global-staticcard-img-top,
     .static-card__custom--remove-padding--mobile .truist-global-staticcard-content-padding,
     .static-card__custom--remove-padding--mobile .truist-global-staticcard-content-padding~p {
         padding-right: 0;
         padding-left: 0;
     }
     .static-card__custom--remove-padding--mobile .truist-global-staticcard-content-padding~ul,
     .static-card__custom--remove-padding--mobile .truist-global-staticcard-content-padding~ol {
         margin: inherit;
     }
     .static-card__custom--remove-padding .truist-global-staticcard-column,
     .static-card__custom--remove-padding--mobile .truist-global-staticcard-column {
         padding-bottom: 0;
         padding-top: 0;
     }
     .static-card__custom--remove-background--mobile .truist-global-staticcard-column {
         background: none;
         border: none;
     }
 }

 /*add custom content*/

 .static-card__custom--add-custom-content .truist-global-staticcard-button-bottom {
     margin-top: 0;
     height: 100%;
 }

 .static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button {
     margin-top: 0;
     height: 100%;
 }

 .static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button>div {
     height: 100%;
 }

 .static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button>div>div.aem-Grid {
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button>div>div.aem-Grid>.text,
 .static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button>div>div.aem-Grid>.gridlayoutcontainer:first-child {
     flex: 1;
 }

 /*add padding*/

 .static-card__custom--add-padding .truist-global-staticcard-content-padding,
 .static-card__custom--add-padding .truist-global-staticcard-content-padding~p {
     padding-left: 4.167%;
     padding-right: 4.167%;
 }

 .static-card__custom--add-padding .truist-global-staticcard-content-padding~ul,
 .static-card__custom--add-padding .truist-global-staticcard-content-padding~ol {
     margin: 0 4.167% 2rem 4.167%;
 }

 .static-card__custom--add-padding .truist-global-staticcard-column {
     padding-top: 6rem;
     padding-bottom: 4rem;
 }

 @media (max-width: 1023px) {
     .static-card__custom--add-padding .truist-global-staticcard-content-padding,
     .static-card__custom--add-padding .truist-global-staticcard-content-padding~p {
         padding-left: 8.333%;
         padding-right: 8.333%;
     }
     .static-card__custom--add-padding .truist-global-staticcard-content-padding~ul,
     .static-card__custom--add-padding .truist-global-staticcard-content-padding~ol {
         margin: 0 8.333% 2rem 8.333%;
     }
 }

 /*box shadow*/

 .static-card__custom--box-shadow .truist-global-staticcard-column {
     border: 1px solid #2E1A474D;
     box-shadow: 0 0 0 2px rgb(0 0 0 / 5%);
     padding-bottom: 2rem;
 }

 .static-card__custom--box-shadow .truist-global-staticcard-column-transparent {
     border: none;
 }

 /*box shadow offset*/

 .static-card__custom--box-shadow-offset .truist-global-staticcard-column {
     border: 1px solid #2E1A474D;
     box-shadow: 0 4px 5px 2px rgb(0 0 0 / 10%);
     padding-bottom: 2rem;
 }

 .static-card__custom--box-shadow-offset .truist-global-staticcard-column-transparent {
     border: none;
 }

 /*background*/

 .static-card__custom--bg-color--dawn-lighter .truist-global-staticcard-column {
     background: #F6F3F9;
     border: none;
 }

 .static-card__custom--bg-color--midnight-purple .truist-global-staticcard-column {
     background: #2E1A47;
     border: none;
 }

 .static-card__custom--bg-color--midnight-purple {
     color: #fff;
 }

 .static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-column,
 .static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-column {
     padding-top: 0;
 }

 .static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-row:nth-child(2),
 .static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-row:nth-child(2) {
     margin-bottom: 0;
 }

 .static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-row:nth-child(2),
 .static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-row:nth-child(3) {
     background: #2E1A47;
 }

 .static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-row:nth-child(2) {
     margin-bottom: -1px;
     padding-bottom: 1px;
 }

 .static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-eyebrow {
     color: #fff;
     text-align: center;
     padding-top: 3rem;
 }

 .static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-cardtitle {
     color: #fff;
     text-align: center;
     padding-bottom: 3rem;
 }

 .static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-row:nth-child(2),
 .static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-row:nth-child(3) {
     background: #F6F3F9;
 }

 .static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-eyebrow {
     color: #2E1A47;
     text-align: center;
     padding-top: 3rem;
 }

 .static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-cardtitle {
     color: #2E1A47;
     text-align: center;
     padding-bottom: 3rem;
 }

 /*icons*/

 .static-card__custom--image-icon .truist-global-staticcard-img-top {
     width: auto;
     height: 6.5rem;
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .static-card__custom--image-icon .truist-global-staticcard-img {
     width: 6.5rem;
     height: auto;
     max-height: 6.5rem;
 }

 .static-card__custom--image-icon.static-card__custom--image-icon-48 .truist-global-staticcard-img {
     width: 4.8rem;
     height: 4.8rem;
 }

 .static-card__custom--image-icon.static-card__custom--image-icon-32 .truist-global-staticcard-img {
     width: 3.2rem;
     height: 3.2rem;
 }

 /*title options*/

 .static-card__custom--title--smaller .truist-global-staticcard-cardtitle {
     font-size: 2rem;
     line-height: 1.2em;
 }

 .static-card__custom--title--smallest .truist-global-staticcard-cardtitle {
     font-size: 1.8rem;
     line-height: 2.2rem;
 }

 .static-card__custom--title--larger .truist-global-staticcard-cardtitle {
     font-size: 2.4rem;
     line-height: 2.4rem;
     font-weight: 300;
 }

 .static-card__custom--title--margin-none .truist-global-staticcard-cardtitle {
     margin-bottom: -2rem;
 }

 @media (min-width: 769px) {
     .static-card__custom--title--larger .truist-global-staticcard-cardtitle {
         font-size: 2.8rem;
         line-height: 3.4rem;
     }
 }

 /* hyphen SR readout */

 .custom-static-card-text .truist-global-staticcard-cardcontent~p.bold {
     font-weight: var(--truFontWt700);
 }

 /*wealth*/

 @media (min-width: 769px) {
     .static-card__custom--wealth {
         margin-top: 4rem;
         margin-bottom: 4rem;
     }
     .static-card__custom--wealth>div.aem-Grid>div.staticcard:first-child {
         transform: scale(1.1);
         padding-right: 5.267%
     }
 }

 /* END STATIC CARD STYLES COPIED FROM STATICCARDS.CSS IN DAM */

 /* STATIC CARD STYLE COPIED FROM COMPONENT.CSS IN DAM */

 /*STATIC CARDS*/

 .truist-global-staticcard-cardtitle {
     margin-bottom: 0;
     display: none/*TAH added 06242002*/
     ;
 }

 .truist-global-staticcard-cardtitle:only-child,
 .truist-global-staticcard-cardtitle+.truist-global-staticcard-cardtitle {
     display: block;
 }

 /* TAH added 06242002 */

 /*TAH 6242022*/

 .truist-global-staticcard-content-padding~p {
     padding-left: 30px;
     padding-right: 30px;
 }

 .truist-global-staticcard-content-padding~ul,
 .truist-global-staticcard-content-padding~ol {
     margin: 0 3rem 2rem 3rem;
 }

 .truist-global-staticcard-cardcontent {
     line-height: 1.5;
 }

 /* TAH added 06242002 */

 .truist-global-staticcard-cardcontent~p {
     font-size: 1.6rem;
     font-weight: 400;
     margin-bottom: 0;
 }

 @media (min-width: 1366px) {
     .truist-global-staticcard-cardcontent~p {
         font-size: 1.8rem;
     }
 }

 /*Static card styles -end */

 .goal-slider {
     margin-left: 0 !important;
     width: 100% !important;
 }

 .goal-selector {
     border-radius: 20px;
 }

 .goal-selector-body,
 .goal-selector-body .container {
     font-family: var(--truFontFamRg);
     font-size: 1.8rem;
     line-height: 24px;
     color: #ffffff;
 }

 .goal-selector-body .container {
     width: 100%;
     max-width: 1366px;
     padding: 0;
     height: auto;
     display: flex;
 }

 .goal-selector-body .goal-caps {
     text-transform: uppercase;
     margin-bottom: 15px;
 }

 .goal-selector-body .goal-selector {
     margin: 20px 0;
     padding: 80px 0;
     background: #483460;
     border-radius: 20px;
     min-width: 100%;
     min-height: 548px;
     position: relative;
     overflow: hidden;
     height: auto;
     transition: max-height 1s ease-in-out;
 }

 .gs-section-heading {
     margin-bottom: 15px;
     font-weight: var(--truFontWtBd);
     font-size: 1.8rem;
     line-height: 24px;
     margin-top: -3px;
     text-align: center;
     color: #b0e0e2;
     text-transform: uppercase;
 }

 .goal-selector h4.goal-heading {
     color: #fff;
 }

 .goal-selector h3.gs-section-heading img {
     width: 2.1rem;
     height: 2.1rem;
 }

 .gs-section-heading .title-icon {
     width: 2.1rem;
     height: 2.1rem;
     margin-top: -4px;
     margin-right: 5px;
     border-radius: 0;
     border: 0;
 }

 .goal-selector-body .goal-heading {
     text-align: center;
     font-weight: 300;
     font-size: 4.8rem;
     line-height: 54px;
     text-align: center;
     width: 100%;
     margin: -10px auto 0 auto;
     padding: 0 20px;
     display: block;
     position: absolute;
     color: #ffffff;
     outline: none;
 }

 .goal-selector-body .journey-scroller {
     width: 100%;
     margin-top: 70px;
     position: absolute;
 }

 .goal-selector-body .results-scroller {
     width: 100%;
     position: absolute;
     top: 186px;
 }

 .goal-selector-body .goal-before,
 .goal-selector-body .goal-after {
     height: 64px;
     width: 52px;
     background: #7C6992;
     position: absolute;
     z-index: 100;
     margin-top: 20px;
     border: 2px solid #7C6992;
     box-shadow: 0 0px 2px rgba(0, 0, 0, .20);
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
 }

 .goal-selector-body .journey-scroller .goal-before,
 .goal-selector-body .journey-scroller .goal-after {
     top: 22%;
 }

 .goal-selector-body .results-scroller .goal-before,
 .goal-selector-body .results-scroller .goal-after {
     top: 24%;
 }

 .goal-selector-body .goal-before,
 .goal-selector-body .results-scroller .goal-before {
     /* left: -10%; */
     left: 0;
     border-radius: 0px 10px 10px 0px;
 }

 .goal-selector-body .goal-after {
     /* right: -10%; */
     right: 0;
     border-radius: 10px 0px 0px 10px;
 }

 .goal-selector-body .goal-before svg {
     transform: rotate(180deg);
 }

 .goal-selector-body .goal-before:disabled,
 .goal-selector-body .goal-after:disabled {
     background: var(--truClrGryVLt);
     border: 2px solid transparent;
 }

 .goal-selector-body .goal-before:disabled:focus,
 .goal-selector-body .goal-after:disabled:focus {
     background: var(--truClrGryVLt);
     border: 2px solid #000000;
 }

 .goal-selector-body .goal-before:hover,
 .goal-selector-body .goal-after:hover {
     background: #afabc9;
     border: 2px solid #afabc9;
 }

 .goal-selector-body .goal-before:focus,
 .goal-selector-body .goal-after:focus {
     background: #7C6992;
     border: 2px solid #7C6992;
 }

 .goal-selector-body .goal-before:focus::before,
 .goal-selector-body .goal-after:focus::before {
     content: '';
     position: absolute;
     top: 1px;
     height: 58px;
     width: 50px;
     border: 1px solid #ffffff;
 }

 .goal-selector-body .goal-before:focus::before {
     border-radius: 0px 10px 10px 0px;
     left: -1px;
 }

 .goal-selector-body .goal-after:focus::before {
     border-radius: 10px 0px 0px 10px;
     right: -1px;
 }

 .goal-selector-body .goal-before svg path,
 .goal-selector-body .goal-after svg path,
 .goal-selector-body .goal-before:hover svg path,
 .goal-selector-body .goal-after:hover svg path,
 .goal-selector-body .goal-before:focus svg path,
 .goal-selector-body .goal-after:focus svg path {
     fill: #ffffff;
 }

 .goal-selector-body .goal-before:disabled svg path,
 .goal-selector-body .goal-after:disabled svg path,
 .goal-selector-body .goal-before:disabled:hover svg path,
 .goal-selector-body .goal-after:disabled:hover svg path,
 .goal-selector-body .goal-before:disabled:focus svg path,
 .goal-selector-body .goal-after:disabled:focus svg path {
     fill: #000000;
 }

 .goal-selector-body .goal-before {
     border-left: none !important;
 }

 .goal-selector-body .goal-after {
     border-right: none !important;
 }

 .goal-selector-body .carousel-inner {
     width: 100%;
     padding-top: 5px;
     display: block;
 }

 .goal-selector-body .journey-list,
 .goal-selector-body .results-list {
     position: relative;
     margin: 0 0 10px 0px;
 }

 .goal-selector-body .journey-list {
     visibility: hidden;
 }

 .goal-selector-body .journey-item:link,
 .goal-selector-body .journey-item:visited,
 .goal-selector-body .journey-item {
     margin-right: 40px !important;
     position: relative;
     min-height: 170px;
     max-height: 259px;
     color: #2E1A47;
     font-size: 1.8rem;
     font-weight: var(--truFontWtBd);
     display: block;
     min-width: 315px !important;
     max-width: 315px !important;
     padding: 30px;
     transition: all .3s ease-in-out;
     text-decoration: none;
     cursor: pointer;
     text-decoration: none;
 }

 .goal-selector-body .journey-item:hover,
 .goal-selector-body .journey-item:active {
     text-decoration: none;
 }

 .goal-selector-body .journey-item:before {
     content: '';
     background: #f8f8f8;
     box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border-radius: 10px;
     transition: all .3s ease-in-out;
 }

 .goal-selector-body .journey-item.is-active::before {
     transform: scale(1.05);
 }

 .goal-selector-body .journey-item:hover::before,
 .goal-selector-body .journey-item:focus::before {
     outline: 2px solid var(--truClrPplBs);
     outline-offset: -4px;
     border-radius: 1rem;
 }

 /* Goal selector focus state ADA */

 .goal-selector-body .journey-item:focus {
     outline: 2px solid #483460;
     outline-offset: -4px;
     border-radius: 12px;
 }

 /* End Goal selector focus state ADA */

 .goal-selector-body .journey-item .tag,
 .goal-selector-body .journey-item:link .tag,
 .goal-selector-body .journey-item:visited .tag,
 .goal-selector-body .journey-item:hover .tag,
 .goal-selector-body .journey-item:active .tag,
 .goal-selector-body .journey-item:focus .tag {
     font-weight: var(--truFontWtBd);
     color: #7C6992;
     font-size: 2rem;
     line-height: 26px;
     text-align: left;
     text-decoration: none;
 }

 .goal-selector-body .journey-item .image-container {
     width: 44px;
     height: 44px;
     position: relative;
 }

 .goal-selector-body .journey-item .heading-icon,
 .goal-selector-body .journey-item:link .heading-icon,
 .goal-selector-body .journey-item:visited .heading-icon,
 .goal-selector-body .journey-item:hover .heading-icon,
 .goal-selector-body .journey-item:active .heading-icon,
 .goal-selector-body .journey-item:focus .heading-icon {
     border-radius: 10px;
     width: 44px;
     height: auto;
     position: absolute;
     top: 0px;
     left: 0px;
 }

 .goal-selector-body .journey-item div,
 .goal-selector-body .journey-item:link div,
 .goal-selector-body .journey-item:visited div,
 .goal-selector-body .journey-item:hover div,
 .goal-selector-body .journey-item:active div,
 .goal-selector-body .journey-item:focus div {
     font-weight: var(--truFontWtBd);
     margin: 0 0 0px 0;
     font-size: 2.4rem;
     line-height: 30px;
     color: #2E1A47;
     text-decoration: none;
 }

 .goal-selector-body .journey-item span:last-child,
 .goal-selector-body .journey-item:link span:last-child,
 .goal-selector-body .journey-item:visited span:last-child,
 .goal-selector-body .journey-item:hover span:last-child,
 .goal-selector-body .journey-item:active span:last-child,
 .goal-selector-body .journey-item:focus span:last-child {
     color: #2E1A47;
     font-weight: 400;
     font-size: 1.8rem;
     line-height: 24px;
     text-decoration: none;
 }

 .goal-selector-body .goal-find,
 .goal-selector-body .goal-submit,
 .goal-selector-body .goal-home {
     background: #b0e0e2;
     border-radius: 4px;
     font-weight: 400;
     color: #2E1A47;
     outline: none;
     box-shadow: 0 0 0 2px #b0e0e2;
     border: 1px solid #b0e0e2;
     font-size: 1.8rem;
     line-height: 24px;
     padding: 15px 20px;
     white-space: nowrap !important;
     max-height: 54px;
     min-height: 54px;
     display: inline-block;
 }

 .goal-selector-body .select-button-section button:first-child,
 .goal-selector-body .results-button-section button:first-child {
     min-height: 54px;
     max-height: 54px;
 }

 .goal-selector-body .goal-find:focus,
 .goal-selector-body .goal-submit:focus,
 .goal-selector-body .goal-home:focus {
     background: #b0e0e2;
     color: #2E1A47 !important;
     border: 1px solid #2E1A47;
     box-shadow: 0 0 0 2px #b0e0e2;
 }

 .goal-selector-body .goal-select,
 .goal-selector-body .goal-results {
     background: transparent;
     border-radius: 4px;
     font-weight: 400;
     color: #ffffff;
     outline: none;
     border: 1px solid transparent;
     box-shadow: 0 0 0 2px #ffffff;
     font-size: 1.8rem;
     padding: 12px 17px;
     margin-right: 20px;
     display: inline-block;
 }

 .goal-selector-body .goal-select:hover,
 .goal-selector-body .goal-results:hover {
     background: #ffffff;
     color: #2e1a47;
     border: 1px solid #ffffff;
     box-shadow: 0 0 0 2px #ffffff;
 }

 .goal-selector-body .goal-select:focus,
 .goal-selector-body .goal-results:focus {
     background: #2e1a47;
     color: #ffffff;
     border: 1px solid #ffffff;
     box-shadow: 0 0 0 2px #ffffff;
     position: relative;
 }

 .goal-selector-body .goal-select:focus::before,
 .goal-selector-body .goal-results:focus::before {
     content: '';
     display: block;
     background: transparent;
     border: 1px solid #ffffff;
     border-radius: 4px;
     position: absolute;
     top: 2px;
     left: 2px;
     width: calc(100% - 4px);
     height: calc(100% - 4px);
 }

 .goal-selector-body .goal-submit:disabled,
 .goal-selector-body .goal-submit:disabled:hover,
 .goal-selector-body button.goal-submit:disabled,
 .goal-selector-body button.goal-submit:disabled:hover {
     background: rgba(201, 201, 201, .6);
     border: 1px solid transparent;
     box-shadow: 0 0 0 2px rgba(201, 201, 201, .6);
     min-height: 54px;
     max-height: 54px;
     color: #ffffff !important;
 }

 .splide__slide img {
     vertical-align: bottom;
     width: auto;
     height: 4.4rem;
     margin-bottom: 2rem;
 }

 .goal-selector-body .goal-list {
     padding: 0 120px;
     list-style: none;
     position: relative;
     z-index: 100;
     justify-content: center;
     flex-wrap: wrap;
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
 }

 .goal-selector-body .goal-list li.delay {
     position: absolute;
     left: -400%;
     width: 100%;
     margin: 0 auto;
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     transition: left 1.5s ease-in-out;
 }

 .goal-selector-body .goal-list li.delay.reverse {
     position: absolute;
     left: 400%;
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
 }

 .goal-selector-body .goal-list li ul {
     margin: 0;
     padding: 0;
 }

 .goal-selector-body .goal-list li ul li {
     display: block;
     margin-right: 24px;
     position: relative;
 }

 .goal-selector-body .goal-list li ul li:last-child {
     margin-right: 0;
 }

 .goal-selector-body .bubble {
     cursor: pointer;
     display: inline-block;
     padding: 10px 20px;
     width: auto;
     white-space: nowrap;
     background: transparent;
     border-radius: 40px;
     border: 1px solid #2e1a47;
     box-shadow: 0 0 0 2px #ffffff;
     position: relative;
     transition: all .3s ease-in-out;
 }

 .goal-selector-body .bubble.hover {
     display: inline-block;
     padding: 10px 20px;
     width: auto;
     white-space: nowrap;
     background: #ffffff;
     color: #2E1A47;
     border: 1px solid #ffffff;
     box-shadow: 0 0 0 2px #ffffff;
     position: relative;
 }

 .goal-selector-body .bubble.focus,
 .goal-selector-body .bubble.focus-within {
     background: transparent;
     color: #ffffff;
     border: 1px solid #ffffff;
     box-shadow: 0 0 0 2px #ffffff;
     position: relative;
 }

 .goal-selector-body .bubble.focus::before {
     content: '';
     width: calc(100% - 4px);
     height: calc(100% - 4px);
     border-radius: 40px;
     position: absolute;
     top: 2px;
     left: 2px;
     background: transparent;
     border: 1px solid #ffffff;
     z-index: -5;
 }

 .goal-selector-body .bubble.checked {
     background: #b0e0e2;
     color: #2E1A47;
     border: 1px solid #b0e0e2;
     box-shadow: 0 0 0 2px #b0e0e2;
     z-index: 1;
 }

 .goal-selector-body .bubble.checked.focus::before {
     content: '';
     width: 100%;
     height: 100%;
     border-radius: 40px;
     position: absolute;
     top: 0px;
     left: 0px;
     background: transparent;
     border: 1px solid #2e1a47;
     z-index: -5;
 }

 .goal-selector-body .goal-checkbox[type="checkbox"],
 .goal-selector-body .goal-checkbox[type="checkbox"]:focus,
 .goal-selector-body .goal-checkbox[type="checkbox"]:checked {
     padding: 0;
     position: absolute;
     top: -5px;
     left: 20px;
     display: block;
     min-width: 100%;
     height: 100%;
     cursor: pointer;
     opacity: 0;
 }

 .goal-selector-body .find-button-section {
     display: flex;
     justify-content: center;
     position: absolute;
     top: 412px;
     width: 100%;
     opacity: 0;
 }

 .goal-selector-body .select-button-section {
     margin: 0 auto;
     justify-content: center;
     position: absolute;
     top: 491px;
     width: 100%;
 }

 .goal-selector-body .results-button-section {
     display: flex;
     justify-content: center;
     position: absolute;
     top: 403px;
     width: 100%;
 }

 @media (min-width: 0px) and (max-width: 1365.98px) {
     .goal-selector-body,
     .goal-selector-body .container {
         font-size: 1.6rem;
         line-height: 22px;
     }
     .goal-selector-body .gs-section-heading {
         font-size: 1.6rem;
         line-height: 22px;
         margin-top: -3px;
     }
     .goal-selector-body .goal-heading {
         font-size: 3.6rem;
         line-height: 42px;
     }
     .goal-selector-body {
         min-height: 528px;
     }
     .goal-selector-body .journey-scroller {
         margin-top: 59px;
     }
     .goal-selector-body .journey-item .tag,
     .goal-selector-body .journey-item:link .tag,
     .goal-selector-body .journey-item:visited .tag,
     .goal-selector-body .journey-item:hover .tag,
     .goal-selector-body .journey-item:active .tag,
     .goal-selector-body .journey-item:focus .tag {
         font-size: 1.8rem;
         line-height: 24px;
     }
     .goal-selector-body .journey-item div,
     .goal-selector-body .journey-item:link div,
     .goal-selector-body .journey-item:visited div,
     .goal-selector-body .journey-item:hover div,
     .goal-selector-body .journey-item:active div,
     .goal-selector-body .journey-item:focus div {
         font-size: 2rem;
         line-height: 26px;
     }
     .goal-selector-body .journey-item span:last-child,
     .goal-selector-body .journey-item:link span:last-child,
     .goal-selector-body .journey-item:visited span:last-child,
     .goal-selector-body .journey-item:hover span:last-child,
     .goal-selector-body .journey-item:active span:last-child,
     .goal-selector-body .journey-item:focus span:last-child {
         font-size: 1.6rem;
         line-height: 22px;
     }
     .goal-selector-body .find-button-section button,
     .goal-selector-body .select-button-section button,
     .goal-selector-body .results-button-section button {
         font-size: 1.6rem;
         line-height: 22px;
     }
     .goal-selector-body .find-button-section {
         top: 392px;
     }
     .goal-selector-body .select-button-section {
         top: 473px;
     }
     .goal-selector-body .goal-list-wrapper {
         overflow: hidden;
         height: 352px;
     }
     .goal-selector-body .goal-list {
         overflow: visible;
         overflow-x: scroll;
         padding-right: 20px;
         -webkit-scrollbar-width: auto;
         -moz-scrollbar-width: auto;
         -webkit-scrollbar-color: transparent;
         -moz-scrollbar-color: transparent;
         min-height: 372px;
     }
     .goal-selector-body .goal-list,
     .goal-selector-body .goal-list li ul {
         padding: 0 20px;
     }
     .goal-selector-body .goal-list li ul li {
         margin-right: 15px;
     }
     .goal-selector-body .goal-list li ul li label:last-child {
         margin-right: 22px;
     }
     .goal-selector-body .goal-list li ul li .bubble,
     .goal-selector-body .goal-list li ul li .goal-checkbox[type="checkbox"] {
         width: 100%;
         text-align: center;
     }
     .goal-selector-body .results-scroller {
         top: 174px;
     }
     .goal-selector-body .results-button-section {
         top: 391px;
     }
 }

 @media only screen and (device-width: 375px) and (orientation: portrait) {
     .goal-selector h4.goal-heading {
         font-size: 3.2rem;
     }
 }

 @media (min-width: 0px) and (max-width: 1023.98px) {
     .goal-selector-body {
         min-height: 527px;
     }
     .goal-selector-body .goal-results {
         padding: 0 20px;
     }
     .goal-selector-body .journey-scroller {
         margin-top: 59px;
     }
     .goal-selector-body #journey-scroller-track,
     .goal-selector-body #results-scroller-track {
         padding-right: 20px !important;
         padding-left: 20px !important;
     }
     .goal-selector-body .journey-item:link,
     .goal-selector-body .journey-item:visited,
     .goal-selector-body .journey-item:hover,
     .goal-selector-body .journey-item:active {
         margin-right: 20px !important;
     }
     .goal-selector-body .find-button-section,
     .goal-selector-body .select-button-section,
     .goal-selector-body .results-button-section {
         padding: 0 20px;
     }
     .goal-selector-body .select-button-section {
         top: 473px;
         background: #2e1a47;
         z-index: 500;
     }
     .goal-selector-body .goal-select {
         display: flex;
     }
     .goal-selector-body .goal-selector-body .select-button-section button:first-child:focus::before,
     .goal-selector-body .goal-selector-body .results-button-section button:first-child:focus::before {
         width: 99.5%;
     }
     .goal-selector-body .journey-item .image-container {
         width: 35px;
         height: 35px;
         margin-bottom: 15px;
         position: relative;
     }
     .goal-selector-body .journey-item .heading-icon,
     .goal-selector-body .journey-item:link .heading-icon,
     .goal-selector-body .journey-item:visited .heading-icon,
     .goal-selector-body .journey-item:hover .heading-icon,
     .goal-selector-body .journey-item:active .heading-icon,
     .goal-selector-body .journey-item:focus .heading-icon {
         border-radius: 10px;
         width: 35px;
         height: 35px;
         position: absolute;
         top: 0px;
         left: 0px;
     }
     .goal-selector-body .find-button-section {
         top: 391px;
     }
     .goal-selector-body .results-scroller {
         top: 174px !important;
     }
     .goal-selector-body .results-button-section {
         top: 391px;
     }
 }

 @media (min-width: 0px) and (max-width: 767.98px) {
     .goal-selector-body .goal-selector {
         border-radius: 0 !important;
     }
     .goal-selector-body .find-button-section,
     .goal-selector-body .select-button-section,
     .goal-selector-body .results-button-section {
         padding: 0 20px;
     }
     .goal-selector-body .journey-scroller {
         margin-top: 61px;
     }
     .goal-selector-body .find-button-section {
         top: 412px;
     }
     .goal-selector-body .goal-results {
         padding: 0 20px;
         margin: 0 auto;
     }
     .goal-selector-body .results-scroller {
         top: 167px !important;
     }
     .goal-selector-body .results-button-section {
         top: 417px;
     }
 }

 @media (min-width: 0px) and (max-width: 639.98px) {
     .goal-selector-body {
         min-height: 568px;
     }
     .goal-selector-body .journey-scroller {
         margin-top: 100px;
     }
     .goal-selector-body .find-button-section button,
     .goal-selector-body .select-button-section button,
     .goal-selector-body .results-button-section button {
         width: 100%;
         display: block;
     }
     .goal-selector h4.goal-heading {
         font-size: 3.2rem;
         color: #fff;
     }
     .goal-selector h3.gs-section-heading img {
         width: 2.1rem;
         height: 2.1rem;
     }
     .goal-selector-body .select-button-section button:first-child,
     .goal-selector-body .results-button-section button:first-child {
         margin-bottom: 20px;
     }
     .goal-selector-body .find-button-section {
         top: 432px;
     }
     .goal-selector-body .results-scroller {
         top: 215px !important;
     }
     .goal-selector-body .results-button-section {
         top: 432px;
     }
     .goal-selector-body .goal-before,
     .goal-selector-body .goal-after {
         display: none !important;
     }
 }

 /*maintains correct functionality*/

 .goal-selector-body .select-button-section,
 .goal-selector-body .results-button-section,
 .goal-selector-body .goal-heading.goal-select-heading,
 .goal-selector-body .goal-list-wrapper,
 .goal-selector-body .goal-heading.goal-results-heading {
     display: none;
 }

 .gs-section-heading .title-icon {
     display: none;
 }

 @media (max-width: 768px) {
     .goal-selector-body .goal-selector {
         border-radius: 0;
     }
 }

 @keyframes slidein-journeys {
     0% {
         left: var(--journeyAnimate);
     }
     100% {
         left: 0px;
     }
 }

 @keyframes slideout-journeys {
     0% {
         left: 0px;
     }
     100% {
         left: var(--journeyAnimate);
     }
 }

 @keyframes slidein-results {
     0% {
         left: var(--resultsAnimate);
     }
     100% {
         left: 0px;
     }
 }

 @keyframes slideout-results {
     0% {
         left: 0px;
     }
     100% {
         left: var(--resultsAnimate);
     }
 }

 @keyframes slidein-heading {
     0% {
         left: -200%;
     }
     100% {
         left: 0%;
     }
 }

 @keyframes slidein-heading-right {
     0% {
         left: 200%;
     }
     100% {
         left: 0%;
     }
 }

 @keyframes slidein-before {
     0% {
         left: -10%;
     }
     100% {
         left: 0%;
     }
 }

 @keyframes slidein-after {
     0% {
         right: -10%;
     }
     100% {
         right: 0%;
     }
 }

 @keyframes slidein-next {
     0% {
         left: 150%;
     }
     100% {
         left: 0%;
     }
 }

 @keyframes slidein-next-right {
     0% {
         left: -150%;
     }
     100% {
         left: 0%;
     }
 }

 @keyframes slideout {
     0% {
         left: 0%;
     }
     100% {
         left: 150%;
     }
 }

 @keyframes slideout-heading {
     0% {
         left: 0%;
     }
     100% {
         left: -200%;
     }
 }

 @keyframes slideout-heading-right {
     0% {
         left: 0%;
     }
     100% {
         left: 200%;
     }
 }

 @keyframes slideout-before {
     0% {
         left: 0%;
     }
     100% {
         left: -10%;
     }
 }

 @keyframes slideout-after {
     0% {
         right: 0%;
     }
     100% {
         right: -10%;
     }
 }

 @keyframes slideout-next {
     0% {
         left: 0%;
     }
     100% {
         left: 150%;
     }
 }

 @keyframes slideout-next-right {
     0% {
         left: 0%;
     }
     100% {
         left: -150%;
     }
 }

 /**ACCORDION COMPONENT**/

 .accordion .btn-link {
     color: #7C6992;
 }

 .accordion .btn-link:hover,
 .accordion .btn-link:focus {
     color: #7C6992;
     text-decoration: none;
 }

 .accordion .btn-link:focus {
     border: 1px dotted;
 }

 .accordion .card-header {
     padding: 0;
     margin: 0;
 }

 .accordion .card-body {
     padding: 0;
 }

 /*stack (button)*/

 .accordion .button-margin {
     margin: 2.5rem 0;
 }

 .accordion .button-margin .card-header {
     border-bottom: none;
 }

 .accordion .button-margin .btn-primary {
     background: transparent;
     border: 2px solid #2e1a47;
     color: #2e1a47;
 }

 .accordion .button-margin .btn-primary:hover,
 .accordion .button-margin .btn-primary:focus,
 .accordion .button-margin .btn-primary:active,
 .accordion .button-margin .btn-primary:active:focus {
     color: #fff;
     background-color: #2e1a47;
     border-color: #2e1a47;
     box-shadow: none;
 }

 /*disclaimer (up/down arrow)*/

 .accordion.arrow-down .border-container {
     border-bottom: 0;
 }

 .accordion.arrow-down .btn-link {
     font-weight: var(--truFontWtRg);
     color: #2e1a47;
     text-decoration: none;
 }

 .accordion.arrow-down .btn-link:hover {
     color: #2e1a47;
     text-decoration: none;
 }

 .accordion.arrow-down .btn-link:focus,
 .accordion.arrow-down .btn-link.focus {
     text-decoration: none;
     box-shadow: none;
     outline: 1px dotted;
 }

 /* zebra stripe */

 .accordion .zebra-stripe>div>div:nth-of-type(even) {
     background-color: #f7f7f7;
 }

 .accordion .zebra-stripe .border-container {
     padding: 5rem 2rem;
 }

 .accordion .zebra-stripe .border-container>div {
     margin: 0 8.333%;
 }

 /*faq (plus-icon)*/

 .accordion.plus-icon .border-container {
     padding-left: 0;
     border-bottom: none;
     margin-bottom: 4rem;
 }

 .accordion.plus-icon button {
     font-size: 1.8rem;
     line-height: 2.4rem;
     color: #2E1A47;
     font-weight: var(--truFontWtBd);
     margin-bottom: 0;
 }

 .accordion.plus-icon button .accordion-text {
     display: flex;
 }

 .accordion.plus-icon button .accordion-text p {
     margin-bottom: 0;
 }

 .accordion.plus-icon .accordion-text.truist--icon-carat-up.before:before,
 .accordion.plus-icon .accordion-text.truist--icon-carat-down.before:before {
     margin: 0 1.4rem 0 0;
     line-height: 2.4rem;
 }

 .accordion.plus-icon .card-body {
     padding: .7rem 3rem 0;
 }

 .accordion.plus-icon .card-body p {
     font-size: 1.6rem;
     line-height: 2.2rem;
     margin-bottom: .7rem;
 }

 @media (min-width: 769px) {
     .accordion.plus-icon button {
         font-size: 2.4rem;
         line-height: 3rem;
     }
     .accordion.plus-icon .card-body p {
         font-size: 1.8rem;
         line-height: 2.4rem;
         margin-bottom: 1.4rem;
     }
     .accordion.plus-icon .card-body {
         padding: 1.4rem 3rem 0;
     }
     .accordion.plus-icon .accordion-text.truist--icon-carat-up.before:before,
     .accordion.plus-icon .accordion-text.truist--icon-carat-down.before:before {
         line-height: 3rem;
     }
 }

 /*center on mobile*/

 .display--mobile-fill-tabs .accordion .button-margin {
     text-align: center;
 }

 .accordion-card-header.accordion-card-header-body>h3.accordion-header-wrapper.accordion-header-wrapper-body {
     margin: 0;
     font-family: var(--truFontFamRg);
     font-weight: inherit;
     line-height: inherit;
 }

 .lesson-selector {
     margin: 20px auto !important;
     padding: 80px 0;
     background: #483460;
     border-radius: 20px;
     width: 100%;
     max-height: 530px;
     max-width: 1328px !important;
     position: relative;
     overflow: hidden;
     height: auto;
     max-height: 530px;
     font-family: inherit;
     font-size: 1.8rem;
     line-height: 24px;
     color: #ffffff;
 }

 .lesson-selector .lesson-caps {
     text-transform: uppercase;
     margin-bottom: 20px;
     font-size: 1.8rem;
     line-height: 24px;
 }

 .lesson-selector .gs-section-heading {
     font-weight: var(--truFontWtBd);
     font-size: 1.8rem;
     line-height: 24px;
     text-align: center;
     color: #b0e0e2;
     text-transform: uppercase;
     margin-bottom: 20px;
     display: block;
     /* to show Section title Example: 'THRIVE' on Goal Selector */
 }

 .lesson-selector .title-icon {
     border-radius: 4px;
     margin-top: -4px;
     margin-right: 12px;
     border: 1px solid #b0e0e2;
 }

 .lesson-selector .lesson-heading {
     text-align: center;
     font-weight: var(--truFontWtLt);
     font-size: 4.8rem;
     line-height: 54px;
     text-align: center;
     width: 100%;
     margin: 0 auto;
     padding: 0 20px;
     display: block;
     color: #fff;
 }

 .lesson-selector .lesson-scroller {
     width: 100%;
     margin-top: 21px;
     position: relative;
 }

 .lesson-selector .lesson-before,
 .lesson-selector .lesson-after {
     height: 64px;
     width: 52px;
     background: #7C6992;
     position: absolute;
     z-index: 1;
     top: 24%;
     margin-top: 20px;
     border: 2px solid #7C6992;
     box-shadow: 0 0px 2px rgba(0, 0, 0, .20);
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
 }

 .lesson-selector .lesson-before {
     /* left: -10%; */
     left: 0;
     border-radius: 0px 10px 10px 0px;
 }

 .lesson-selector .lesson-after {
     /* right: -10%; */
     right: 0;
     border-radius: 10px 0px 0px 10px;
 }

 .lesson-selector .lesson-before svg {
     transform: rotate(180deg);
 }

 .lesson-selector .lesson-before:hover,
 .lesson-selector .lesson-after:hover {
     background: #afabc9;
     border: 2px solid #afabc9;
 }

 .lesson-selector .lesson-before:focus,
 .lesson-selector .lesson-after:focus {
     background: #7C6992;
     border: 2px solid #7C6992;
 }

 .lesson-selector .lesson-before:disabled,
 .lesson-selector .lesson-after:disabled {
     background: var(--truClrGryVLt);
     border: 2px solid transparent;
 }

 .lesson-selector .lesson-before:disabled:focus,
 .lesson-selector .lesson-after:disabled:focus {
     background: var(--truClrGryVLt);
     border: 2px solid #000000;
 }

 .lesson-selector .lesson-before:focus::before,
 .lesson-selector .lesson-after:focus::before {
     content: '';
     position: absolute;
     top: 1px;
     height: 58px;
     width: 50px;
     border: 1px solid #ffffff;
 }

 .lesson-selector .lesson-before:focus::before {
     border-radius: 0px 10px 10px 0px;
     left: -1px;
 }

 .lesson-selector .lesson-after:focus::before {
     border-radius: 10px 0px 0px 10px;
     right: -1px;
 }

 .lesson-selector .lesson-before:hover svg path,
 .lesson-selector .lesson-after:hover svg path,
 .lesson-selector .lesson-before:focus svg path,
 .lesson-selector .lesson-after:focus svg path {
     fill: #ffffff;
 }

 .lesson-selector .lesson-before:disabled svg path,
 .lesson-selector .lesson-after:disabled svg path,
 .lesson-selector .lesson-before:disabled:hover svg path,
 .lesson-selector .lesson-after:disabled:hover svg path,
 .lesson-selector .lesson-before:disabled:focus svg path,
 .lesson-selector .lesson-after:disabled:focus svg path {
     fill: #000000;
 }

 .lesson-selector .lesson-before {
     border-left: none !important;
 }

 .lesson-selector .lesson-after {
     border-right: none !important;
 }

 .lesson-selector .le70sson-slider .carousel-inner {
     width: 100%;
     padding-top: 10px;
     display: block;
 }

 .lesson-selector .lesson-list {
     position: relative;
     margin: 0 0 10px 0px;
     visibility: hidden;
 }

 .lesson-selector .lesson-item:link,
 .lesson-selector .lesson-item:visited,
 .lesson-selector .lesson-item {
     margin-right: 40px !important;
     position: relative;
     min-height: 160px;
     max-height: 259px;
     color: #2E1A47;
     font-size: 1.8rem;
     font-weight: var(--truFontWtBd);
     display: block;
     min-width: 315px !important;
     max-width: 315px !important;
     padding: 30px;
     transition: all .3s ease-in-out;
     text-decoration: none;
     cursor: pointer;
     text-decoration: none;
     background: #f8f8f8;
     border-radius: 1rem;
     top: 5px;
 }

 .lesson-selector .lesson-item:hover {
     outline: 2px solid var(--truClrPplBs);
     outline-offset: -4px;
     border-radius: 1rem;
 }

 /* Lesson selector focus state ADA */

 .lesson-selector .lesson-item:focus {
     outline: 2px solid #483460;
     outline-offset: -4px;
     border-radius: 12px;
 }

 /* End Lesson selector focus state ADA */

 .lesson-selector .lesson-item:hover,
 .lesson-selector .lesson-item:active {
     text-decoration: none;
 }

 .lesson-selector .lesson-item a {
     text-decoration: none;
 }

 .lesson-selector .lesson-item a:hover,
 .lesson-selector .lesson-item a:focus,
 .lesson-selector .lesson-item a:active {
     text-decoration: underline;
 }

 .lesson-selector .lesson-item::before {
     content: '';
     background: #f8f8f8;
     box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border-radius: 10px;
     transition: all .3s ease-in-out;
 }

 .lesson-selector .lesson-item .tag,
 .lesson-selector .lesson-item:link .tag,
 .lesson-selector .lesson-item:visited .tag,
 .lesson-selector .lesson-item:hover .tag,
 .lesson-selector .lesson-item:active .tag,
 .lesson-selector .lesson-item:focus .tag {
     font-weight: var(--truFontWtBd);
     color: #7C6992;
     font-size: 2rem;
     line-height: 26px;
     text-align: left;
     text-decoration: none;
 }

 .lesson-selector .lesson-item .lesson-heading-icon,
 .lesson-selector .lesson-item:link .lesson-heading-icon,
 .lesson-selector .lesson-item:visited .lesson-heading-icon,
 .lesson-selector .lesson-item:hover .lesson-heading-icon,
 .lesson-selector .lesson-item:active .lesson-heading-icon,
 .lesson-selector .lesson-item:focus .lesson-heading-icon {
     border-radius: 10px;
     margin-bottom: 20px;
     display: none;
     /*display: block; to show card icons */
 }

 .lesson-selector .lesson-item div,
 .lesson-selector .lesson-item:link div,
 .lesson-selector .lesson-item:visited div,
 .lesson-selector .lesson-item:hover div,
 .lesson-selector .lesson-item:active div,
 .lesson-selector .lesson-item:focus div {
     font-weight: var(--truFontWtBd);
     margin: 0 0 20px 0;
     font-size: 2.4rem;
     line-height: 30px;
     color: #2E1A47;
     text-decoration: none;
 }

 .lesson-selector .lesson-item span:last-child,
 .lesson-selector .lesson-item:link span:last-child,
 .lesson-selector .lesson-item:visited span:last-child,
 .lesson-selector .lesson-item:hover span:last-child,
 .lesson-selector .lesson-item:active span:last-child,
 .lesson-selector .lesson-item:focus span:last-child {
     color: #2E1A47;
     font-weight: var(--truFontWtRg);
     font-size: 1.8rem;
     line-height: 24px;
     text-decoration: none;
     position: absolute;
     bottom: 40px;
     display: none;
 }

 @media (min-width: 0px) and (max-width: 639.98px) {
     .lesson-selector .lesson-before,
     .lesson-selector .lesson-after {
         display: none !important;
     }
 }

 @media (min-width: 0px) and (max-width: 767.98px) {
     .lesson-selector {
         border-radius: 0px;
         padding: 60px 0 40px;
         width: auto;
         max-width: auto;
     }
 }

 /* *************** container scroller for lesson list -- tablet and down *************** */

 @media (min-width: 0px) and (max-width: 1024.98px) {
     .lesson-selector #lesson-scroller-track {
         padding-right: 20px !important;
         padding-left: 20px !important;
     }
     .lesson-selector .lesson-item:link,
     .lesson-selector .lesson-item:visited,
     .lesson-selector .lesson-item:hover,
     .lesson-selector .lesson-item:active {
         margin-right: 20px !important;
     }
 }

 /* *************** Smaller font size < 1365px *************** */

 @media (min-width: 0px) and (max-width: 1364.98px) {
     .lesson-selector {
         font-size: 1.6rem;
         line-height: 22px;
     }
     .lesson-selector .gs-section-heading {
         font-size: 1.8rem;
         line-height: 24px;
     }
     .lesson-selector .lesson-heading {
         font-size: 3.6rem;
         line-height: 42px;
     }
     .lesson-selector .lesson-item .tag,
     .lesson-selector .lesson-item:link .tag,
     .lesson-selector .lesson-item:visited .tag,
     .lesson-selector .lesson-item:hover .tag,
     .lesson-selector .lesson-item:active .tag,
     .lesson-selector .lesson-item:focus .tag {
         font-size: 1.8rem;
         line-height: 24px;
     }
     .lesson-selector .lesson-item div,
     .lesson-selector .lesson-item:link div,
     .lesson-selector .lesson-item:visited div,
     .lesson-selector .lesson-item:hover div,
     .lesson-selector .lesson-item:active div,
     .lesson-selector .lesson-item:focus div {
         font-size: 2rem;
         line-height: 26px;
     }
     .lesson-selector .lesson-item span:last-child,
     .lesson-selector .lesson-item:link span:last-child,
     .lesson-selector .lesson-item:visited span:last-child,
     .lesson-selector .lesson-item:hover span:last-child,
     .lesson-selector .lesson-item:active span:last-child,
     .lesson-selector .lesson-item:focus span:last-child {
         font-size: 1.6rem;
         line-height: 22px;
     }
     .lesson-selector .lesson-next,
     .lesson-selector .lesson-submit,
     .lesson-selector .lesson-previous {
         font-size: 1.6rem;
         line-height: 22px;
     }
 }

 @media (min-width: 767.99px) and (max-width: 991.98px) {
     .lesson-selector {
         border-radius: 0px;
         padding: 60px 0;
         width: auto;
         max-width: auto;
     }
 }

 /*imports from component.css*/

 .lesson-selector .gs-section-heading {
     display: block;
 }

 .lesson-selector .lesson-heading {
     color: #fff;
 }

 .lesson-before,
 .lesson-after {
     z-index: 1;
 }

 .lesson-selector {
     border-radius: 20px;
     max-height: 530px;
 }

 .lesson-item span:last-child,
 .lesson-item:link span:last-child,
 .lesson-item:visited span:last-child,
 .lesson-item:hover span:last-child,
 .lesson-item:active span:last-child,
 .lesson-item:focus span:last-child {
     display: none;
 }

 .lesson-selector .lesson-list {
     margin: 10px 0 10px 0;
 }

 .lesson-selector .lesson-before,
 .lesson-selector .lesson-after {
     z-index: 8;
 }

 .lesson-selector .title-icon {
     display: none;
 }

 /* Scroller slide in animation */

 @keyframes slidein-lessons {
     0% {
         left: var(--lessonAnimate);
     }
     100% {
         left: 0px;
     }
 }

 @keyframes slidein-before {
     0% {
         left: -10%;
     }
     100% {
         left: 0%;
     }
 }

 @keyframes slidein-after {
     0% {
         right: -10%;
     }
     100% {
         right: 0%;
     }
 }

 @keyframes slideout-before {
     0% {
         left: 0%;
     }
     100% {
         left: -10%;
     }
 }

 @keyframes slideout-after {
     0% {
         right: 0%;
     }
     100% {
         right: -10%;
     }
 }

 .accordion-panel {
     width: 100%;
     max-width: 100%;
     min-width: 100%;
 }

 .accordion-panel .card {
     border: none;
     border-radius: 0;
 }

 .accordion-panel .card:not(.active) .card-header,
 .accordion-panel .card .card-header:first-child {
     padding: 0;
     border: 0;
     background: none;
     border-radius: 0;
     margin-bottom: 1.25rem;
 }

 .accordion-panel .btn.acc-button {
     border: 0;
     border-left: .3rem solid var(--truClrMistDkr);
     padding: 0;
     margin: 0;
     border-radius: 0;
     text-decoration: none;
     transition: all .3s ease-in-out;
 }

 .accordion-panel .btn.acc-button:hover,
 .accordion-panel .btn.acc-button:focus {
     border-left: .6rem solid var(--truClrMistDkr);
 }

 .accordion-panel .btn.acc-button:focus {
     outline: 1px solid var(--truClrPplBs);
 }

 .accordion-panel .card.active .btn.acc-button {
     border-left: .6rem solid var(--truClrPplBs);
 }

 .accordion-panel .card.active .btn.acc-button:focus {
     outline: 1px solid var(--truPurple800) !important;
 }

 .accordion-panel .card .btn.acc-button .acc-heading {
     display: block;
     text-align: left;
     padding: .625rem 1.25rem;
     border-radius: 0;
     font-size: var(--truTxtSize6);
     color: var(--truClrPplBs);
     transition: all .5s ease-in-out;
 }

 .accordion-panel .card .btn.acc-button:hover .acc-heading,
 .accordion-panel .card .btn.acc-button:focus .acc-heading {
     font-weight: var(--truFontWtRg);
     /* transform: translateX(1.875rem) scale(1.1); */
     transform: translateX(.5rem);
 }

 .accordion-panel .card.active .btn.acc-button .acc-heading {
     font-weight: var(--truFontWtBd);
     /* transform: translateX(1.875rem) scale(1.1); */
     transform: translateX(.5rem);
 }

 .accordion-panel .card-body {
     animation: fade-in .5s ease-in-out forwards;
 }

 .accordion-panel .active .card-body {
     opacity: 0;
     padding: 0 1.25rem 0;
 }

 .accordion-panel .card-body p {
     font-size: var(--truTxtSizeBdy);
     color: var( --truClrNtrlBlk50);
     padding: 0 1.5rem;
     margin-bottom: 1.25rem;
 }

 .accordion-panel .card-body p a.btn {
     margin-top: 1.5rem;
 }

 .accordion-panel .card-body .arrow-link {
     color: var(--truClrPplBs);
 }

 .accordion-panel .card-body .arrow-link svg path {
     stroke: var(--truClrPplBs);
 }

 .accordion-panel .tile {
     display: none;
     justify-content: center;
     align-items: center;
     animation: fade-out .5s ease-in-out .5s forwards;
 }

 .accordion-panel .tile.show {
     display: flex;
     visibility: hidden;
     animation: fade-in .5s ease-in-out forwards;
 }

 .accordion-panel .tile img {
     width: auto;
     height: auto;
     max-width: 80%;
 }

 @keyframes fade-in {
     0% {
         visibility: hidden;
         opacity: 0;
     }
     35% {
         visibility: visible;
         opacity: 0;
     }
     100% {
         opacity: 1;
         visibility: visible;
     }
 }

 @keyframes fade-out {
     0% {
         opacity: 1;
         visibility: visible;
     }
     75% {
         opacity: 1;
         visibility: visible;
     }
     100% {
         opacity: 0;
         visibility: hidden;
     }
 }

 @media (max-width: 1024px) {
     .accordion-panel .tile img {
         max-width: 90%;
         margin-bottom: 2rem;
     }
 }

 @media (max-width: 768px) {
     .accordion-panel .tile img {
         max-width: 100%;
         margin-bottom: 2rem;
     }
 }

 /* Except the carousel slides, cards content section is aligned to the top of the page. This update is as a part of defect DE47219*/

 .truist-card.truist-card-container {
     display: inline-block;
     position: relative;
 }

 .truist-card .carousel-caption.genCarousel-contentSec {
     color: #2e1a47;
     text-align: left;
     height: auto;
     transform: translateY(-88%);
     top: 50%;
     right: 0;
     bottom: initial;
     left: 0;
     padding: 20px;
     transform: none;
     right: 0;
     margin: auto 20px;
     height: fit-content;
     position: static;
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 p#cards-filters__results,
 span#cards-filter-label-0,
 span#cards-filter-label-1 {
     color: #2E1A47;
 }

 @media screen and (min-width: 360px) and (max-width: 896px) and (orientation: portrait) {
     .truist-card .carousel-caption.genCarousel-contentSec {
         position: relative;
     }
 }

 @media screen and (min-width: 360px) and (max-width: 896px) and (orientation: landscape) {
     .truist-card .carousel-caption.genCarousel-contentSec {
         position: relative;
     }
 }

 /* hiding quiz to be triggered */

 .aem-Grid>.aem-GridColumn.aem-GridColumn--default--none.onupquiz {
     display: none;
 }

 #money-mindset-quiz #results {
     position: relative;
 }

 .quiz-class-unique1 {
     border-radius: 20px;
     max-width: 1600px;
     margin: auto;
     padding: 0 1.5rem;
     border-radius: 20px;
 }

 .quiz-container {
     background: none;
     background-image: none !important;
 }

 .question-text {
     font-family: var(--truFontFamRg);
     color: #2E1A47;
 }

 .quiz-heading {
     font-family: var(--truFontFamRg);
     color: #2E1A47;
 }

 .questionSec {
     padding: 100px 137px 0 137px;
 }

 .optionLabel {
     color: #2E1A47;
 }

 .quizOption input[type="radio"]:checked {
     background-color: #2E1A47;
     padding: 7px;
 }

 .quizOption input[type="radio"] {
     border: 2px solid #2E1A47;
     background-color: #f7f7f7;
 }

 .quiz_btn.continue,
 .quiz_btn.getResults {
     background-color: #2E1A47;
     border: 2px solid #2E1A47;
     color: #fff;
     float: right;
 }

 .quiz_btn.continue:hover,
 .quiz_btn.continue:focus,
 .quiz_btn.getResults:hover,
 .quiz_btn.getResults:focus {
     color: #2E1A47;
     background-color: #fff;
     border: solid 2px #2E1A47;
 }

 .quiz_btn.disabled,
 .quiz_btn:disabled {
     cursor: not-allowed;
     background-color: transparent !important;
     color: #2E1A47 !important;
     border: solid 2px #2E1A47 !important;
     box-shadow: none !important;
 }

 .quiz_btn[disabled]:hover,
 .quiz_btn.disabled:hover {
     cursor: not-allowed;
     background-color: transparent !important;
     color: #2E1A47;
     border: solid 2px #2E1A47 !important;
     box-shadow: none !important;
 }

 .quiz_btn.goBack {
     color: #2E1A47;
     background-color: transparent;
     border: solid 2px #2E1A47;
     float: left;
 }

 .quiz_btn.goBack:hover,
 .quiz_btn.goBack:focus {
     background-color: #ffffff;
     border: 2px solid #2E1A47;
     color: #2E1A47;
 }

 progress.progressBar,
 progress[role][aria-valuenow] {
     border: none;
     height: 2px;
     width: 635px;
     margin: 0 auto;
     background-color: #2E1A47;
     vertical-align: top;
 }

 .quiz-persona-response {
     margin: 0 0 15px;
     color: #2E1A47;
 }

 .result-container .container {
     padding-right: 0;
     padding-left: 0;
 }

 .quiz-finConf-response>p {
     color: var(--truNeutral500);
     margin: 0 0 10px 0;
 }

 .resultSec-container {
     color: var(--truNeutral500);
 }

 .movement-quiz-result-dcm {
     margin-top: 30px;
 }

 .quizAgain_btn,
 .startQuiz {
     height: 60px;
     width: 188px;
     background: #2E1A47;
     border: 2px solid #2E1A47;
     border-radius: 5px;
     font-size: 2rem;
     font-weight: var(--truFontWtRg);
     color: #ffffff;
 }

 .quizAgain_btn:hover,
 .quizAgain_btn:focus,
 .quiz_btn.startQuiz:hover,
 .quiz_btn.startQuiz:focus {
     background: #fff;
     border: 2px solid #2E1A47;
     color: #2E1A47;
     outline: none;
 }

 .paginationTxt {
     color: #2E1A47;
 }

 .paginationTxtMobile {
     /* display: none; */
     /* background-color: #2E1A47; */
     color: #2E1A47;
 }

 progress {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 progress.progressBar,
 progress[role][aria-valuenow] {
     border: none;
     height: 1px;
     width: 635px;
     margin: 0 auto;
     background-color: #2E1A47;
     vertical-align: top;
 }

 progress::-moz-progress-bar {
     display: block;
     float: left;
     height: 3px;
     border-radius: 2px;
     margin: -2px -10px 0 0;
     background: #2E1A47;
 }

 progress::-webkit-progress-value {
     display: block;
     float: left;
     height: 3px;
     border-radius: 2px;
     margin: -2px -10px 0 0;
     background: #2E1A47;
 }

 progress::-webkit-progress-bar {
     height: 1px;
     width: 635px;
     padding-top: 1px;
     margin: 0 auto;
     background-color: #2E1A47;
 }

 .progressBar::-ms-fill {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border: none;
     display: flex;
     float: left;
     height: 3px !important;
     border-radius: 2px;
     margin: -2px -10px 0 0;
     background: #2E1A47;
 }

 @media (max-width: 767px) {
     #money-mindset-quiz .questionSec,
     #money-mindset-quiz .onupQuiz-intro,
     #money-mindset-quiz .resultSec-container {
         padding: 50px 10px;
     }
     #money-mindset-quiz .controlsSec {
         padding: 0;
         margin: 50px 10px;
     }
     #money-mindset-quiz .qst-progress-sec {
         width: 82%;
     }
     #money-mindset-quiz .answers {
         padding: 0 10px;
     }
 }

 @media (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
     #money-mindset-quiz #results {
         position: relative;
         display: contents;
     }
     #money-mindset-quiz .questionSec {
         padding: 80px 60px 0 60px;
     }
     #money-mindset-quiz .controlsSec {
         padding: 0;
         margin: 25px 35px 50px;
     }
 }

 .btn--icon {
     background: url('../../../content/dam/global-images/info-med.svg') no-repeat center bottom;
     border: none;
     width: auto;
     height: 24px;
     cursor: pointer;
 }

 .tooltip {
     pointer-events: none;
 }

 .tooltip-inner {
     max-width: 267px;
     padding: 15px 20px;
     color: #fff;
     text-align: center;
     background-color: #2E1A47;
     border-radius: 5px;
     text-align: left;
     font-size: 1.6rem;
     max-height: 105px;
     margin-left: -10px;
 }

 .tooltip-inner span {
     margin-bottom: 0.3rem;
 }

 .tooltip-inner span:first-of-type {
     font-weight: var(--truFontWtBd);
     display: block;
 }

 .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
 .bs-tooltip-bottom .arrow::before {
     bottom: 0;
     border-width: 0 0.4rem 0.4rem;
     border-bottom-color: #2E1A47;
     padding-top: 20px;
 }

 .tooltip,
 .tooltip .arrow {
     padding-top: 10px;
 }

 @media (max-width: 767px) {
     .tooltip-inner p {
         font-size: 1.4rem;
     }
 }

 .txt-lsc-relative {
     position: relative;
 }

 .text-lsc-loader.loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     color: var(--truClrGryMd);
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: var(--truNeutral0) !important;
 }

 .text-lsc-loader.loading-animation .dot {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -5px;
     background: var(--truNeutral0);
 }

 .text-lsc-loader.loading-animation .loading {
     padding-left: 10px;
 }

 @keyframes jumpingAnimationLsc {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 10px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 .text-lsc-loader.loading-animation.result-animation .dot {
     background: var(--truNeutral500);
 }

 .text-lsc-loader.loading-animation.hide {
     display: none;
 }

 .cd-products-comparison-table {
     margin: 60px auto 0 auto;
     width: 100%;
     max-width: 1365px;
     font-family: inherit;
     font-size: inherit;
     color: #ffffff;
 }

 .cd-products-comparison-table .small {
     font-size: 55%;
 }

 .cd-products-comparison-table sup a {
     color: #ffffff;
 }

 .cd-products-comparison-table .cd-features-list .fee-ways-list strong {
     display: block;
     margin-top: 15px;
 }

 .table-footer {
     padding: 30px;
 }

 .cd-products-comparison-table {
     margin-bottom: 6em;
 }

 .cd-products-comparison-table::after {
     display: none;
     content: 'mobile';
 }

 .cd-products-comparison-table header {
     background: #2e1a47;
     border-radius: 20px 20px 0 0;
     padding: 40px 0px 0px 40px;
 }

 .cd-products-comparison-table header::after {
     clear: both;
     content: "";
     display: table;
 }

 .cd-products-comparison-table svg {
     display: none;
 }

 .cd-products-comparison-table h3 {
     color: #ffffff;
     float: left;
     font-size: clamp(3.6rem, 2.7859rem - -1.6961vw, 4.8rem);
     font-weight: var(--truFontWtLt);
 }

 .cd-products-comparison-table h2 {
     color: #ffffff;
     float: left;
     font-size: clamp(3.6rem, 2.7859rem - -1.6961vw, 4.8rem);
     font-weight: var(--truFontWtLt);
 }

 .cd-products-table {
     background: #2e1a47;
     position: relative;
     border-radius: 0 0 20px 20px;
 }

 .cd-products-table ul {
     margin: 0;
     padding: 0;
 }

 .cd-products-table ul:not(.best-if-list) {
     list-style: none;
 }

 .cd-products-table .features {
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     width: 120px;
     border-bottom-width: 0px;
     background-color: #483460;
 }

 .cd-products-wrapper {
     overflow-x: auto;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
 }

 .cd-products-table .cd-products-wrapper::-webkit-scrollbar {
     width: 7px;
     height: 7px;
 }

 .cd-products-table .cd-products-wrapper::-webkit-scrollbar-track {
     border-top: 3px solid #2e1a47;
     border-right: 3px solid #2e1a47;
     border-bottom: 3px solid #2e1a47;
     margin-top: 230px;
     margin-left: 175px;
     background-color: #b0e0e2;
 }

 .cd-products-table .cd-products-wrapper::-webkit-scrollbar-thumb {
     border: 2px solid #2e1a47;
     border-radius: 2px;
     background-color: #ffffff;
 }

 .cd-products-table .cd-products-wrapper::-webkit-scrollbar-corner {
     display: none;
 }

 .cd-products-columns::after {
     clear: both;
     content: "";
     display: table;
 }

 .cd-products-columns .product {
     display: list-item;
     position: relative;
     float: left;
     width: 150px;
     transition: opacity .3s, visibility .3s, transform .3s;
 }

 .filtering .cd-products-columns .product:not(.selected) {
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
 }

 .no-product-transition .cd-products-columns .product.selected {
     transition: opacity .3s, visibility .3s;
 }

 .filtered .cd-products-columns .product:not(.selected) {
     position: absolute;
 }

 .cd-features-list {
     margin: 0;
     padding: 0;
 }

 .cd-features-list li:not(.fee-ways-list li,
 .best-if-list li),
 .features>div:not(:first-child) {
     font-weight: var(--truFontWtBd);
     padding: 30px 0px 30px 40px;
     border-style: solid;
     border-color: #b0e0e2;
     border-width: 0;
     border-top-width: 1px;
     font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
     line-height: clamp(1.875rem, 1.7131rem - -0.6557vw, 2.5rem);
 }

 .bg-tru-ppl:not(.truist-gridContainer) .cd-features-list li:not(.fee-ways-list li,
 .best-if-list li),
 .features>div:not(:first-child) {
     padding: 30px 0 30px 40px;
 }

 .cd-features-list div.deposit-guide {
     font-weight: var(--truFontWtBd);
     border-style: solid;
     border-color: #b0e0e2;
     border-top-width: 1px;
     font-size: clamp(1.25rem, 1.1529rem - -0.3934vw, 1.625rem);
     line-height: clamp(1.875rem, 1.7131rem - -0.6557vw, 2.5rem);
 }

 .product .cd-features-list .deposit {
     display: flex;
     flex-direction: column;
     text-align: left;
     font-size: clamp(2.4rem, 2.1286rem - -0.5654vw, 2.8rem);
     list-style-type: none;
 }

 .cd-products-comparison-table .deposit .small:not(:last-child) {
     margin-bottom: 15px;
 }

 .product::marker {
     content: '';
     display: none;
 }

 .product .cd-features-list li ul li {
     padding-right: 0px;
     padding-left: 0px;
     line-height: 1.5em;
 }

 .cd-features-list .rate {
     padding: 21px 0;
 }

 .features>div,
 .cd-products-table .features .top-info {
     font-weight: var(--truFontWtBd);
     font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
     line-height: clamp(1.875rem, 1.7131rem - -0.6557vw, 2.5rem);
     padding: 30px 10px;
     text-align: left;
 }

 .features>div,
 .cd-products-table .features .top-info h3 {
     font-weight: var(--truFontWtBd);
     font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
     line-height: clamp(1.875rem, 1.7131rem - -0.6557vw, 2.5rem);
     padding: 30px 10px;
     text-align: left;
 }

 .features .fees,
 .features .suggestions {
     align-items: flex-start;
 }

 .fee-ways-list li,
 .best-if-list li {
     text-align: left;
 }

 .cd-features-list .fee-ways-list li {
     margin: 0 0 1.5rem 0;
     font-weight: var(--truFontWtRg);
 }

 .cd-features-list .fee-ways-list .amount {
     font-size: clamp(2.4rem, 2.1286rem - -0.5654vw, 2.8rem);
     font-weight: var(--truFontWtBd);
 }

 .if-you-list li::after {
     content: "or";
     display: block;
     margin: 1rem 0 0 0;
 }

 .cd-products-table .top-info {
     position: relative;
     height: 169px;
     width: 260px;
     transition: height .3s;
     cursor: default;
     background: #2e1a47;
     z-index: 1;
 }

 .cd-products-table .top-info::after {
     content: '';
     position: absolute;
     left: 0;
     top: 100%;
     height: 4px;
     width: 100%;
     background-color: transparent;
     opacity: 0;
 }

 .cd-products-table .top-info h4 {
     font-weight: var(--truFontWtBd);
     font-size: clamp(1.8rem, 1.5286rem - -0.5654vw, 2.2rem);
     line-height: clamp(1.5rem, 1.3057rem - -0.7869vw, 2.25rem);
     color: #b0e0e2;
 }

 .cd-products-table .top-info h4 {
     transition: transform .3s;
 }

 .cd-products-table .features .top-info {
     width: 120px;
     cursor: auto;
     background: #483460;
 }

 .cd-products-table.top-fixed .features .top-info,
 .cd-products-table.top-fixed .cd-products-columns .top-info {
     height: 199px;
     position: fixed;
     top: 0;
 }

 .st0,
 .st1,
 .st2 {
     fill: none;
     stroke: #b0e0e2;
     stroke-width: 2px;
     transition: stroke 0.3s ease-in-out;
 }

 .cd-products-table.top-fixed .top-info h4 {
     transform: translateX(-13px) scale(.88);
     min-height: 60px;
     text-align: left;
     z-index: 2;
 }

 .cd-products-table .chart-open-btn {
     display: block;
     padding: .75rem;
     border: 1px solid #ffffff;
     border-radius: 4px;
     margin-bottom: 20px;
     font-weight: var(--truFontWtBd);
     font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
     color: #ffffff;
     text-decoration: none;
     width: 100%;
     text-align: center;
     transition: all 0.3s ease-in-out;
 }

 .cd-products-table .chart-open-btn:hover,
 .cd-products-table .chart-open-btn:focus {
     background: #ffffff;
     color: #7c6992;
 }

 a.desc-btn {
     display: inline-block;
     color: #ffffff;
     font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
     text-decoration: underline;
     font-weight: var(--truFontWtBd);
     transition: all 0.3s ease-in-out;
 }

 a.desc-btn:hover,
 a.desc-btn:focus {
     color: #ffffff;
     text-decoration: none;
 }

 .terms {
     color: #ffffff;
     font-weight: var(--truFontWtBd);
     transition: all 0.3s ease-in-out;
 }

 .terms:hover {
     text-decoration: none;
 }

 .cd-products-table .best-if-list {
     padding-left: 20px;
     list-style-type: disc;
     font-weight: var(--truFontWtRg);
 }

 .cd-products-table .best-if-list li:not(:first-child) {
     padding-top: 10px;
 }

 .cd-products-table .best-if-list li:last-child {
     padding: 10px 0;
 }

 @media only screen and (min-width:1025px) {
     .cd-products-table::after {
         content: '';
         width: calc((100vw - 1365px)/2);
         width: 260px;
         display: block;
         background: #ffffff;
         position: absolute;
         z-index: 5;
         top: -133px;
         left: 1365px;
     }
 }

 @media only screen and (min-width:768px) {
     .cd-products-table .cd-products-wrapper::-webkit-scrollbar-track {
         margin-left: 300px;
     }
     .cd-products-comparison-table {
         margin-bottom: 8em;
     }
     .cd-products-comparison-table::after {
         content: 'desktop';
     }
     .cd-products-table .features {
         width: 300px;
     }
     .cd-products-columns {
         width: calc(260px * 4);
         margin-left: 300px;
     }
     .cd-products-table .features .top-info {
         width: 300px;
     }
     .cd-products-columns .product {
         width: 260px;
     }
     .cd-features-list .rate {
         padding: 24px 0;
     }
     .features>div,
     .cd-products-table .features .top-info {
         padding: 25px 10px 25px 40px;
     }
     .cd-products-table .top-info {
         height: 230px;
         width: 260px;
     }
     .cd-products-table .product .top-info {
         padding: 25px 0px 25px 40px;
     }
     .cd-products-table .top-info h4 {
         position: relative;
         z-index: 2;
         min-height: 85px;
         margin: 0;
         white-space: normal;
     }
     .cd-products-table .product:nth-child(4) .top-info h4 {
         padding-top: 0px;
     }
     .cd-products-table .chart-open-btn {
         width: 100%;
         max-width: 65%;
     }
     .cd-products-table.top-fixed .cd-products-columns>div,
     .cd-products-table.top-fixed .features {
         padding-top: 160px;
     }
     .no-cssgradients .cd-products-table.top-fixed .top-info {
         border-bottom: 4px solid #ffffff;
     }
     .cd-products-table.top-fixed .top-info::after {
         opacity: 1;
     }
 }

 @media (min-width:768px) and (max-width: 1024px) {
     .cd-products-table .features {
         width: 200px;
     }
     .cd-products-table .features .top-info {
         width: 200px;
     }
     .cd-products-columns {
         margin-left: 200px;
     }
     .cd-products-comparison-table header {
         padding: 30px 20px 30px 20px;
     }
     .features>div,
     .cd-products-table .features .top-info {
         padding: 19px 0px 19px 20px;
     }
     .cd-features-list li:not(.fee-ways-list li,
     .best-if-list li),
     .features>div:not(:first-child) {
         font-weight: var(--truFontWtBd);
         padding: 30px 0px 30px 20px;
     }
 }

 @media only screen and (max-width:767px) {
     .cd-products-comparison-table header,
     .cd-products-table {
         border-radius: 0px;
     }
     .cd-products-comparison-table header {
         padding: 30px 0px 0px 10px;
     }
     .cd-products-columns {
         width: calc(216px * 4);
         margin-left: 120px;
     }
     .features>div,
     .cd-products-table .features .top-info {
         padding: 19px 10px;
     }
     .cd-products-table.top-fixed .features .top-info,
     .cd-products-table.top-fixed .cd-products-columns .top-info {
         height: 179px;
     }
     .product .top-info svg {
         display: none;
     }
     .cd-products-table .top-info h4 {
         margin-bottom: 20px;
         min-height: 20px;
     }
     .cd-products-table.top-fixed .top-info h4 {
         /* .cd-products-table.top-scrolling .top-info h4 */
         transform: translateY(0px) translateX(-15px) scale(.85);
     }
     /* .cd-products-table ul:not(.best-if-list) {
    list-style: none;
    margin-top: 228px;
    padding-top: 20px !important;
  } */
     /* .cd-products-table.top-scrolling .top-info .chart-open-btn, */
     .cd-products-table.top-fixed .top-info .chart-open-btn,
     /* .cd-products-table.top-scrolling .top-info .desc-btn, */
     .cd-products-table.top-fixed .top-info .desc-btn {
         transform: translateY(-20px) translateY(-3px);
     }
     .cd-products-table .features {
         width: 175px;
     }
     .cd-products-table .features .top-info {
         width: 175px;
     }
     .cd-products-columns {
         margin-left: 175px;
     }
     .features div:not(.top-info) {
         padding: 30px 10px !important;
     }
     .cd-products-columns .product,
     .cd-products-columns .product .top-info {
         width: 216px;
     }
     .product .cd-features-list li,
     .cd-products-columns .product .top-info {
         padding: 20px 25px 20px 25px !important;
     }
     /* .cd-products-table.top-fixed .product .cd-features-list li ul.fee-ways-list li,
  .cd-products-table.top-scrolling .product .cd-features-list li ul.fee-ways-list li,
  .cd-products-table.top-fixed .cd-products-columns .product .top-info,
  .cd-products-table.top-scrolling .cd-products-columns .product .top-info {
    padding: 0px 25px 20px 25px !important;
  } */
     .product .cd-features-list li ul li {
         padding: 20px 0 0 0 !important;
     }
 }

 @keyframes cd-bounce {
     0% {
         transform: scale(1)
     }
     60% {
         transform: scale(1.6)
     }
     100% {
         transform: scale(1.5)
     }
 }

 /*Component CSS*/

 .tru-banner-alert {
     display: flex !important;
     border: none;
     border-radius: 0;
     padding: 20px 10px;
     padding-right: 1.25rem;
 }

 .tru-banner-alert .card {
     width: 100%;
     max-width: 1365px;
     border: 0;
     padding-right: 75px;
     padding-left: 20px;
     transition: max-height 0.15s ease-out;
 }

 .tru-banner-alert .carat {
     float: right;
     transition: all .3s ease-in-out;
     transform: rotate(180deg);
     margin: 5px 20px;
 }

 .tru-banner-alert .carat-down {
     transform: rotate(360deg);
 }

 .tru-banner-alert .card .close {
     position: relative;
     width: auto;
     max-width: fit-content;
     font-size: 1.6rem;
     text-shadow: none;
     margin: 20px 0 10px;
     padding: 0;
     text-decoration: underline;
     opacity: 1;
     transition: all .3s ease-in-out;
 }

 .tru-banner-alert .card .close:hover,
 .tru-banner-alert .card .close:focus {
     color: #ffffff;
     text-decoration: none;
     text-shadow: none;
     opacity: 1;
 }

 .tru-banner-alert .card-header,
 .tru-banner-alert .card-body {
     border-radius: 0;
     border: 0;
 }

 .alert-card-content.collapse.show {
     transition: all .3s ease-in-out;
 }

 .tru-banner-alert .card-body p {
     margin: 20px 0 10px;
     font-size: 1.6rem;
     font-weight: var(--truFontWtRg);
     line-height: normal;
 }

 .tru-banner-alert .card-header {
     padding-right: 0;
     padding-left: 0;
 }

 .tru-banner-alert .card-header .btn {
     padding: 0;
     width: auto;
     font-size: 1.8rem;
     text-align: left;
     font-weight: var(--truFontWtBd);
     line-height: normal;
     margin-bottom: 0;
     transition: all .3s ease-in-out;
 }

 .tru-banner-alert .card-body a:link,
 .tru-banner-alert .card-body a:visited {
     color: #ffffff;
     text-decoration: underline;
     transition: all .3s ease-in-out;
 }

 .tru-banner-alert.alert-error,
 .tru-banner-alert.alert-error .card,
 .tru-banner-alert.alert-error .card-header,
 .tru-banner-alert.alert-error .card-header .btn {
     background-color: #D61D00;
     color: #ffffff;
 }

 .tru-banner-alert.alert-alert,
 .tru-banner-alert.alert-alert .card,
 .tru-banner-alert.alert-alert .card-header,
 .tru-banner-alert.alert-alert .card-header .btn {
     background-color: #A86019;
     color: #ffffff;
 }

 .tru-banner-alert.alert-success,
 .tru-banner-alert.alert-success .card,
 .tru-banner-alert.alert-success .card-header,
 .tru-banner-alert.alert-success .card-header .btn {
     background-color: #207B7E;
     color: #ffffff;
 }

 .tru-banner-alert.alert-general,
 .tru-banner-alert.alert-general .card,
 .tru-banner-alert.alert-general .card-header,
 .tru-banner-alert.alert-general .card-header .btn,
 .tru-banner-alert.alert-general .global-cta-link a,
 .tru-banner-alert.alert-general .global-cta-link a .global-cta-external-link {
     background-color: #483460;
     color: #ffffff;
 }

 .tru-banner-alert.alert-general .cta__color--white a:link .global-cta-external-link,
 .tru-banner-alert.alert-general .cta__color--white a:visited .global-cta-external-link,
 .tru-banner-alert.alert-general .cta__color--white a:hover .global-cta-external-link,
 .tru-banner-alert.alert-general .cta__color--white a:active .global-cta-external-link,
 .tru-banner-alert.alert-general .cta__color--white a:focus .global-cta-external-link {
     background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
 }

 .tru-banner-alert.alert-general .global-cta-link a:link,
 .tru-banner-alert.alert-general .global-cta-link a:visited {
     text-decoration: underline;
 }

 .tru-banner-alert .card-body a:hover,
 .tru-banner-alert .card-body a:active,
 .tru-banner-alert .card-body a:focus,
 .tru-banner-alert.alert-general .global-cta-link a:hover,
 .tru-banner-alert.alert-general .global-cta-link a:active,
 .tru-banner-alert.alert-general .global-cta-link a:focus,
 .tru-banner-alert .card-body .global-cta-btn a:link,
 .tru-banner-alert .card-body .global-cta-btn a:visited,
 .tru-banner-alert .card-body .global-cta-btn a:hover,
 .tru-banner-alert .card-body .global-cta-btn a:active,
 .tru-banner-alert .card-body .global-cta-btn a:focus {
     text-decoration: none;
 }

 .tru-banner-alert.alert-emergency,
 .tru-banner-alert.alert-emergency .card,
 .tru-banner-alert.alert-emergency .card-header {
     background-color: #B0E0E2;
 }

 .tru-banner-alert.alert-emergency,
 .tru-banner-alert.alert-emergency .card,
 .tru-banner-alert.alert-emergency .card-header,
 .tru-banner-alert.alert-emergency .card-header .btn,
 .tru-banner-alert.alert-emergency .card-body a,
 .tru-banner-alert.alert-emergency .card-body a:hover,
 .tru-banner-alert.alert-emergency .card-body a:focus,
 .tru-banner-alert.alert-emergency .card .close:hover,
 .tru-banner-alert.alert-emergency .card .close:focus {
     color: #2e1a47;
 }

 .tru-banner-alert.alert-emergency .card-body .global-cta-btn a:hover,
 .tru-banner-alert.alert-emergency .card-body .global-cta-btn a:focus {
     color: #ffffff;
     border: 2px solid #2e1a47;
 }

 .tru-banner-alert.alert-emergency svg path {
     stroke: #2e1a47;
 }

 @media (max-width: 768px) {
     .tru-banner-alert .card {
         padding-right: 1rem;
         padding-left: 1rem;
     }
     .tru-banner-alert .card .card-body {
         padding: 0rem;
     }
 }

 .hero-login-template {
     display: flex;
     width: 100%;
     justify-content: center;
     flex-wrap: wrap;
     flex-direction: row;
     padding: 0;
 }

 .hero-login-template.fixedWidth-roundedCorner {
     border-radius: 20px;
     padding-left: 15px;
     padding-right: 15px;
 }

 .hero-login-template.fixedWidth-roundedCorner .hero-login-bg-image,
 .hero-login-template.fixedWidth-roundedCorner .hero-login-left-container {
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
 }

 .hero-login-template.fixedWidth-roundedCorner .hero--login-menu--row {
     border-top-right-radius: 20px;
     border-bottom-right-radius: 20px;
 }

 .hero-login-template .jumbotron {
     padding: 4rem 3rem;
     position: relative;
 }

 .hero-login-template .jumbotron>.container {
     position: relative;
     z-index: 2;
 }

 .hero-login-template .hero-login-left-container {
     flex: 0 0 70%;
     align-self: flex-start;
     padding: 0;
     margin: 0;
     min-height: 450px;
     max-width: 1360px;
     height: 100%;
 }

 .hero-login-template .hero-login-bg-image {
     position: absolute;
     width: 100%;
     min-width: 100%;
     left: 0;
     height: 100%;
     object-fit: cover;
 }

 .hero-login-template .hero-title {
     font-size: 2.4rem;
     font-weight: var(--truFontWtBd);
     margin-bottom: 20px;
     line-height: 1.2;
 }

 .hero-login-template .hero-subtitle {
     font-size: 3.2rem;
     font-weight: var(--truFontWtLt);
     /* 300 */
     margin-bottom: 20px;
     line-height: 1.2;
 }

 .hero-login-template .hero-description {
     font-size: 1.6rem;
     font-weight: var(--truFontWtRg);
     margin-bottom: 20px;
 }

 .hero-login-template .hero-content {
     position: relative;
 }

 .hero-login-template .hero-content .hero-rte-text {
     display: flex;
     font-weight: var(--truFontWtRg);
     width: 100%;
     flex-direction: column;
     flex-wrap: wrap;
     padding: 4rem 3rem 0 3rem;
     padding-right: 15px;
 }

 .hero-login--image .hero-content .hero-rte-text {
     max-width: 480px;
 }

 .hero-login-template .hero-content .hero-rte-text p,
 .hero-login--image .hero-content .hero-rte-text p {
     margin-bottom: 0;
     line-height: 1.4;
 }

 .hero-login--image .hero-content .rte-disclaimer-content {
     font-size: 1rem;
     margin-top: 1rem;
 }

 .hero-content .rte-disclaimer-content {
     font-size: 1rem;
     margin-top: 1rem;
     max-width: 100%;
 }

 .hero-login--image .dark-font .hero-title,
 .hero-login--image .dark-font .hero-subtitle,
 .hero-login--image .dark-font .hero-description,
 .hero-login--image .dark-font .hero-content .hero-rte-text p,
 .hero-login--image .dark-font .hero-content .hero-rte-text span,
 .hero-login--image .dark-font .hero-description a,
 .hero-login--image .dark-font .rte-disclaimer-content a {
     color: var(--truNeutral0);
 }

 .hero-login--image .light-font .hero-title,
 .hero-login--image .light-font .hero-subtitle,
 .hero-login--image .light-font .hero-description,
 .hero-login--image .light-font .hero-content .hero-rte-text p,
 .hero-login--image .light-font .hero-content .hero-rte-text span,
 .hero-login--image .light-font .hero-description a,
 .hero-login--image .light-font .rte-disclaimer-content a {
     color: var(--truPurple800);
 }

 .hero-login--image .dark-font .hero-btn-container a {
     color: var(--truPurple500);
     background: var(--truNeutral0);
     display: inline-block;
     margin-right: 30px;
     margin-bottom: 2rem;
     font-weight: var(--truFontWt600);
     /* 600 */
 }

 .hero-login--image .dark-font .hero-btn-container a:hover {
     color: var(--truPurple600);
     background: var(--truPurple50);
     box-shadow: none;
 }

 .hero-login--image .dark-font .hero-btn-container a:focus,
 .hero-login--image .dark-font .hero-btn-container a.btn.btn-primary:not(:disabled):focus {
     color: var(--truPurple600);
     background: var(--truPurple50);
     outline: 2px solid var(--truPurple50);
     outline-offset: 2px;
     box-shadow: none;
 }

 .hero-login--image .dark-font .hero-btn-container a:active,
 .hero-login--image .dark-font .hero-btn-container a.btn.btn-primary:not(:disabled):active {
     color: var(--truPurple700);
     background: var(--truPurple100);
     box-shadow: none;
 }

 .hero-login--image .light-font .hero-btn-container a {
     color: var(--truNeutral0);
     background: var(--truPurple500);
     display: inline-block;
     font-weight: var(--truFontWt600);
     /* 600 */
 }

 .hero-login--image .light-font .hero-btn-container a:hover {
     color: var(--truNeutral0);
     background: var(--truPurple600);
 }

 .hero-login--image .light-font .hero-btn-container a:focus,
 .hero-login--image .light-font .hero-btn-container a.btn.btn-primary:not(:disabled):focus {
     color: var(--truNeutral0);
     background: var(--truPurple500);
     outline: 2px solid var(--truPurple500);
     outline-offset: 2px;
 }

 .hero-login--image .light-font .hero-btn-container a:active,
 .hero-login--image .light-font .hero-btn-container a.btn.btn-primary:not(:disabled):active {
     color: var(--truNeutral0);
     background: var(--truPurple700);
     box-shadow: none;
 }

 .hero-login-template .hero-content span,
 .hero-login-template .hero-content div:not(.hero-btn-container) {
     display: block;
     width: 100%;
     white-space: normal;
 }

 .hero-login-template .hero-btn-container {
     display: flex;
     flex-wrap: wrap;
 }

 .hero-login-template .hero-login-left-container .hero-btn-container a {
     display: inline-block;
     margin-right: 30px;
     margin-bottom: 2rem;
 }

 .hero-login--image .hero-btn-container a {
     margin-right: 30px;
     border-radius: 10px;
 }

 .hero-login--image .hero-btn-container a:hover,
 .hero-login--image .hero-btn-container a:focus {
     color: var(--truPurple500);
     background: none;
     box-shadow: none;
 }

 .hero-login-template .hero--login-menu--row {
     width: 30%;
     background: var(--truPurple800);
     color: var(--truNeutral0);
     max-width: 383px;
 }

 .hero-login-template .hero--login-menu--row .login-component {
     height: 100%;
     justify-content: center;
 }

 .hero--login-menu--row .login-component .sign-in-form,
 .hero-login-template .hero--login-menu--row .maintenancemodeendpointurl {
     background: none;
 }

 @media (min-width: 1024px) and (max-width: 1372.98px) {
     .hero-login-template .hero-login-left-container {
         flex: 1 0 65%;
     }
     .hero-login-template .hero--login-menu--row {
         width: 35%;
     }
     .hero-login-template .hero-content div.hero-description,
     .hero-login--image .hero-content .rte-disclaimer-content {
         width: 70%;
     }
 }

 @media (min-width: 1621px) {
     .hero-login-template .hero-login-left-container {
         max-width: 1230px;
     }
 }

 @media (min-width: 0px) and (max-width: 768px) {
     .hero-login-template {
         padding: 0;
     }
     .hero-login-template .hero-title {
         font-size: 2rem;
         margin-bottom: 1.5rem;
     }
     .hero-login-template .hero-subtitle {
         font-size: 2.4rem;
         margin-bottom: 1.5rem;
     }
     .hero-login-template .hero-description {
         margin-bottom: 1.5rem;
     }
     .hero-login-template.fixedWidth-roundedCorner .hero-login-bg-image {
         border-top-left-radius: 20px;
         border-bottom-left-radius: 20px;
     }
     .hero-login-template.fixedWidth-roundedCorner .hero-login-left-container {
         border-radius: 15px;
     }
     .hero-login-template.fixedWidth-roundedCorner .hero-login-bg-image {
         border-top-right-radius: 15px;
         border-bottom-right-radius: 15px;
     }
     .hero-login-template.hero-login--image .hero-login-left-container {
         background: none;
     }
     .hero-login-template .hero-login-left-container {
         flex: 0 0 100%;
         height: auto;
         min-height: auto;
     }
     .hero-login-template .hero-content {
         padding: 0;
         width: 100%;
     }
     .hero-login-template .hero-content .hero-rte-text {
         padding: 3rem 1.5rem 3rem 1.5rem;
         max-width: 100%;
     }
     .hero-login-template .hero-login-bg-image {
         position: relative;
         height: 100%;
         min-height: auto;
     }
     .hero-login-template .hero-banner-left-container {
         flex: 100%;
         padding: 0;
     }
     .hero-login-template.hero-login--image .hero-title,
     .hero-login-template.hero-login--image .hero-subtitle,
     .hero-login-template.hero-login--image .hero-description,
     .hero-login-template.hero-login--image .hero-content .hero-rte-text p,
     .hero-login-template.hero-login--image .hero-content .hero-rte-text span,
     .hero-login-template.hero-login--image .hero-description a,
     .hero-login-template.hero-login--image .rte-disclaimer-content a {
         color: var(--truPurple800);
     }
     .hero-login--image .hero-btn-container a {
         margin-bottom: 1rem;
     }
     .hero-content .rte-disclaimer-content {
         max-width: 100%;
     }
     .hero-login-template .hero--login-menu--row {
         display: none;
     }
     .hero-login-template .hero-login-left-container .hero-btn-container a {
         margin-right: 20px;
         margin-bottom: 1.5rem;
     }
     .hero-login--image .dark-font .hero-btn-container a,
     .hero-login--image .light-font .hero-btn-container a {
         color: var(--truNeutral0);
         background: var(--truPurple500);
         border: 2px solid var(--truPurple500);
     }
     .hero-login--image .dark-font .hero-btn-container a:hover,
     .hero-login--image .light-font .hero-btn-container a:hover {
         color: var(--truNeutral0);
         background: var(--truPurple600);
         border: 2px solid var(--truPurple600);
     }
     .hero-login--image .dark-font .hero-btn-container a:active,
     .hero-login--image .light-font .hero-btn-container a:active {
         color: var(--truNeutral0);
         background: var(--truPurple700);
         border: 2px solid var(--truPurple700);
         box-shadow: none;
     }
 }

 @media (min-width: 769px) and (max-width: 1023.98px) {
     .hero-login-template .hero-login-left-container {
         flex: 0 0 100%;
     }
     .hero-login-template .hero--login-menu--row {
         display: none;
     }
 }

 .hero-login-component .btn {
     font-size: var(--truTxtSizeBdy);
     line-height: 2.4rem;
     padding: 1rem 2.2rem;
     margin-bottom: 0;
     border-radius: 1rem;
 }

 /* *** Primary*** */

 /* **Primary Light BG ** */

 .hero-login-component .bg-clear .btn-primary:not(:disabled),
 .hero-login-component .bg-ntrl-white .btn-primary:not(:disabled),
 .hero-login-component .bg-off-white .btn-primary:not(:disabled),
 .hero-login-component .bg-mist .btn-primary:not(:disabled),
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled),
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled),
 .hero-login-component .bg-sky-blue-ltr .btn-primary:not(:disabled) {
     background: var(--truPurple500);
     color: var(--truNeutral0);
     border-color: var(--truPurple500);
 }

 .hero-login-component .bg-clear .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-clear .btn-primary:not(:disabled).active:hover,
 .hero-login-component .bg-ntrl-white .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-ntrl-white .btn-primary:not(:disabled).active:hover,
 .hero-login-component .bg-off-white .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-off-white .btn-primary:not(:disabled).active:hover,
 .hero-login-component .bg-mist .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-mist .btn-primary:not(:disabled).active:hover,
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled).active:hover,
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled).active:hover,
 .hero-login-component .bg-sky-blue-ltr .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-sky-blue-ltr .btn-primary:not(:disabled).active:hover {
     background: var(--truPurple600);
     color: var(--truNeutral0);
     border-color: var(--truPurple600);
 }

 .hero-login-component .bg-clear .btn-primary:not(:disabled):active,
 .hero-login-component .bg-clear .btn-primary:not(:disabled).active,
 .hero-login-component .bg-off-white .btn-primary:not(:disabled):active,
 .hero-login-component .bg-ntrl-white .btn-primary:not(:disabled).active,
 .hero-login-component .bg-mist .btn-primary:not(:disabled):active,
 .hero-login-component .bg-mist .btn-primary:not(:disabled).active,
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled):active,
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled).active,
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled):active,
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled).active,
 .hero-login-component .bg-sky-blue-ltr .btn-primary:not(:disabled).active {
     background: var(--truPurple700);
     color: var(--truNeutral0);
     border-color: var(--truPurple700);
 }

 .hero-login-component .bg-ntrl-white .btn-primary:not(:disabled).active:focus,
 .hero-login-component .bg-ntrl-white .btn-primary:not(:disabled):focus,
 .hero-login-component .bg-off-white .btn-primary:not(:disabled):focus,
 .hero-login-component .bg-off-white .btn-primary:not(:disabled).active:focus,
 .hero-login-component .bg-mist .btn-primary:not(:disabled):focus,
 .hero-login-component .bg-mist .btn-primary:not(:disabled).active:focus,
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled):focus,
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled).active:focus,
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled):focus,
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled).active:focus,
 .hero-login-component .bg-sky-blue-ltr .btn-primary:not(:disabled):focus,
 .hero-login-component .bg-sky-blue-ltr .btn-primary:not(:disabled).active:focus {
     background: var(--truPurple500);
     color: var(--truNeutral0);
     outline: 2px solid var(--truPurple500);
     outline-offset: 2px;
     box-shadow: none;
 }

 /* ** Prmary Dark BG** */

 .hero-login-component .bg-dusk-dkr .btn-primary:not(:disabled),
 .hero-login-component .bg-tru-ppl .btn-primary:not(:disabled) {
     background: var(--truDawn400);
     color: var(--truPurple800);
     border-color: var(--truDawn400);
 }

 .hero-login-component .bg-dusk-dkr .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-dusk-dkr .btn-primary:not(:disabled).active:hover,
 .hero-login-component .bg-tru-ppl .btn-primary:not(:disabled):hover,
 .hero-login-component .bg-tru-ppl .btn-primary:not(:disabled).active:hover {
     background: var(--truDawn300);
     color: var(--truPurple800);
     border-color: var(--truDawn300);
 }

 .hero-login-component .bg-dusk-dkr .btn-primary:not(:disabled):active,
 .hero-login-component .bg-dusk-dkr .btn-primary:not(:disabled).active,
 .hero-login-component .bg-tru-ppl .btn-primary:not(:disabled):active,
 .hero-login-component .bg-tru-ppl .btn-primary:not(:disabled).active {
     background: var(--truDawn200);
     color: var(--truPurple800);
     border-color: var(--truDawn200);
 }

 .hero-login-component .bg-dusk-dkr .btn-primary:not(:disabled):focus,
 .hero-login-component .bg-tru-ppl .btn-primary:not(:disabled):focus {
     background: var(--truDawn400);
     color: var(--truPurple800);
     outline: 2px solid var(--truNeutral0);
     outline-offset: 2px;
     box-shadow: none;
 }

 /* ***Secondary*** */

 /* **Secondary Light BG ** */

 .hero-login-component .bg-clear .btn-secondary:not(:disabled),
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled),
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled),
 .hero-login-component .bg-mist .btn-secondary:not(:disabled),
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled),
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled),
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled) {
     background: var(--truClear);
     color: var(--truPurple500);
     border-color: var(--truPurple500);
 }

 .hero-login-component .bg-clear .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-clear .btn-secondary:not(:disabled).active:hover,
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled).active:hover,
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled).active:hover,
 .hero-login-component .bg-mist .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-mist .btn-secondary:not(:disabled).active:hover,
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled).active:hover,
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled).active:focus,
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled).active:hover,
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled).active:hover {
     color: var(--truPurple600);
     background: var(--truPurple50);
     border-color: var(--truPurple600);
 }

 .hero-login-component .bg-clear .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-clear .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-clear .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-clear .btn-secondary:not(:disabled).active:focus,
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled).active:focus,
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled).active:focus,
 .hero-login-component .bg-mist .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-mist .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-mist .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-mist .btn-secondary:not(:disabled).active:focus,
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled).active:focus,
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled).active:focus {
     color: var(--truPurple700);
     background: var(--truPurple100);
     border-color: var(--truPurple100);
 }

 /* **Secondary Dark BG ** */

 .hero-login-component .bg-dusk-dkr .btn-secondary:not(:disabled),
 .hero-login-component .bg-tru-ppl .btn-secondary:not(:disabled) {
     background: var(--truClear);
     color: var(--truNeutral0);
     border-color: var(--truNeutral0);
 }

 .hero-login-component .bg-dusk-dkr .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-dusk-dkr .btn-secondary:not(:disabled).active:hover,
 .hero-login-component .bg-tru-ppl .btn-secondary:not(:disabled):hover,
 .hero-login-component .bg-tru-ppl .btn-secondary:not(:disabled).active:hover {
     background: var(--truPurple50);
     color: var(--truPurple600);
     border-color: var(--truPurple600);
 }

 .hero-login-component .bg-dusk-dkr .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-dusk-dkr .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-dusk-dkr .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-dusk-dkr .btn-secondary:not(:disabled).active:focus,
 .hero-login-component .bg-tru-ppl .btn-secondary:not(:disabled):active,
 .hero-login-component .bg-tru-ppl .btn-secondary:not(:disabled):focus,
 .hero-login-component .bg-tru-ppl .btn-secondary:not(:disabled).active,
 .hero-login-component .bg-tru-ppl .btn-secondary:not(:disabled).active:focus {
     background: var(--truPurple100);
     color: var(--truPurple700);
     border-color: var(--truPurple700);
 }

 .hero-login-component .bg-clear .btn-primary:not(:disabled):focus::after,
 .hero-login-component .bg-clear .btn-primary:not(:disabled).active:focus::after,
 .hero-login-component .bg-ntrl-white .btn-primary:not(:disabled):focus::after,
 .hero-login-component .bg-ntrl-white .btn-primary:not(:disabled).active:focus::after,
 .hero-login-component .bg-off-white .btn-primary:not(:disabled):focus::after,
 .hero-login-component .bg-off-white .btn-primary:not(:disabled).active:focus::after,
 .hero-login-component .bg-mist .btn-primary:not(:disabled):focus::after,
 .hero-login-component .bg-mist .btn-primary:not(:disabled).active:focus::after,
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled):focus::after,
 .hero-login-component .bg-mist-dk .btn-primary:not(:disabled).active:focus::after,
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled):focus::after,
 .hero-login-component .bg-sky-blue-lt .btn-primary:not(:disabled).active:focus::after,
 .hero-login-component .bg-sky-blue-ltr .btn-primary:not(:disabled):focus::after,
 .hero-login-component .bg-sky-blue-ltr .btn-primary:not(:disabled).active:focus::after {
     border: 1px solid var(--truNeutral0);
 }

 .hero-login-component .bg-clear .btn-secondary:not(:disabled):focus::after,
 .hero-login-component .bg-clear .btn-secondary:not(:disabled).active:focus::after,
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled):focus::after,
 .hero-login-component .bg-ntrl-white .btn-secondary:not(:disabled).active:focus::after,
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled):focus::after,
 .hero-login-component .bg-off-white .btn-secondary:not(:disabled).active:focus::after,
 .hero-login-component .bg-mist .btn-secondary:not(:disabled):focus::after,
 .hero-login-component .bg-mist .btn-secondary:not(:disabled).active:focus::after,
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled):focus::after,
 .hero-login-component .bg-mist-dk .btn-secondary:not(:disabled).active:focus::after,
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled):focus::after,
 .hero-login-component .bg-sky-blue-lt .btn-secondary:not(:disabled).active:focus::after,
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled):focus::after,
 .hero-login-component .bg-sky-blue-ltr .btn-secondary:not(:disabled).active:focus::after {
     border: 1px solid var(--truNeutral0);
 }

 /* BS5 migration: neutralise BS5 interference on .jumbotron.
   BS5 removes the jumbotron component entirely so there are no
   conflicting styles, but this guard ensures future BS5 updates
   cannot reset padding/margin on the hero login container. */

 .bootstrap5-wrapper .hero-login-template .jumbotron {
     padding: 4rem 3rem;
     margin-bottom: 0;
     background-color: transparent;
     border-radius: 0;
 }

 /* Accessibility: respect user OS reduced motion preference (WCAG 2.1 - 2.3.3). */

 @media (prefers-reduced-motion: reduce) {
     .hero-login-template,
     .hero-login-template * {
         transition: none !important;
         animation: none !important;
     }
 }

 /* BS5 fix: container-fluid sets display:block which overrides flex.
   Restore display:flex when scoped inside bootstrap5-wrapper. */

 .bootstrap5-wrapper.hero-login-template,
 .bootstrap5-wrapper .hero-login-template {
     display: flex;
 }

 .container-fluid.truist-hero {
     padding: 0;
     position: relative;
 }

 .truist-hero .jumbotron {
     padding: 0;
     position: relative;
     overflow: hidden;
     margin-bottom: 0;
 }

 .truist-hero .container .eyebrow,
 .truist-hero .text-container .eyebrow {
     font-size: var(--truTxtSize5);
     line-height: var(--truLnHght5);
     font-weight: var(--truFontWtRg);
     margin-bottom: var(--truSpaceSm);
 }

 .truist-hero .container .heading,
 .truist-hero .text-container .heading {
     font-size: var(--truTxtSize1);
     line-height: var(--truLnHght1);
     font-weight: var(--truFontWtLt);
     margin-bottom: var(--truSpaceSm);
 }

 .truist-hero .text-container .heading sup,
 .truist-hero .container .heading sup,
 .truist-hero .text-container .heading sup.superscript,
 .truist-hero .container .heading sup.superscript {
     font-size: 35%;
     top: -3rem;
 }

 .truist-hero .container .subheading,
 .truist-hero .text-container .subheading {
     font-size: var(--truTxtSize5);
     line-height: var(--truLnHght5);
     font-weight: var(--truFontWtBd);
     margin-bottom: var(--truSpaceLg);
 }

 .truist-hero .herov2-description {
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     width: 100%;
     margin-bottom: var(--truSpaceLg);
 }

 .truist-hero .jumbotron>.container {
     position: relative;
     z-index: 2;
     max-width: 1600px;
 }

 .truist-hero .jumbotron .truist-hero-image--container,
 .truist-hero .jumbotron .truist-hero-color--container {
     padding: var(--truSpace3xlg) var(--truSpace4xlg);
 }

 .hero-text__scroll {
     max-height: 40rem;
     overflow-y: auto;
     margin-bottom: var(--truSpaceMd);
     margin-left: var(--truSpaceXs);
 }

 .truist-hero--image .jumbotron,
 .truist-hero--login-menu .jumbotron {
     background: url(../components/content/herov2/clientlibs/img/bg-image.jpg) center center repeat;
     background-size: 100%;
     display: flex;
     align-content: center;
     flex-wrap: wrap;
 }

 .truist-hero--image .truist-hero--image-overlay,
 .truist-hero--login-menu .truist-hero--image-overlay {
     background: rgba(0, 0, 0, 0.5);
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 0;
     height: 100%;
 }

 .truist-hero--image-cc .jumbotron {
     padding: 0;
     display: flex;
     align-items: center;
     margin-bottom: 0;
 }

 .truist-hero--image-cc .row {
     width: 100%;
     position: relative;
     z-index: 1;
     margin-left: 0rem;
     margin-right: 0;
 }

 .truist-hero--image-cc--row {
     transition: var(--truTransitionFast);
 }

 .truist-hero--image-cc--row .text-column {
     padding: var(--truSpace3xlg) var(--truSpace4xlg);
 }

 .truist-hero--image-cc--row .text-column .text-container {
     width: 100%;
     max-width: 821px;
     padding: 0;
     float: right;
 }

 .truist-hero--image-cc.fixedWidth .row .text-column .text-container {
     position: relative;
 }

 .truist-hero--image-cc .row .image-column {
     object-fit: cover;
     overflow: hidden;
     display: flex;
     justify-content: center;
     height: 100%;
     padding: 0;
 }

 .truist-hero--image-cc--row .image-column {
     object-fit: cover;
     overflow: hidden;
     display: flex;
     justify-content: center;
     padding: 0;
 }

 .truist-hero--image-cc--row .image-column>img {
     object-fit: cover;
     height: 100%
 }

 .truist-hero--image-cc .truist-hero--image-credcard {
     z-index: 2;
     position: absolute;
     right: -9%;
     top: 34%;
     max-width: 100%;
     max-height: 100%;
 }

 .fixedWidth .truist-hero--image-cc .truist-hero--image-credcard {
     top: 34%;
 }

 /* BS5: .disabled class removed - BS5 uses :disabled attribute only */

 .btn-primary:not(:disabled):active:focus {
     box-shadow: none;
 }

 /* Fixed Width */

 .hero-banner-bg-image {
     position: absolute;
     top: 0;
     width: 100%;
     bottom: 0;
     left: 0;
     height: 100%;
     object-fit: cover;
 }

 .fixedWidth.truist-hero {
     max-width: calc(var(--truSpace4xlg) * 12.5);
 }

 .fixedWidth .jumbotron-fluid .text-column {
     display: flex;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     padding: var(--truSpace3xlg);
 }

 .fixedWidth .jumbotron-fluid .image-column {
     border-top-right-radius: 20px;
     border-bottom-right-radius: 20px;
 }

 .truist-hero.fixedWidth .jumbotron {
     border-radius: 20px;
     overflow: hidden;
     margin-right: 20px;
     margin-left: 20px;
 }

 .fixedWidth.truist-hero--image {
     padding: 0;
     width: 98%;
     border-radius: 20px;
 }

 .fixedWidth .hero-banner-bg-image,
 .fixedWidth.truist-hero--login-menu .truist-hero--image-overlay,
 .fixedWidth.truist-hero--image .truist-hero--image-overlay {
     border-radius: 20px;
 }

 .fixedWidth.truist-hero--image-cc .row .text-column {
     padding-left: var(--truSpace4xlg);
 }

 .truist-hero--image-cc .row .text-column {
     padding: var(--truSpace3xlg) var(--truSpace4xlg);
 }

 .herov2 .text-center.mobile-text-center .d-flex,
 .herov2 .text-center.mobile-text-left .d-flex {
     justify-content: center !important;
 }

 .herov2 .btn-container {
     display: flex;
     gap: 1.6rem;
     padding-top: 24px;
     flex-wrap: wrap;
 }

 .herov2 .btn-container .btn {
     margin-bottom: 0;
 }

 .truist-hero--image-cc--row .text-column .text-container .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login) {
     margin-bottom: 0;
 }

 .herov2 .herov2_supplementalTxt {
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
 }

 .herov2 .herov2_supplementalTxt>p {
     margin-top: var(--truSpaceXlg);
     margin-bottom: 0;
 }

 .herov2-description .area,
 .herov2-description .ir {
     font-weight: var(--truFontWtBd);
     font-size: var(--truTxtSize5);
 }

 .herov2 .loading-container {
     margin-left: calc(0px - var(--truSpaceLg));
 }

 .herov2 .truist-hero .jumbotron .truist-hero--image-cc--row .image-column:not(.isTransparent),
 .herov2 .truist-hero .jumbotron .truist-hero--image-cc--row .image-column.isTransparent picture {
     aspect-ratio: 16 / 9;
     overflow: hidden;
     display: flex;
 }

 .herov2 .truist-hero .jumbotron .truist-hero--image-cc--row .image-column:not(.isTransparent) {
     justify-content: end;
 }

 .herov2 .truist-hero .jumbotron .truist-hero--image-cc--row .image-column.isTransparent picture {
     justify-content: center;
 }

 @media (max-width: 1366px) {
     .truist-hero--image-cc--row .text-column {
         padding: var(--truSpace3xlg) var(--truSpace3xlg);
     }
 }

 @media (max-width: 1023.98px) {
     .truist-hero--login-menu .truist-hero--login-menu--row .col-lg-6.login-column {
         display: none;
     }
     .truist-hero--login-menu .truist-hero--login-menu--row .col-lg-6.text-column {
         max-width: 100%;
         flex: 0 0 100%;
     }
     .truist-hero--image-cc .truist-hero--image-credcard {
         display: none;
     }
     .fixedWidth .jumbotron-fluid .text-column {
         padding: var(--truSpace3xlg) var(--truSpaceLg);
     }
     .truist-hero:not(.fixedWidth) .truist-hero--image-cc {
         padding: var(--truSpaceLg);
     }
     .truist-hero--image-cc--row .text-column {
         padding: var(--truSpaceXlg) var(--truSpaceXlg);
     }
     .truist-hero.fixedWidth .jumbotron {
         margin-right: 0px;
         margin-left: 0px;
     }
     .fixedWidth .hero-banner-bg-image {
         border-radius: 0px;
     }
 }

 @media (min-width: 1023.99px) {
     .truist-hero--login-menu .truist-hero--login-menu--row .col-lg-6.login-column {
         display: flex;
         justify-content: flex-end;
     }
 }

 @media (max-width: 821.98px) {
     .truist-hero .truist-hero-image--container {
         padding-left: 5%;
         padding-right: 2%;
     }
 }

 @media (min-width: 0px) and (max-width : 821.98px) {
     .hero-banner-bg-image {
         display: none
     }
     .truist-hero .truist-hero-image--container {
         padding-left: 0%;
         padding-right: 2%;
     }
     .truist-hero .truist-hero-color--container {
         padding-left: 0%;
         padding-right: 0%;
     }
     .truist-hero--login-menu .text-column {
         padding-left: 5rem;
         padding-right: 5rem;
     }
     .truist-hero--image-cc .row .image-column {
         display: none;
     }
     .truist-hero--image-cc .truist-hero--image-credcard {
         display: none;
     }
     .truist-hero--image-cc .jumbotron {
         padding: 0;
     }
     .truist-hero--image-cc .row .text-column {
         padding: 5.7rem 3.2rem;
         flex: inherit;
         max-width: 100%;
     }
     .truist-hero--image-cc .row .text-column .text-container {
         padding-right: 0;
     }
     .truist-hero--login-menu .truist-hero--image-overlay,
     .truist-hero--image .truist-hero--image-overlay {
         background: none
     }
     .fixedWidth .jumbotron-fluid .text-column {
         border-top-right-radius: 20px;
         border-bottom-right-radius: 20px;
     }
     .fixedWidth.truist-hero {
         padding: 0;
     }
 }

 @media (min-width: 0px) and (max-width : 1023.98px) {
     .truist-hero.fixedWidth .jumbotron {
         border-radius: 0;
     }
     .truist-hero .jumbotron .truist-hero-image--container,
     .truist-hero .jumbotron .truist-hero-color--container {
         padding: var(--truSpaceXlg) var(--truSpaceXlg);
     }
 }

 @media (min-width: 0px) and (max-width : 767.98px) {
     .truist-hero--image-cc--row {
         height: auto !important;
     }
     .truist-hero--image-cc--row .image-column.truist-hero--image-cc--image-column,
     .herov2 .truist-hero .jumbotron .truist-hero--image-cc--row .image-column,
     .herov2 .truist-hero .jumbotron .truist-hero--image-cc--row .truist-hero--image-cc .row .image-column,
     .herov2 .truist-hero .jumbotron .truist-hero--image-cc--row .image-column:not(.isTransparent),
     .herov2 .truist-hero .jumbotron .truist-hero--image-cc--row .image-column.isTransparent picture {
         display: none;
     }
     .truist-hero .jumbotron .truist-hero-image--container,
     .truist-hero .jumbotron .truist-hero-color--container {
         padding: var(--truSpaceMd) var(--truSpaceMd);
     }
     .truist-hero--image-cc--row .text-column {
         padding: var(--truSpaceXs) var(--truSpaceXs);
     }
     .truist-hero .text-left.mobile-text-center .d-flex,
     .truist-hero .text-center.mobile-text-center .d-flex {
         justify-content: center !important;
     }
     .truist-hero .text-left.mobile-text-left .d-flex,
     .truist-hero .text-center.mobile-text-left .d-flex {
         justify-content: flex-start !important;
     }
     .herov2 .mobile-text-center {
         text-align: center !important;
         /* Override for Dialog control */
     }
     .herov2 .mobile-text-left {
         text-align: left !important;
         /* Override for Dialog control */
     }
 }

 @media (min-width: 0px) and (max-width : 721.98px) {
     .fixedWidth.truist-hero {
         padding: 0;
         width: 100%;
     }
     .fixedWidth.truist-hero--login-menu {
         border-radius: 20px;
         padding-top: 1rem;
     }
 }

 .herov2-lsc-loader.loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     color: var(--truNeutral500);
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 3;
     overflow: hidden;
     /* background-color: var(--truNeutral0) !important; */
 }

 .herov2-lsc-loader.bg-clear.loading-animation {
     background: var(--truNeutral0);
 }

 .herov2-lsc-loader.bg-dusk-dkr.loading-animation,
 .herov2-lsc-loader.bg-tru-ppl.loading-animation {
     color: var(--truNeutral50);
 }

 .herov2-lsc-loader.loading-animation .dot {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -5px;
     background: var(--truNeutral500);
 }

 .herov2-lsc-loader.loading-animation .loading {
     padding-left: 10px;
 }

 @keyframes jumpingAnimationLsc {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 10px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 .herov2-lsc-loader.loading-animation.hide {
     display: none;
 }

 /* Fix 7: herov2-bg-hidden - CSS class toggle replaces inline style.display='none'
   Used by herov2.js initImageDisplay() for hero background image visibility.
   CSS class approach is CSP compliant and overridable. */

 .herov2-bg-hidden {
     display: none;
 }

 /* Fix 8: herov2-cta-gap - CSS class replaces inline style="gap: 1.6rem"
   Used in CTA button containers in herov2.html.
   CSS class approach is CSP compliant and maintainable. */

 .herov2-cta-gap {
     gap: 1.6rem;
 }

 /* Fix 5: Accessibility - respect user OS reduced motion preference.
   Disables LSC loader jumping animation for users who have enabled
   'Reduce Motion' in their OS accessibility settings (WCAG 2.1 - 2.3.3). */

 @media (prefers-reduced-motion: reduce) {
     .herov2-lsc-loader.loading-animation .dot {
         animation: none;
     }
     .herov2-lsc-loader.loading-animation {
         transition: none;
     }
 }

 .item-slider-section {
     padding: 0;
     margin-bottom: 0;
 }

 .item-slider-section .container {
     max-width: 1600px;
     padding: 0 30px;
 }

 .item-slider-section .item-slider-heading {
     display: block;
     margin-bottom: 20px;
     font-size: 2.4rem;
     line-height: 1.25em;
     font-weight: var(--truFontWtRg);
     text-align: center;
 }

 /* .inline .item-slider-section .container,
.inline .item-slider-section .container .row > div {
    padding: 0 30px;
}

.item-slider.inline-slider{
    margin-top: -80px;
    max-width: 690px;
} */

 /* Loading animations */

 .item-slider-section .loading-container {
     display: flex;
     align-items: center;
     justify-content: center;
     visibility: visible;
     position: absolute;
     width: 100%;
     height: 100%;
 }

 .item-slider-section .loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtBd);
 }

 .item-slider-section .dot {
     width: 5px;
     height: 5px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -12px;
 }

 @keyframes jumpingAnimation {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 15px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 /* Start Item-slider */

 .item-slider {
     display: block;
     padding: 0 0 40px 0;
     width: 100%;
     max-width: 1145px;
     max-height: 185px;
     margin: 0 auto;
     visibility: hidden;
 }

 /* .item-slider .splide__arrows {
    position: relative;
} */

 .item-slider .item-slider-before,
 .item-slider .item-slider-after {
     position: absolute;
     top: 60px;
     width: 38px;
     height: 38px;
     border-radius: 50%;
     z-index: 100;
     border: none;
 }

 .item-slider .item-slider-before {
     left: -58px;
     transform: rotate(90deg);
 }

 .item-slider .item-slider-after {
     right: -58px;
     transform: rotate(-90deg);
 }

 .item-slider .item-slider-before:disabled,
 .item-slider .item-slider-after:disabled {
     opacity: 25%;
 }

 .item-slider .splide__list {
     margin: 10px 0 10px 1px;
 }

 .item-slider .item-slider-card-link {
     outline: 0;
     border-radius: 20px;
     width: 100%;
     height: 100%;
     padding: 1.25rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     text-decoration: none;
     font-weight: var(--truFontWtBd);
     border-width: 2px;
     border-style: solid;
     border-color: var(--truClrClear);
 }

 .item-slider .item-slider-card-link .item-slider-icon {
     margin-bottom: 10px;
     min-height: 50px;
 }

 .item-slider .item-slider-thumb-text {
     text-align: center;
     font-size: 1.6rem;
     line-height: 1.25em;
 }

 .item-slider .item-slider-link {
     text-decoration: underline;
 }

 .item-slider .item-slider-link:hover {
     text-decoration: none;
 }

 .splide__slide--clone.splide__slide[aria-hidden="true"] a {
     display: none;
 }

 .item-slider .item-slider-before,
 .item-slider .item-slider-after,
 .item-slider .item-slider-card-link,
 .item-slider-link,
 .item-slider .item-slider-before svg path,
 .item-slider .item-slider-after svg path,
 .item-slider .item-slider-card-link img,
 .item-slider .item-slider-card-link .item-slider-thumb-text {
     transition: all .3s ease-in-out;
 }

 @media (min-width: 768px) and (max-width: 1365.98px) {
     .item-slider-section .container,
     .item-slider-section .container .row>div {
         padding-right: 45px;
         padding-left: 45px;
     }
     /* .inline .container,
    .inline .container .row > div {
        padding-right: 25px;
        padding-left: 25px;
    } */
     .item-slider-section .container {
         max-width: 1600px;
     }
     .item-slider {
         max-width: 1600px;
         padding: 0 70px;
     }
 }

 /* @media (min-width: 0px) and (max-width: 1024.98px) { */

 /* .inline .item-slider-heading {
        width: 100%;
        max-width: 250px;
    } */

 /* .inline .item-slider-heading,
    .inline .item-slider-link {
        margin-left: 0;
    } */

 /* } */

 /* Override Bootstrap 992 breakpoint */

 /* @media (min-width: 769px) and (max-width: 992px) {
    .inline .text-lg-left {
        text-align: left !important;
    }
    .inline .col-sm-12.col-lg-8 {
        -ms-flex: 0 0 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }
    .inline .col-sm-12.col-lg-4 {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
    .inline .order-sm-2 {
        -ms-flex-order: 3;
        order: 3;
    }
    .inline .order-sm-3 {
        -ms-flex-order: 2;
        order: 2;
    }
} */

 @media (min-width: 0px) and (max-width: 768px) {
     .item-slider-section .container,
     .item-slider-section .container .row>div {
         padding-right: 0px;
         padding-left: 0px;
     }
     .item-slider .splide__arrows button.splide__arrow {
         display: none;
     }
     /* .inline .item-slider-heading {
        max-width: 100%;
    } */
     .item-slider
     /* .item-slider.inline-slider */
         {
         padding: 0;
         margin-top: 0px;
         max-width: 100%;
     }
     /* .inline .item-slider-heading,
    .inline .item-slider-link {
        margin-left: 0px;
    } */
     .item-slider .splide__slide.is-active .item-slider-card-link {
         border: 0;
     }
     .item-slider .splide__slide .item-slider-card-link:hover {
         border: 0;
     }
     .item-slider .splide__slide .item-slider-card-link:focus {
         border: 0;
     }
     .item-slider-section .container {
         padding: 0;
         padding-right: 15px;
     }
     .item-slider-heading {
         font-size: 2rem;
     }
 }

 /* Override Bootstrap 575 breakpoint */

 /* @media (min-width: 0px) and (max-width: 575px) {
    .inline .text-lg-left {
        text-align: center !important;
    }
    .inline .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .inline .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
} */

 /* Component Utlity Classes */

 /* --------------------- Ntrl White Bg --------------------- */

 .item-slider-section.tru-clr-ntrl-wht-bg {
     background: var(--truClrNtrlWht);
     color: var(--truClrPplBs);
 }

 .tru-clr-ntrl-wht-bg .item-slider-heading {
     color: var(--truClrPplBs);
 }

 .tru-clr-ntrl-wht-bg .item-slider-before,
 .tru-clr-ntrl-wht-bg .item-slider-after,
 .tru-clr-ntrl-wht-bg .dot {
     background: var(--truClrDuskBs);
 }

 .tru-clr-ntrl-wht-bg .item-slider-before:hover,
 .tru-clr-ntrl-wht-bg .item-slider-after:hover,
 .tru-clr-ntrl-wht-bg .item-slider-before:focus,
 .tru-clr-ntrl-wht-bg .item-slider-after:focus {
     background: var(--truClrPplBs);
 }

 .tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link,
 .tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:hover,
 .tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:focus {
     border-color: var(--truClrDuskBs);
 }

 .tru-clr-ntrl-wht-bg .item-slider-link {
     color: var(--truClrPplBs);
 }

 .tru-clr-ntrl-wht-bg .splide__slide .item-slider-card-link:hover img,
 .tru-clr-ntrl-wht-bg .splide__slide .item-slider-card-link:focus img,
 .tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link img,
 .tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:focus img {
     filter: invert(36%) sepia(60%) saturate(433%) hue-rotate(222deg) brightness(90%) contrast(91%);
 }

 .tru-clr-ntrl-wht-bg .item-slider-link:hover,
 .tru-clr-ntrl-wht-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-ntrl-wht-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
 .tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-ntrl-wht-bg .loading-animation {
     color: var(--truClrDuskBs);
 }

 /* --------------------- Off White Bg --------------------- */

 .item-slider-section.tru-clr-off-wht-bg {
     background: var(--truClrOffWht);
     color: var(--truClrPplBs);
 }

 .tru-clr-off-wht-bg .item-slider-heading {
     color: var(--truClrPplBs);
 }

 .tru-clr-off-wht-bg .item-slider-before,
 .tru-clr-off-wht-bg .item-slider-after,
 .tru-clr-off-wht-bg .dot {
     background: var(--truClrDuskBs);
 }

 .tru-clr-off-wht-bg .item-slider-before:hover,
 .tru-clr-off-wht-bg .item-slider-after:hover,
 .tru-clr-off-wht-bg .item-slider-before:focus,
 .tru-clr-off-wht-bg .item-slider-after:focus {
     background: var(--truClrPplBs);
 }

 .tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link,
 .tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link:hover,
 .tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link:focus {
     border-color: var(--truClrDuskBs);
 }

 .tru-clr-off-wht-bg .item-slider-link {
     color: var(--truClrPplBs);
 }

 .tru-clr-off-wht-bg .splide__slide .item-slider-card-link:hover img,
 .tru-clr-off-wht-bg .splide__slide .item-slider-card-link:focus img {
     filter: invert(36%) sepia(60%) saturate(433%) hue-rotate(222deg) brightness(90%) contrast(91%);
 }

 .tru-clr-off-wht-bg .item-slider-link:hover,
 .tru-clr-off-wht-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-off-wht-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
 .tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-off-wht-bg .loading-animation {
     color: var(--truClrDuskBs);
 }

 /* --------------------- Truist Purple Bg --------------------- */

 .item-slider-section.tru-clr-ppl-bs-bg {
     background: var(--truClrPplBs);
 }

 .tru-clr-ppl-bs-bg .item-slider-heading,
 .tru-clr-ppl-bs-bg .item-slider-link,
 .tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link .item-slider-thumb-text,
 .tru-clr-ppl-bs-bg .loading-animation {
     color: var(--truClrNtrlWht);
 }

 .tru-clr-ppl-bs-bg .item-slider-before,
 .tru-clr-ppl-bs-bg .item-slider-after {
     background: var(--truClrHazeBs);
 }

 .tru-clr-ppl-bs-bg .item-slider-before:hover,
 .tru-clr-ppl-bs-bg .item-slider-after:hover,
 .tru-clr-ppl-bs-bg .item-slider-before:focus,
 .tru-clr-ppl-bs-bg .item-slider-after:focus,
 .tru-clr-ppl-bs-bg .loading-animation .dot {
     background: var(--truClrNtrlWht);
 }

 .tru-clr-ppl-bs-bg .item-slider-before svg path,
 .tru-clr-ppl-bs-bg .item-slider-after svg path {
     fill: var(--truClrPplBs);
 }

 .tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link img {
     filter: invert(99%) sepia(18%) saturate(39%) hue-rotate(244deg) brightness(117%) contrast(100%);
 }

 .tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link:hover img,
 .tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link:focus img,
 .tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link img {
     filter: invert(59%) sepia(91%) saturate(156%) hue-rotate(204deg) brightness(97%) contrast(85%);
 }

 .tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link,
 .tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link:hover,
 .tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link:focus {
     border-color: var(--truClrHazeBs);
 }

 .tru-clr-ppl-bs-bg .item-slider-link:hover,
 .tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
 .tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text {
     color: var(--truClrHazeBs);
 }

 /* --------------------- Truist Dusk Darker Bg --------------------- */

 .item-slider-section.tru-clr-dusk-dkr-bg {
     background: var(--truClrDuskDkr);
 }

 .tru-clr-dusk-dkr-bg .item-slider-heading,
 .tru-clr-dusk-dkr-bg .item-slider-link,
 .tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link .item-slider-thumb-text {
     color: var(--truClrNtrlWht);
 }

 .tru-clr-dusk-dkr-bg .item-slider-before,
 .tru-clr-dusk-dkr-bg .item-slider-after,
 .tru-clr-dusk-dkr-bg .loading-animation .dot {
     background: var(--truClrHazeBs);
 }

 .tru-clr-dusk-dkr-bg .item-slider-before:hover,
 .tru-clr-dusk-dkr-bg .item-slider-after:hover,
 .tru-clr-dusk-dkr-bg .item-slider-before:focus,
 .tru-clr-dusk-dkr-bg .item-slider-after:focus {
     background: var(--truClrNtrlWht);
 }

 .tru-clr-dusk-dkr-bg .item-slider-before svg path,
 .tru-clr-dusk-dkr-bg .item-slider-after svg path,
 .tru-clr-dusk-dkr-bg .item-slider-before:hover svg path,
 .tru-clr-dusk-dkr-bg .item-slider-after:hover svg path,
 .tru-clr-dusk-dkr-bg .item-slider-before:focus svg path,
 .tru-clr-dusk-dkr-bg .item-slider-after:focus svg path {
     fill: var(--truClrPplBs);
 }

 .tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link img {
     filter: invert(99%) sepia(18%) saturate(39%) hue-rotate(244deg) brightness(117%) contrast(100%);
 }

 .tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link:hover img,
 .tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link:focus img,
 .tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link img {
     filter: invert(59%) sepia(91%) saturate(156%) hue-rotate(204deg) brightness(97%) contrast(85%);
 }

 .tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link,
 .tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link:hover,
 .tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link:focus {
     border-color: var(--truClrHazeBs);
 }

 .tru-clr-dusk-dkr-bg .item-slider-link:hover,
 .tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
 .tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-dusk-dkr-bg .loading-animation {
     color: var(--truClrHazeBs);
 }

 /* --------------------- Truist Mist Bg --------------------- */

 .item-slider-section.tru-clr-mist-bs-bg {
     background: var(--truClrMistBs);
 }

 .tru-clr-mist-bs-bg .item-slider-heading,
 .tru-clr-mist-bs-bg .item-slider-link,
 .tru-clr-mist-bs-bg .splide__slide .item-slider-card-link .item-slider-thumb-text {
     color: var(--truClrPplBs);
 }

 .tru-clr-mist-bs-bg .item-slider-before,
 .tru-clr-mist-bs-bg .item-slider-after,
 .tru-clr-mist-bs-bg .loading-animation .dot {
     background: var(--truClrDuskBs);
 }

 .tru-clr-mist-bs-bg .item-slider-before:hover,
 .tru-clr-mist-bs-bg .item-slider-after:hover,
 .tru-clr-mist-bs-bg .item-slider-before:focus,
 .tru-clr-mist-bs-bg .item-slider-after:focus {
     background: var(--truClrPplBs);
 }

 .tru-clr-mist-bs-bg .item-slider-before:hover svg path,
 .tru-clr-mist-bs-bg .item-slider-after:hover svg path,
 .tru-clr-mist-bs-bg .item-slider-before:focus svg path,
 .tru-clr-mist-bs-bg .item-slider-after:focus svg path {
     fill: var(--truClrNtrlWht);
 }

 .tru-clr-mist-bs-bg .splide__slide .item-slider-card-link:hover img,
 .tru-clr-mist-bs-bg .splide__slide .item-slider-card-link:focus img,
 .tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link img {
     filter: invert(36%) sepia(60%) saturate(433%) hue-rotate(222deg) brightness(90%) contrast(91%);
 }

 .tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link,
 .tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link:hover,
 .tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link:focus {
     border-color: var(--truClrDuskBs);
 }

 .tru-clr-mist-bs-bg .item-slider-link:hover,
 .tru-clr-mist-bs-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-mist-bs-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
 .tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-mist-bs-bg .loading-animation {
     color: var(--truClrDuskBs);
 }

 /* --------------------- Truist Sky Lighter Bg --------------------- */

 .item-slider-section.tru-clr-sky-ltr-bg {
     background: var(--truClrSkyLtr);
 }

 .tru-clr-sky-ltr-bg .item-slider-heading,
 .tru-clr-sky-ltr-bg .item-slider-link,
 .tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link .item-slider-thumb-text {
     color: var(--truClrPplBs);
 }

 .tru-clr-sky-ltr-bg .item-slider-before,
 .tru-clr-sky-ltr-bg .item-slider-after,
 .tru-clr-sky-ltr-bg .loading-animation .dot {
     background: var(--truClrDuskBs);
 }

 .tru-clr-sky-ltr-bg .item-slider-before:hover,
 .tru-clr-sky-ltr-bg .item-slider-after:hover,
 .tru-clr-sky-ltr-bg .item-slider-before:focus,
 .tru-clr-sky-ltr-bg .item-slider-after:focus {
     background: var(--truClrPplBs);
 }

 .tru-clr-sky-ltr-bg .item-slider-before:hover svg path,
 .tru-clr-sky-ltr-bg .item-slider-after:hover svg path,
 .tru-clr-sky-ltr-bg .item-slider-before:focus svg path,
 .tru-clr-sky-ltr-bg .item-slider-after:focus svg path {
     fill: var(--truClrNtrlWht);
 }

 .tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link:hover img,
 .tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link:focus img,
 .tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link img {
     filter: invert(36%) sepia(60%) saturate(433%) hue-rotate(222deg) brightness(90%) contrast(91%);
 }

 .tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link,
 .tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link:hover,
 .tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link:focus {
     border-color: var(--truClrDuskBs);
 }

 .tru-clr-sky-ltr-bg .item-slider-link:hover,
 .tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
 .tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
 .tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
 .tru-clr-sky-ltr-bg .loading-animation {
     color: var(--truClrDuskBs);
 }

 /*Test and Target at element override*/

 .at-element-marker .item-slider-section .container,
 .at-element-marker~.item-slider-section .container {
     max-width: 1600px;
     padding: 0 30px;
 }

 .item-slider .item-slider-card-link:focus {
     border-color: var(--truClrDuskBs);
     outline: 1px solid var(--truClrDuskBs);
     outline-offset: -8px;
 }

 /* Truist Benefits - LifeForce Calculator */

 .hidden {
     display: none !important;
 }

 .lf-calculator-headingTxt,
 .lf-calculator-headingSec h1,
 .lf-calculator-headingSec h2,
 .lf-calculator-headingSec h3,
 .lf-calculator-headingSec h4,
 .lf-calculator-headingSec h5,
 .lf-calculator-headingSec h6 {
     font-family: var(--truFontFamRg);
     font-size: 3rem;
     color: #2e1a47;
     font-weight: var(--truFontWtRg);
     margin-top: 50px;
 }

 .lf-calculator-comp {
     margin: 30px auto;
 }

 .lf-calculator-comp .row {
     padding: 0 15px;
     margin-bottom: 15px;
 }

 .lf-calculator-mandatoryTxt,
 .lf-calculator-headingSec p {
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     color: var(--truNeutral500);
     margin: 15px 0 20px;
 }

 .lf-calculator-floating-label {
     position: relative;
     margin-bottom: 8px;
     width: 100%;
 }

 .lf-calculator-optHeadingSec {
     margin-bottom: 20px;
     min-height: 50px;
     margin-top: 15px;
 }

 .lf-calculator-column {
     margin: 0 30px 0 0;
     padding: 0;
     width: 22%;
 }

 .lf-calculator-btnColumn {
     margin: 0rem 1rem 0rem 0;
     padding: 0;
     width: 10%;
 }

 .lf-calculator-optHeadingTxt,
 .lf-calculator-optHeadingSec p {
     font-family: var(--truFontFamRg);
     font-size: 2rem;
     font-weight: var(--truFontWtBd);
     line-height: normal;
     color: #2e1a47;
     margin-bottom: 0;
     padding-right: 15px;
     text-indent: -24px;
     padding-left: 24px;
 }

 .lf-calculator-optHeadingTxt a,
 .lf-calculator-optHeadingSec p a {
     font-size: 1.6rem;
     font-weight: var(--truFontWtRg);
     color: #2e1a47;
     text-decoration: underline;
 }

 .lf-calculator-optHeadingTxt a:hover,
 .lf-calculator-optHeadingTxt a:focus,
 .lf-calculator-optHeadingSec p a:hover,
 .lf-calculator-optHeadingSec p a:focus {
     text-decoration: none;
 }

 .lf-calculator-floating-select {
     position: initial;
     font-size: 1.8rem;
     color: var(--truNeutral500);
     font-weight: var(--truFontWtRg);
     padding: 15px 45px 0 15px;
     display: block;
     width: 100%;
     height: 60px;
     border-radius: 5px;
     background-color: transparent;
     border: none;
     border: 1px solid var(--truNeutral500);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-image: none;
 }

 .lf-calculator-floating-select-error .lf-calculator-floating-select {
     border: 2px solid #C22B13;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-image: none;
 }

 .lf-calculator-floating-select option,
 .lf-calculator-floating-select option:checked {
     font-size: 1.8rem;
     color: var(--truNeutral500);
     font-weight: var(--truFontWtRg);
     padding: 15px 0;
 }

 .lf-calculator-floating-label:after {
     content: '\e80c';
     font-size: 2.5rem;
     float: right;
     padding-right: 15px;
     margin-top: -48px;
     border: none;
     font-family: "truist-icons", "truist-icons-media";
     color: var(--truNeutral500);
     pointer-events: none;
 }

 .lf-calculator-floating-select:focus {
     outline-width: 2px;
     outline-color: #2e1a47;
     outline-offset: 3px;
     outline-style: solid;
 }

 .lf-calculator-label {
     color: var(--truNeutral500);
     font-size: 1.8rem;
     font-weight: normal;
     position: absolute;
     top: 15px;
     left: 15px;
     pointer-events: none;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
 }

 .lf-calculator-floating-label.lf-calculator-floating-select-error:after {
     content: '\e80c';
     font-size: 2.5rem;
     float: right;
     padding-right: 15px;
     margin-top: -48px;
     border: none;
     font-family: "truist-icons", "truist-icons-media";
     color: #C22B13 !important;
     pointer-events: none;
 }

 .lf-calculator-floating-select-error .lf-calculator-label {
     color: #C22B13;
 }

 .lf-calculator-floating-select:focus~.lf-calculator-label,
 .lf-calculator-floating-select:not([value=""]):valid~.lf-calculator-label {
     top: 3px;
     font-size: 1.4rem;
     font-weight: var(--truFontWtBd);
     color: var(--truNeutral500);
 }

 .mandatoryFld_error {
     font-family: var(--truFontFamRg);
     font-size: 1.6rem;
     position: relative;
     font-weight: var(--truFontWtRg);
     background: #C22B13;
     padding: 10px 20px;
     color: #ffffff;
     border: 1px solid #C22B13;
 }

 .mandatoryErrorIcon {
     margin-right: 12px;
 }

 .mandatoryErrorIcon::before {
     content: "!";
     font-size: 1.2rem;
     position: absolute;
     left: 10px;
     color: #ffffff;
     border: 1px solid #ffffff;
     height: 16px;
     width: 16px;
     text-align: center;
     border-radius: 50%;
     bottom: 10px;
     line-height: normal;
 }

 .mandatoryFld_error::after {
     content: "";
     position: absolute;
     top: -50%;
     left: 10%;
     margin-left: -5px;
     border-width: 10px;
     border-style: solid;
     border-color: transparent transparent #C22B13 transparent;
 }

 /* active state */

 .lf-calculator-floating-select:focus~.lf-calculator-floating-select:focus~ {
     width: 50%;
 }

 .lf-calculator-comp *,
 .lf-calculator-comp *:before,
 .lf-calculator-comp *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 /* active state */

 .lf-calculator-floating-select:focus~ {
     -webkit-animation: inputHighlighter 0.3s ease;
     -moz-animation: inputHighlighter 0.3s ease;
     animation: inputHighlighter 0.3s ease;
 }

 .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
     font-family: var(--truFontFamRg);
     font-size: 1.6rem;
     font-weight: var(--truFontWtBd);
     margin-top: 95px;
     padding: .625rem 1.25rem;
     border-radius: .625rem;
     transition: all .3s ease-in-out;
 }

 .lf-calculate-btn {
     font-family: var(--truFontFamRg);
     font-size: 1.6rem;
     font-weight: var(--truFontWtBd);
     background: #72569C !important;
     color: #fff !important;
     float: left;
     margin-top: 92px;
     text-decoration: none;
 }

 .lf-calculate-btn:focus,
 .lf-calculate-btn:hover {
     text-decoration: none;
     background: #58417c !important;
 }

 .lf-resultSec {
     background: #E5F5F5;
     border-radius: 20px;
     padding: 32px 50px;
     margin: 30px 0;
     width: 100%;
 }

 .lf-response {
     width: 100%;
 }

 .lf-calculator-link {
     font-size: 1.6rem;
     font-weight: var(--truFontWtRg);
     color: #2E1A47;
     text-decoration: underline;
     float: left;
     margin-top: 100px;
     margin-left: 15px;
 }

 .lf-calculator-link:focus,
 .lf-calculator-link:hover {
     text-decoration: none;
     color: #2E1A47;
 }

 .lt-resultHeadTxt {
     font-family: var(--truFontFamRg);
     font-size: 2.4rem;
     font-weight: var(--truFontWtBd);
     line-height: normal;
     color: #2e1a47;
     display: inline;
     margin-right: 15px;
 }

 .lt-resultHeadLnkTxt {
     font-family: var(--truFontFamRg);
     font-size: 1.6rem;
     font-weight: var(--truFontWtRg);
     line-height: normal;
     color: #2e1a47;
     text-decoration: underline;
 }

 .lt-resultHeadLnkTxt:hover,
 .lt-resultHeadLnkTxt:focus {
     color: #2e1a47;
     text-decoration: none;
 }

 .lt-resultHeadSec {
     margin-bottom: 30px;
 }

 .lf-resultPayOpt {
     display: inline-block;
 }

 .lf-resultPayOpt:not(:last-child) {
     margin-right: 70px;
 }

 .lf-resultPayOptLbl,
 .lf-resultPayOptVal {
     font-family: var(--truFontFamRg);
     font-size: 2rem;
     font-weight: var(--truFontWtRg);
     line-height: normal;
     color: #2e1a47;
 }

 .lf-resultPayOptVal {
     font-weight: var(--truFontWtBd);
 }

 /* Modal section styles */

 .lf-seeDetailModal .modal-content {
     border-radius: 20px;
     font-family: var(--truFontFamRg);
     line-height: normal;
     padding: 40px;
 }

 .lf-seeDetModalHeadTxt {
     font-size: 2.4rem;
     font-weight: var(--truFontWtRg);
     color: #2e1a47;
     margin-bottom: 0;
 }

 .lf-seeDetModalContent,
 .lf-modal-content-sec p {
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     color: var(--truNeutral500);
     margin-bottom: 0;
     margin-top: 15px;
 }

 .lf-modal-content-sec .rte__list {
     margin: 15px 10px;
 }

 .lf-seeDetailModalClose {
     font-size: 2.4rem;
     margin: 0;
     position: absolute;
     opacity: 1;
     z-index: 10;
     cursor: pointer;
     top: 20px;
     right: 20px;
     border: none;
     background: none;
 }

 /* Loader animation styles start here */

 .lf-responseSection .loading-container {
     display: flex;
     align-items: center;
     justify-content: center;
     visibility: visible;
     position: absolute;
 }

 .lf-responseSection .loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSizeMicro);
     font-weight: 600;
     color: var(--truClrDuskBs);
 }

 .lf-responseSection .loading-animation .loading {
     font-family: var(--truFontFamRg);
     ;
     font-size: 1.6rem;
     margin-left: 10px;
     color: var(--truNeutral500);
 }

 .lf-responseSection .loading-animation .dot {
     display: inline-block;
     width: 7px;
     height: 7px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -5px;
     background: var(--truNeutral500);
 }

 .lf-responseSection .loading-animation .dot:first-child {
     animation: lfJumpingAnimation 1s 0.25s ease-in infinite;
 }

 .lf-responseSection .loading-animation .dot:nth-last-child(2) {
     animation: lfJumpingAnimation 1s 0.5s ease-in infinite;
 }

 .lf-responseSection .loading-animation .dot:nth-last-child(3) {
     animation: lfJumpingAnimation 1s 0.75s ease-in infinite;
 }

 @keyframes lfJumpingAnimation {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 10px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 /* Loader animation styles end here */

 /* Media queries starts here */

 @media only screen and (max-width: 834px) and (orientation: portrait) {
     .lf-calculator-column {
         width: 28%;
     }
     .lf-calculator-btnColumn {
         width: 17%;
     }
     .lf-calculator-optHeadingSec {
         min-height: 75px;
     }
     .lf-calculate-btn,
     .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
         margin-top: 20px;
     }
     .lf-calculator-link {
         margin-top: 30px;
     }
     .mandatoryFld_error::after {
         top: -50%;
     }
     .lf-resultSec {
         padding: 30px;
     }
     .lf-resultPayOpt {
         margin-right: 25px;
     }
     .lf-resultPayOpt:not(:last-child) {
         margin-right: 25px;
     }
 }

 @media only screen and (max-width: 1024px) and (orientation: landscape) {
     .lf-calculator-column {
         margin: 0rem 1.5rem 0.5rem 0;
     }
     .lf-calculator-optHeadingSec {
         min-height: 80px;
     }
     .lf-calculate-btn,
     .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
         margin-top: 125px;
     }
     .lf-calculator-link {
         margin-top: 130px;
         margin-left: 5px;
     }
     .mandatoryFld_error::after {
         top: -50%;
     }
 }

 @media only screen and (max-width: 428px) and (orientation: portrait) {
     .lf-calculator-comp .row {
         padding: 0 15px;
     }
     .lf-calculator-column,
     .lf-calculator-btnColumn {
         width: 100%;
         margin: 0;
     }
     .lf-calculate-btn,
     .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
         border-radius: 10px;
         padding: 10px 24px;
     }
     .lf-calculate-btn,
     .lf-calculator-comp .btn-primary:not(disabled):not(.disabled),
     .lf-calculator-link {
         max-width: 100%;
         display: block;
         width: 100%;
         text-align: center;
         margin-left: 0;
     }
     .lf-calculator-link {
         margin-top: 20px;
     }
     .lf-calculator-optHeadingSec {
         min-height: 30px;
     }
     .mandatoryFld_error::after {
         left: 7%;
         top: -52%;
     }
     .lf-resultSec {
         padding: 25px;
     }
     .lt-resultHeadLnkTxt,
     .lt-resultHeadTxt {
         display: block;
     }
     .lf-resultPayOpt {
         margin-bottom: 15px;
     }
 }

 @media only screen and (max-width: 991px) and (orientation: landscape) {
     .lf-calculator .container {
         max-width: 100%;
     }
     .lf-calculator-column {
         width: 23%;
         margin: 0rem 1.5rem 0.5rem 0;
     }
     .lf-calculator-btnColumn {
         width: 11%;
     }
     .lf-calculate-btn,
     .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
         margin-top: 122px;
     }
     .lf-calculator-link {
         margin-top: 125px;
         margin-left: 10px;
     }
     .lf-resultPayOpt:not(:last-child) {
         margin-right: 25px;
     }
 }

 /* Samsung Galaxy Tab S7 */

 @media only screen and (min-width: 800px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     .lf-calculator-column {
         width: 23%;
     }
     .lf-calculator-optHeadingTxt,
     .lf-calculator-optHeadingSec p {
         padding-right: 0;
     }
     .lf-calculator-btnColumn {
         width: auto;
     }
     .lf-calculator-btnColumn .lf-calculator-link {
         margin-left: 5px;
     }
 }

 @media only screen and (min-width: 1025px) and (max-width: 1199px) {
     .lf-calculator-column {
         width: 25%;
         margin: 0rem 1.5rem 0.5rem 0;
     }
     .lf-calculator-btnColumn {
         width: auto;
     }
     .lf-calculator-optHeadingSec {
         min-height: 50px;
     }
     .lf-calculate-btn,
     .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
         margin-top: 94px;
     }
     .lf-calculator-link {
         margin-top: 100px;
         margin-left: 5px;
     }
 }

 .truist-gridContainer {
     width: 100%;
     max-width: 1600px;
     margin: 0 auto;
     height: 100%;
     position: relative;
 }

 .truist-gridContainer>.row {
     margin-right: 0;
     margin-left: 0;
 }

 .truist-grid-container .skinny-banner-component {
     max-width: 1600px;
 }

 .truist-grid-container .skinny-banner-component .skinny-banner {
     max-width: 100%;
 }

 .truist-gridContainer .component-wrapper>div,
 .truist-gridContainer .component-wrapper>div>div,
 .truist-grid-container .staticcard,
 .truist-grid-container .staticcard .staticcardv2 {
     min-width: 100%;
     min-height: 100%;
     height: 100%;
 }

 .truist-grid-container .staticcard .staticcardv2 {
     display: block;
 }

 .truist-gridContainer .component-wrapper {
     display: flex;
     align-items: center;
     width: 100%;
     max-width: 1600px;
     height: 100%;
     color: var(--truClrFrstBs);
     font-size: var(--truTxtSize4);
     margin: 0 auto;
     border-top-left-radius: 4rem;
     border-top-right-radius: 4rem;
     border-bottom-right-radius: 4rem;
     border-bottom-left-radius: 4rem;
     background-color: var(--truClrNtrlWht);
     overflow: hidden;
     transition: background-color .5s ease-in-out, outline .5s ease-in-out, color .5s ease-in-out, border-radius .5s ease-in-out, width .5s ease-in-out;
 }

 .truist-gridContainer .tile,
 .truist-gridContainer .row .row .col-sm-12 {
     transition: padding .5s ease-in-out, margin .5s ease-in-out, width .5s ease-in-out;
 }

 .truist-gridContainer.tru-grid-50-50-2 .col-sm-12:not(:last-child),
 .truist-gridContainer.tru-grid-50-50-3 .col-sm-12:not(:last-child),
 .truist-gridContainer.tru-grid-40-60-2 .col-sm-12:not(:last-child),
 .truist-gridContainer.tru-grid-40-60-3 .col-sm-12:not(:last-child),
 .truist-gridContainer.tru-grid-25-75-3 .col-sm-12:not(:last-child),
 .truist-gridContainer.tru-grid-25-75-2 .col-sm-12:not(:last-child),
 .separate {
     margin-bottom: var(--truSpaceXlg);
 }

 @media (min-width: 1024px) {
     .truist-grid-container {
         min-width: 100%;
     }
     .truist-gridContainer.tru-grid-50-50-1 .col-lg-6,
     .truist-gridContainer.tru-grid-50-50-2 .col-lg-6,
     .truist-gridContainer.tru-grid-50-50-3 .col-lg-6,
     .truist-gridContainer.tru-grid-25-25-50-1 .col-lg-6,
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-6 {
         margin-left: 0rem;
     }
 }

 @media (max-width: 1024px) {
     .truist-grid-container {
         min-width: 100%;
     }
 }

 @media (min-width: 992px) and (max-width: 1023px) {
     .truist-gridContainer.tru-grid-25-75-2 .col-lg-3,
     .truist-gridContainer.tru-grid-25-75-3 .col-lg-3,
     .truist-gridContainer.tru-grid-25-75-3 .col-lg-9,
     .truist-gridContainer.tru-grid-40-60-3 .col-lg-7 {
         flex: 0 0 100%;
         max-width: 100%;
     }
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3 {
         flex: 0 0 50%;
         max-width: 50%;
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3:first-child {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 @media (min-width: 992px) {
     .truist-grid-container {
         min-width: 100%;
     }
     .truist-gridContainer.tru-grid-50-50-1 .col-lg-6 {
         flex: 0 0 50%;
         max-width: 50%;
         margin-bottom: var(--truSpaceXlg);
     }
 }

 @media (max-width: 992px) {
     .truist-gridContainer.tru-grid-25-75-1 .col-lg-3 {
         flex: 0 0 25%;
         max-width: 25%;
     }
     .truist-gridContainer.tru-grid-25-75-1 .col-lg-9 {
         flex: 0 0 75%;
         max-width: 75%;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3 {
         flex: 0 0 50%;
         max-width: 50%;
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3:first-child {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 @media (min-width: 768px) and (max-width: 1023px) {
     .truist-grid-container {
         min-width: 100%;
     }
     .truist-gridContainer.tru-grid-25-1 .col-lg-3,
     .truist-gridContainer.tru-grid-25-75-2 .col-lg-3 .col-sm-12,
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3:last-child,
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-6,
     .truist-gridContainer.tru-grid-50-50-2 .col-sm-12,
     .truist-gridContainer.tru-grid-40-60-2 .tile .col-sm-12,
     .truist-gridContainer.tru-grid-40-60-1 .tile,
     .truist-gridContainer.tru-grid-40-60-1 .tile,
     .truist-gridContainer.tru-grid-25-25-50-1 .tile:nth-child(1),
     .truist-gridContainer.tru-grid-25-25-50-1 .tile:nth-child(2) {
         flex: 0 0 50%;
         max-width: 50%;
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-40-60-2 .col-lg-7,
     .truist-gridContainer.tru-grid-40-60-2 .col-lg-5,
     .truist-gridContainer.tru-grid-25-25-50-1 .col-lg-3,
     .truist-gridContainer.tru-grid-25-25-50-1 .col-lg-6,
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3:nth-child(2),
     .truist-gridContainer.tru-grid-25-75-2 .col-lg-9,
     .truist-gridContainer.tru-grid-25-75-2 .col-lg-3 .truist-gridContainer.tru-grid-40-60-3 .tile:nth-child(1),
     .truist-gridContainer.tru-grid-40-60-3 .tile:nth-child(2),
     .truist-gridContainer.tru-grid-50-50-2 .tile {
         flex: 0 0 100%;
         max-width: 100%;
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-50-50-3 .col-lg-6 {
         flex: 0 0 100%;
         max-width: 100%;
     }
     .truist-gridContainer.tru-grid-50-50-3 .col-sm-12,
     .truist-gridContainer.tru-grid-40-60-3 .col-sm-12,
     .truist-gridContainer.tru-grid-25-75-3 .col-sm-12,
     .truist-gridContainer.tru-grid-33-1 .col-lg-4 {
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-40-60-2 .col-sm-12 {
         margin-bottom: 0rem !important;
     }
     .truist-gridContainer.tru-grid-25-75-3 .col-lg-9,
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3,
     .truist-gridContainer.tru-grid-25-75-2 .col-sm-12:not(:last-child),
     .truist-gridContainer.tru-grid-40-60-3 .col-lg-7,
     .truist-gridContainer.tru-grid-50-50-3 .col-lg-6,
     .truist-gridContainer.tru-grid-25-1 .col-lg-3 {
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-50-50-1 .col-lg-6 {
         flex: 0 0 50%;
         max-width: 50%;
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-25-25-50-2 .col-lg-6 {
         flex: 0 0 100%;
         max-width: 100%;
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-25-25-50-3 .col-lg-6 {
         flex: 0 0 100%;
         max-width: 100%;
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-25-75-1 .col-lg-9,
     .truist-gridContainer.tru-grid-25-75-1 .col-lg-3 {
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 @media (min-width: 0px) and (max-width: 767px) {
     .truist-grid-container {
         min-width: 100%;
     }
     .truist-gridContainer.tru-grid-25-1 .col-lg-3,
     .truist-gridContainer.tru-grid-33-1 .col-lg-4,
     .truist-gridContainer.tru-grid-50-50-1 .col-lg-6,
     .truist-gridContainer.tru-grid-25-75-1 .tile,
     .truist-gridContainer.tru-grid-25-25-50-1 .tile,
     .truist-gridContainer.tru-grid-40-60-1 .tile,
     .truist-gridContainer.tru-grid-50-50-2 .col-lg-6,
     .truist-gridContainer.tru-grid-50-50-2 .col-sm-12:not(:last-child),
     .truist-gridContainer.tru-grid-40-60-2 .col-sm-12,
     .truist-gridContainer.tru-grid-25-75-2 .row .tile:nth-child(1),
     .truist-gridContainer.tru-grid-50-50-3 .col-lg-6 .col-sm-12,
     .truist-gridContainer.tru-grid-40-60-3 .col-sm-12,
     .truist-gridContainer.tru-grid-25-75-3 .col-sm-12,
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-6,
     .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3 {
         flex: 0 0 100%;
         max-width: 100%;
         margin-bottom: var(--truSpaceXlg)
     }
     /* -------------- Flip -------------- */
     .truist-gridContainer.tru-grid-50-50-2.flip .col-sm-12:last-child .component-wrapper {
         margin-bottom: 0rem;
     }
     .truist-gridContainer.tru-grid-50-50-3 .row .tile:nth-child(1),
     .truist-gridContainer.tru-grid-40-60-3 .row .tile:nth-child(1),
     .truist-gridContainer.tru-grid-25-75-3 .row .tile:nth-child(1),
     /* -------------- Flip -------------- */
     .truist-gridContainer.tru-grid-40-60-2.flip .row .tile:nth-child(2),
     .truist-gridContainer.tru-grid-25-75-2.flip .row .tile:nth-child(2) {
         margin-bottom: var(--truSpaceXlg);
     }
     .truist-gridContainer.tru-grid-50-50-1 .component-wrapper {
         border-top-left-radius: 4rem;
         border-top-right-radius: 4rem;
         border-bottom-right-radius: 4rem;
         border-bottom-left-radius: 4rem;
     }
 }

 .skinny-banner {
     display: flex;
     align-items: center;
     justify-content: space-evenly;
     flex-wrap: nowrap;
     width: var(--truWidthFull);
     max-width: 1366px;
     height: auto;
     color: var(--truClrFrstBs);
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     padding: var(--truSpaceXlg);
     margin-right: auto;
     margin-left: auto;
     transition: var(--truTransitionSlow);
 }

 .skinny-banner.border-radius-40 {
     border-radius: var(--truBdrRadius3xl);
 }

 .skinny-banner.border-radius-20 {
     border-radius: var(--truBdrRadiusXl);
 }

 .skinny-banner .btn:not(.custom-select):not(.subpage-navbar-cta) {
     min-width: fit-content;
     width: fit-content;
     margin-bottom: var(--truSpaceNone);
     text-wrap: nowrap;
 }

 .skinny-banner>div:not(.banner-copy) {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: var(--truSpace3xs) var(--truSpace2xs);
 }

 .skinny-banner.no-padding>div:not(.banner-copy) {
     width: var(--truWidthFull);
     display: inline;
     padding: var(--truSpaceNone);
     border: var(--truBdrRadiusNone);
 }

 .skinny-banner.full-width>div:not(.skinny-banner-img) {
     display: inline;
     max-width: var(--truWidthFull);
 }

 .skinny-banner .banner-copy {
     max-width: 825px;
     padding: 0 3.2rem;
     align-items: flex-start;
 }

 .banner-copy-no-padding {
     max-width: var(--truWidthFull);
     padding: var(--truSpaceNone);
 }

 .skinny-banner .banner-copy .subheading {
     margin-top: var(--truSpaceNone);
 }

 .skinny-banner p {
     padding: var(--truSpaceNone);
     margin: var(--truSpaceNone);
 }

 .skinny-banner span[role="heading"],
 .skinny-banner .banner-copy span {
     font-family: var(--truFontFamRg);
     font-weight: var(--truFontWtBd);
     font-size: var(--truTxtSize4);
     line-height: var(--truLnHght4);
     display: block;
     margin-bottom: var(--truSpaceMd);
 }

 .skinny-banner svg,
 .skinny-banner img {
     object-fit: contain;
 }

 .skinny-banner .banner-icon path {
     transition: var(--truTransitionSlow);
 }

 .skinny-banner.half-width-left,
 .skinny-banner.half-width-center,
 .skinny-banner.half-width-right {
     width: var(--truWidthFull);
     max-width: 1024px;
 }

 .skinny-banner.half-width-left>div:not(.banner-copy),
 .skinny-banner.half-width-center>div:not(.banner-copy),
 .skinny-banner.half-width-right>div:not(.banner-copy) {
     padding: 1rem;
 }

 .skinny-banner-component .skinny-banner h1,
 .skinny-banner-component .skinny-banner h2,
 .skinny-banner-component .skinny-banner h3,
 .skinny-banner-component .skinny-banner h4,
 .skinny-banner-component .skinny-banner h5,
 .skinny-banner-component .skinny-banner h6 {
     margin-bottom: var(--truSpaceMd);
 }

 @media (min-width: 0px) and (max-width: 1366px) {
     .skinny-banner>div:not(.banner-copy) {
         padding: var(--truSpaceNone);
     }
 }

 @media (min-width: 768px) and (max-width: 1024px) {
     .skinny-banner-component .skinny-banner {
         flex-direction: column;
         border-radius: var(--truBdrRadiusNone);
     }
     .skinny-banner.half-width-left,
     .skinny-banner.half-width-center,
     .skinny-banner.half-width-right {
         width: var(--truWidthFull);
         max-width: var(--truWidthFull);
         min-width: var(--truWidthFull);
         padding-right: var(--truSpaceNone);
         padding-left: var(--truSpaceNone);
         float: none;
     }
     .skinny-banner>div:not(.banner-copy),
     .skinny-banner .banner-copy {
         padding-bottom: var(--truSpaceMd);
         padding-top: var(--truSpaceMd);
     }
     .skinny-banner>div:first-child {
         display: flex;
         justify-content: center;
     }
     .skinny-banner .banner-copy {
         text-align: center;
     }
     .skinny-banner.mobile-align-left {
         text-align: left;
     }
     .skinny-banner.mobile-align-left>div:first-child,
     .skinny-banner.mobile-align-left>div:nth-child(2),
     .skinny-banner.mobile-align-left>div:last-child {
         padding-left: var(--truSpaceNone);
     }
     .skinny-banner-component .skinny-banner.full-width>div.flex-fill:not(.banner-copy) {
         display: flex;
     }
     .skinny-banner-component .skinny-banner>div:first-child:not(.mobile-align-left),
     .skinny-banner-component .skinny-banner>div:nth-child(2):not(.mobile-align-left) {
         text-align: center;
     }
     .skinny-banner .banner-copy,
     .skinny-banner .banner-copy .heading {
         margin-top: var(--truSpaceNone);
         padding-top: var(--truSpaceNone);
     }
     .skinny-banner.border-radius-40 {
         border-radius: var(--truBdrRadiusMd);
     }
     .skinny-banner .banner-copy.mobile-align-left,
     .skinny-banner .banner-copy.mobile-align-left .heading {
         padding-right: var(--truSpaceNone);
         padding-left: var(--truSpaceNone);
     }
     .skinny-banner .mobile-align-left,
     .skinny-banner .banner-copy.mobile-align-left~.flex-fill {
         justify-content: flex-start;
         width: var(--truWidthFull);
     }
 }

 @media (min-width: 0px) and (max-width: 768px) {
     .skinny-banner {
         flex-direction: column;
     }
     .skinny-banner svg:not(.cta-svg-icon),
     .skinny-banner img {
         padding: var(--truSpaceNone);
     }
     .skinny-banner.half-width-left,
     .skinny-banner.half-width-center,
     .skinny-banner.half-width-right {
         width: var(--truWidthFull);
         max-width: var(--truWidthFull);
         padding-right: var(--truSpaceNone);
         padding-left: var(--truSpaceNone);
         float: none;
     }
     .skinny-banner>div:not(.banner-copy),
     .skinny-banner .banner-copy {
         padding-bottom: var(--truSpaceMd);
     }
     .skinny-banner>div:first-child:not(.mobile-align-left),
     .skinny-banner>div:nth-child(2):not(.mobile-align-left) {
         justify-content: center;
         text-align: center;
         margin-bottom: 1.875rem;
         padding-right: 0.9375rem;
         padding-left: 0.9375rem;
     }
     .skinny-banner>div:first-child.mobile-align-left,
     .skinny-banner>div:nth-child(2).mobile-align-left {
         text-align: left;
     }
     .skinny-banner.flip>div:last-child.mobile-align-left,
     .skinny-banner.flip>div:nth-child(2).mobile-align-left {
         text-align: left;
     }
     .skinny-banner.flip>div:last-child,
     .skinny-banner.flip>div:nth-child(2) {
         justify-content: center;
         text-align: center;
         margin-bottom: 1.875rem;
         padding-right: 0.9375rem;
         padding-left: 0.9375rem;
     }
     .skinny-banner.flip>div:first-child {
         justify-content: center;
         text-align: center;
         margin-bottom: var(--truSpaceNone);
         padding-right: 0.9375rem;
         padding-left: 0.9375rem;
     }
     .skinny-banner .mobile-align-left>div:first-child,
     .skinny-banner .mobile-align-left>div:nth-child(2) {
         text-align: left;
         padding: var(--truSpace3xs);
     }
     .skinny-banner.mobile-align-left>div:first-child,
     .skinny-banner.mobile-align-left>div:nth-child(2),
     .skinny-banner.mobile-align-left>div:last-child {
         padding-left: var(--truSpaceNone);
         text-align: left;
     }
     .skinny-banner-component .mobile-align-left {
         align-self: flex-start;
     }
     .skinny-banner-component {
         padding-right: 0.9375rem;
         padding-left: 0.9375rem;
     }
     .skinny-banner-component .skinny-banner .banner-copy {
         padding-left: 1rem;
     }
     .skinny-banner-component .skinny-banner .mobile-align-left>div:first-child,
     .skinny-banner-component .skinny-banner .mobile-align-left>div:nth-child(2) {
         padding-left: var(--truSpaceNone);
     }
     .skinny-banner-component .skinny-banner .flex-fill {
         padding-left: 1rem;
     }
     .skinny-banner-component .skinny-banner.full-width>div.flex-fill:not(.banner-copy) {
         display: flex;
     }
     .skinny-banner .banner-copy.mobile-align-left,
     .skinny-banner .banner-copy.mobile-align-left .heading {
         padding-right: var(--truSpaceNone);
         padding-left: var(--truSpaceNone);
     }
     .skinny-banner .mobile-align-left,
     .skinny-banner .banner-copy.mobile-align-left~.flex-fill {
         justify-content: flex-start;
         width: var(--truWidthFull);
     }
     .skinny-banner .banner-copy.mobile-align-left~.flex-fill {
         padding-left: var(--truSpaceNone);
     }
 }

 .skinny-banner-component .skinny-banner.bg-tru-ppl .banner-copy h1,
 .skinny-banner-component .skinny-banner.bg-tru-ppl .banner-copy h2,
 .skinny-banner-component .skinny-banner.bg-tru-ppl .banner-copy h3,
 .skinny-banner-component .skinny-banner.bg-tru-ppl .banner-copy h4,
 .skinny-banner-component .skinny-banner.bg-tru-ppl .banner-copy h5,
 .skinny-banner-component .skinny-banner.bg-tru-ppl .banner-copy h6 {
     color: var(--truNeutral0);
 }

 .skinny-banner-component .skinny-banner.bg-dusk-dkr .banner-copy h1,
 .skinny-banner-component .skinny-banner.bg-dusk-dkr .banner-copy h2,
 .skinny-banner-component .skinny-banner.bg-dusk-dkr .banner-copy h3,
 .skinny-banner-component .skinny-banner.bg-dusk-dkr .banner-copy h4,
 .skinny-banner-component .skinny-banner.bg-dusk-dkr .banner-copy h5,
 .skinny-banner-component .skinny-banner.bg-dusk-dkr .banner-copy h6 {
     color: var(--truNeutral0);
 }

 @media (min-width: 0px) and (max-width: 1024px) {
     .skinny-banner.border-radius-20 {
         border-radius: var(--truSpaceXl);
     }
 }

 @media (min-width: 768px) and (max-width: 799px) {
     .skinny-banner .banner-copy~.flex-fill {
         flex: 1 1 auto !important;
         width: auto;
     }
 }

 .search-form-container .bg-svg {
     background: #f7f7f7;
     height: 56px;
     margin-left: 2px;
     margin-top: 2px;
     padding-left: 4px;
     position: absolute;
     width: 50px
 }

 .input-svg-color .bg-svg .locator-map-icon,
 .search-form-container .locator-map-icon {
     left: 10px;
     position: relative;
     top: 17px;
     width: 20px;
     z-index: 1
 }

 .search-form-container .input-svg-color:hover .map-icon {
     fill: #2e1a47
 }

 .search-form-container .group {
     flex: 0 0 45%;
     position: relative
 }

 .search-form .search-button {
     background-color: #2e1a47;
     border: 1px solid #2e1a47;
     border-radius: 4px;
     color: #fff;
     height: 60px;
     padding: 0 3rem;
     position: relative;
     width: 186px
 }

 .search-form .search-button:focus,
 .search-form .search-button:hover {
     background-color: #fff;
     border: 1px solid #2e1a47;
     color: #2e1a47
 }

 .result-list-item-view .grid-button-align {
     padding: 1rem 0 2rem 4rem
 }

 .input-svg-color label {
     height: 1.8rem;
     left: 6.1rem;
     margin-bottom: 0;
     position: relative
 }

 .input-svg-color button~label {
     left: 1.6rem
 }

 .input-svg-color .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }

 .input-svg-color label.placeholder {
     font-size: 1.8rem;
     top: -4rem
 }

 .search-form-container .input-svg-color:hover label.placeholder-active {
     color: #2e1a47
 }

 .js-reverse-trip .search-finder label.placeholder-active,
 .search-form-container .search-finder label.placeholder-active {
     left: 1.8rem
 }

 .search-filter .group .search-finder div.dropdown {
     margin-right: 0
 }

 .input-svg-color label.placeholder-active {
     color: var(--truNeutral500);
     font-size: 1.2rem;
     font-weight: 700;
     position: absolute;
     top: 1rem
 }

 .search-form-container .peoplefinder-search-component .show .dropdown-toggle {
     background: none;
     border: 1px solid #2e1a47;
     box-shadow: none;
     color: var(--truNeutral500);
     outline: 0
 }

 .search-form-container .peoplefinder-search-component .dropdown-toggle:focus {
     background: #fff;
     box-shadow: none;
     color: var(--truNeutral500);
     outline: 0
 }

 .search-form-container .search-finder .dropdown .dropdown-menu {
     width: 97%;
     z-index: 100
 }

 .search-form .input-svg-color .locator-input .selection-menu-item {
     display: inline-block;
     padding-top: 1rem;
     width: 100%
 }

 .input-svg-color input.locator-input:disabled~label.placeholder,
 .input-svg-color input.locator-input:focus~label.placeholder,
 .input-svg-color input.locator-input:valid~label.placeholder,
 .input-svg-color span.mq-place-search.js-active~label.placeholder {
     display: none;
     transition: all .2s ease;
     -moz-transition: all .2s ease;
     -webkit-transition: all .2s ease
 }

 .input-svg-color button.dropdown-toggle~label.placeholder-active,
 .input-svg-color input.locator-input:disabled~label.placeholder-active,
 .input-svg-color input.locator-input:focus~label.placeholder-active,
 .input-svg-color input.locator-input:valid~label.placeholder-active,
 .input-svg-color span.mq-place-search.js-active~label.placeholder-active {
     display: block;
     transition: all .2s ease;
     -moz-transition: all .2s ease;
     -webkit-transition: all .2s ease
 }

 .result-list-item-view .phone-no-align {
     margin-left: auto;
     padding-right: .5rem;
     text-align: right
 }

 .result-list-item-view .grid-item .d-flex-item {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     font-size: 2rem;
     padding: 1.875rem 0 1.875rem 4rem
 }

 .result-list-item-view .grid-item .d-flex-item .order-1 {
     width: 50%
 }

 .result-list-item-view .card .address>span {
     color: var(--truNeutral500);
     display: block
 }

 .result-list-item-view .grid-item .card-sub-title {
     color: #7c6992;
     font-weight: 600;
     margin-bottom: .3rem
 }

 .result-list-item-view .grid-item-title .card-miles {
     color: #7c6992;
     font-size: 2rem;
     font-weight: 600;
     margin-bottom: 0;
     padding-top: .6rem
 }

 [data-sched-key]>div {
     color: #2e1a47;
     font-weight: 700;
     margin-top: .5rem
 }

 [data-sched-key]>span {
     display: inline-block;
     width: 45%
 }

 .tel-syntax a {
     color: #2e1a47;
     text-decoration: underline
 }

 .tel-syntax a:hover {
     color: #2e1a47;
     text-decoration: none
 }

 .search-filter .search-form {
     display: flex
 }

 .search-filter .search-form-container {
     display: flex;
     width: 100%
 }

 .search-filter .search-form>div {
     font-size: 2rem;
     line-height: 1;
     margin-right: 1rem
 }

 .search-form-container>div:not(.group) {
     flex: 0 1 auto;
     line-height: 2.2;
     padding: 1rem
 }

 .js-reverse-trip {
     flex-direction: row-reverse
 }

 .search-filter .locator-input {
     background: none;
     border: 1px solid var(--truNeutral500);
     border-radius: 4px;
     color: var(--truNeutral500);
     font-size: 2rem;
     overflow: hidden;
     padding-top: 10px;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%
 }

 .search-filter .input-svg-color .locator-input {
     height: 60px;
     padding-top: 2rem;
     width: 33rem
 }

 .search-filter .input-svg-color input.locator-input {
     padding-left: 59px
 }

 .search-filter .input-svg-color button.locator-input {
     line-height: 50px;
     font: inherit;
     padding-left: 15px;
     padding-right: 35px
 }

 .locator-input:focus,
 .locator-input:hover {
     border: 1px solid #2e1a47
 }

 .locator-header-container {
     padding: 0;
     width: 100%
 }

 .locator-header-container .locator-header-title {
     color: #2e1a47;
     font-size: 4.8rem;
     font-weight: 300;
     line-height: .9;
     margin-left: 15px;
     margin-right: 15px
 }

 .locator-header-container .location-container {
     display: flex;
     padding: 0 0 2.5rem
 }

 .locator-header-container a {
     color: #2e1a47;
     text-decoration: underline
 }

 .locator-header-container .js-see-all {
     display: none;
     float: right
 }

 .js-advisor-locations-mode-routes .js-see-all {
     color: #2e1a47;
     display: block;
     font-size: 2rem;
     margin-left: auto;
     padding-top: 1rem
 }

 .locator-header-container .Search-navigation {
     display: none
 }

 .js-advisor-locations-mode-routes .Search-navigation {
     display: block;
     margin-left: 4.167%;
     margin-right: 4.167%
 }

 .js-truist-locations .loading-indicator,
 .js-truist-locations>.error-container {
     display: none
 }

 .js-advisor-locations-mode-waiting .loading-indicator {
     display: unset
 }

 .result-list-item {
     padding-left: 50px;
     width: 30%
 }

 .map-icon {
     margin-right: 5px;
     white-space: normal
 }

 .js-advisor-locations-mode-results .no-result-msg {
     font-size: 3.8rem;
     margin: 0 auto;
     padding-top: 5rem;
     text-align: center;
     width: 100%
 }

 .js-advisor-locations-mode-results .no-result-msg p {
     margin: 0;
     padding: 0
 }

 .advisor-label {
     margin-top: -11px;
     z-index: 100
 }

 .advisor-base-page .result-list-item-view .selected-card {
     background-color: #f7f7f7
 }

 .advisor-base-page .result-list-item-view {
     height: 450px;
     overflow-y: auto
 }

 .advisor-base-page .result-list-item-view::-webkit-scrollbar {
     width: 10px
 }

 .advisor-base-page .result-list-item-view::-webkit-scrollbar-track {
     background: #c9c9c9
 }

 .advisor-base-page .result-list-item-view::-webkit-scrollbar-thumb {
     background: #afabc9;
     border-radius: 5px
 }

 .advisor-base-page .result-list-item-view::-webkit-scrollbar-thumb:hover {
     background: #afabc9
 }

 .cluster-marker {
     background-color: #7c6992;
     border-radius: 50%;
     color: #fff;
     font-size: 1.8rem
 }

 .citylist-index::-webkit-scrollbar-track {
     background-color: #c9c9c9;
     border-radius: 8px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }

 .citylist-index::-webkit-scrollbar {
     background-color: #c9c9c9;
     width: 12px
 }

 .citylist-index::-webkit-scrollbar-thumb {
     background-color: #afabc9;
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }

 .citylist-index>nav {
     display: none
 }

 .citylist-index>nav.show,
 .citylist-index>nav:has(ul.citylist-content>li) {
     display: unset
 }

 .citylist-index .citylist-container {
     border-bottom: 1px solid #ccc;
     display: flex;
     flex-direction: row;
     list-style-type: none;
     padding: 2rem 0;
     width: 100%
 }

 .citylist-index .citylist-container>li:last-child {
     margin-left: auto;
     padding-right: 5rem
 }

 .citylist-index .citylist-container>li:last-child button {
     background-color: transparent;
     border: none
 }

 .citylist-index .citylist-container>li:last-child svg.is-rotated {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg)
 }

 .citylist-index .rcorner-char {
     color: #fff;
     font-size: 1.8rem;
     left: 11px;
     line-height: 1.2;
     position: absolute;
     text-align: center;
     top: 11px;
     width: 24px
 }

 .citylist-index ul.citylist-content {
     color: var( --truPurple800);
     display: block;
     list-style-type: none;
     padding-left: 2.5rem;
     padding-right: 2rem;
     padding-top: 0
 }

 .citylist-index ul.citylist-content.hide {
     display: none
 }

 .citylist-index ul.citylist-content li {
     display: block;
     line-height: 2
 }

 .citylist-index ul.citylist-content li a {
     color: var( --truPurple800);
     font-size: 1.8rem;
     text-decoration: underline
 }

 .citylist-index ul.citylist-content li a:focus,
 .citylist-index ul.citylist-content li a:hover {
     text-decoration: none
 }

 @media screen and (min-width:220px) and (max-width:1023px) {
     .citylist-index {
         margin-left: 0
     }
     .citylist-index .citylist-container {
         width: 100%
     }
     .result-list-item-view>.citylist-index {
         height: auto
     }
     .citylist-index .citylist-container li:last-child {
         padding-right: 2rem
     }
 }

 .branch-detail-component .back-btn-search-result {
     padding: 2rem 0
 }

 .back-btn-search-result .back-btn.hide {
     display: none
 }

 .back-btn-search-result .back-btn {
     background: none;
     border: 1px solid var(--truPurple800);
     border-radius: 4px;
     color: var(--truPurple800);
     cursor: pointer;
     display: inline-block;
     font-size: 1.8rem;
     font-weight: 400;
     height: 50px;
     margin-right: 1rem;
     padding: 1rem 2rem;
     text-align: center;
     text-decoration: none
 }

 .branch-detail-component ul.lobby-items {
     color: var(--truClrGryMd);
     font-size: 1.6rem;
     list-style-type: none;
     margin: 0 0 1rem;
     padding: 0
 }

 .back-btn-search-result .back-btn svg {
     margin-right: .6rem;
     vertical-align: sub
 }

 .back-btn-search-result .back-btn:hover:before {
     color: var(--truPurple800)
 }

 .details-view-component .makeapp-btn {
     background: none;
     border: 1px solid var(--truPurple800);
     border-radius: 4px;
     color: var(--truPurple800);
     cursor: pointer;
     font-size: 1.8rem;
     font-weight: 400;
     margin-right: 1rem;
     padding: .8rem 1rem;
     text-align: center;
     text-decoration: none
 }

 .details-view-component .makeapp-btn:focus,
 .details-view-component .makeapp-btn:hover {
     background: var(--truPurple800);
     border: 1px solid var(--truPurple800);
     color: #fff
 }

 .branch-detail-component .map-details-container {
     display: flex;
     flex-wrap: wrap;
     width: 100%
 }

 .branch-detail-component .map-details-container .service-detail-container .makeapp-btn {
     position: relative
 }

 .js-map-hours-wrapper .hours-map-details-container {
     display: flex;
     flex-wrap: wrap;
     width: 100%
 }

 .js-map-hours-wrapper .hours-map-details-container>div {
     margin: 1rem 0 1.5rem;
     width: 50%
 }

 .js-map-hours-wrapper .hours-map-details-container ul>li:first-child {
     border-bottom: 1px solid #ddd;
     margin-bottom: .5rem;
     width: 80%
 }

 .branch-detail-component .details-view-component {
     width: 50%
 }

 .locator-image-content .get-direction {
     color: var(--truPurple800);
     text-decoration: underline;
     vertical-align: middle
 }

 .locator-image-content .get-direction:hover {
     text-decoration: none
 }

 .branch-detail-component .get-direction-page {
     border-bottom-left-radius: 8%;
     border-bottom-right-radius: 0;
     border-top-left-radius: 8%;
     border-top-right-radius: 0;
     width: 50%
 }

 .branch-detail-component .branch-heading {
     background: #fff;
     color: var(--truPurple800);
     font-size: 4.2rem;
     font-weight: 300;
     margin: 2rem 0;
     text-transform: uppercase
 }

 .details-view-component .detail-view {
     border: 0;
     width: 100%
 }

 .details-view-component .flex-detail-container {
     display: flex
 }

 .details-view-component .flex-detail-container .detail-phone-no,
 .details-view-component .flex-detail-container .detail-tel-no {
     display: flex;
     flex-wrap: wrap
 }

 .flex-detail-container .locator-image-content .branch-details-address {
     color: var(--truClrGryMd)
 }

 .details-view-component .flex-detail-container .detail-tel-no {
     margin-right: 1rem
 }

 .details-view-component .flex-detail-container .detail-tel-no svg {
     position: relative;
     top: 5px;
     vertical-align: text-bottom
 }

 .details-view-component .flex-detail-container .detail-tel-no .detail-loc-phone {
     color: var(--truPurple800);
     text-decoration: underline
 }

 .details-view-component .flex-detail-container .detail-tel-no .detail-loc-phone:hover {
     text-decoration: none
 }

 .details-view-component .flex-detail-container .detail-phone-no {
     border-left: 2px solid var(--truNeutral300);
     padding-left: 1rem
 }

 .details-view-component .flex-detail-container .detail-phone-no svg {
     margin-top: 5px;
     position: relative
 }

 .details-view-component .flex-detail-container .detail-phone-no .loc-phone {
     color: var(--truPurple800);
     margin-left: .6rem;
     text-decoration: underline
 }

 .details-view-component .flex-detail-container .detail-phone-no .loc-phone:hover {
     text-decoration: none
 }

 .flex-detail-container img.locator-image {
     border: 1px solid #c9c9c9;
     border-radius: 28px;
     height: auto;
     width: 269px
 }

 .flex-detail-container .locator-image-content {
     font-size: 1.8rem;
     padding: 0 0 0 2rem
 }

 .locator-image-content span {
     display: block
 }

 .locator-image-content .gap-top-bottom {
     display: flex;
     padding: 2rem 0
 }

 .map-details-container .branch-loppy {
     width: 50%
 }

 .map-details-container .branch-loppy-hour {
     display: inline-block;
     width: 30%
 }

 .branch-loppy-padding {
     padding: 2rem 0
 }

 .details-view-component h2.heading-block {
     border-bottom: 1px solid #ccc;
     color: var(--truPurple800);
     font-size: 3.8rem;
     font-weight: 300;
     padding: 5rem 0 .6rem;
     width: 100%
 }

 .details-view-component .js-map-hours-wrapper .sub-heading {
     color: #7c6992;
     font-size: 1.8rem;
     font-weight: 700;
     width: 93%
 }

 .map-details-container .details-view-component .service-detail-container h2.remove-border {
     border-bottom: 0
 }

 .map-details-container .service-detail-container {
     margin-top: 1rem;
     width: 96%
 }

 .map-details-container .service-content-container ul li {
     color: var(--truPurple800);
     font-size: 1.8rem
 }

 .map-details-container .service-content {
     background: var(--truNeutral50);
     border-radius: .4rem;
     margin-bottom: 1rem;
     padding: 2rem;
     width: 100%
 }

 .map-details-container .service-content h3 {
     color: #5e4b68;
     font-size: 1.6rem;
     margin-bottom: 1rem;
     width: 100%
 }

 .map-details-container .service-content ul {
     color: var(--truPurple800);
     column-count: 2;
     -webkit-columns: 2;
     -moz-columns: 2;
     font-size: .8rem;
     font-size: 1.8rem;
     line-height: 2;
     list-style-type: none;
     margin-bottom: 15px;
     padding: 0 0 3rem;
     width: 100%
 }

 .map-details-container .service-content ul.feature-product {
     column-count: 1
 }

 .map-details-container .service-content li a {
     color: var(--truPurple800);
     text-decoration: none
 }

 .map-details-container .service-content li a:hover {
     text-decoration: underline
 }

 .map-details-container .service-content-container {
     width: 50%
 }

 .map-details-container .reversi .reverse-trip:hover {
     text-decoration: none
 }

 .map-details-container .reversi>span {
     position: relative
 }

 .map-details-container .reversi>span:first-of-type {
     bottom: .1rem;
     left: .4rem
 }

 .map-details-container .reversi>span:last-of-type {
     margin-right: .5rem;
     top: .6rem
 }

 .map-details-container .js-pickers>span {
     cursor: pointer;
     display: block
 }

 .details-view-component .mobile-view-makeappt,
 .map-details-container .toggle-map-detail-view {
     display: none
 }

 .map-details-container .get-direction-page .adp-listinfo span:nth-child(3) {
     color: var(--truClrGryMd);
     padding: 0 0 2rem;
     visibility: hidden
 }

 .map-details-container .get-direction-page .adp-listinfo .js-toggle-details:hover {
     text-decoration: none
 }

 .details-view-component .flex-detail-container .hide-line {
     color: #c2c2c2;
     display: none;
     margin-right: 1rem
 }

 .details-view-component .flex-detail-container .detail-tel-no~.hide-line {
     display: unset
 }

 .map-details-container .gmnoprint {
     display: none
 }

 .branch-detail-component .js-location-name>span:last-child {
     text-transform: uppercase
 }

 .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip {
     font-size: 1.62rem;
     line-height: 1.2;
     max-width: 98%;
     min-width: 367px;
     padding: 2rem;
     transform: translate(-25%)
 }

 .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip * {
     color: #fff;
     font-size: 1.8rem;
     line-height: 1.2
 }

 .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip h4 {
     font-weight: 700;
     margin-bottom: 1rem
 }

 .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip svg {
     display: block;
     fill: #fff;
     margin: -3em 0 -2em;
     width: 28%
 }

 .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip ul {
     columns: unset;
     -webkit-columns: unset;
     list-style-type: disc;
     padding: 0 0 0 2.5rem
 }

 .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip a {
     text-decoration: revert
 }

 .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip a:focus,
 .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip a:hover {
     text-decoration: auto
 }

 .branch-detail-component .flex-detail-container .locator-image-container {
     align-items: center;
     border: 1px solid var(--truNeutral300);
     border-radius: 2rem;
     display: flex;
     height: 189px;
     justify-content: center;
     overflow: hidden;
     width: 189px
 }

 .branch-detail-component .flex-detail-container img.locator-image {
     border: none;
     border-radius: 0;
     height: auto;
     max-height: 100%;
     width: 100%
 }

 @media screen and (min-width:220px) and (max-width:1023px) {
     .aem-Grid.aem-Grid--default--24>.gridlayoutcontainer .branch-detail-component {
         margin-left: 0;
         width: 100%
     }
     .map-details-container .details-view-component .service-detail-container h2.remove-border {
         margin-left: 2rem
     }
     .map-details-container .back-view-toggle {
         background-image: linear-gradient(#87749e, #7c6992);
         border-radius: 20rem;
         cursor: pointer;
         display: block;
         display: none;
         height: 56px;
         position: absolute;
         right: 4rem;
         top: 11rem;
         top: 40rem;
         width: 56px;
         z-index: 1
     }
     .map-details-container .service-content {
         padding-left: 5rem
     }
     .map-details-container .back-view-toggle .list-view-text {
         color: #fff;
         display: block;
         font-size: 1.6rem;
         margin-left: 1.3rem;
         padding-top: 16px
     }
     .details-view-component h2.heading-block {
         padding-top: 3rem;
         width: 100%
     }
     .branch-detail-component .branch-heading {
         font-size: 3.6rem
     }
     .details-view-component .flex-detail-container .detail-tel-no~.hide-line {
         display: none
     }
     .js-map-hours-wrapper .hours-map-details-container div {
         width: 100%
     }
     .map-details-container .toggle-map-detail-view {
         position: relative;
         width: 100%
     }
     .toggle-map-detail-view .map-view-toggle {
         position: fixed;
         right: 4rem;
         top: 35rem
     }
     .flex-detail-container img.locator-image {
         border: 1px solid #c9c9c9;
         border-radius: 4px;
         height: auto;
         width: 159px
     }
     .details-view-component .desktop-view-makeappt,
     .map-details-container .get-direction-page {
         display: none
     }
     .details-view-component .mobile-view-makeappt {
         display: block;
         margin-top: 2rem
     }
     .details-view-component .map-details-container,
     .map-details-container .toggle-map-detail-view {
         display: block
     }
     .map-details-container .branch-loppy {
         padding: 0;
         width: 100%
     }
     .flex-detail-container .locator-image-content {
         font-size: 1.8rem;
         padding: 0 0 0 1rem
     }
     .locator-image-content .gap-top-bottom {
         display: inherit
     }
     .map-details-container .service-detail-container {
         margin: 0;
         padding: 0;
         width: 100%
     }
     .map-details-container .service-content ul {
         column-count: 1;
         -webkit-columns: 1;
         font-size: 1.8rem
     }
     .map-details-container .get-direction-page.map-view-show,
     .map-details-container .get-direction-page.map-view-show .map-view {
         border-radius: 0;
         display: block
     }
     .map-details-container .get-direction-page.map-view-show .google-search-form,
     .map-details-container .get-direction-page.map-view-show .js-details-wrapper,
     .map-details-container .get-direction-page.map-view-show .reversi {
         display: none
     }
     .branch-detail-component div.js-location-status-msg {
         width: 90%
     }
     .branch-detail-component .flex-detail-container .locator-image-container {
         height: 15.9rem;
         margin-bottom: 3rem;
         width: 15.9rem
     }
 }

 @media only screen and (min-device-width:980px) and (max-device-width:1199px) and (-webkit-min-device-pixel-ratio:1.5) {
     .locator-image-content .gap-top-bottom.flex-detail-container {
         display: inherit
     }
     .map-details-container .service-content ul {
         font-size: 1.8rem
     }
 }

 @media only screen and (min-device-width:980px) and (max-device-width:1679px) {
     .flex-detail-container img.locator-image {
         height: auto;
         width: 189px
     }
     .flex-detail-container .locator-image-content {
         padding: 0 0 0 1.5rem
     }
 }

 @media only screen and (min-width:1680px) {
     .branch-detail-component .google-map-view {
         height: 680px
     }
     .flex-detail-container img.locator-image {
         border-radius: 28px;
         height: auto;
         width: 269px
     }
     .map-details-container .google-search-form .pac-target-input {
         width: 42rem
     }
 }

 .details-view-component .makeapp-btn.atm {
     display: none
 }

 @media screen and (max-width:768px) {
     .details-view-component .flex-detail-container .detail-phone-no {
         border-left: none;
         padding-left: 0
     }
     .branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip {
         left: 1%;
         transform: unset
     }
 }

 .map-details-container .get-direction-page .locator-input {
     padding-left: 51px;
     padding-top: 0
 }

 .map-details-container .adp-directions {
     width: 100%
 }

 .map-details-container .adp-directions .adp-substep {
     color: #707077;
     padding: .15rem 13rem 1rem 3.6rem
 }

 .map-details-container .adp-directions .adp-substep .adp-stepicon {
     height: 24px;
     width: 24px
 }

 .map-details-container .auto-direction {
     display: none;
     margin-top: 0;
     padding: 0 0 0 4rem
 }

 .map-details-container .auto-direction .adp-step,
 .map-details-container .auto-direction .adp-substep {
     border-top: 0
 }

 .map-details-container .auto-direction .adp table {
     border-left: 1px solid #afabc9;
     font-size: 1.8rem
 }

 .map-details-container .adp-directions .adp-substep .adp-stepicon .adp-maneuver {
     background: none
 }

 .map-details-container .adp-directions .adp-substep .adp-stepicon .adp-maneuver.adp-keep-left,
 .map-details-container .adp-directions .adp-substep .adp-stepicon .adp-maneuver.adp-turn-left {
     background-position: 0 0
 }

 .map-details-container .get-direction-page [jstcache="117"] {
     margin-left: -8px;
     padding-right: 2rem;
     width: 77%
 }

 .map-details-container .get-direction-page .adp-list {
     border: 0;
     color: var(--truClrGryMd);
     font-size: 1.8rem;
     padding-bottom: 0;
     padding-left: 30px;
     padding-top: 0
 }

 .map-details-container .get-direction-page .adp-placemark,
 .map-details-container .get-direction-page [jstcache="115"],
 .map-details-container .get-direction-page [jstcache="118"],
 .map-details-container .get-direction-page [jstcache="119"],
 .map-details-container .get-direction-page [jstcache="26"],
 .map-details-container .get-direction-page [jstcache="31"],
 .map-details-container .get-direction-page [jstcache="32"],
 .map-details-container .get-direction-page [jstcache="37"],
 .map-details-container .get-direction-page [jstcache="65"] {
     display: none
 }

 .map-details-container .get-direction-page .adp-listinfo span:nth-child(odd) {
     background: #fff;
     flex: 0 0 77%;
     padding: 0 0 1.5rem
 }

 .map-details-container .get-direction-page .adp-listinfo span:nth-child(2n) {
     background: #fff;
     flex: 0 0 23%;
     text-align: right
 }

 .map-details-container .get-direction-page .adp-summary {
     display: none
 }

 .map-details-container .get-direction-page .adp-summary~div {
     margin-left: 4.2rem
 }

 .map-details-container .get-direction-page [jstcache="23"] {
     border-bottom: 0;
     padding-bottom: 2rem
 }

 .map-details-container .adp-directions tr:focus {
     outline: 0
 }

 .get-direction-page .google-search-form .floating-label {
     top: 1px
 }

 .map-details-container .adp-directions tr td:first-child {
     background-color: #7c6992;
     border-radius: 50%;
     display: inline-block;
     height: 6px;
     margin-left: -3px;
     margin-top: 12px;
     padding: 0;
     position: absolute;
     width: 6px
 }

 .map-details-container .adp-directions tr:first-child>td:first-child,
 .map-details-container .adp-directions tr:last-child>td:first-child {
     height: 10px;
     margin-left: -6px;
     padding-bottom: 0;
     width: 11px
 }

 .map-details-container .get-direction-page .adp-listinfo {
     background: url(../../../content/dam/global-images/directions-car.svg);
     background-position-y: 1.2rem;
     background-repeat: no-repeat;
     border-top: 1px solid #d3d3d3;
     display: flex;
     flex-wrap: wrap;
     margin: 1rem 0 2rem;
     padding: 1rem 3rem 0 5rem
 }

 .map-details-container .get-direction-page .js-pickers:first-child>.adp-listinfo:first-child {
     border-top: none
 }

 .map-details-container .get-direction-page .js-pickers:first-child>.adp-listinfo:first-child>span {
     visibility: unset
 }

 .map-details-container .get-direction-page .js-pickers {
     padding: 0 0 0 3rem
 }

 .map-details-container .get-direction-page .reversi {
     margin: 0;
     padding: 3rem 0 3rem 3rem
 }

 .map-details-container .get-direction-page .reversi a {
     color: var( --truPurple800);
     font-size: 1.8rem;
     text-decoration: underline
 }

 .map-details-container .bestRoute {
     color: var(--truClrGryMd);
     display: block;
     width: 98%
 }

 .map-details-container .cols-direction {
     color: var( --truPurple800)
 }

 .map-details-container .get-direction-page .map-view {
     height: 600px;
     margin: 0 0 5rem
 }

 .map-details-container .get-direction-page .js-location-name {
     padding-left: 3.1rem
 }

 .map-details-container .get-direction-page .js-location-name.js-direction-reverse span:first-child,
 .map-details-container .get-direction-page .js-location-name:not(.js-direction-reverse) span:nth-child(2) {
     display: none
 }

 @media screen and (min-width:320px) and (max-width:1023px) {
     .map-details-container .get-direction-page .js-pickers {
         padding: 0 0 0 1rem
     }
     .map-details-container .adp-listinfo,
     .map-details-container .auto-direction {
         padding: 0 0 0 1.5rem
     }
     .map-details-container .get-direction-page {
         width: 100%
     }
     .map-details-container .get-direction-page [jstcache="117"] {
         padding-left: 2rem
     }
 }

 .map-details-container .get-direction-page tr {
     display: flex;
     padding: .8rem 0
 }

 .map-details-container .get-direction-page tr td:last-child {
     display: none
 }

 .map-details-container .get-direction-page .adp-fullwidth [jstcache="114"] {
     color: var(--truClrGryMd);
     display: block;
     font-size: 1.8rem;
     padding: 0;
     width: 80%
 }

 .map-details-container .auto-direction>div[jstcache] {
     display: none
 }

 .map-details-container .auto-direction>div:last-child[jstcache] {
     display: unset
 }

 .map-details-container .get-direction-page button.js-toggle-details {
     background: #fff;
     border: none;
     color: var( --truPurple800);
     display: block;
     font-size: 1.8rem;
     text-decoration: underline
 }

 .map-details-container .get-direction-page .js-details-expanded>.auto-direction {
     display: unset
 }

 .map-details-container .get-direction-page .js-details-expanded>.js-pickers:first-child>.adp-listinfo:last-child>button.js-toggle-details span:first-child {
     display: none
 }

 .map-details-container .get-direction-page .js-details-expanded>.js-pickers:first-child>.adp-listinfo:last-child>button.js-toggle-details span:last-child {
     display: unset
 }

 .map-details-container .auto-direction>div {
     border-bottom: 0
 }

 .google-search-form .group-filter-search .google-locator-input:focus-visible {
     outline: none
 }

 .google-search-form .group-filter-search .tt-menu {
     background-color: #fff;
     border: 1px solid var(--truClrGryMd);
     border-radius: 4px;
     padding: 0 .5rem;
     width: 100%
 }

 .google-search-form .group-filter-search .tt-menu .tt-suggestion {
     color: #515151;
     cursor: default;
     font-size: 1.1rem;
     line-height: 30px;
     overflow: hidden;
     padding: 0 4px;
     text-align: left;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .google-search-form .group-filter-search .tt-menu .tt-suggestion>span.main-text {
     color: #000;
     font-size: 1.3rem;
     font-weight: 700
 }

 .search-filter-form .google-search-form {
     width: 100%
 }

 .google-search-form .group-filter-search .input-svg-color {
     border: 1px solid #c2c2c2;
     border-radius: 4px;
     display: flex;
     height: 60px;
     position: relative
 }

 .google-search-form .group-filter-search .input-svg-color:focus-within {
     outline: 2px solid var( --truPurple800)
 }

 .google-search-form .group-filter-search .input-svg-color:hover .map-icon {
     fill: var( --truPurple800)
 }

 .google-search-form .group-filter-search .bg-svg {
     background: #f7f7f7;
     border: none;
     border-radius: 4px 0 0 4px;
     display: inline-block;
     height: 100%;
     width: 56px
 }

 .google-search-form input.google-locator-input:focus~span.floating-label,
 .google-search-form input.google-locator-input:valid~span.floating-label {
     bottom: 10px;
     color: var( --truPurple800);
     font-size: 1.5rem;
     font-weight: 700;
     left: 1rem;
     opacity: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     top: 3px;
     white-space: nowrap;
     width: 96%
 }

 .google-search-form .floating-label {
     color: var(--truClrGryMd);
     font-size: 1.8rem;
     left: 1rem;
     overflow: hidden;
     pointer-events: none;
     position: absolute;
     text-overflow: ellipsis;
     top: 13px;
     transition: all .2s ease;
     white-space: nowrap;
     width: 70%
 }

 .google-search-form .group-filter-search .google-search-button {
     background: var(--truPurple500);
     border: 2px solid var(--truPurple500);
     border-radius: 10px;
     color: var(--truNeutral0);
     font-size: 1.8rem;
     margin-bottom: 0;
     margin-left: 2rem;
     padding: 0 2rem;
     width: 10rem
 }

 .google-search-form .group-filter-search .google-search-button:focus,
 .google-search-form .group-filter-search .google-search-button:hover {
     background: var( --truPurple600);
     border-color: var( --truPurple600)
 }

 .google-search-form .group-filter-search .google-search-button:focus {
     border: 1px solid var(--truPurple600);
     outline: auto var(--truNeutral1000);
     outline-offset: 3px
 }

 .google-search-form .group-filter-search .google-search-button:disabled {
     opacity: unset
 }

 .google-map-locator-component .google-search-button .loading-indicator .dot {
     background-color: var(--truNeutral0);
     border-radius: 2px;
     display: inline-block;
     height: .6rem;
     margin-left: 5px;
     position: relative;
     width: .6rem
 }

 .google-map-locator-component .loading-indicator .dot {
     border-radius: 2px;
     display: inline-block;
     height: .6rem;
     margin-left: 5px;
     position: relative;
     top: -12px;
     width: .6rem
 }

 .google-search-form .group-filter-search .suggest-text {
     font-size: 1.6rem;
     font-weight: unset
 }

 .map-details-container .google-search-form .group-filter-search .bg-svg {
     border-radius: 0 4px 4px 0;
     width: 51px
 }

 .map-details-container .google-search-form .group-filter-search .google-locator-input {
     border-radius: 4px 0 0 4px;
     padding-left: .8rem
 }

 .map-details-container .google-search-form .google-search-button,
 .map-details-container .google-search-form .google-search-button:active,
 .map-details-container .google-search-form .google-search-button:focus,
 .map-details-container .google-search-form .google-search-button:hover {
     background: none;
     border: 1px solid var( --truPurple800);
     border-radius: 4px;
     color: var( --truPurple800);
     font-size: 1.8rem;
     margin-left: 2rem;
     padding: 0
 }

 .map-details-container .google-search-form .group-filter-search .bg-svg svg {
     top: 1.5rem
 }

 .google-search-form .group-filter-search .twitter-typeahead {
     white-space: nowrap
 }

 .google-search-form .group-filter-search .tt-menu .tt-suggestion.tt-cursor {
     border: 2px solid #000
 }

 @media screen and (min-width:220px) and (max-width:1023px) {
     .google-search-form input.google-locator-input:focus~span.floating-label,
     .google-search-form input.google-locator-input:valid~span.floating-label {
         width: 70%
     }
     .google-search-form .group-filter-search .input-svg-color {
         margin-bottom: 2rem
     }
     .google-search-form .group-filter-search .autosuggestion-location-dropdown {
         flex-wrap: wrap;
         margin: 0;
         padding: 0;
         width: 100%
     }
     .google-search-form .group-filter-search .twitter-typeahead {
         width: 100%
     }
 }

 .google-search-form .group-filter-search .google-locator-input {
     border: none;
     border-radius: 0 4px 4px 0;
     color: var(--truClrGryMd);
     font-size: 1.8rem;
     height: 50px;
     overflow: hidden;
     padding: 30px 4rem 0 .8rem;
     text-overflow: ellipsis;
     white-space: normal;
     width: auto
 }

 .google-search-form .group-filter-search .twitter-typeahead {
     white-space: unset
 }

 @media screen and (max-width:441px) {
     .google-search-form .group-filter-search .google-locator-input {
         width: 100%
     }
 }

 @media screen and (max-width:1023px) {
     .google-search-form .group-filter-search .autosuggestion-location-dropdown {
         flex-wrap: unset;
         margin: 0;
         padding: 0;
         width: 100%
     }
     .google-map-locator-component .google-search-form .group-filter-search .google-search-button {
         height: 58px;
         margin-left: 2rem;
         padding: 1rem
     }
 }

 .google-map-locator-component .search-navigation .search-filter-form {
     display: flex
 }

 .google-map-locator-component .hide {
     display: none
 }

 .google-map-locator-component .search-filter-form .filter-modal-opener-btn svg {
     vertical-align: middle
 }

 .google-map-locator-component .group-filter-search .filter-modal-opener-btn:focus,
 .google-map-locator-component .group-filter-search .filter-modal-opener-btn:hover {
     background: var( --truPurple800)
 }

 .google-map-locator-component .group-filter-search .filter-modal-opener-btn:disabled {
     background-color: #f7f9fa;
     border: 1px solid var( --truPurple800);
     color: var( --truPurple800)
 }

 .google-map-locator-component .group-filter-search .filter-modal-opener-btn:disabled:hover .filter-button-text,
 .google-map-locator-component .group-filter-search .filter-modal-opener-btn:disabled:hover .filter-icon-color {
     color: var( --truPurple800);
     fill: var( --truPurple800)
 }

 .google-map-locator-component .search-filter-form .filter-modal-opener-btn:focus svg path,
 .google-map-locator-component .search-filter-form .filter-modal-opener-btn:hover svg path {
     fill: #fff
 }

 .locator-component.filter-dialog-active .group-filter-search .filter-modal-opener-btn {
     background: var( --truPurple800);
     color: #fff
 }

 .locator-component.filter-dialog-active .group-filter-search .filter-modal-opener-btn .filter-button-text {
     color: #fff
 }

 .locator-component.filter-dialog-active .group-filter-search .filter-modal-opener-btn svg path {
     fill: #fff
 }

 .google-map-locator-component .group-filter-search .form-search-button {
     background-color: var( --truPurple800);
     border: 1px solid #ccc;
     border-color: var( --truPurple800);
     border-radius: 4px;
     color: #fff;
     font-size: 1.8rem;
     height: 60px;
     margin-left: 13px;
     padding: 0 3rem
 }

 .google-map-locator-component .group-filter-search .form-search-button:focus,
 .google-map-locator-component .group-filter-search .form-search-button:hover {
     background: var(--truNeutral0);
     color: var( --truPurple800)
 }

 .google-map-locator-component .group-filter-search .filter-modal-opener-btn .bg-ntrl-white {
     background-color: var(--truNeutral0);
     color: var(--truPurple500);
     font-weight: var(--truFontWtBd);
     outline: 1px solid var(--truClear)
 }

 .filter-line {
     fill: none;
     stroke: var(--truPurple500);
     stroke-miterlimit: 10;
     stroke-width: 4px;
     width: 24px
 }

 .google-map-locator-component .search-filter-form .filter-modal-opener-btn:focus .filter-line,
 .google-map-locator-component .search-filter-form .filter-modal-opener-btn:hover .filter-line {
     stroke: var(--truNeutral0)
 }

 .google-map-locator-component .main-container {
     margin: 0 auto;
     max-height: 75%;
     padding: 0 60px
 }

 .google-map-locator-component .result-list-item-view .load-more-button {
     border-top: 1px solid #c2c2c2;
     display: none;
     font-size: 1.8rem;
     margin-top: 4rem;
     padding: 0
 }

 .google-map-locator-component .result-list-item-view .load-more-button a,
 .google-map-locator-component .result-list-item-view .load-more-button button {
     bottom: 2.4rem;
     margin-right: 0
 }

 .google-map-locator-component .result-list-item-view .show-less-button {
     display: none;
     font-size: 1.8rem;
     padding: 1rem 0
 }

 .google-map-locator-component .result-list-item-view .show-less-button a {
     margin-right: 0
 }

 .google-map-locator-component .result-list-item-view .card.hide~.load-more-less-container>div.load-more-button,
 .google-map-locator-component .result-list-item-view .card.show~.load-more-less-container>div.show-less-button {
     display: unset
 }

 .google-map-locator-component .result-list-item-view .loading-indicator {
     background: var(--truClrGryMd);
     height: 100%;
     position: absolute;
     width: 100%;
     z-index: 100
 }

 .google-map-locator-component .result-list-item-view .loading-indicator>svg {
     height: 3em;
     left: 50%;
     position: absolute;
     top: 10%;
     transform: translate(-50%);
     width: 3em
 }

 .google-map-locator-component .result-list-item-view .loading-indicator>svg .loading-indicator-outer {
     fill: #fff
 }

 .google-map-locator-component .result-list-item-view .loading-indicator>svg .loading-indicator-inner {
     animation: rotate 1s linear infinite;
     fill: none;
     stroke: var( --truPurple800);
     stroke-linecap: round
 }

 @keyframes rotate {
     0% {
         transform: rotate(0deg)
     }
     to {
         transform: rotate(1turn)
     }
 }

 .google-map-locator-component .result-list-item-view .grid-container {
     display: flex;
     flex-wrap: nowrap;
     margin-bottom: 0;
     padding: 0;
     position: relative;
     width: 100%
 }

 .google-map-locator-component .result-list-item-view .grid-container p.tel-syntax {
     display: inline-flex
 }

 .google-map-locator-component .result-list-item-view .grid-container .tel-syntax a:hover {
     text-decoration: none
 }

 .google-map-locator-component .show-results-number {
     color: var(--truClrGryMd);
     display: flex;
     font-size: 1.8rem;
     justify-content: flex-start;
     padding: 2rem 0;
     width: 100%
 }

 .google-map-locator-component .show-results-number.hide {
     display: none
 }

 .google-map-locator-component .show-results-number h2 {
     font-size: 1.6rem;
     line-height: 2.4rem;
     margin: 0;
     padding-right: 3rem;
     width: fit-content
 }

 .google-map-locator-component .show-results-number.loading-indicator .dot {
     position: unset
 }

 .google-map-locator-component .show-results-number.loading-indicator .loading {
     color: var( --truClrGryMd);
     padding-left: 1rem
 }

 .google-map-locator-component .google-search-button .loading-indicator .dot {
     top: -.5rem
 }

 .google-map-locator-component .loading-indicator .loading-container-move {
     padding: 1rem
 }

 .google-map-locator-component .loading-indicator .dot {
     background-color: var(--truNeutral500)
 }

 .google-map-locator-component .loading-indicator .dot:first-child {
     animation: jumpingAnimation 1s ease-in .75s infinite
 }

 .google-map-locator-component .loading-indicator .dot:nth-child(2) {
     animation: jumpingAnimation 1s ease-in .5s infinite
 }

 .google-map-locator-component .loading-indicator .dot:nth-child(3) {
     animation: jumpingAnimation 1s ease-in .25s infinite
 }

 .google-map-locator-component .show-results-number .zero-result-msg {
     color: var( --truPurple800);
     font-size: 3rem
 }

 .google-map-locator-component .show-results-number>span {
     line-height: 2.4rem;
     margin-left: 0;
     white-space: nowrap
 }

 .google-map-locator-component .result-list-item-view .card.hide {
     display: none
 }

 .google-map-locator-component .result-list-item-view .card {
     background-color: #fff;
     border-bottom: 1px solid #ccc;
     color: #160c23;
     display: flex;
     line-height: 1.3;
     padding: 1.5rem 2rem 1.5rem 1rem;
     text-align: left
 }

 .google-map-locator-component .result-list-item-view .card:focus-within,
 .google-map-locator-component .result-list-item-view .card:hover {
     background: var( --truNeutral50);
     border-radius: 20px
 }

 .google-map-locator-component .result-list-item-view .card:last-child {
     border: 0
 }

 .google-map-locator-component .result-list-item-view .grid-item .card-sub-title {
     font-size: 1.8rem;
     padding: 2rem 0 0
 }

 .google-map-locator-component .result-list-item-view .grid-container a,
 .google-map-locator-component .result-list-item-view .grid-item-title .card-miles {
     font-size: 1.8rem
 }

 .google-map-locator-component div.js-location-timetable>h4 {
     color: #7c6992;
     font-size: 1.8rem;
     margin: unset
 }

 .google-map-locator-component .grid-item-row .driveThruHours-mobile div,
 .google-map-locator-component .grid-item-row .lobbyHours-mobile div {
     width: 100%
 }

 .google-map-locator-component .grid-item-row .atmHours-mobile div {
     padding-right: 2rem;
     width: 100%
 }

 .google-map-locator-component .get-direction {
     color: var( --truPurple800)
 }

 .google-map-locator-component .grid-item-row {
     color: var(--truClrGryMd);
     display: flex;
     flex-direction: row;
     line-height: 2;
     width: 100%
 }

 .google-map-locator-component .seeMore-content .grid-item-row {
     flex-wrap: wrap;
     padding-left: 6rem
 }

 .google-map-locator-component .seeMore-content .grid-item-row .card-title-row {
     width: 50%
 }

 .google-map-locator-component .seeMore-content .grid-item-row ul.lobby-items {
     font-size: 1.6rem;
     list-style-type: none;
     margin: 0 0 2rem;
     padding: 0
 }

 .google-map-locator-component .grid-item-row-title {
     display: flex;
     flex-direction: row;
     font-weight: bolder;
     padding: 10px;
     text-align: left;
     width: 68%
 }

 .google-map-locator-component .grid-container .card-title,
 .google-map-locator-component .grid-container .card-title a {
     color: var( --truPurple800);
     font-size: 1.8rem;
     line-height: 1.3;
     margin: 0;
     padding: 0 0 .6rem;
     text-transform: uppercase
 }

 .google-map-locator-component .grid-align-right {
     margin-left: auto;
     padding-right: 1rem;
     text-align: right
 }

 .google-map-locator-component .card-sub-title {
     color: #7c6992;
     font-weight: 500;
     margin-bottom: .1rem
 }

 .google-map-locator-component .result-list-item-view .grid-item-title .get-direction {
     display: inline-block;
     padding: 2rem 0
 }

 .google-map-locator-component .result-list-item-view .grid-item-title .get-direction:hover {
     text-decoration: none
 }

 .google-map-locator-component .result-list-item-view .grid-item-title {
     font-size: 1.8rem
 }

 .google-map-locator-component .see-more-accordion {
     display: block;
     font-size: 1.8rem;
     margin: .5rem 0 1rem
 }

 .google-map-locator-component .see-more-accordion a {
     text-decoration: none
 }

 .google-map-locator-component .see-more-accordion svg {
     display: none;
     position: relative
 }

 .google-map-locator-component .see-more-accordion a.arrow-down-item svg:first-of-type,
 .google-map-locator-component .see-more-accordion a.arrow-up-item svg:last-of-type {
     display: inline-block
 }

 .google-map-locator-component .see-more-accordion a span {
     color: var( --truPurple800);
     display: inline-block;
     padding-right: 1rem;
     text-decoration: underline
 }

 .google-map-locator-component .see-more-accordion span:hover {
     text-decoration: none
 }

 .google-map-locator-component .grid-button-align {
     display: flex;
     margin-top: 2rem;
     padding-left: 6rem
 }

 .google-map-locator-component .grid-button-align .appt-button,
 .google-map-locator-component .grid-button-align .detail-button,
 .google-map-locator-component .grid-button-align .makeapp-btn {
     background: #fff;
     border: 1px solid var( --truPurple800);
     border-radius: 4px;
     color: var( --truPurple800);
     cursor: pointer;
     font-size: 1.8rem;
     font-weight: 400;
     padding: 1.5rem;
     text-align: center;
     text-decoration: none
 }

 .google-map-locator-component .grid-button-align .appt-button:hover,
 .google-map-locator-component .grid-button-align .detail-button:focus,
 .google-map-locator-component .grid-button-align .detail-button:hover {
     background: var( --truPurple800);
     color: #fff
 }

 .google-map-locator-component .card-title-row {
     font-size: 1.4rem;
     justify-content: space-between;
     line-height: 1.5;
     margin-bottom: .5rem;
     padding: 0
 }

 .google-map-locator-component .card-title-row.lobbyHours-mobile div {
     padding-right: 1rem
 }

 .google-map-locator-component .card-title-row.atmHours-mobile {
     display: flex
 }

 .google-map-locator-component a.arrow-down-item:hover,
 .google-map-locator-component a.arrow-up-item:hover {
     text-decoration: none
 }

 .google-map-locator-component .card-miles {
     color: #7c6992;
     margin-bottom: .2rem;
     padding-top: .6rem
 }

 .branch-locator-component .google-search-form .group-filter-search .btn.hide,
 .google-map-locator-component .mobil-reversi,
 .google-map-locator-component .toggle-switch-map {
     display: none
 }

 .google-map-locator-component .group-filter-search .filter-modal-opener-btn .filter-button-text {
     font-size: 1.8rem;
     padding-left: 1rem;
     vertical-align: middle
 }

 .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-track {
     background-color: #c9c9c9;
     border-radius: 8px;
     box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }

 .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar {
     background-color: #c9c9c9;
     width: 12px
 }

 .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-thumb {
     background-color: #afabc9;
     border-radius: 10px;
     box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }

 .google-map-locator-component .result-list-item-view .load-more-less-container {
     display: flex;
     flex-direction: column;
     line-height: 0;
     width: 100%
 }

 .google-map-locator-component .result-list-item-view .load-more-less-container.hide {
     display: none
 }

 .google-map-locator-component .no-result-locator-container .no-result-msg {
     color: var(--truClrGryMd);
     font-size: 3.8rem;
     line-height: 1.3;
     padding: 5rem 0 0;
     text-align: center
 }

 .google-map-view .locator-pin-label {
     position: relative;
     top: -3px
 }

 .google-map-view .gm-style-cc,
 .google-map-view .gmnoscreen {
     display: none
 }

 .google-map-locator-component .result-list-item-view .card .seeMore-data {
     padding-left: 6rem
 }

 .loading-indicator .loading-animation .loading {
     color: var( --truClrGryMd);
     font-size: var( --truTxtSizeMicro);
     font-weight: 400
 }

 .loading-container-move {
     padding-left: 2rem;
     padding-top: 2rem
 }

 .branch-locator-component .google-search-button .loading-animation {
     justify-content: center
 }

 .loading-animation {
     align-items: left;
     font-size: var( --truTxtSizeMicro);
     font-weight: 400
 }

 .loading-animation .dot {
     border-radius: 2px;
     height: .6rem;
     top: -12px;
     width: .6rem
 }

 .loading-animation .dot:last-child {
     animation: jumpingAnimation 1s ease-in .25s infinite
 }

 .loading-animation .dot:nth-last-child(2) {
     animation: jumpingAnimation 1s ease-in .5s infinite
 }

 .loading-animation .dot:nth-last-child(3) {
     animation: jumpingAnimation 1s ease-in .75s infinite
 }

 @media screen and (min-width:220px) and (max-width:1024px) {
     .mobile-hide {
         display: none
     }
     .google-map-locator-component .search-navigation .search-filter-form {
         padding-left: 0
     }
     ;
     .google-map-locator-component .grid-button-align .detail-button,
     .google-map-locator-component .grid-button-align .makeapp-mobile-btn {
         width: 100%
     }
     .google-map-locator-component .back-view-toggle {
         background: #fff;
         border: 1px solid var( --truPurple800);
         border-radius: 4px;
         color: var( --truPurple800);
         cursor: pointer;
         display: none;
         font-size: 1.8rem;
         font-weight: 400;
         padding: 1.5rem;
         position: relative;
         right: inherit;
         text-align: center;
         text-decoration: none;
         top: inherit;
         width: 100%;
         z-index: inherit
     }
     .google-map-locator-component .back-view-toggle:focus,
     .google-map-locator-component .back-view-toggle:hover {
         background-color: var( --truPurple800);
         color: #fff;
         outline: none
     }
     .google-map-locator-component .back-view-toggle:focus .cls-1,
     .google-map-locator-component .back-view-toggle:hover .cls-1 {
         fill: #fff
     }
     .google-map-locator-component .filter-button-center-align {
         display: none;
         position: relative;
         width: 100%
     }
     .google-map-locator-component .grid-button-align {
         flex-wrap: wrap;
         padding: 0
     }
     .google-map-locator-component .get-filter-location {
         background: #fff;
         border: 1px solid var( --truPurple800);
         border-radius: 4px;
         color: var( --truPurple800);
         font-size: 1.8rem;
         margin: 5rem auto 2rem;
         opacity: .85;
         padding: 1rem 3rem;
         position: absolute;
         text-align: center;
         text-decoration: none;
         width: 100%;
         z-index: 101
     }
     .google-map-locator-component .get-filter-location:focus,
     .google-map-locator-component .get-filter-location:hover {
         background: var( --truPurple800);
         color: #fff;
         text-decoration: none
     }
     .google-map-locator-component .get-filter-location:focus svg path,
     .google-map-locator-component .get-filter-location:hover svg path {
         fill: #fff
     }
     .google-map-locator-component .grid-button-align .makeapp-btn {
         margin-right: 0
     }
     .google-map-locator-component .back-view-toggle .list-view-text {
         color: #fff;
         display: block;
         font-size: 1.6rem;
         margin-left: 1rem;
         padding-top: 16px
     }
     .google-map-locator-component .result-list-item-view .resultlist-index {
         margin-left: 0
     }
     .google-map-locator-component .result-list-item-view .card {
         padding: 1.6rem 0
     }
     .google-map-locator-component .map-view-toggle .map-view-text {
         color: #fff;
         display: block;
         font-size: 1.6rem;
         margin-left: 1.3rem;
         padding-top: 14px
     }
     .google-map-locator-component .grid-item-row {
         flex-wrap: wrap
     }
     .google-map-locator-component .google-search-form,
     .google-map-locator-component .group-filter-search .input-svg-color,
     .google-map-locator-component .result-list-item-view .grid-container .grid-align-right {
         width: 100%
     }
     .google-map-locator-component .grid-button-align .appt-button:hover,
     .google-map-locator-component .grid-button-align .detail-button:hover {
         display: block;
         margin: 2rem 0;
         width: 100%
     }
     .google-map-locator-component .google-search-form .group-filter-search .google-search-button {
         margin-left: 2rem;
         padding: 1rem
     }
     .google-map-locator-component .search-filter-form .filter-modal-opener-btn:focus svg path,
     .google-map-locator-component .search-filter-form .filter-modal-opener-btn:hover svg path {
         fill: var( --truPurple800)
     }
     .google-map-locator-component .group-filter-search .filter-modal-opener-btn:hover .filter-button-text {
         color: var( --truPurple800)
     }
     .google-map-locator-component .group-filter-search .filter-modal-opener-btn .filter-button-text {
         display: inline-block;
         height: 1.2em;
         overflow: hidden;
         padding-left: 0;
         width: min-content
     }
     .google-map-locator-component .map-view-toggle {
         background: #fff;
         border: 1px solid var( --truPurple800);
         border-radius: 4px;
         color: var( --truPurple800);
         cursor: pointer;
         display: block;
         font-size: 1.8rem;
         font-weight: 400;
         padding: 1.5rem;
         position: relative;
         right: inherit;
         text-align: center;
         text-decoration: none;
         top: inherit;
         width: 100%;
         z-index: inherit
     }
     .google-map-locator-component .map-view-toggle.hide {
         display: none
     }
     .google-map-locator-component .map-view-toggle:focus,
     .google-map-locator-component .map-view-toggle:hover {
         background-color: var( --truPurple800);
         color: #fff;
         outline: none
     }
     .google-map-locator-component .grid-button-align .detail-button,
     .google-map-locator-component .grid-button-align .makeapp-mobile-btn {
         display: inline-block;
         height: 54px;
         margin-bottom: 2rem;
         position: relative
     }
     .google-map-locator-component .atmHours-mobile {
         display: flex;
         width: 100%
     }
     .google-map-locator-component .card-title-row {
         flex-basis: 100%;
         flex-grow: 1;
         font-size: 1.6rem;
         padding: 0
     }
     .google-map-locator-component .group-filter-search .google-locator-input {
         margin-bottom: 0;
         width: 100%
     }
     .google-map-locator-component .card-title-row,
     .google-map-locator-component .result-list-item-view .address,
     .google-map-locator-component .result-list-item-view .card .address>span,
     .google-map-locator-component .result-list-item-view .grid-container a,
     .google-map-locator-component .result-list-item-view .grid-item-title .card-miles {
         font-size: 1.6rem
     }
     .locator-search-page .google-map-view {
         margin-bottom: 0;
         margin-top: 1.5rem
     }
 }

 .google-map-locator-component .grid-button-align .makeapp-btn.atm {
     display: none
 }

 .locator-search-page .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-track {
     background: #838383;
     border-radius: 1rem;
     box-shadow: none;
     -webkit-box-shadow: none
 }

 .locator-search-page .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-thumb {
     background: var( --truPurple800);
     border-radius: 1rem;
     box-shadow: none;
     -webkit-box-shadow: none
 }

 .locator-search-page .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-thumb:hover {
     background: var( --truPurple800)
 }

 .filter-popup-container .filter-split-item .radio-container label {
     margin-left: -40px;
     padding-left: 42px;
     position: inherit;
     z-index: 1
 }

 .google-search-form-column {
     width: 100%
 }

 .branch-locator-container .container {
     max-width: 1600px
 }

 .branch-locator-container h1.locator-header-title {
     padding: 0 0 6rem
 }

 .branch-locator-container .filter-hero-image {
     height: 100%;
     object-fit: cover;
     object-position: center;
     padding: 4rem 0 6rem;
     width: 100%
 }

 .google-map-locator-component .group-filter-search .filter-modal-opener-btn:focus,
 .google-map-locator-component .group-filter-search .filter-modal-opener-btn:hover {
     background: var(--truPurple800);
     color: #fff;
     outline-offset: 0
 }

 .branch-locator-container .half-fluid .left-half,
 .branch-locator-container .half-fluid .right-half {
     left: 50%;
     margin-left: -50vw;
     max-width: 100vw;
     padding: 0;
     position: relative;
     right: 50%;
     width: 100vw
 }

 .branch-locator-container .half-fluid .image {
     background-position: 50%;
     background-size: cover;
     height: 100%;
     min-height: 400px
 }

 .branch-locator-container .container-fluid {
     padding-left: 0;
     padding-right: 0
 }

 @media screen and (max-width:1024px) {
     .branch-locator-container .col-lg-6,
     .branch-locator-container .col-lg-7.py-5.pe-lg-5 {
         flex: 0 0 100%;
         max-width: 100%;
         padding-left: 0;
         padding-right: 0
     }
     .google-map-locator-component .main-container {
         padding: 0 6px
     }
 }

 @media (min-width:1024px) and (max-width:1365px) {
     .branch-locator-container .col-lg-7.py-5.pe-lg-5 {
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }
 }

 .max-1366 {
     margin: auto;
     max-width: 1366px;
     width: 100%
 }

 @media (max-width:1366.8px) {
     body.locator-search-page .max-1366 {
         padding-left: 6rem
     }
 }

 .finder-search-background .finder-search-heading {
     margin-bottom: 3rem
 }

 .finder-search-background .finder-search-heading h1 {
     color: var(--truClrPplBs);
     font-size: 4.8rem;
     font-style: normal;
     font-weight: var(--truFontWtLt);
     line-height: 1.2;
     margin-bottom: 3rem
 }

 .finder-search-background .finder-search-heading .subheading {
     color: var(--truClrPplBs);
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     margin-bottom: 3rem
 }

 .finder-search-background .finder-search-heading .description,
 .finder-search-background .finder-search-heading>p {
     color: var(--truClrPplBs);
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     margin-bottom: 0
 }

 .bg-dusk-dkr .finder-search-heading .description,
 .bg-dusk-dkr .finder-search-heading .subheading,
 .bg-dusk-dkr .finder-search-heading h1,
 .bg-tru-ppl .finder-search-heading .description,
 .bg-tru-ppl .finder-search-heading .subheading,
 .bg-tru-ppl .finder-search-heading h1 {
     color: var( --truClrNtrlWht)
 }

 .finder-search-background .search-block-container {
     display: flex;
     flex-wrap: wrap;
     width: 100%
 }

 .finder-result-card .sortBy-result .btn.dropdown-toggle-action,
 .search-block-container .drop-down-transform .btn.dropdown-toggle-action {
     background-color: var( --truClrNtrlWht);
     border-radius: .8rem;
     color: var(--truNeutral500);
     font-weight: var(--truFontWtRg);
     height: 61px;
     max-width: 100%;
     width: 100%
 }

 .finder-result-card .sortBy-result .btn.dropdown-toggle-action .dropchevron,
 .search-block-container .drop-down-transform .btn.dropdown-toggle-action .dropchevron {
     display: inline-flex;
     flex: 0;
     padding-top: 0
 }

 .finder-result-card .sortBy-result .btn.dropdown-toggle-action .dropchevron {
     padding-top: 5px
 }

 .finder-result-card .sortBy-result .show .btn.dropdown-toggle-action .dropchevron {
     padding-top: 10px
 }

 .finder-result-card .sortBy-result .btn.dropdown-toggle-action .dropchevron:after,
 .search-block-container .drop-down-transform .btn.dropdown-toggle-action .dropchevron:after {
     border-bottom: 2px solid transparent;
     border-left: 0;
     border-right: 2px solid transparent;
     border-top: 0;
     border-color: var(--truClrDuskBs);
     content: "";
     cursor: pointer;
     height: 8px;
     padding: 5px;
     transform: rotate(45deg);
     width: 12px
 }

 .search-block-container .drop-down-transform .show .btn.dropdown-toggle-action .dropchevron:after,
 .sortBy-result .show .btn.dropdown-toggle-action .dropchevron:after {
     margin-top: 12px;
     transform: rotate(-135deg)
 }

 .bg-dusk-dkr .search-block-container .drop-down-transform .btn.dropdown-toggle-action,
 .bg-dusk-dkr.finder-search-background .search-block-container .dropdown-menu,
 .bg-tru-ppl .search-block-container .drop-down-transform .btn.dropdown-toggle-action,
 .bg-tru-ppl.finder-search-background .search-block-container .dropdown-menu {
     border: 1px solid var( --truClrDuskDk)
 }

 .bg-dusk-dkr .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,
 :focus,
 :active),
 .bg-tru-ppl .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,
 :focus,
 :active) {
     border: 1px solid var( --truClrNtrlWht);
     color: var(--truClrPplBs)
 }

 .bg-ntrl-white .search-block-container .drop-down-transform .btn.dropdown-toggle-action,
 .bg-ntrl-white.finder-search-background .search-block-container .dropdown-menu,
 .bg-off-white .search-block-container .drop-down-transform .btn.dropdown-toggle-action,
 .bg-off-white.finder-search-background .search-block-container .dropdown-menu {
     border: 1px solid var( --truClrGryVLt)
 }

 .bg-mist .search-block-container .drop-down-transform .btn.dropdown-toggle-action,
 .bg-mist-dk .search-block-container .drop-down-transform .btn.dropdown-toggle-action,
 .bg-mist-dk.finder-search-background .search-block-container .dropdown-menu,
 .bg-mist.finder-search-background .search-block-container .dropdown-menu {
     border: 1px solid var( --truClrMistDkr)
 }

 .bg-sky-blue-lt .search-block-container .drop-down-transform .btn.dropdown-toggle-action,
 .bg-sky-blue-lt.finder-search-background .search-block-container .dropdown-menu,
 .bg-sky-blue-ltr .search-block-container .drop-down-transform .btn.dropdown-toggle-action,
 .bg-sky-blue-ltr.finder-search-background .search-block-container .dropdown-menu {
     border: 1px solid var( --truClrSkyBs)
 }

 .bg-ntrl-white .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,
 :focus,
 :active),
 .bg-off-white .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,
 :focus,
 :active),
 .finder-result-card .sortBy-result .btn.dropdown-toggle-action:is(:hover,
 :focus,
 :active),
 .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,
 :focus,
 :active) {
     background-color: var(--truClrNtrlWht);
     border: 1px solid var(--truClrPplBs);
     border-spacing: 1px;
     box-shadow: none;
     color: var(--truClrDuskDk)
 }

 .search-block-container .drop-down-transform .btn.dropdown-toggle-action span {
     color: var(--truNeutral500);
     font-weight: var(--truFontWtRg);
     text-align: left
 }

 .drop-down-transform .selected-item {
     overflow: hidden;
     text-overflow: ellipsis;
     width: 98%
 }

 .finder-search-background .search-block-container .btn-secondary:not(:disabled):not(.disabled).active,
 .finder-search-background .search-block-container .btn-secondary:not(:disabled):not(.disabled):active,
 .finder-search-background .search-block-container .show>.btn-secondary.dropdown-toggle {
     background: var(--truClrNtrlWht);
     border: 1px solid var(--truClrDuskDk);
     color: var(--truNeutral500)
 }

 .finder-search-background .search-block-container .dropdown-menu {
     background: var(--truClrOffWht);
     border-radius: 1rem;
     margin-top: 1rem;
     padding: 0;
     width: 100%;
     z-Index: 1000
 }

 .drop-down-transform .dropdown.show {
     margin-top: 0;
     top: 0
 }

 .drop-down-transform .dropdown.activeClass .dropdown-toggle:after,
 .drop-down-transform .dropdown.activeClassArrow .dropdown-toggle:after {
     margin-top: 11px;
     right: 20px
 }

 .panel-heading a:hover svg path {
     fill: var(--truClrDawnLt)
 }

 .search-filter-container .btn-primary:not(:disabled):not(.disabled).active,
 .search-filter-container .btn-primary:not(:disabled):not(.disabled):active,
 .search-filter-container .show>.btn-primary.dropdown-toggle {
     background: var(--truClrPplLt);
     border: 0;
     box-shadow: none
 }

 .filter-accordion-outer-container {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     width: 100%
 }

 .filter-accordion-inner-container {
     width: 33%
 }

 .search-filter-container .financial-dropdown-label {
     color: var(--truNeutral500);
     display: inline-block;
     padding: 2rem 0;
     width: 100%
 }

 .bg-dusk-dkr .search-filter-container .financial-dropdown-label,
 .bg-tru-ppl .search-filter-container .financial-dropdown-label {
     color: var(--truClrNtrlWht)
 }

 .search-filter-container .form-group {
     margin-bottom: 0;
     position: relative
 }

 .search-filter-container .form-group label {
     color: var(--truClrGryDkr);
     position: absolute;
     top: 1rem;
     z-index: 3
 }

 .search-filter-container .form-group label.form-check-label {
     position: relative;
     width: 94%
 }

 .search-filter-container .form-group .input-wrapper {
     display: flex;
     justify-content: center;
     position: relative
 }

 .search-filter-container .form-group .input-wrapper.checkbox-container {
     display: inline-table;
     position: relative
 }

 .search-filter-container .form-group .input-wrapper:before {
     background: var(--truClrNtrlWht);
     border: 1px solid var(--truClrNtrlWht);
     border-radius: .25rem;
     content: "";
     display: block;
     height: 52px;
     position: absolute;
     top: -3px;
     width: 100%;
     z-index: 1
 }

 .search-filter-container .form-group .input-wrapper.checkbox-container:before {
     display: none
 }

 .search-filter-container input[type=checkbox] {
     background: var(--truClrClear);
     border: 0;
     box-shadow: none;
     cursor: pointer;
     height: 24px;
     left: -11px;
     opacity: 0;
     position: absolute;
     top: -8px;
     width: 24px;
     z-index: 4
 }

 .search-filter-container input[type=checkbox]:focus+.label-span:before {
     border-width: 2px;
     outline: 1px solid var(--truNeutral500);
     outline-offset: 2px
 }

 .bg-dusk-dkr .search-filter-container input[type=checkbox]:focus+.label-span:before,
 .bg-tru-ppl .search-filter-container input[type=checkbox]:focus+.label-span:before {
     outline: 1px solid var(--truClrNtrlWht);
     outline-offset: 2px
 }

 .search-button-container {
     display: flex;
     flex-wrap: wrap
 }

 .search-button-container .btn.search-btn {
     background: var(--truClrDuskBs);
     border-radius: .63rem;
     color: var(--truClrNtrlWht);
     font-weight: var(--truFontWtBd);
     margin-bottom: 0;
     margin-right: 30px;
     max-height: 61px
 }

 .search-button-container .btn.search-btn:hover {
     background: var(--truClrDuskDk);
     color: var(--truClrNtrlWht)
 }

 .search-button-container .btn.search-btn:focus {
     background: var(--truClrDuskBs);
     box-shadow: none;
     color: var(--truClrNtrlWht);
     outline: 1px solid var(--truClrNtrlWht);
     outline-offset: -4px
 }

 .bg-dusk-dkr .search-button-container .btn.search-btn,
 .bg-tru-ppl .search-button-container .btn.search-btn {
     background: var(--truClrHazeBs);
     color: var(--truClrPplBs)
 }

 .bg-dusk-dkr .search-button-container .btn.search-btn:hover,
 .bg-tru-ppl .search-button-container .btn.search-btn:hover {
     background: var(--truClrHazeLt);
     color: var(--truClrPplBs)
 }

 .bg-dusk-dkr .search-button-container .btn.search-btn:focus,
 .bg-tru-ppl .search-button-container .btn.search-btn:focus {
     background: var(--truClrHazeBs);
     color: var(--truClrPplBs);
     outline: 1px solid var(--truClrPplBs)
 }

 .search-button-container .btn.filter-clear-btn {
     background: none;
     color: var(--truClrDuskBs);
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg) !important;
     line-height: 23px;
     margin-bottom: 0;
     text-decoration: underline !important
 }

 .search-button-container .btn.filter-clear-btn:hover {
     color: var(--truClrDuskDkr);
     text-decoration: none
 }

 .search-button-container .btn.filter-clear-btn:focus {
     outline: 2px solid var(--truClrDuskBs);
     text-decoration: none
 }

 .bg-dusk-dkr .search-button-container .btn.filter-clear-btn,
 .bg-tru-ppl .search-button-container .btn.filter-clear-btn {
     color: var(--truClrNtrlWht)
 }

 .bg-dusk-dkr .search-button-container .btn.filter-clear-btn:hover,
 .bg-tru-ppl .search-button-container .btn.filter-clear-btn:hover {
     color: var(--truClrDawnLtr)
 }

 .bg-dusk-dkr .search-button-container .btn.filter-clear-btn:focus,
 .bg-tru-ppl .search-button-container .btn.filter-clear-btn:focus {
     outline: 2px solid var(--truClrNtrlWht)
 }

 .show {
     display: block
 }

 .hide {
     display: none
 }

 .pagination-card-view {
     display: flex;
     padding: 2rem 0;
     text-align: center;
     width: 100%
 }

 .finder-result-pagination {
     padding: 0;
     width: 100%
 }

 .finder-result-pagination ul {
     display: flex;
     justify-content: center;
     width: 100%
 }

 .light-theme.finder-result-pagination .current {
     background: none;
     border: 0;
     box-shadow: none;
     color: var(--truClrPplBs);
     font-weight: var(--truFontWtBd);
     text-decoration: underline
 }

 .finder-result-pagination li {
     background: none
 }

 .finder-result-pagination li a,
 .finder-result-pagination li span {
     background: none;
     border: 0;
     box-shadow: none;
     color: var(--truClrPplBs)
 }

 .pagination-card-view .finder-result-pagination.custom-card-pagination li.disabled .next:before,
 .pagination-card-view .finder-result-pagination.custom-card-pagination li.disabled .prev:after {
     color: var(--truNeutral500)
 }

 .pagination-card-view .finder-result-pagination.custom-card-pagination li button:focus {
     border: 2px solid var(--truClrPplBs);
     box-shadow: none;
     color: var(--truNeutral500);
     outline: 0;
     z-index: 2
 }

 .card-view-container {
     width: 100%
 }

 .finder-result-card .sortBy-result {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     padding-bottom: 2rem;
     position: relative;
     width: 100%
 }

 .finder-result-card .sortBy-result .sortByDropdown {
     width: 351px
 }

 .finder-result-card .sortByDropdown .dropdown-toggle {
     background: 0;
     border: 1px solid var(--truClrGryVLt);
     border-radius: 5px;
     color: var(--truNeutral500);
     font-size: 1.8rem;
     padding: 18.5px 20px;
     position: relative;
     text-align: left;
     width: 100%
 }

 .finder-result-card .sortByDropdown .dropdown-toggle:focus {
     box-shadow: none
 }

 .finder-result-card .sortByDropdown.show .dropdown-menu {
     border-radius: 0;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top: 1px solid var(--truClrGryVLt);
     border: 1px solid var(--truClrGryVLt);
     display: block;
     font-size: 1.6rem;
     margin: 0;
     width: 351px
 }

 .finder-result-card .sortByDropdown.show .dropdown-menu li a {
     color: var(--truNeutral500);
     text-decoration: none
 }

 .finder-result-card .sortByDropdown.show .dropdown-menu li a:focus,
 .finder-result-card .sortByDropdown.show .dropdown-menu li a:hover {
     background: none;
     color: var(--truNeutral500)
 }

 .finder-result-card .sortByDropdown .dropdown-toggle:after {
     background-image: url(../../../content/dam/global-images/icon-carat-smaller.svg);
     background-repeat: no-repeat;
     border: 0;
     display: inline-block;
     height: 25px;
     margin-top: 2px;
     position: absolute;
     right: 20px;
     width: 25px
 }

 .finder-result-card .sortByDropdown.show .dropdown-toggle:after {
     background-image: url(../../../content/dam/global-images/icon-carat-smaller.svg);
     background-repeat: no-repeat;
     top: 16px;
     -webkit-transform: rotate(180deg);
     transform: rotate(-180deg)
 }

 .finder-result-card .sort-result-count {
     color: var(--truNeutral500);
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     line-height: 3.7;
     margin-left: 3rem
 }

 .finder-result-card .finder-result-inner-content {
     display: flex;
     flex-wrap: wrap;
     width: 100%
 }

 .finder-result-card .finder-result-inner-content .card-size-viewport:nth-child(2n) {
     margin-left: auto
 }

 .finder-result-card .card-size-viewport {
     background: var( --truClrNtrlWht);
     border: 1px solid var(--truClrGryLt);
     border-radius: 40px;
     margin: 0 0 3rem;
     padding: 3rem;
     width: 48%
 }

 .finder-result-card .card-image-container {
     border: 1px solid var(--truClrGryLt);
     border-radius: 20px;
     height: 108px;
     width: 108px
 }

 .finder-result-card .profile-description,
 .finder-result-card .view-catagory-button,
 .finder-result-card .view-profile-button {
     display: flex;
     flex-wrap: wrap
 }

 .finder-result-card .profile-content {
     color: var(--truClrPplBs);
     font-size: 2.8rem;
     font-weight: var(--truFontWtLt)
 }

 .finder-result-card .profile-content div,
 .finder-result-card .profile-destination div {
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     max-width: 98%;
     -webkit-box-orient: vertical;
     line-height: 1.2;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .finder-result-card .profile-destination {
     color: var(--truClrPplBs);
     font-size: 1.8rem;
     font-weight: var(--truFontWtXBd)
 }

 .finder-result-card .profile-description {
     font-size: 1.6rem
 }

 .finder-result-card .profile-description div.profile-link-text {
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     line-height: 1.4;
     max-width: 98%;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .finder-result-card .profile-description span {
     color: var(--truClrDuskBs)
 }

 .finder-result-card .profile-content-align {
     display: flex;
     margin: 2rem 0 0
 }

 .finder-result-card .profile-content-align.profile-address {
     color: var(--truClrPplBs);
     font-size: 1.6rem
 }

 .finder-result-card .view-catagory-button.profile-content-align {
     gap: 0 10px
 }

 .finder-result-card .profile-button {
     column-gap: 20px;
     display: flex
 }

 .profile-button .view-profile {
     background: var(--truClrDuskBs);
     color: var(--truClrNtrlWht);
     font-weight: var(--truFontWtXBd)
 }

 .profile-button .make-apt-btn,
 .profile-button .view-profile {
     border-radius: 10px;
     font-size: 1.6rem;
     margin-right: 1rem;
     padding: .75rem 1.5rem;
     text-align: center;
     text-decoration: none
 }

 .profile-button .make-apt-btn {
     background: var(--truClrNtrlWht);
     border: 2px solid var(--truClrDuskBs);
     color: var(--truClrDuskBs)
 }

 .profile-button .view-profile:is(:hover,
 :focus,
 :active) {
     background: var(--truClrPplBs)
 }

 .profile-button .make-apt-btn:is(:hover,
 :focus,
 :active) {
     background: var(--truClrMistBs);
     color: var(--truClrPplBs)
 }

 .finder-result-card .view-catagory-button span {
     background-color: var(--truClrOffWht);
     border-radius: 40px;
     color: var(--truClrPplBs);
     font-size: 1.6rem;
     margin: 0 0 1rem;
     padding: 5px 20px;
     text-align: center
 }

 .finder-default-msg-noresult {
     color: var(--truClrPplBs);
     font-size: 2.4rem;
     font-weight: var(--truFontWtXBd);
     padding: 2rem 0;
     text-align: left
 }

 .location-error-validation .location-search-validation {
     color: var( --truClrErrBs);
     display: flex;
     font-size: 1.4rem;
     margin-top: .8rem;
     position: relative;
     width: 100%
 }

 .location-error-validation .location-search-validation:before {
     border: 2px solid var( --truClrErrBs);
     border-radius: 50%;
     content: "!";
     display: block;
     font-size: 1rem;
     height: 20px;
     line-height: 13px;
     margin-right: 10px;
     margin-top: .4rem;
     text-align: center;
     width: 20px
 }

 .dropdown-error-validation .finder-tooltip-up-arrow {
     background: var(--truClrErrDk);
     border: 1px solid var(--truClrErrBs);
     border-radius: 4px;
     color: var( --truClrNtrlWht);
     display: flex;
     font-size: 1.4rem;
     margin: 10px 0;
     padding: 8px;
     position: relative;
     text-decoration: none
 }

 .dropdown-error-validation .finder-tooltip-up-arrow:before {
     border: 2px solid var( --truClrNtrlWht);
     border-radius: 50%;
     content: "!";
     display: block;
     font-size: 1rem;
     height: 20px;
     line-height: 13px;
     margin-right: 10px;
     margin-top: .4rem;
     text-align: center;
     width: 20px
 }

 .dropdown-error-validation .finder-tooltip-up-arrow:after {
     border: 9px solid transparent;
     border-bottom: 9px solid var(--truClrErrDk);
     bottom: 100%;
     content: "";
     display: block;
     height: 0;
     left: 11px;
     position: absolute;
     top: -18px;
     width: 0
 }

 .search-block-container .hide {
     display: none
 }

 .finder-search-background .search-block-container input.error-validation-color {
     border: 1px solid var(--truClrErrDk);
     color: var(--truClrErrDk)
 }

 .finder-search-background .search-block-container input.error-validation-color::placeholder {
     color: var(--truClrErrDk)
 }

 .finder-search-background .search-block-container input.error-validation-color:active,
 .finder-search-background .search-block-container input.error-validation-color:focus {
     color: var(--truNeutral500);
     outline: 2px solid var(--truClrErrDk)
 }

 .finder-search-background .search-block-container .placeholder-error-color {
     color: var(--truClrErrDk)
 }

 .loading-animation {
     align-items: center;
     color: var(--truNeutral500);
     display: flex;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     justify-content: center
 }

 .loading-animation .dot {
     border-radius: 1px;
     display: inline-block;
     height: 8px;
     margin-left: 5px;
     position: relative;
     top: -5px;
     width: 8px
 }

 .loading-animation .loading {
     padding-left: 10px
 }

 @keyframes jumpingAnimation {
     0% {
         transform: translateZ(0)
     }
     50% {
         transform: translate3d(0, 10px, 0)
     }
     to {
         transform: translateZ(0)
     }
 }

 .form-control.location-radius-input {
     font-size: 1.8rem;
     padding: .5rem 1rem;
     text-overflow: ellipsis
 }

 @media (max-width:990px) {
     .finder-result-card .sortByDropdown.show .dropdown-menu,
     .finder-search-background .search-block-container .dropdown-menu {
         width: 100%
     }
     .finder-result-card .card-size-viewport {
         padding: 2rem;
         width: 100%
     }
     .search-block-container .drop-down-transform .btn.dropdown-toggle-action {
         padding-left: 1.2rem
     }
     .search-button-container {
         display: flex;
         flex: 0 0 100%;
         flex-direction: column
     }
     .search-button-container .btn.search-btn {
         margin-right: 0;
         width: 100%
     }
     .search-button-container .btn.filter-clear-btn {
         margin-top: 20px;
         padding: 1rem 2rem;
         text-align: center;
         width: 100%
     }
     .finder-result-card .finder-result-inner-content,
     .search-filter-container .form-group .input-wrapper.checkbox-container {
         width: 100%
     }
     .search-filter-container .form-group .input-wrapper.checkbox-container {
         margin: 0
     }
     .finder-result-card .profile-description div {
         display: block;
         display: -webkit-box;
         -webkit-line-clamp: inherit;
         line-height: 1.4;
         max-width: 98%
     }
     .finder-result-card .profile-description span {
         display: inline-block;
         padding: .5rem 0;
         text-align: left
     }
     .finder-result-card .profile-description span:last-child {
         display: inline-block;
         -webkit-line-clamp: inherit;
         line-height: 1.4;
         max-width: inherit;
         -webkit-box-orient: inherit;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap
     }
     .finder-result-card .profile-button,
     .finder-result-card .profile-content-align {
         display: inherit;
         margin: 1rem 0 0
     }
     .profile-button .make-apt-btn,
     .profile-button .view-profile {
         display: inline-block;
         margin-bottom: 2rem;
         text-decoration: none;
         width: 100%
     }
     .profile-button .make-apt-btn.hide {
         display: none
     }
     .finder-result-card .profile-description div.profile-link-text {
         display: inherit;
         line-height: inherit
     }
     .finder-result-card .sortBy-result .sortByDropdown {
         width: 100%
     }
     .finder-result-card .sortBy-result {
         position: relative
     }
     .finder-result-card .sort-result-count {
         line-height: inherit;
         margin-left: 0;
         margin-top: 20px
     }
 }

 @media (max-width:768px) {
     .finder-result-card .view-catagory-button span {
         display: block;
         margin-bottom: 1rem;
         text-align: left;
         white-space: normal;
         width: fit-content
     }
 }

 .about-process-component {
     border-bottom: 1px solid var(--truNeutral300);
     padding: 10rem 15px;
     width: 100%
 }

 .about-process-component dialog {
     display: none
 }

 .advisor-base-page .team-view .about-process-component {
     border: 0;
     border-bottom: 1px solid var(--truNeutral300);
     color: #2e1a47;
     font-size: 2rem;
     line-height: 1.2;
     padding: 10rem 15px;
     text-align: left
 }

 .about-process-component h3 {
     color: #3c1d5d;
     font-size: 3.8rem;
     font-weight: 300
 }

 .about-process-component h4 {
     color: #7c6992;
     font-size: 2.4rem;
     font-weight: 600
 }

 .wistia-video-template {
     padding: 5rem;
     width: 100%
 }

 .wistia-video-template .video-title {
     color: #2e1a47;
     font-weight: 300;
     text-align: center
 }

 .wistia-video-template .wistia-arrow-up {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 .wistia-video-template .wistia-arrow-down {
     -webkit-transform: rotate(1turn);
     transform: rotate(1turn)
 }

 .wistia-video-template .wistia-script a {
     border: 0;
     color: #2e1a47;
     font-size: 2rem;
     padding: 2rem 0 0;
     text-align: justify;
     text-decoration: none
 }

 .wistia-video-template .wistia-script a:hover {
     -webkit-text-decoration: none;
     text-decoration: none
 }

 .wistia-video-template .wistia-script-container {
     padding-top: 2rem
 }

 .wistia-video-template .wistia-transcript-info {
     font-size: 1.8rem;
     padding: 2rem 0;
     text-align: justify;
     width: 100%
 }

 .wistia-video-template .show {
     display: block
 }

 .wistia-video-template .hide {
     display: none
 }

 @media screen and (min-width:320px)and (max-width:1023px) {
     .wistia-video-template {
         padding: 1rem
     }
 }

 .advisor-card .get-direction-link {
     color: var(--truPurple800);
     visibility: hidden
 }

 .advisor-card .get-direction-link[href*=daddr] {
     visibility: visible
 }

 .advisor-card .see-all-location-link {
     color: var(--truPurple800);
     text-decoration: underline;
     visibility: hidden
 }

 .advisor-card .detail-group-row.item-align-right:has(.get-direction-link[href*=daddr]) .see-all-location-link {
     visibility: visible
 }

 .profile-main-container {
     border-bottom: 1px solid var(--truNeutral300);
     margin: 0 15px;
     max-width: 1600px;
     padding-bottom: 4.0625rem !important;
     padding-left: 0;
     padding-right: 0;
     padding-top: 4.0625rem !important
 }

 .profile-main-container .profile-content a:hover {
     text-decoration: none
 }

 .profile-main-container .profile-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .profile-main-container .profile-image {
     border-radius: 10%;
     height: auto;
     max-width: 433px;
     width: 433px
 }

 .profile-main-container .profile-header {
     color: #2e1a47;
     font-size: 7rem;
     line-height: normal;
     margin: 0
 }

 .profile-main-container .profile-header .profilename-designationCode {
     display: inline-block;
     line-height: 1;
     padding-bottom: 1.25rem
 }

 .profile-main-container .profile-title {
     color: #3c1d5d;
     font-size: 3.8rem;
     font-weight: 300;
     padding: 0
 }

 .profile-main-container .advisor-title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 0
 }

 .profile-main-container .profile-advisory-text {
     color: #7c6992;
     display: inline-block;
     font-size: 2.4rem;
     font-weight: 600;
     padding-bottom: 1.25rem;
     padding-right: 2rem;
     width: 45rem
 }

 .profile-main-container .advisor-title .team-name {
     color: #2e1a47;
     font-size: 2.4rem;
     margin-left: auto;
     text-align: right;
     text-decoration: underline
 }

 .profile-main-container .advisor-title .nounderline-team-name {
     color: #2e1a47;
     font-size: 2.4rem;
     margin-left: auto;
     text-align: right;
     text-decoration: none
 }

 .profile-main-container .profile-header .profile-advisory-text .profile-advisory-block {
     display: inline-block
 }

 .profile-main-container .profile-advisory-text .profile-advisory-block {
     display: inline-block;
     width: 100%
 }

 .profile-main-container .detail-group-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     line-height: 1.25;
     margin-bottom: 1.875rem;
     padding-top: 1rem
 }

 .profile-main-container .profile-content {
     padding: 0 0 0 6rem;
     width: 66%
 }

 .profile-main-container .profile-heading {
     margin-bottom: 3rem
 }

 .detail-group-row .detail-group-address {
     color: var(--truNeutral500);
     font-size: 2rem;
     line-height: 2
 }

 .detail-group-list .detail-group-row {
     width: 60%
 }

 .detail-group-list .detail-color-apply {
     padding-right: 2rem
 }

 .detail-group-row p {
     margin-bottom: .9375rem
 }

 .detail-group-row .detail-group-right-align {
     color: #2e1a47
 }

 .detail-group-row .tru-icon-contact {
     height: 20px;
     width: 20px
 }

 .detail-group-row .telno-profile {
     color: #2e1a47
 }

 .detail-group-list .item-align-right {
     color: #2e1a47;
     font-size: 2rem;
     padding-right: 0;
     text-align: right;
     width: 40%
 }

 .detail-group-list .item-align-right p {
     color: #2e1a47;
     word-break: break-all
 }

 .detail-group-list .item-align-right p a:hover,
 .detail-group-list .item-align-right p span a:hover {
     text-decoration: none
 }

 .detail-color-apply p:not(:first-child) {
     color: var(--truNeutral500);
     font-size: 2rem
 }

 .profile-main-container .profile-email {
     color: #2e1a47;
     cursor: pointer;
     font-size: 2rem;
     word-break: break-all
 }

 .profile-destinaion-space {
     margin: 0 0 2rem
 }

 .profile-about-section {
     border-bottom: 1px solid var(--truNeutral300);
     margin: 0 15px;
     max-width: 1600px;
     padding-bottom: 4.0625rem !important;
     padding-left: 0;
     padding-right: 0;
     padding-top: 4.0625rem !important
 }

 .profile-about-section .about-content {
     color: var(--truNeutral500);
     font-size: 2rem;
     margin: 1.875rem 0
 }

 .about-content ul {
     list-style-type: disc
 }

 .profile-about-section .section-title {
     color: #2e1a47;
     font-weight: 300
 }

 h2.section-title {
     margin-bottom: 30px !important
 }

 .profile-about-section .profile-subhead {
     color: #7c6992;
     font-size: 2.4rem;
     font-weight: 600;
     padding: 0
 }

 h3.profile-subhead {
     margin-bottom: 20px !important
 }

 .profile-about-section .profile-sub-education {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 1.875rem
 }

 .profile-sub-education .school {
     font-size: 2rem;
     margin-bottom: 20px;
     margin-right: 1%;
     width: 48%
 }

 .profile-sub-education .school p {
     margin-bottom: 0
 }

 .profile-sub-education .degree {
     color: var(--truNeutral500);
     font-weight: 700
 }

 .profile-sub-education .degree p {
     margin-bottom: 0
 }

 .profile-sub-education .nonbold {
     color: var(--truNeutral500);
     font-weight: 400;
     line-height: 1.4
 }

 ul.about-profile-link {
     color: #2e1a47;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: 2rem;
     list-style-type: none;
     margin: 0;
     padding: 0
 }

 ul.about-profile-link li {
     padding: 1rem
 }

 ul.about-profile-link li:first-child {
     padding-left: 0
 }

 ul.about-profile-link li a {
     color: #2e1a47;
     text-decoration: underline
 }

 .profile-about-section .interests {
     color: var(--truNeutral500);
     font-size: 2rem;
     padding: 1rem 0 4rem
 }

 .profile-about-section .broker-check {
     color: #2e1a47;
     text-decoration: underline
 }

 .profile-about-section .broker-check:hover {
     text-decoration: none
 }

 .profile-specialties {
     border-bottom: 1px solid var(--truNeutral300);
     margin: 0 15px;
     max-width: 1600px;
     padding-bottom: 4.0625rem !important;
     padding-left: 0;
     padding-right: 0;
     padding-top: 4.0625rem !important
 }

 .profile-specialties .section-title {
     color: #2e1a47;
     font-weight: 300
 }

 .profile-specialties .tru-grid-display {
     display: inline-block;
     margin-bottom: 2rem;
     vertical-align: top;
     width: 49.5%
 }

 .profile-specialties .accordion-icon {
     height: 20px;
     margin-top: 0;
     position: relative;
     width: 20px
 }

 .profile-specialties .accordion-title {
     color: var(--truNeutral500);
     font-size: 2rem;
     margin-right: 1rem;
     white-space: normal;
     width: 100%
 }

 .profile-specialties .no-padding {
     padding-left: 0
 }

 .profile-specialties .specialites-list {
     background: none;
     border: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none;
     padding: 3px;
     text-align: left;
     width: 100%
 }

 .profile-specialties .specialites-list:focus {
     border: 1px solid var(--truNeutral300)
 }

 .profile-specialties .specialites-list .tru-collapsible__icon {
     float: right;
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
     width: var(--truSpaceLg)
 }

 .profile-specialties .specialites-list .tru-collapsible__icon.is-rotated {
     -webkit-transform: unset;
     transform: unset
 }

 .specialites-item .spec-content {
     display: none;
     font-size: 2rem;
     padding: 0
 }

 .specialites-item ul {
     background: #f7f9fa;
     list-style-type: none;
     margin: 0 0 2rem;
     padding: 2rem
 }

 .specialites-item ul li {
     color: var(--truNeutral500);
     list-style-type: none
 }

 .tru-collapsible__icon.is-rotated {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
     width: 20px
 }

 .profile-specialties .specialities-pad {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-right: 7rem;
     width: 100%
 }

 .profile-specialties .specialites-item {
     color: var(--truNeutral500);
     font-size: 2rem;
     line-height: 1;
     margin-bottom: 1.25rem;
     margin-right: 1%;
     padding-right: 4%;
     position: relative;
     text-align: left;
     width: 48%
 }

 .profile-specialties p {
     margin-bottom: 0
 }

 .profile-specialties .accordion-icon:focus {
     border: 1px solid var(--truNeutral300);
     outline: 0
 }

 .profile-accomplish {
     border-bottom: 1px solid var(--truNeutral300);
     margin: 0 15px;
     max-width: 1600px;
     padding-bottom: 4.0625rem !important;
     padding-left: 0;
     padding-right: 0;
     padding-top: 4.0625rem !important
 }

 .profile-accomplish .section-title {
     color: #2e1a47;
     font-weight: 300
 }

 .profile-accomplish .accomplish-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     font-size: 2rem;
     width: 100%
 }

 .accomplish-content .accomplish-details {
     color: var(--truNeutral500);
     font-size: 2rem;
     line-height: 1;
     margin-bottom: 20px;
     margin-right: 1%;
     position: relative;
     text-align: left;
     width: 45%
 }

 .accomplish-content .title-award {
     line-height: 1.5
 }

 .awardTitle {
     font-weight: 700
 }

 .profile-accomplish p {
     margin-bottom: 1rem
 }

 .profile-video-section {
     border-bottom: 1px solid var(--truNeutral300);
     padding: 10rem 0
 }

 .profile-video-section .profile-resources {
     color: #7c6992;
     font-size: 4.8rem;
     font-weight: 600;
     text-align: center
 }

 .profile-video {
     background: #7c6992;
     border-radius: 4rem;
     height: 572px;
     max-width: 1140px;
     width: 100%
 }

 .resource-center {
     padding: 10rem 0
 }

 .resource-center .profile-resource-subhead {
     color: #2e1a47;
     font-weight: 300;
     padding: 1rem 0;
     width: 100%
 }

 h2.color-primary.text-center.profile-resource-subhead.justify-content-center {
     padding-bottom: 2px
 }

 .resources-container {
     padding: 2rem 0 0
 }

 .resources-container .resources {
     height: 203px;
     margin-bottom: 4rem;
     margin-left: 0;
     margin-right: 4%;
     width: 29.18305%
 }

 .resources-container .resource-link {
     display: block;
     height: 203px;
     text-decoration: none;
     width: 100%
 }

 .resources-container .resource-link:hover {
     text-decoration: none
 }

 .resources-container .resources:hover {
     border: 0;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
     box-shadow: 0 0 10px rgba(0, 0, 0, .2);
     -webkit-box-shadow: none;
     box-shadow: none;
     cursor: pointer;
     outline: 0;
     -webkit-transform: scale(1.15);
     transform: scale(1.15)
 }

 .resources-container h3.resourceTitle {
     color: #b0e0e2;
     display: block;
     font-size: 2.4rem;
     padding: 3rem 2rem 0 3rem
 }

 .resources-container .resourceType {
     color: #fff;
     display: block;
     font-size: 2rem;
     padding-left: 3rem
 }

 .resource-center .load-more-button {
     border: 0;
     display: inline-block;
     margin: 5rem auto auto;
     position: relative;
     text-align: center;
     width: 98%
 }

 .resource-center .load-more-button a {
     background: #f7f9fa;
     border: 1px solid #2e1a47;
     border-radius: .25rem;
     color: #2e1a47;
     font-size: 2rem;
     padding: 1rem 3rem;
     position: relative;
     text-align: center;
     text-decoration: none;
     top: -12px
 }

 .resource-center .load-more-button a:focus,
 .resource-center .load-more-button a:hover {
     background: #2e1a47;
     color: #fff
 }

 .tru-margin-y-md {
     padding: 2rem 0
 }

 .profile-main-container .btn-make-apply-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }

 .profile-main-container a.dark-blue-btn {
     background: #2e1a47;
     border: 2px solid #2e1a47;
     border-radius: 4px;
     color: #fff;
     font-size: 2rem;
     margin-right: 5rem;
     margin-top: 1rem;
     padding: 2rem 3rem;
     text-align: center;
     text-decoration: none
 }

 .profile-main-container .dark-blue-btn:hover {
     background-color: #fff;
     color: #2e1a47;
     text-decoration: none
 }

 .profile-main-container .apply-mortgage {
     background: #fff;
     border: 2px solid #2e1a47;
     border-radius: 4px;
     color: #2e1a47;
     margin-top: 1rem;
     padding: 2rem 3rem;
     text-align: center;
     text-decoration: none
 }

 .profile-main-container .apply-mortgage:focus,
 .profile-main-container .apply-mortgage:hover {
     background-color: #2e1a47;
     color: #fff;
     text-decoration: none
 }

 .pipe-line:nth-child(n+2):before {
     content: " | "
 }

 .dashes:before {
     content: " - "
 }

 .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }

 @media(min-width:1601px) {
     .advisor-base-page [data-page-type=newspage i][data-view-model=GridView i],
     .profile-about-section,
     .profile-accomplish,
     .profile-main-container,
     .profile-specialties {
         margin: 0 auto;
         max-width: 1570px
     }
 }

 @media screen and (min-width:320px)and (max-width:1023px) {
     .advisor-base-page [data-page-type=newspage i][data-view-model=GridView i],
     .js-advisor-locations-mode-results,
     .js-advisor-locations-mode-routes,
     .profile-about-section,
     .profile-accomplish,
     .profile-main-container,
     .profile-specialties,
     .profile-video-section,
     .resource-center {
         padding: 6rem 0
     }
     .profile-main-container .advisor-title .nounderline-team-name,
     .profile-main-container .advisor-title .team-name {
         text-align: left
     }
     .profile-about-section .profile-sub-education,
     .profile-main-container .advisor-title,
     .profile-main-container .wrap {
         display: block
     }
     .profile-main-container .profile-header {
         font-size: 4.8rem;
         padding: 2rem 0
     }
     .profile-specialties .accordion-icon:focus {
         border: 0;
         outline: 0
     }
     .profile-main-container .profile-content {
         padding: 0;
         width: 100%
     }
     .profile-main-container .profile-title {
         display: inline-block;
         font-size: 2.6rem;
         padding-top: 4rem
     }
     .profile-main-container .profile-advisory-text {
         display: inline-block;
         margin-bottom: 1rem;
         width: 100%
     }
     .detail-group-row .telno-profile {
         display: inline-block;
         padding-top: 1rem
     }
     .detail-color-apply p:not(:first-child) {
         font-size: 1.8rem
     }
     .profile-specialties .accordion-title {
         font-size: 1.8rem;
         width: 100%
     }
     .profile-media {
         text-align: center
     }
     .detail-group-right-align .svg-fax-icon,
     .detail-group-right-align .svg-phone-icon {
         margin-left: -5px
     }
     .profile-main-container .profile-image-mobile {
         border-radius: 10%;
         height: auto;
         max-width: 100%;
         width: 100%
     }
     .profile-main-container .profile-heading {
         margin-bottom: 2rem;
         padding: 0 1rem 0 0
     }
     .detail-group-list .detail-group-row,
     .profile-main-container .detail-group-list {
         display: block;
         line-height: 1.4;
         text-align: left;
         width: 100%
     }
     .profile-main-container a.dark-blue-btn {
         margin-bottom: 2rem;
         margin-right: 0;
         width: 100%
     }
     .profile-main-container .apply-mortgage {
         margin-bottom: 2rem;
         width: 100%
     }
     .profile-about-section ul.about-profile-link {
         display: block;
         margin-bottom: 2rem
     }
     .profile-main-container .profile-info {
         padding-bottom: 0
     }
     .profile-about-section .profile-sub-education .school {
         margin-bottom: 2rem;
         width: 100%
     }
     .pipe-line {
         display: none
     }
     .year-wrap {
         display: inherit
     }
     ul.about-profile-link li {
         padding: 1rem 1rem 1rem 0
     }
     .profile-specialties .tru-grid-display {
         display: inline-block;
         margin-bottom: 0;
         width: 100%
     }
     .profile-specialties .specialites-item {
         width: 100%
     }
     .profile-specialties .specialites-list {
         margin-bottom: 2rem;
         padding-bottom: 0;
         width: 100%
     }
     .profile-specialties .specialites-list,
     .profile-specialties .specialites-list:focus {
         border: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
         outline: none
     }
     .profile-specialties .specialities-pad {
         padding-right: 0
     }
     .profile-accomplish .accomplish-content {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column
     }
     .accomplish-content .accomplish-details {
         width: 100%
     }
     .resources-container {
         padding: 2rem
     }
     .resources-container .resources {
         margin-left: 0;
         margin-right: 0;
         width: 100%
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px) {
     .profile-main-container .profile-image-mobile {
         border-radius: 10%;
         height: auto;
         max-width: 100%;
         width: 100%
     }
 }

 @media screen and (min-width:1024px)and (max-width:1240px) {
     .profile-main-container a.dark-blue-btn {
         margin-right: 1rem;
         padding: 2rem
     }
 }

 .team-page-truist-tab .ori-tabs__position--relative {
     min-width: 99%
 }

 .team-page-truist-tab .ori-tabs__tab {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1
 }

 .team-page-truist-tab .team-profile-tab-container {
     padding: 5rem 0
 }

 .team-page-truist-tab .ori-tabs__tab {
     white-space: nowrap
 }

 .mortgage-recommended {
     margin-top: 6.5rem
 }

 .mortgage-recommended h2 {
     margin-bottom: 0
 }

 .interested-mortgage {
     margin-top: 6.5rem
 }

 .interested-mortgage p {
     margin-bottom: 3rem
 }

 .mortgage-apply-cta {
     margin-bottom: 6.5rem;
     margin-top: 0 !important
 }

 .bg-clear .advisor-loc-fax a,
 .bg-clear .advisor-loc-phone a,
 .bg-clear .js-tru-accordion__target p,
 .bg-clear .see-all-location-link,
 .bg-clear a.get-direction-link,
 .bg-clear a.telno-profile.fax,
 .bg-clear a.telno-profile.phone {
     font-size: var(--truTxtSize5)
 }

 .bg-clear .profile-button .view-profile {
     color: var(--truNeutral0);
     padding: .75rem 1.5rem .5rem;
     text-decoration: none
 }

 .bg-clear .profile-button .make-apt-btn {
     color: var(--truPurple600);
     text-decoration: none
 }

 .bg-clear a.dark-blue-btn {
     color: var(--truNeutral0);
     text-decoration: none
 }

 .accomplish-content .title-award>div>.pipe-line:nth-of-type(3) {
     display: none
 }

 .team-page-tab {
     margin: 0 auto;
     max-width: 1600px;
     padding: 10rem 15px
 }

 .team-page-tab.r-tabs .r-tabs-nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%
 }

 .team-page-tab.r-tabs .r-tabs-nav li {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     background: none;
     border: 0;
     border-bottom: 1px solid #7c6992;
     flex-grow: 1;
     padding-bottom: 1rem;
     text-align: center
 }

 .team-page-tab.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {
     background: inherit;
     border-bottom: 2px solid #2e1a47;
     border-radius: 0
 }

 .team-page-tab.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
     background: none !important;
     color: #2e1a47;
     font-size: 2.4rem;
     font-weight: 600;
     width: 100%
 }

 .team-page-tab.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {
     background: none !important;
     color: #2e1a47 !important;
     font-size: 2.4rem;
     font-weight: 600
 }

 .team-page-tab.r-tabs .r-tabs-nav li.r-tabs-state-default .r-tabs-anchor {
     color: #7c6992;
     font-size: 2.4rem
 }

 .team-page-tab.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
     width: 100%
 }

 .team-page-tab.r-tabs .r-tabs-nav .r-tabs-tab:last-child {
     border-radius: 0;
     border-right: 0
 }

 .team-page-tab .tab-content .r-tabs-state-active a span.r-tabs-state-item-title {
     color: #2e1a47 !important;
     font-weight: 600 !important
 }

 .team-page-tab .tab-content .r-tabs-accordion-title a span.r-tabs-state-item-title {
     color: #7c6992;
     display: inline-block;
     font-weight: 300;
     margin-left: 3rem;
     width: 92%
 }

 @media(max-width:768px) {
     .team-page-tab {
         border-bottom: 1px solid var(--truNeutral300);
         margin: 0 15px;
         padding: 3rem 0 6rem
     }
     .team-page-tab.r-tabs.r-tabs .r-tabs-nav {
         display: none
     }
     .team-page-tab.r-tabs .r-tabs-accordion-title:first-child .r-tabs-anchor {
         border-radius: 0
     }
     .team-page-tab.r-tabs .r-tabs-accordion-title {
         border-bottom: 1px solid var(--truNeutral300) !important;
         padding: 1.2rem 0
     }
     .team-page-tab .r-tabs-panel .about-process-component {
         line-height: 1.2;
         padding: 3rem 0
     }
     .team-page-tab.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
         border: 0 !important;
         color: #7c6992;
         font-size: 2rem
     }
     .team-page-tab .r-tabs-nav .r-tabs-tab:first-child {
         border-radius: 0
     }
     .team-page-tab .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
         color: #7c6992;
         font-size: 2.4rem
     }
     .team-page-tab.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
         color: #2e1a47;
         font-size: 2rem;
         font-weight: 600
     }
     .team-page-tab .tab-content .r-tabs-anchor,
     .team-page-tab .tab-content .r-tabs-state-default .r-tabs-anchor {
         background: url(../../../content/dam/global-images/icon-plus.svg) no-repeat 0 !important;
         padding-left: 30px !important
     }
     .team-page-tab .tab-content .r-tabs-state-active .r-tabs-anchor {
         background: url(../../../content/dam/global-images/icon-minus.svg) no-repeat 0 !important;
         padding-left: 30px !important
     }
 }

 .advisor-base-page {
     background-color: #fff
 }

 .advisor-base-page [data-page-type=newspage i][data-view-model=GridView i] {
     border-top: none;
     margin: 0 auto;
     max-width: 1600px;
     padding: 10rem 0
 }

 @media screen and (min-width:212px)and (max-width:812px) {
     .advisor-base-page .profile-about-section {
         padding: 6rem 0
     }
 }

 .advisor-individual-page .cta .global-cta-btn .gl-align-center {
     margin-bottom: 0;
     margin-top: 0
 }

 .advisor-individual-page .global-cta-btn {
     padding-bottom: 4.0625rem
 }

 .advisor-locations>[data-people-profiles-component] {
     margin: 0 var(--truSpaceMd);
     max-width: 1570px;
     padding: var(--truSpaceXlg) 0
 }

 .advisor-locations .main-container {
     display: none;
     gap: var(--truSpaceMd);
     height: 45rem;
     position: relative;
     width: 100%
 }

 .advisor-locations>.js-advisor-locations-mode-no-results>.error-container,
 .advisor-locations>.js-advisor-locations-mode-results>.map-data-container,
 .advisor-locations>.js-advisor-locations-mode-waiting>.loading-indicator {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
 }

 .advisor-locations .map-data-container .list-view-toggle {
     background-color: var(--truNeutral0);
     border: var(--truSpace3xs) solid var(--truPurple800);
     border-radius: var(--truBdrRadiusMd);
     color: var(--truPurple800);
     display: none;
     font-size: var(--truTxtSize5);
     left: 50%;
     padding: var(--truSpaceSm);
     position: absolute;
     top: var(--truSpaceSm);
     translate: -50% 0;
     z-index: 1
 }

 .advisor-locations .result-list-item-view {
     overflow-y: auto;
     padding-left: var(--truSpaceXs);
     width: 100%
 }

 .advisor-locations .result-list-item-view .show-fewer-button,
 .advisor-locations .result-list-item-view .show-more-button {
     background: var(--truNeutral50);
     border: var(--truSpace3xs) solid var(--truPurple800);
     border-radius: var(--truBdrRadiusMd);
     color: var(--truPurple800);
     display: none;
     font-size: var(--truTxtSize5);
     margin: var(--truSpaceMd) auto;
     padding: var(--truSpaceSm) var(--truSpaceXlg);
     text-align: center;
     text-decoration: none
 }

 .advisor-locations .result-list-item-view .show-fewer-button:focus,
 .advisor-locations .result-list-item-view .show-fewer-button:hover,
 .advisor-locations .result-list-item-view .show-more-button:focus,
 .advisor-locations .result-list-item-view .show-more-button:hover {
     background: var(--truPurple800);
     color: var(--truNeutral0)
 }

 .advisor-locations .result-list-item-view>.js-result-page:first-child>.card:first-child {
     border-top: none
 }

 .advisor-locations .result-list-item-view>.js-result-page.js-show-me {
     display: block;
     width: 85%
 }

 .advisor-locations .result-list-item-view>.js-result-page.hide {
     display: none
 }

 .advisor-locations .result-list-item-view>.js-result-page.hide+.more-less-container>.show-more-button,
 .advisor-locations .result-list-item-view>.js-result-page.show~.more-less-container>.show-fewer-button {
     display: block
 }

 .advisor-locations .result-list-item-view .card {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     background-color: transparent;
     border-radius: 0;
     border-width: 0;
     border-top: var(--truSpace3xs) solid var(--truNeutral300);
     -ms-flex-direction: row;
     flex-direction: row;
     font-size: var(--truTxtSize5);
     gap: var(--truSpaceSm);
     line-height: 1.3;
     padding: var(--truSpaceSm);
     padding-left: 0;
     text-align: left
 }

 .advisor-locations .result-list-item-view .card:hover {
     background-color: var(--truNeutral50)
 }

 .advisor-locations .result-list-item-view .locator-icon-container~div {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%
 }

 .advisor-locations .result-list-item-view .adv-location-detail-row,
 .advisor-locations .result-list-item-view .locator-icon-container~div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: var(--truSpaceMd)
 }

 .advisor-locations .result-list-item-view .adv-location-detail-row>:first-child {
     width: 100%
 }

 .advisor-locations .result-list-item-view .adv-location-detail-row>:last-child {
     white-space: nowrap
 }

 .advisor-locations .result-list-item-view .card-title {
     color: var(--truPurple800);
     font-size: var(--truTxtSize4);
     font-weight: var(--truFontWt600)
 }

 .advisor-locations .result-list-item-view .card-subtitle {
     color: var(--truPurple500);
     font-weight: var(--truFontWt600)
 }

 .advisor-locations .result-list-item-view .adv-location-detail-preformatted {
     color: var(--truNeutral500);
     white-space: pre
 }

 .advisor-locations .result-list-item-view .adv-location-distance:has(span:empty),
 .advisor-locations .result-list-item-view .tel-container:has(a[href="tel:"]) {
     display: none
 }

 .advisor-locations .result-list-item-view .map-view-toggle {
     display: none
 }

 .advisor-locations .map-view {
     aspect-ratio: 1;
     max-width: 50%;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     border-radius: var(--truBdrRadiusLg) 0 0 var(--truBdrRadiusLg);
     flex-grow: 0
 }

 @media screen and (max-width:1024px) {
     .advisor-locations .main-container {
         gap: var(--truSpaceSm)
     }
     .advisor-locations>.js-advisor-locations-mode-mobile-map .result-list-item-view {
         display: none
     }
     .advisor-locations>.js-advisor-locations-mode-mobile-map .list-view-toggle,
     .advisor-locations>.js-advisor-locations-mode-mobile-map .map-view {
         display: unset
     }
     .advisor-locations .result-list-item-view .adv-location-detail-row:last-child {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
         gap: var(--truSpaceXs)
     }
     .advisor-locations .result-list-item-view .map-view-toggle {
         aspect-ratio: 1;
         background: var(--truPurple500);
         border: none;
         border-radius: 50%;
         color: var(--truNeutral0);
         display: unset;
         font-size: var(--truTxtSizeBdy);
         padding: var(--truSpaceMd);
         position: absolute;
         right: var(--truSpaceSm);
         top: 50%;
         translate: 0 -50%
     }
     .advisor-locations .map-view {
         border-radius: var(--truBdrRadiusLg);
         display: none;
         max-width: 100%;
         width: 100%
     }
 }

 @media screen and (min-width:1600px) {
     .advisor-locations>[data-people-profiles-component] {
         margin: 0 auto
     }
 }

 .resource-center {
     margin: 2rem 0;
     padding: 2rem
 }

 .resources-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 100%
 }

 .profile-resource-subhead {
     color: #7c6992;
     font-size: 4.8rem;
     font-weight: 400;
     padding: 1rem 0 3rem;
     width: 100%
 }

 .resources-container .resources {
     background: #2e1a47;
     margin-bottom: 10px;
     margin-left: 1%;
     margin-right: 1%;
     position: relative;
     text-align: left;
     width: 31.33302%
 }

 .resources-container .resources:last-child {
     margin-right: 0
 }

 .resource-link:link {
     display: block;
     margin-bottom: 2rem;
     padding: 2rem;
     width: 100%
 }

 .resource-link:hover,
 .resource-link:link {
     text-decoration: none
 }

 .resources:hover {
     border: 0;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
     box-shadow: 0 0 10px rgba(0, 0, 0, .2);
     -webkit-box-shadow: none;
     box-shadow: none;
     cursor: pointer;
     outline: 0;
     -webkit-transform: scale(1.05);
     transform: scale(1.05)
 }

 h5.resourceTitle {
     color: #b0e0e2;
     font-size: 2.4rem
 }

 .resourceType,
 h5.resourceTitle {
     display: block;
     margin-bottom: 30px
 }

 .resourceType {
     color: #fff;
     font-size: 2rem
 }

 .load-more-button {
     border-top: 1px solid var(--truNeutral300);
     display: inline-block;
     margin: 5rem auto auto;
     position: relative;
     text-align: center;
     width: 98%
 }

 .load-more-button a {
     background: #f7f9fa;
     border: 1px solid #2e1a47;
     border-radius: .25rem;
     color: #2e1a47;
     font-size: 2rem;
     padding: 1rem 3rem;
     position: relative;
     text-align: center;
     top: -12px
 }

 .resources {
     display: none
 }

 @media screen and (min-width:320px)and (max-width:1023px) {
     .resources-container .resources {
         width: 100%
     }
 }

 .team-view .team-container {
     min-height: 0;
     padding: 0
 }

 .team-container .team__image {
     border-radius: 0 0 4rem 0;
     height: auto;
     left: 0;
     max-height: 100%;
     overflow: hidden;
     position: relative;
     right: 0
 }

 .team-container .team__image .desktop-image {
     border-radius: 0 0 4rem 0;
     height: auto;
     width: 100%
 }

 .advisor-base-page .team-container .team__image .mobile-image,
 .team-container .team__image .mobile-image {
     display: none
 }

 .team-profile-container {
     border-bottom: 1px solid var(--truNeutral300);
     padding-bottom: 4.0625rem !important;
     padding-left: 0;
     padding-right: 0;
     padding-top: 4.0625rem !important
 }

 .team-view .team-profile-container {
     margin-left: 4.16666667%;
     padding-bottom: 7rem;
     padding-top: 6rem
 }

 .team-view .cardview-component .container,
 .team-view .team-profile-container {
     border-bottom: 1px solid var(--truNeutral300)
 }

 .team-view .cardview-component .container .list-grid-container {
     padding-bottom: 75px
 }

 .team-profile-container .profile-content {
     width: 100%
 }

 .team-profile-container .profile-destinaion-space {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-bottom: 1.25rem
 }

 .team-profile-container .profile-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row
 }

 .team-profile-container .profile-header {
     color: #2e1a47;
     font-size: 7rem;
     line-height: 1;
     margin-bottom: 0
 }

 .team-profile-container .profile-title {
     color: #3c1d5d;
     display: inline-block;
     font-size: 3.8rem;
     font-weight: 300;
     padding: 0 0 4rem;
     width: 100%
 }

 .team-profile-container .detail-group-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row
 }

 .team-profile-container .profile-heading {
     margin-bottom: 1.875rem
 }

 .team-profile-container .detail-group-row .detail-group-address {
     color: var(--truNeutral500);
     font-size: 2rem;
     line-height: 2
 }

 .team-profile-container .detail-group-list .detail-group-row {
     width: 50%
 }

 .team-profile-container .detail-group-row p {
     margin-bottom: .935rem
 }

 .team-profile-container .detail-group-row .detail-group-right-align {
     color: #2e1a47
 }

 .team-profile-container .detail-group-row .tru-icon-contact {
     height: 20px;
     width: 20px
 }

 .team-profile-container .detail-group-list a.profile-email,
 .team-profile-container .detail-group-row .telno-profile {
     color: #2e1a47;
     word-break: break-all
 }

 .team-profile-container .detail-group-list .item-align-right {
     color: #2e1a47;
     font-size: 2rem;
     text-align: right
 }

 .team-profile-container .profile-advisory-text {
     color: #7c6992;
     font-size: 2.4rem;
     font-weight: 600
 }

 .team-profile-container .margin-auto {
     line-height: 2;
     margin-left: auto
 }

 .team-profile-container .detail-color-apply p:not(:first-child) {
     color: var(--truNeutral500);
     font-size: 2rem
 }

 .team-profile-container .btn-make-apply-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }

 .team-profile-container .dark-blue-btn {
     background: #2e1a47;
     border: 2px solid #2e1a47;
     border-radius: 4px;
     color: #fff;
     font-size: 2rem;
     margin-right: 5rem;
     padding: 2rem 3rem;
     text-align: center;
     text-decoration: none
 }

 .team-profile-container .dark-blue-btn:hover {
     background-color: #fff;
     color: #2e1a47;
     text-decoration: none
 }

 .team-profile-container .apply-mortgage {
     background: #fff;
     border: 2px solid #2e1a47;
     border-radius: 4px;
     color: #2e1a47;
     padding: 2rem 3rem;
     text-align: center;
     text-decoration: none
 }

 .team-profile-container .apply-mortgage:focus,
 .team-profile-container .apply-mortgage:hover {
     background-color: #2e1a47;
     color: #fff;
     text-decoration: none
 }

 .team-view .profile-about-section {
     border-bottom: 0;
     padding-bottom: 0
 }

 .team-pfofile-whoare-component .section-title {
     color: #2e1a47;
     font-weight: 300
 }

 .team-pfofile-whoare-component .team-profile-link {
     list-style-type: none;
     margin: 0;
     padding: 0
 }

 .team-view .team-profile-tab-container {
     border-bottom: 1px solid var(--truNeutral300);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 3.125rem 0 4.0625rem;
     width: 100%
 }

 .team-profile-tab-container .meet-team-card {
     margin-bottom: 3.125rem;
     margin-left: 2%;
     padding-left: 1.25rem;
     padding-right: 1.25rem;
     width: 31.33302%
 }

 .team-profile-tab-container .meet-team-card:hover {
     background: #f7f7f7;
     padding-bottom: 2.1875rem
 }

 .team-profile-tab-container .meet-team-card .team-ProfileImage {
     border-radius: 10%;
     height: auto;
     max-width: 100%;
     width: 100%
 }

 .team-profile-tab-container .team-profile-full-name {
     color: #7c6992;
     display: inline-block;
     font-size: 2.4rem;
     font-weight: 600;
     line-height: 1;
     margin: 2rem 0 .5rem;
     text-decoration: none;
     width: 100%
 }

 .team-profile-tab-container .profile-designation-code {
     font-size: 1.4rem
 }

 .team-profile-tab-container .team-profile-job-title,
 .team-profile-tab-container .team-profile-wealth-officer-title {
     color: var(--truNeutral500);
     display: inline-block;
     font-size: 2rem;
     padding: .6rem 0;
     text-decoration: none;
     width: 100%
 }

 .team-profile-tab-container .team-see-more {
     display: none
 }

 .team-view .profile-accomplish,
 .team-view .profile-specialties {
     border-bottom: 0;
     border-top: 1px solid var(--truNeutral300)
 }

 .team-view .profile-specialties {
     padding: 1rem 0 0
 }

 .team-view .profile-specialties .section-title {
     color: #2e1a47;
     font-size: 4.8rem;
     font-weight: 300
 }

 .team-view .r-tabs-panel .profile-resource-subhead {
     display: none
 }

 .team-view .resource-center {
     border-bottom: 1px solid var(--truNeutral300)
 }

 .team-view .error-container .no-result-msg {
     text-align: center;
     width: 100%
 }

 @media screen and (min-width:212px)and (max-width:812px) {
     .profile-about-section {
         padding: 5rem 0
     }
     .team-view .team-profile-container {
         padding: 2rem 0
     }
     .team-container .team__image .mobile-image {
         border-radius: 2rem;
         display: block;
         height: auto;
         width: 100%
     }
     .team-container .team__image .desktop-image {
         display: none
     }
     .advisor-base-page .team-container .team__image .mobile-image {
         display: block
     }
     .team-profile-container .dark-blue-btn {
         margin-bottom: 2rem;
         margin-right: 0;
         width: 100%
     }
     .team-profile-container .apply-mortgage {
         margin-bottom: 2rem;
         width: 100%
     }
     .team-profile-container .profile-header {
         font-size: 4.8rem
     }
     .result-list-item-view .grid-item-title .card-miles,
     .team-profile-container .detail-color-apply p:not(:first-child) {
         font-size: 1.8rem
     }
     .team-view .locator-header-container .locator-header-title {
         font-size: 3.2rem;
         margin: 0
     }
     .team-view .team-container {
         padding: 5rem 0
     }
     .team-container .team__image {
         border-radius: 3rem;
         height: auto;
         left: 0;
         margin: 0 auto;
         position: relative
     }
     .team-profile-specialties .profile-specialties .specialities-pad {
         padding-right: 1rem
     }
     .team-profile-tab-container .meet-team-card,
     .team-view .team-profile-tab-container {
         width: 100%
     }
     .team-profile-tab-container .team-see-more {
         background: #fff;
         border: 2px solid #2e1a47;
         border-radius: 4px;
         color: #2e1a47;
         display: block;
         font-size: 2rem;
         margin: 1rem 0 0;
         padding: 1rem;
         text-align: center;
         text-decoration: none;
         width: 100%
     }
     .team-view .r-tabs-panel .resource-center {
         padding: 3rem 0
     }
     .team-profile-container .detail-group-list {
         display: block
     }
     .team-profile-container .detail-group-list .item-align-right {
         font-size: 1.8rem;
         text-align: left
     }
     .advisor-team-page .result-list-item-view .grid-button-align {
         padding: 1rem 0 2rem
     }
     .team-profile-container .detail-group-list .detail-group-row {
         font-size: 1.8rem;
         line-height: 2;
         width: 100%
     }
     .team-profile-container .detail-group-row .detail-group-right-align svg {
         margin-left: -5px
     }
     .team-profile-tab-container .meet-team-card .team-ProfileImage {
         height: auto;
         width: 100%
     }
     .team-profile-tab-container .team-profile-full-name {
         font-size: 2rem
     }
     .team-profile-tab-container .team-profile-job-title,
     .team-profile-tab-container .team-profile-wealth-officer-title {
         font-size: 1.8rem;
         padding: 0
     }
 }

 @media screen and (min-width:220px)and (max-width:896px) {
     .advisor-base-page .team-container .team__image .mobile-image,
     .team-container .team__image .mobile-image {
         display: block;
         height: auto;
         width: 100%
     }
     .team-container .team__image .desktop-image {
         display: none
     }
 }

 @media screen and (min-width:814px)and (max-width:1024px) {
     .team-profile-tab-container .meet-team-card {
         width: 48%
     }
     .team-profile-tab-container .team-see-more {
         background: #fff;
         border: 2px solid #2e1a47;
         border-radius: 4px;
         color: #2e1a47;
         display: block;
         font-size: 2rem;
         margin: 4rem 0 2rem;
         padding: 1rem;
         text-align: center;
         text-decoration: none;
         width: 98%
     }
 }

 @media only screen and (min-width:845px)and (max-width:1000px) {
     .team-profile-tab-container .meet-team-card {
         width: 48%
     }
 }

 @media(orientation:landscape)and (min-width:320px)and (max-width:900px) {
     .team-profile-tab-container .meet-team-card {
         width: 48%
     }
     .team-profile-tab-container .meet-team-card .team-card-text-align {
         padding: 0 0 2rem
     }
 }

 @media (width:768px)and (height:1024px)and (orientation:portrait) {
     .team-profile-tab-container .meet-team-card {
         width: 48%
     }
 }

 .truist-tabs .ori-tabs__list {
     margin-bottom: 0
 }

 .ori-tabs__panel-group .ori-tabs__panel .cmp-truist-cards-list-v1 .cardview-component {
     padding-bottom: 4.0625rem;
     padding-top: 3.125rem
 }

 .branch-locator-breadcrumb .breadcrumb-item+.breadcrumb-item {
     padding-left: 0
 }

 .branch-locator-breadcrumb .breadcrumb-nav .mobile-home-img {
     display: none
 }

 .branch-locator-breadcrumb ul.breadcrumb {
     background: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-left: 0
 }

 .branch-locator-breadcrumb ul.breadcrumb li a {
     color: var(--truPurple800);
     font-size: 1.6rem;
     padding: 0 .5rem;
     text-decoration: underline;
     vertical-align: middle
 }

 .branch-locator-breadcrumb ul.breadcrumb li a:hover {
     text-decoration: none
 }

 .branch-locator-breadcrumb ul.breadcrumb li a:first-child {
     padding-left: 0
 }

 .branch-locator-breadcrumb ul.breadcrumb li.active a,
 .branch-locator-breadcrumb ul.breadcrumb li.breadcrumb-item.active {
     color: var(--truClrGryMd);
     font-size: 1.6rem;
     height: auto;
     padding: 0;
     text-decoration: none;
     text-transform: uppercase
 }

 .branch-locator-breadcrumb .breadcrumb-item+.breadcrumb-item:before {
     color: #2e1a47;
     content: "";
     font-family: truist-icons;
     font-size: 1rem;
     padding: 0 1rem;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     vertical-align: middle
 }

 .branch-locator-breadcrumb ul.breadcrumb li:first-child a {
     font-weight: 700
 }

 @media screen and (min-width:0)and (max-width:1024px) {
     .branch-locator-breadcrumb {
         padding: 0 1.5rem
     }
     .branch-locator-breadcrumb .breadcrumb-nav .mobile-home-img {
         display: block;
         margin-top: .6rem
     }
     .branch-locator-breadcrumb ul.breadcrumb li.mobile-home {
         display: none
     }
     .branch-locator-breadcrumb .breadcrumb-nav .mobile-home-img svg {
         height: 14px;
         width: 14px
     }
     .branch-locator-breadcrumb .breadcrumb-nav {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex
     }
     .branch-locator-breadcrumb ul.breadcrumb {
         padding-left: 2rem
     }
 }

 .branch-locator-breadcrumb,
 .branch-locator-container,
 .location-detail-component {
     padding-left: 3rem;
     position: relative
 }

 .branch-locator-container ul>li,
 .location-detail-component ul>li {
     padding: 0
 }

 .branch-locator-container .loc-schedule-today-item,
 .location-detail-component .loc-schedule-today-item {
     display: none
 }

 .branch-locator-container .loc-schedule-today-item.show,
 .branch-locator-container .loc-schedule-today-item:has(.show),
 .location-detail-component .loc-schedule-today-item.show,
 .location-detail-component .loc-schedule-today-item:has(.show) {
     display: revert
 }

 .branch-locator-container .loc-schedule-text,
 .location-detail-component .loc-schedule-text {
     display: none
 }

 .branch-locator-container .loc-schedule-text.show,
 .branch-locator-container .loc-schedule-text:has(.show),
 .location-detail-component .loc-schedule-text.show,
 .location-detail-component .loc-schedule-text:has(.show) {
     display: revert
 }

 .branch-locator-container .hover-tooltip-wrapper,
 .location-detail-component .hover-tooltip-wrapper {
     display: none
 }

 .branch-locator-container .hover-tooltip-wrapper.show,
 .branch-locator-container .hover-tooltip-wrapper:has(.show),
 .location-detail-component .hover-tooltip-wrapper.show,
 .location-detail-component .hover-tooltip-wrapper:has(.show) {
     display: revert
 }

 .branch-locator-container .loc-status-alert,
 .location-detail-component .loc-status-alert {
     display: none
 }

 .branch-locator-container .loc-status-alert.show,
 .branch-locator-container .loc-status-alert:has(.show),
 .location-detail-component .loc-status-alert.show,
 .location-detail-component .loc-status-alert:has(.show) {
     display: revert
 }

 .branch-locator-container .loc-schedule-today-item,
 .location-detail-component .loc-schedule-today-item {
     list-style-type: none
 }

 .branch-locator-container .hover-tooltip-wrapper>svg,
 .location-detail-component .hover-tooltip-wrapper>svg {
     vertical-align: text-top
 }

 .branch-locator-container .hover-tooltip-wrapper>.hover-tooltip,
 .location-detail-component .hover-tooltip-wrapper>.hover-tooltip {
     display: none;
     position: absolute;
     translate: -50% -95%
 }

 .branch-locator-container .hover-tooltip-wrapper:is(:hover,
 :focus-within)>.hover-tooltip,
 .location-detail-component .hover-tooltip-wrapper:is(:hover,
 :focus-within)>.hover-tooltip {
     display: unset
 }

 .branch-locator-container .loc-status-alert,
 .location-detail-component .loc-status-alert {
     background-color: transparent;
     border: none;
     padding: var(--truSpace3xs);
     text-decoration: underline
 }

 .branch-locator-container .loc-status-alert:focus,
 .branch-locator-container .loc-status-alert:hover,
 .location-detail-component .loc-status-alert:focus,
 .location-detail-component .loc-status-alert:hover {
     text-decoration: unset
 }

 .branch-locator-container .loc-status-alert>svg,
 .location-detail-component .loc-status-alert>svg {
     bottom: var(--truSpace3xs);
     position: relative
 }

 .branch-locator-container .location-status-modal,
 .location-detail-component .location-status-modal {
     background-color: var(--truPurple800);
     border: none;
     border-radius: var(--truBdrRadiusLg);
     color: var(--truNeutral0);
     max-width: 60%;
     padding: var(--truSpaceMd)
 }

 .branch-locator-container .location-status-modal [data-status],
 .location-detail-component .location-status-modal [data-status] {
     display: none
 }

 .branch-locator-container .location-status-modal[data-status=atm-C] [data-status=atm-C],
 .branch-locator-container .location-status-modal[data-status=atm-D] [data-status=atm-D],
 .branch-locator-container .location-status-modal[data-status=atm-W] [data-status=atm-W],
 .branch-locator-container .location-status-modal[data-status=branch-C] [data-status=branch-C],
 .location-detail-component .location-status-modal[data-status=atm-C] [data-status=atm-C],
 .location-detail-component .location-status-modal[data-status=atm-D] [data-status=atm-D],
 .location-detail-component .location-status-modal[data-status=atm-W] [data-status=atm-W],
 .location-detail-component .location-status-modal[data-status=branch-C] [data-status=branch-C] {
     display: revert
 }

 .branch-locator-container .location-status-modal>button,
 .location-detail-component .location-status-modal>button {
     background: transparent;
     border: none;
     color: var(--truNeutral0);
     padding: 0;
     position: absolute;
     right: var(--truSpaceSm);
     top: var(--truSpace2xs)
 }

 .branch-locator-container .location-status-modal>div,
 .location-detail-component .location-status-modal>div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: var(--truSpaceSm);
     margin-right: var(--truSpaceLg);
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start
 }

 .branch-locator-container .location-status-modal>div>svg,
 .location-detail-component .location-status-modal>div>svg {
     bottom: var(--truSpace2xs);
     position: relative;
     -ms-flex-negative: 0;
     flex-shrink: 0
 }

 .branch-locator-container .location-status-modal svg path,
 .location-detail-component .location-status-modal svg path {
     fill: var(--truNeutral0)
 }

 .location-detail-component {
     font-size: 1.8rem;
     line-height: 1.5em
 }

 .location-detail-component .back-btn-search-result .back-btn:focus,
 .location-detail-component .back-btn-search-result .back-btn:hover {
     background: var(--truPurple800);
     border: 1px solid var(--truPurple800);
     color: #fff
 }

 .location-detail-component .back-btn-search-result .back-btn:focus svg path,
 .location-detail-component .back-btn-search-result .back-btn:hover svg path {
     fill: var(--truNeutral0)
 }

 .location-detail-component .flex-detail-container .locator-image-content {
     padding-left: 3rem
 }

 .location-detail-component .flex-detail-container .locator-image-content .gap-top-bottom {
     margin-bottom: 6rem
 }

 .location-detail-component .locator-icon-container>span {
     top: .4rem
 }

 .location-detail-component .locator-icon-container>span:before {
     content: "•";
     font-size: var(--truTxtSize2)
 }

 .location-detail-component .locator-icon-container.marker-spotlight>span {
     top: 0
 }

 @media screen and (max-width:1024px) {
     .location-detail-component {
         padding: 0
     }
     .location-detail-component>.branch-heading-container {
         padding: 0 1.5rem
     }
     .location-detail-component .map-details-container .details-view-component {
         padding: 0 1.5rem;
         width: 100%
     }
     .location-detail-component .map-details-container .flex-detail-container {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column
     }
     .location-detail-component .map-details-container .flex-detail-container .locator-image-content {
         padding: 0
     }
     .location-detail-component .map-details-container .flex-detail-container .gap-top-bottom {
         margin-bottom: unset
     }
     .location-detail-component .map-details-container .service-detail-container>h2 {
         padding: 0 1.5rem
     }
 }

 .branch-locator-container .citylist-index .rcorner-citylist {
     background: var(--truPurple500);
     border-radius: 20rem;
     color: var(--truNeutral0);
     font-weight: 400;
     height: 46px;
     padding: 1rem;
     position: relative;
     vertical-align: top;
     width: 46px
 }

 .branch-locator-container .map-view .region-marker-content {
     background-color: var(--truPurple500);
     border-radius: 50%;
     color: var(--truNeutral0);
     height: 2.4rem;
     opacity: 90%;
     padding-top: .6rem;
     text-align: center;
     text-decoration: none;
     width: 2.4rem
 }

 .branch-locator-container .map-view .cluster-marker-content {
     font-size: var(--truTxtSize6);
     height: 3rem;
     padding-top: .5rem;
     width: 3rem
 }

 .branch-locator-container .loc-filter-container {
     background-color: var(--truNeutral0);
     border: var(--truSpace2xs) solid var(--truNeutral100);
     border-radius: var(--truBdrRadiusLg);
     display: none;
     left: 50%;
     max-height: 90vh;
     max-width: 90vw;
     overflow: auto;
     padding: var(--truSpace2xlg);
     position: fixed;
     top: 50%;
     translate: -50% -50%;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     z-index: 100
 }

 .branch-locator-container .loc-filter-container .flex-vertical {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .branch-locator-container .loc-filter-container>form {
     gap: var(--truSpaceXlg)
 }

 .branch-locator-container .loc-filter-container .loc-filter-list-container {
     gap: var(--truSpaceMd)
 }

 .branch-locator-container .loc-filter-container .filter-form-button-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: var(--truSpaceMd)
 }

 .branch-locator-container .loc-filter-container button {
     background: none;
     border: none;
     border-radius: var(--truBdrRadiusLg);
     font-size: var(--truTxtSizeBdy);
     font-weight: var(--truFontWtBd);
     line-height: var(--truLnHightBdy);
     padding: var(--truSpace2xs)
 }

 .branch-locator-container .loc-filter-container button.filter-modal-close-btn {
     height: var(--truSpaceXlg);
     position: absolute;
     right: var(--truSpaceMd);
     top: var(--truSpaceMd);
     width: var(--truSpaceXlg)
 }

 .branch-locator-container .loc-filter-container button.filter-apply {
     background-color: var(--truPurple500);
     color: var(--truNeutral0);
     padding: var(--truSpaceSm) var(--truSpaceLg)
 }

 .branch-locator-container .loc-filter-container button.filter-reset {
     color: var(--truPurple500)
 }

 .branch-locator-container .loc-filter-container legend {
     color: var(--truNeutral700);
     font-family: var(--truFontFamRg);
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtBd);
     line-height: var(--truLnHght6);
     margin: 0
 }

 .branch-locator-container .loc-filter-container legend.modal-heading {
     font-size: var(--truTxtSize2);
     font-weight: var(--truFontWt300);
     line-height: var(--truLnHght2)
 }

 .branch-locator-container .loc-filter-container label {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: var(--truSpaceSm);
     margin: 0;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .branch-locator-container .loc-filter-container input {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
 }

 .branch-locator-container .loc-filter-container input:checked {
     background-color: var(--truSky600)
 }

 .branch-locator-container .loc-filter-container input[type=radio] {
     border-radius: 50%;
     height: var(--truSpaceSm);
     outline: var(--truSpace3xs) double var(--truSky600);
     outline-offset: var(--truSpace2xs);
     width: var(--truSpaceSm)
 }

 .branch-locator-container .loc-filter-container input[type=radio]:focus {
     outline-width: var(--truSpace2xs)
 }

 .branch-locator-container .loc-filter-container input[type=checkbox] {
     border: var(--truSpace3xs) solid var(--truSky600);
     border-radius: var(--truSpace3xs);
     height: var(--truSpaceLg);
     min-width: var(--truSpaceLg)
 }

 .branch-locator-container .loc-filter-container input[type=checkbox]:checked {
     background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2010'%3E%3Cpath%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20d='M1%205l3%203l7-7'/%3E%3C/svg%3E");
     background-position: 50%;
     background-repeat: no-repeat;
     background-size: 16px 16px
 }

 .branch-locator-container .loc-filter-container .loc-filter-list {
     margin: 0
 }

 .branch-locator-container .loc-filter-container .loc-filter-item {
     list-style: none
 }

 .branch-locator-container .loc-filter-container .loc-types-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-left: calc(var(--truSpace2xs) + var(--truSpace3xs))
 }

 .branch-locator-container .loc-filter-container .loc-types-item {
     -webkit-box-flex: 1;
     -ms-flex: auto;
     flex: auto
 }

 .branch-locator-container .loc-filter-container .loc-options-list {
     -webkit-column-count: 2;
     -moz-column-count: 2;
     column-count: 2;
     padding: 0
 }

 .branch-locator-container .loc-filter-container .loc-options-item {
     white-space: nowrap
 }

 .branch-locator-container .loc-filter-container .loc-options-item.is-disabled {
     height: 0;
     margin: 0;
     overflow: hidden;
     padding: 0;
     visibility: hidden
 }

 .branch-locator-container .loc-filter-container .loc-options-item label {
     margin-bottom: var(--truSpaceMd)
 }

 .branch-locator-container .loc-filter-underlay {
     background-color: transparent;
     display: none;
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 99
 }

 .branch-locator-container.filter-dialog-active :is(.loc-filter-container,
 .loc-filter-underlay) {
     display: block
 }

 @media screen and (max-width:768px) {
     .branch-locator-container .loc-filter-container {
         left: 0;
         max-height: unset;
         max-width: unset;
         padding: var(--truSpace2xlg) var(--truSpaceMd);
         position: relative;
         top: var(--truSpaceLg);
         translate: unset;
         width: 100%
     }
     .branch-locator-container .loc-filter-container .loc-options-list {
         -webkit-column-count: 1;
         -moz-column-count: 1;
         column-count: 1
     }
     .branch-locator-container.filter-dialog-active .main-container,
     .branch-locator-container.filter-dialog-active .search-navigation,
     .branch-locator-container.filter-dialog-active .toggle-switch-map {
         display: none
     }
 }

 @media screen and (max-width:441px) {
     .filter-popup-container .filter-button {
         padding-right: 1rem
     }
 }

 @media only screen and (min-width:375px)and (max-width:767px) {
     .filter-popup-container .filter-button {
         padding-right: 4rem
     }
 }

 @media only screen and (min-width:768px)and (max-width:819px) {
     .filter-popup-container .filter-button {
         padding-right: 14rem
     }
 }

 @media only screen and (min-width:820px) {
     .filter-popup-container .filter-button {
         padding-right: 16rem
     }
     .popup-window-title {
         font-size: 4.2rem;
         padding-bottom: 4.4rem
     }
 }

 @media only screen and (max-width:820px) {
     .popup-window-title {
         font-size: 3.4rem;
         padding-bottom: 4rem
     }
 }

 .branch-locator-container.loading-indicator-active .loading-indicator~*,
 .branch-locator-container:not(.init-view-active) h1.locator-header-title:first-of-type,
 .branch-locator-container:not(.loading-indicator-active) .loading-animation {
     display: none
 }

 .branch-locator-container.loading-indicator-active .google-search-button {
     background-color: var(--truPurple500);
     border: 1px solid var(--truNeutral1000);
     outline: auto var(--truNeutral100);
     outline-offset: 3px
 }

 .branch-locator-container h1.locator-header-title {
     color: var(--truPurple800);
     font-size: 6rem;
     font-weight: lighter;
     margin: 0;
     padding: 8rem 0 6rem
 }

 .branch-locator-container h1.locator-header-title>.locator-header-city {
     text-transform: capitalize
 }

 .branch-locator-container h1.locator-header-title>.locator-header-state {
     text-transform: uppercase
 }

 .branch-locator-container .col-lg-5.h-100 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 33%;
     flex: 0 0 33%;
     max-width: 33%
 }

 .branch-locator-container .group-filter-search {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 2rem
 }

 .branch-locator-container .group-filter-search .autosuggestion-location-dropdown {
     -webkit-box-flex: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex: auto;
     flex: auto
 }

 .branch-locator-container .input-svg-color,
 .branch-locator-container .input-svg-color>.twitter-typeahead {
     -webkit-box-flex: 1;
     -ms-flex: auto;
     flex: auto
 }

 .branch-locator-container .input-svg-color .locator-search-close-icon {
     background: var(--truNeutral0);
     border: none;
     height: 100%;
     position: absolute;
     right: 0
 }

 .branch-locator-container .input-svg-color .tt-input:-moz-placeholder~.locator-search-close-icon {
     display: none
 }

 .branch-locator-container .input-svg-color .tt-input:-ms-input-placeholder~.locator-search-close-icon {
     display: none
 }

 .branch-locator-container .input-svg-color .tt-input:placeholder-shown~.locator-search-close-icon {
     display: none
 }

 .branch-locator-container .filter-modal-opener-btn {
     background-color: var(--truNeutral0);
     border: var(--truSpace3xs) solid var(--truPurple500);
     border-radius: var(--truBdrRadiusLg);
     color: var(--truPurple500);
     font-size: var(--truTxtSize6);
     height: 6rem;
     padding: 0 3rem;
     position: relative;
     -webkit-transition: all .15s ease-in;
     transition: all .15s ease-in;
     white-space: nowrap
 }

 .branch-locator-container .filter-modal-opener-btn>.badge-count {
     border: var(--truSpace3xs) solid var(--truNeutral0);
     border-radius: 50%;
     font-size: var(--truTxtSizeBdy);
     height: var(--truSpaceXlg);
     position: absolute;
     right: 0;
     top: 0;
     translate: 50% -50%;
     width: var(--truSpaceXlg);
     -ms-flex-line-pack: center;
     align-content: center;
     background: var(--truPurple700);
     color: var(--truNeutral0)
 }

 .branch-locator-container .filter-modal-opener-btn>.badge-count:empty,
 .branch-locator-container .filter-modal-opener-btn>.badge-count:empty+.sr-only,
 .branch-locator-container .toggle-switch-map {
     display: none
 }

 .branch-locator-container .results-container {
     aspect-ratio: 2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 2%
 }

 .branch-locator-container .results-container .result-list-item-view {
     -webkit-box-flex: 1;
     border-top: var(--truSpace3xs) solid var(--truNeutral50);
     -ms-flex: auto;
     flex: auto;
     padding: unset;
     padding-top: var(--truSpaceLg);
     width: unset
 }

 .branch-locator-container .results-container .result-list-item-view .citylist-index,
 .branch-locator-container .results-container .result-list-item-view .resultlist-index {
     height: 100%;
     overflow-y: auto
 }

 .branch-locator-container .results-container .map-view {
     -webkit-box-flex: 1;
     border-radius: var(--truBdrRadiusXl);
     -ms-flex: 1 0 50%;
     flex: 1 0 50%
 }

 .branch-locator-container .resultlist-index>.card .locator-icon-container {
     margin-right: 2rem
 }

 .branch-locator-container .resultlist-index>.card .address {
     color: var(--truNeutral500);
     font-size: var(--truTxtSize5);
     margin: 0;
     padding: 0;
     white-space: pre-line;
     text-wrap: nowrap;
     white-space-collapse: preserve-breaks
 }

 .branch-locator-container .resultlist-index>.card .see-more-accordion svg {
     width: 1rem
 }

 .branch-locator-container .resultlist-index>.card .hover-tooltip {
     background-color: var(--truPurple800);
     border-radius: var(--truBdrRadiusLg);
     color: var(--truNeutral0);
     font-size: var(--truTxtSizeMicro);
     padding: var(--truSpaceXs);
     text-wrap: wrap;
     width: 80%
 }

 @media screen and (min-width:1024px)and (max-width:1365px) {
     .branch-locator-container .group-filter-search {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap
     }
     .branch-locator-container .group-filter-search .autosuggestion-location-dropdown {
         -webkit-box-flex: 100%;
         -ms-flex: 100%;
         flex: 100%
     }
 }

 @media screen and (max-width:1024px) {
     .branch-locator-container {
         padding: 0 1.5rem
     }
     .branch-locator-container h1.locator-header-title {
         font-size: 4.8rem;
         margin: 0;
         padding: 1.6rem 0
     }
     .branch-locator-container .col-lg-5.h-100 {
         display: none
     }
 }

 @media screen and (max-width:768px) {
     .branch-locator-container .group-filter-search {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap
     }
     .branch-locator-container .group-filter-search .autosuggestion-location-dropdown {
         -webkit-box-flex: 100%;
         -ms-flex: 100%;
         flex: 100%
     }
     .branch-locator-container .toggle-switch-map {
         display: unset;
         padding: 1.6rem 0
     }
     .branch-locator-container .results-container {
         aspect-ratio: unset
     }
     .branch-locator-container .results-container .result-list-item-view .citylist-index,
     .branch-locator-container .results-container .result-list-item-view .resultlist-index {
         overflow-y: unset
     }
     .branch-locator-container .results-container .map-view {
         aspect-ratio: 5/8;
         display: none
     }
     .branch-locator-container.mobile-map-active .result-list-item-view,
     .branch-locator-container.mobile-map-active .search-navigation,
     .branch-locator-container.mobile-map-active .show-results-number,
     .branch-locator-container.mobile-map-active .toggle-switch-map .map-view-toggle {
         display: none
     }
     .branch-locator-container.mobile-map-active .results-container .map-view,
     .branch-locator-container.mobile-map-active .toggle-switch-map .back-view-toggle,
     .branch-locator-container.mobile-map-active .toggle-switch-map .filter-button-center-align {
         display: block
     }
 }

 .findus-wrapper {
     border: 1px solid red;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
 }

 .findus-wrapper>.truist-typeahead {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     border: none;
     flex-grow: 1
 }

 .findus-wrapper>.truist-typeahead .tt-dataset>button {
     display: list-item;
     list-style-type: none;
     overflow: hidden;
     text-align: left;
     text-overflow: ellipsis;
     width: 100%
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h1,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h2,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h3,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h4,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h5,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h6 {
     color: var(--truNeutral0)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .loading-animation.hide {
     display: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-search-background {
     padding: 5rem 10rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-search-background.promo-mode {
     border-radius: 3rem;
     padding: 5rem 6rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     gap: 3rem;
     height: 6.1rem;
     width: 100%
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields>.equalWidth {
     height: 6.1rem;
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 33%;
     flex: 1 1 33%;
     min-width: 26%
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields>.equalWidth.drop-down-transform:focus-within {
     min-width: -webkit-fit-content;
     min-width: -moz-fit-content;
     min-width: fit-content
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields>:last-child {
     padding: 0
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields .location-error-validation {
     display: none;
     position: absolute;
     z-index: 1
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper {
     background-color: var(--truClrNtrlWht);
     border-radius: .9rem;
     color: var(--truNeutral500);
     font-weight: var(--truFontWtRg);
     height: 6.1rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper:focus-within,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper:hover {
     height: calc(6.1rem + 2px);
     left: -1px;
     position: relative;
     top: -1px;
     width: calc(100% + 2px)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper>.geolocation {
     border-radius: .8rem 0 0 .8rem;
     overflow: hidden
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper>.geolocation>.geolocation-image-btn {
     background-color: var(--truSky300);
     height: 100%;
     width: 6.1rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper>.geolocation>.geolocation-image-btn:focus {
     outline: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper.error-input {
     color: var(--truClrErrDk);
     outline: 1px solid var(--truClrErrBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper>div:focus-within {
     outline: 1px solid var(--truClrPplBs);
     outline-offset: -6px
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead {
     border-radius: .8rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead {
     margin-left: .45rem;
     margin-top: 2rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder:not(:focus))~.floating-label {
     color: unset;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     left: 1.8rem;
     top: 1.6rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder:not(:focus))~.floating-label {
     color: unset;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     left: 1.8rem;
     top: 1.6rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown:not(:focus))~.floating-label {
     color: unset;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     left: 1.8rem;
     top: 1.6rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead.js-input-empty.js-input-not-focused~.floating-label {
     color: unset;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     left: 1.8rem;
     top: 1.6rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .tt-hint,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .tt-input {
     -webkit-box-shadow: none;
     box-shadow: none;
     color: var(--truNeutral500);
     margin-top: -.5rem;
     padding-top: 2rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .typeahead-menu {
     border: 1px solid var(--truClrGryLt);
     left: -.8rem;
     width: calc(100% + 1.6rem + 26px)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .suggestion-header-text,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .tt-selectable {
     padding: 1rem 1rem 1rem 2rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .tt-selectable.tt-cursor {
     background: var(--truClrOffWht);
     border-radius: 1rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .floating-label {
     color: var(--truClrPplBs);
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtBd);
     left: 1.8rem;
     top: .5rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg {
     margin-right: 1rem;
     position: relative;
     top: 0
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:before {
     background-color: var(--truClrDuskBs);
     content: "";
     height: 20px;
     position: absolute;
     top: .3rem;
     width: 2px
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:before {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:after {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:focus:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:focus:before,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:hover:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:hover:before {
     background-color: var(--truClrDuskDk)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:focus {
     outline: 1px solid var(--truClrDuskDk);
     outline-offset: 2px
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-ntrl-white .findus-wrapper,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-off-white .findus-wrapper {
     border: 1px solid var(--truClrGryVLt)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-mist .findus-wrapper,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-mist-dk .findus-wrapper {
     border: 1px solid var(--truClrMistDkr)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-sky-blue-lt .findus-wrapper,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-sky-blue-ltr .findus-wrapper {
     border: 1px solid var(--truClrSkyBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .findus-wrapper,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .findus-wrapper {
     border: 1px solid var(--truClrDuskDk)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown {
     border: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>label,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]~label {
     color: var(--truClrPplBs);
     display: inline-block;
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtBd);
     left: 2.4rem;
     overflow: hidden;
     pointer-events: none;
     position: absolute;
     text-align: left;
     text-overflow: ellipsis;
     top: .5rem;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     white-space: nowrap;
     width: 85%;
     z-index: 2
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.dropdown-toggle>span,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]+.dropdown-toggle>span {
     font-size: var(--truTxtSize6);
     padding-top: 2rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.dropdown-toggle>span.dropchevron,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]+.dropdown-toggle>span.dropchevron {
     padding-top: unset
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.dropdown-toggle>span.sortbyplc {
     padding-top: 1rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.dropdown-toggle>svg {
     rotate: 180deg
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.btn.dropdown-toggle>.dropdown-placeholder {
     visibility: hidden
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]+.dropdown-toggle>span.sortbyplc {
     padding-top: 1rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle {
     border-radius: .8rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 6.1rem;
     margin-bottom: 0;
     -webkit-transition: none;
     transition: none;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle:focus {
     outline: 1px solid var(--truClrDuskBs);
     outline-offset: -6px
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>span {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>.dropdown-placeholder,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>.dropdown-selected {
     font-family: TruistTrio, Truist Trio, Arial, sans-serif;
     font-size: var(--truTxtSize6);
     overflow: hidden;
     text-overflow: ellipsis;
     width: 100%
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>.dropdown-selected:empty,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>.dropdown-selected:not(:empty)+.dropdown-placeholder {
     display: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown .dropdown-item {
     color: var(--truClrGryMd);
     font-size: 1.8rem;
     font-weight: var(--truFontWtRg);
     padding: 1rem 1rem 1rem 2rem;
     text-decoration: none;
     white-space: normal;
     width: 100%
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown .dropdown-item:active,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown .dropdown-item:focus,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown .dropdown-item:hover {
     background-color: unset;
     color: var(--truClrPplBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .search-filter-container {
     padding: 1.5rem 0;
     width: 100%
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading {
     display: none;
     padding: 1.5rem 0
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading:has(input:not(:disabled)) {
     display: unset;
     -webkit-transition: all allow-discrete .3s ease-in-out;
     transition: all allow-discrete .3s ease-in-out
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading.js-active-checkbox {
     display: unset;
     -webkit-transition: all allow-discrete .3s ease-in-out;
     transition: all allow-discrete .3s ease-in-out
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn {
     color: var(--truClrDuskBs);
     font-weight: var(--truFontWtBd);
     margin-bottom: 0;
     padding: 1rem 1.45rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:after {
     border-bottom: 2px solid transparent;
     border-left: 0;
     border-right: 2px solid transparent;
     border-top: 0;
     border-color: var(--truClrDuskBs);
     content: "";
     cursor: pointer;
     display: inline-block;
     margin-bottom: 2px;
     margin-left: 8px;
     padding: 4.2px;
     -webkit-transform: rotate(-135deg) translate(-6px);
     transform: rotate(-135deg) translate(-6px)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn.collapsed:after {
     -webkit-transform: rotate(45deg) translate(3px, -4px);
     transform: rotate(45deg) translate(3px, -4px)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:hover {
     color: var(--truClrDuskDk)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:hover:after {
     border-color: var(--truClrDuskDk)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:focus {
     border-color: var(--truClrDuskBs);
     color: var(--truClrDuskBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:focus:after {
     border-color: var(--truClrDuskBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn>span {
     height: 2.4rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn>.filter-badge-count {
     background: var(--truClrPplBs);
     border-radius: 2rem;
     color: var(--truClrNtrlWht);
     display: inline-block;
     font-size: var(--truTxtSizeMicro);
     margin-right: 1rem;
     width: 2.4rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn>.filter-badge-count:empty {
     display: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn>.advanceFilterText {
     display: inline-block;
     font-size: 1.6rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container {
     display: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container:has(input:not(:disabled)) {
     display: unset
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container.js-active-checkbox {
     display: unset
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label:before {
     content: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span {
     color: var(--truClrGryMd);
     display: block;
     margin-left: 3.3rem;
     padding-bottom: 1rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span:before {
     border: 1px solid var(--truClrFrstBs);
     border-radius: 2px;
     content: "";
     display: inline-block;
     height: 22px;
     left: 0;
     margin-bottom: 5px;
     position: absolute;
     vertical-align: middle;
     width: 22px
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span:hover:before {
     border-width: 2px;
     outline: 1px solid var(--truNeutral500);
     outline-offset: 2px
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:before {
     background: var(--truClrFrstBs);
     border: none;
     outline: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:after {
     background-color: transparent;
     border-bottom: 3px solid var(--truClrNtrlWht);
     border-right: 3px solid var(--truClrNtrlWht);
     content: "";
     display: inline-block;
     height: 17px;
     left: 7px;
     position: absolute;
     top: 1px;
     -webkit-transform: rotate(42deg);
     transform: rotate(42deg);
     width: 8px
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn {
     color: var(--truClrDawnBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:after {
     border-color: var(--truClrDawnBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:hover,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:hover {
     color: var(--truClrDawnLt)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:hover:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:hover:after {
     border-color: var(--truClrDawnLt)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:focus,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:focus {
     border-color: var(--truClrDawnBs);
     border-width: 1px;
     color: var(--truClrDawnBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:focus:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:focus:after {
     border-color: var(--truClrDawnBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn>.filter-badge-count,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn>.filter-badge-count {
     background: var(--truClrNtrlWht);
     color: var(--truClrPplBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label:focus-within .label-span:before,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label:hover .label-span:before,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label:focus-within .label-span:before,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label:hover .label-span:before {
     outline: 2px solid var(--truClrNtrlWht)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span {
     color: var(--truClrNtrlWht)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span:before,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span:before {
     border: 1px solid var(--truClrSkyBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:before,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:before {
     background: var(--truClrSkyBs)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:after,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:after {
     border-bottom: 3px solid var(--truClrNtrlWht);
     border-right: 3px solid var(--truClrNtrlWht)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-collapse {
     -webkit-transition-duration: .5s;
     transition-duration: .5s
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .default-message-text h2,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .no-result-text h2 {
     line-height: 4.5rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .default-message-text .cta .global-cta-btn a,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .no-result-text .cta .global-cta-btn a {
     line-height: 2rem
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .email,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .phone {
     color: var(--truClrDuskBs);
     line-height: 2;
     margin: 0 1rem 0 .2rem;
     text-align: center;
     text-decoration: underline
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .email:hover,
 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .phone:hover {
     text-decoration: none
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-languages {
     color: var(--truPurple800);
     font-size: var(--truTxtSizeBdy)
 }

 .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-languages:has(span:empty) {
     display: none
 }

 @media(max-width:990px) {
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card,
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-search-background,
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-search-background.promo-mode {
         padding: 2rem
     }
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         height: unset
     }
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields>.equalWidth {
         margin: 0;
         min-width: 100%;
         padding: 0
     }
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .search-button-container {
         margin-bottom: 1rem
     }
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .search-button-container .btn {
         height: 4.6rem;
         max-width: unset !important;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center
     }
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .search-filter-container {
         padding: 1.5rem 0
     }
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading {
         padding: .5rem 0
     }
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn {
         max-width: unset;
         width: 100%;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center
     }
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]~label {
         left: 1.3rem
     }
 }

 @media(max-width:768px) {
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown {
         margin: 0
     }
 }

 @media(max-width:480px) {
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .email,
     .peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .phone {
         display: inline-block;
         text-align: left
     }
 }

 .geolocation>button {
     background-color: var(--truNeutral500);
     border: none;
     cursor: pointer
 }

 .geolocation>button>svg {
     vertical-align: middle
 }

 .locator-icon-container {
     border: none;
     color: var(--truNeutral800);
     font-family: TruistTrio, Truist Trio, Arial, sans-serif;
     font-size: 1.5rem;
     margin: 0;
     max-height: 56px;
     max-width: 39px;
     min-height: 56px;
     min-width: 39px;
     padding: 0;
     position: relative;
     text-align: center
 }

 .locator-icon-container>svg.locator-icon {
     height: 50px;
     left: 2px;
     position: absolute;
     top: 6px;
     width: 35px
 }

 .locator-icon-container>svg.locator-icon>path {
     fill: var(--truSky200);
     stroke: var(--truNeutral1000);
     stroke-width: 1.5
 }

 .locator-icon-container>span {
     display: inline-block;
     left: 0;
     position: absolute;
     top: 1.7rem;
     width: 100%;
     z-index: 1
 }

 .locator-icon-container.marker-spotlight {
     color: var(--truNeutral0)
 }

 .locator-icon-container.marker-spotlight>svg.locator-icon {
     height: 56px;
     left: 0;
     top: 0;
     width: 39px
 }

 .locator-icon-container.marker-spotlight>svg.locator-icon>path {
     fill: var(--truPurple700);
     stroke: var(--truPurple700)
 }

 .locator-icon-container.marker-spotlight>span {
     top: 1.5rem
 }

 .truist-typeahead {
     background-color: #fff;
     border: 1px solid red;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 0 .2rem;
     position: relative;
     white-space: nowrap
 }

 .truist-typeahead input {
     border: none;
     line-height: 1.5;
     width: 100%
 }

 .truist-typeahead input:focus-visible {
     outline: none
 }

 .truist-typeahead input~.floating-label {
     display: none
 }

 .truist-typeahead button {
     background-color: transparent;
     border: none
 }

 .truist-typeahead button.input-close-svg {
     height: 2.4rem;
     margin: auto;
     min-height: 24px;
     min-width: 24px;
     padding: 0;
     width: 2.4rem
 }

 .truist-typeahead button svg {
     fill: var(--truClrGryMd);
     height: 26px;
     vertical-align: middle;
     width: 26px
 }

 .truist-typeahead button svg path {
     -webkit-transform: translate(-20px, -20px);
     transform: translate(-20px, -20px)
 }

 .truist-typeahead .floating-label {
     color: var(--truClrGryMd);
     font-size: .9rem;
     left: .2rem;
     max-width: 90%;
     pointer-events: none;
     position: absolute;
     top: .2rem;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     z-index: 1
 }

 .truist-typeahead .floating-label .input-placeholder-label {
     display: none
 }

 .truist-typeahead .twitter-typeahead {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     margin-top: 1.2rem
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder)~button {
     visibility: hidden
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder)~button {
     visibility: hidden
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown)~button {
     visibility: hidden
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder:not(:focus))~.floating-label {
     font-size: unset;
     left: .7rem;
     top: 1rem
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder:not(:focus))~.floating-label {
     font-size: unset;
     left: .7rem;
     top: 1rem
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown:not(:focus))~.floating-label {
     font-size: unset;
     left: .7rem;
     top: 1rem
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder:not(:focus))~.floating-label .input-focus-label {
     display: none
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder:not(:focus))~.floating-label .input-focus-label {
     display: none
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown:not(:focus))~.floating-label .input-focus-label {
     display: none
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder:not(:focus))~.floating-label .input-placeholder-label {
     display: unset
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder:not(:focus))~.floating-label .input-placeholder-label {
     display: unset
 }

 .truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown:not(:focus))~.floating-label .input-placeholder-label {
     display: unset
 }

 .truist-typeahead .typeahead-menu {
     background: var(--truClrNtrlWht);
     border-radius: 1rem;
     margin-top: 1rem;
     padding: 0;
     position: absolute;
     top: 100%;
     width: 100%;
     z-index: 100
 }

 .truist-typeahead .typeahead-menu .typeahead-suggestion {
     color: var(--truClrGryMd)
 }

 .truist-typeahead .typeahead-menu .typeahead-suggestion:hover {
     background: var(--truClrOffWht);
     border-radius: 1rem
 }

 .sr-only {
     height: 1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     clip: rect(0, 0, 0, 0);
     border: 0;
     white-space: nowrap
 }

 .cloners,
 .dom-templates>:not(dialog),
 .hide,
 [data-view-modes] {
     display: none
 }

 /* Truist On-page Modal Speedbump */

 .modal-header {
     border-bottom: none;
 }

 .onPageModal_container .modal-content {
     width: 680px;
     border-radius: 10px;
     padding: 20px 20px 64px 48px;
     margin: 15vh auto;
     display: flow-root;
 }

 .onPageModal_container .modal-head,
 .onPageModal_container .modal-bd,
 .onPageModal_container .modal-foot {
     padding-right: 30px;
 }

 .onPageModal_container .closeBtn-container {
     display: inline-block;
     width: 100%;
     margin-bottom: 12px;
 }

 .onPageModal_container .onPageModal-btn-close {
     font-size: 2.4rem;
     font-weight: var(--truFontWtRg);
     color: var(--truClrDuskBs);
     height: 32px;
     width: 32px;
 }

 .onPageModal_container .modal-title.truistModalTitle {
     font-family: var(--truFontFamRg);
     font-size: 36px;
     font-weight: var(--truFontWtLt);
     color: var(--truClrPplBs);
     line-height: 42px;
 }

 .onPageModal_container .modal-bd.truistModalContent,
 .onPageModal_container .modal-bd.truistModalContent p {
     font-family: var(--truFontFamRg);
     font-size: 16px;
     color: var(--truClrGryMd);
     line-height: 20px;
     margin: 30px 0 40px;
 }

 .onPageModal_container .modal-foot {
     border-top: none;
 }

 .onPageModal_container .btnModal {
     font-family: var(--truFontFamRg);
     font-size: 16px;
     color: var(--truClrNtrlWht);
     border-radius: 10px;
     height: 48px;
     margin-bottom: 0;
     text-decoration: none;
     padding: 9px 24px;
     cursor: pointer;
 }

 .onPageModal_container .btn-primary1 {
     background: var(--truClrDuskBs);
     border: 2px solid var(--truClrDuskBs);
     color: var(--truClrNtrlWht);
     margin-right: 15px;
 }

 .onPageModal_container .btn-primary1:hover {
     background: var(--truClrDuskDk);
 }

 .onPageModal_container .btn-primary1:focus {
     outline: 1px solid var(--truClrNtrlWht);
     background: var(--truClrDuskDk);
     border-spacing: 1px;
     outline-offset: -4px;
     box-shadow: none;
 }

 .onPageModal_container .btn-secondary:hover {
     background: var(--truClrOffWht);
 }

 .onPageModal_container .btn-secondary:focus {
     outline: 1px solid var(--truClrDuskDk);
     background: var(--truClrOffWht);
     border-spacing: 1px;
     outline-offset: -4px;
     box-shadow: none;
 }

 .onPageModal_container .btn-secondary {
     background: var(--truClrNtrlWht);
     border: 2px solid var(--truClrDuskBs);
     color: var(--truClrDuskBs);
     margin-right: 15px;
 }

 .onPageModal-link {
     font-family: var(--truFontFamRg);
     font-size: 16px;
     color: var(--truClrDuskBs);
     text-decoration: underline;
     display: inline-block;
     cursor: pointer;
 }

 .onPageModal-link:focus,
 .onPageModal-link:hover {
     text-decoration: none;
 }

 .onPageModal-link:focus {
     outline: 2px solid;
     outline-offset: 2px;
     border-radius: 5px;
 }

 /* Media queries starts here */

 @media only screen and (max-width: 480px) and (orientation: portrait) {
     .onPageModal_container {
         padding: 0 !important;
     }
     .onPageModal_container .onPageModal-btn-close {
         font-size: 2.4rem;
         font-weight: var(--truFontWtRg);
         width: 16px;
         height: 16px;
         line-height: 1rem;
     }
     .onPageModal_container .modal-head,
     .onPageModal_container .modal-bd,
     .onPageModal_container .modal-foot {
         padding-right: 8px;
     }
     .onPageModal_container .modal-content {
         width: 90%;
         padding: 24px 24px 48px 32px;
     }
     .onPageModal_container .modal-title.truistModalTitle {
         font-size: 28px;
         line-height: 35px;
     }
     .onPageModal_container .closeBtn-container {
         display: inline-block;
         width: 100%;
         margin-bottom: 0;
     }
     .onPageModal_container .btnModal {
         width: 100%;
         margin-bottom: 1.5rem;
         display: inline-block;
         text-align: center;
     }
     .onPageModal-link {
         text-align: center;
         width: 100%;
     }
 }

 /* Samsung tablet */

 @media (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
     .onPageModal_container .modal-content {
         width: 90%;
         padding: 24px 24px 48px 32px;
     }
 }

 @media only screen and (max-width: 932px) and (orientation: landscape) {
     .onPageModal_container .modal-title.truistModalTitle {
         font-size: 28px;
     }
 }

 .search-field {
     padding: var(--truSpace3xlg);
     background: var(--truPurple700)
 }

 .sitesearch .search-field {
     background: var(--truPurple700);
 }

 .sitesearch .wrapper {
     width: 100%;
 }

 .sitesearch .search-container {
     max-width: 136.6rem;
     padding: 6.4rem 0;
     margin: 0 auto;
 }

 .sitesearch .bg-tru-ppl:not(.truist-gridContainer) .h1-size {
     font-size: 3.6rem;
     margin-bottom: 3.6rem;
 }

 .sitesearch .bg-dusk-dkr:not(.truist-gridContainer) .h1-size {
     font-size: 3.6rem;
     margin-bottom: 3.6rem;
 }

 .sitesearch .site-search {
     margin-bottom: 3.2rem;
 }

 .sitesearch .input-wrapper .iconbox svg {
     width: 24px;
     height: 24px;
 }

 .sitesearch .site-search-input::placeholder {
     color: var(--truNeutral100) !important;
     opacity: 1;
     /* Firefox */
 }

 .sitesearch .form-group:not(.js-form-group) {
     position: relative;
     border-radius: 1rem;
     padding: 0;
     margin-bottom: 48px;
     gap: 2.4rem;
 }

 .sitesearch .input-hint {
     display: block;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: absolute;
     left: 0;
     top: 8.1rem;
     margin-bottom: 2rem;
 }

 .sitesearch .has-error~.input-hint {
     display: none;
 }

 .sitesearch .form-group:not(.js-form-group) .focus-wrapper {
     display: block;
     width: 3rem;
     height: 3rem;
     border: 1px solid var(--truNeutral500);
     border-radius: 50%;
     position: absolute;
     left: -0.35rem;
     top: -0.325rem;
     opacity: 0;
     z-index: 0;
 }

 .sitesearch .form-group:not(.js-form-group) label {
     color: var(--truNeutral500);
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
 }

 .sitesearch .form-group.hidden-label .input-wrapper .iconbox {
     display: block !important;
     padding: 1rem;
     width: 4.4rem;
     height: 4rem;
     background: var(--truPurple600);
     position: relative;
     z-index: 12;
     border-radius: .2rem 0 0 .2rem;
     margin-left: 2px;
 }

 .sitesearch .form-group.hidden-label .input-wrapper .iconbox svg {
     margin-top: -7px;
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper {
     width: auto;
     min-width: 83%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     margin-bottom: 0;
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper.is-clear {
     justify-content: flex-start;
 }

 .sitesearch .form-group:not(.js-form-group).stacked.hidden-label .input-wrapper {
     margin-top: -1px;
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper::before {
     content: "";
     display: block;
     /*background: var(--truNeutral0);*/
     position: absolute;
     width: calc(100% - 1px);
     height: 4.8rem;
     border: 1px solid var(--truNeutral100);
     border-radius: .5rem;
     z-index: 1;
 }

 .sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     position: relative;
     background: var(--truNeutral100);
     color: var(--truNeutral500);
     padding: 1rem 1rem 0.75rem 1rem;
     width: calc(100% - 7px);
     height: 4.2rem;
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     border: 1px solid var(--truClear);
     border-radius: .2rem;
     box-shadow: none;
     z-index: 10;
     transition: none;
 }

 .sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input).site-search-input {
     position: relative;
     background: var(--truPurple800);
     color: var(--truNeutral500);
     padding: 1rem 1rem 0.75rem 1rem;
     width: calc(100% - 54px);
     height: 4.2rem;
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     border: 1px solid var(--truClear);
     border-radius: .25rem;
     box-shadow: none;
     z-index: 10;
     margin-left: 3px;
     transition: none;
 }

 .sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus {
     border-color: var(--truNeutral100);
     box-shadow: none;
 }

 .sitesearch .form-group:not(.js-form-group) .is-clear input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     padding: 1rem 1rem 0.75rem 1rem;
     margin-left: 3px;
     color: var(--truNeutral100);
 }

 .sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input).has-clear:focus {
     width: calc(100% - 44px);
 }

 .sitesearch .form-group:not(.js-form-group).hidden-label .input-wrapper::before {
     width: calc(100% - 2px);
     border-radius: .5rem;
 }

 .sitesearch .form-group:not(.js-form-group).hidden-label input.hidden-label {
     width: calc(100% - 62px);
     padding: 1rem 1rem 0.75rem 1rem;
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper.has-error {
     flex-direction: row;
 }

 .sitesearch .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error {
     flex-direction: row;
 }

 .sitesearch .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg path {
     stroke: var(--truRuby200);
 }

 .sitesearch .bg-tru-ppl .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg g path,
 .sitesearch .bg-dusk-dkr .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg g path {
     fill: var(--truRuby200);
 }

 .sitesearch .bg-tru-ppl .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg path,
 .sitesearch .bg-dusk-dkr .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg path {
     stroke: var(--truRuby200);
 }

 .sitesearch .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg g path {
     fill: var(--truRuby200);
 }

 .sitesearch .form-group:not(.js-form-group) label.has-error,
 .sitesearch .form-group:not(.js-form-group).stacked label.is-focused.has-error,
 .sitesearch .form-group:not(.js-form-group) .validation-message {
     color: var(--truRuby200);
 }

 .sitesearch .form-group:not(.js-form-group) .validation-message {
     padding: .5rem 0;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: absolute;
     /*left: 35px;*/
     top: 22px;
     display: none;
 }

 .sitesearch .form-group:not(.js-form-group) .validation-message svg {
     margin: -.25rem .25rem 0 0;
     width: 1.4rem;
     height: auto;
 }

 .sitesearch .form-group:not(.js-form-group) .validation-message svg path {
     stroke: var(--truRuby200);
     stroke-width: 4px;
 }

 .sitesearch .form-group:not(.js-form-group) input.validation-failed,
 .sitesearch .form-group:not(.js-form-group) input.validation-failed:focus {
     border-color: var(--truNeutral100);
 }

 .sitesearch .form-group:not(.js-form-group) label.is-focused~.input-wrapper::before {
     border: 1px solid var(--truNeutral100);
 }

 .sitesearch .form-group:not(.js-form-group) label.is-focused~.input-wrapper.has-error::before,
 .sitesearch .form-group:not(.js-form-group) .input-wrapper.has-error::before {
     border: 1px solid var(--truRuby200);
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button {
     display: none;
     width: 35px;
     height: 42px;
     max-width: 100%;
     /*position: absolute;*/
     right: -2px;
     padding: 5px;
     z-index: 11;
     border-radius: .2rem;
     border: 1px solid var(--truClear);
     background-color: var(--truClear);
     background: var(--truPurple800);
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button:hover,
 .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button:focus {
     border: 1px solid var(--truNeutral100);
     /*background: var(--truPurple700);*/
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button svg {
     margin-top: 0px;
     margin-left: 1px;
     transition: all .3s ease-in-out;
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button:hover svg,
 .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button:focus svg {
     width: 12px;
     height: 12px;
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button svg path {
     stroke-width: .25rem;
     stroke: var(--truNeutral100);
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper.has-error .clear-field-button svg path {
     stroke-width: .25rem;
     stroke: var(--truRuby200);
 }

 .sitesearch .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login).searchBtn {
     padding: .85rem 2.2rem;
     margin-bottom: 0;
     margin-left: 0px;
 }

 .sitesearch #listbox {
     display: none;
     position: absolute;
     width: calc(100% - 131px);
     background: var(--truNeutral0);
     color: var(--truNeutral500);
     top: 50px;
     left: 1px;
     z-index: 10;
     border: 1px solid var(--truNeutral100);
     overflow: hidden;
     border-radius: 0 0 1rem 1rem;
 }

 .sitesearch #listbox .quick-suggestions {
     margin-bottom: 0;
     padding: 0;
     display: flex;
     flex-direction: column;
     gap: 0;
 }

 .sitesearch #listbox .search-list-item {
     margin-bottom: 0;
     position: relative;
 }

 .sitesearch #listbox .search-list-item::after {
     content: "";
     display: block;
     width: 100%;
     max-width: calc(100% - 10rem);
     height: 1px;
     position: absolute;
     top: calc(100% - 1px);
     left: 50%;
     transform: translateX(-50%);
     background: var(--truPurple700);
 }

 .sitesearch #listbox .search-list-button {
     display: block;
     width: 100%;
     border: 0;
     outline: none;
     background: none;
     box-shadow: none;
     text-align: left;
     line-height: 4.2rem;
     color: var(--truNeutral100);
     position: relative;
     display: block;
     padding: 0.5rem 5.75rem;
     font-size: var(--truTxtSizeBdy);
     text-decoration: none;
     cursor: pointer;
     transition: color .3s ease-in-out, background-color .3s ease-in-out, font-weight .3s ease-in-out;
 }

 .sitesearch #listbox .search-list-button:hover,
 .sitesearch #listbox .search-list-button:focus {
     background-color: var(--truSky900);
     color: var(--truSky200);
 }

 .sitesearch #listbox .search-list-button:focus {
     outline: 1px solid var(--truNeutral500);
     outline-offset: -4px;
 }

 .sitesearch .search-container ul {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     gap: 2rem;
 }

 .sitesearch .bg-tru-ppl a:link,
 .sitesearch .bg-tru-ppl a:visited {
     color: var(--truDawn400);
     text-decoration: none;
     font-weight: var(--truFontWtBd);
     transition: all .3s ease-in-out;
 }

 .sitesearch .bg-tru-ppl a:hover,
 .sitesearch .bg-tru-ppl a:focus {
     text-decoration: underline;
     color: var(--truDawn200);
     outline: none;
 }

 .sitesearch .bg-dusk-dkr a:link,
 .sitesearch .bg-dusk-dkr a:visited {
     color: var(--truDawn400);
     text-decoration: none;
     font-weight: var(--truFontWtBd);
     transition: all .3s ease-in-out;
 }

 .sitesearch .bg-dusk-dkr a:hover,
 .sitesearch .bg-dusk-dkr a:focus {
     text-decoration: underline;
     color: var(--truDawn200);
     outline: none;
 }

 .sitesearch a.arrow-link {
     display: inline-block;
     max-width: fit-content;
     font-size: 1.8rem;
     margin-right: var(--truSpaceLg);
 }

 .sitesearch .search-results {
     width: 100%;
     max-width: 136.6rem;
 }

 .sitesearch .search-results .no-results-msg {
     font-size: 2.8rem;
     text-align: center;
     color: var(--truClrGryMd);
     padding: 5rem 0 0 0;
     line-height: 1.3;
 }

 .sitesearch .search-results .accordion .card-header {
     background: none;
     border-bottom: 0;
 }

 .sitesearch .search-results .accordion .card-header h2 {
     font-size: var(--truTxtSize5);
     margin-bottom: 0;
 }

 .sitesearch .search-results .accordion .card-header .btn-link {
     padding: 0 0 0 3.2rem;
     position: relative;
     color: var(--truPurple800);
     font-weight: var(--truFontWtBd);
     margin-bottom: .8rem;
     text-align: left;
     transition: all .3s ease-in-out;
 }

 .sitesearch .search-results .accordion .card-header .btn-link:hover,
 .sitesearch .search-results .accordion .card-header .btn-link:focus {
     color: var(--truPurple500);
 }

 .sitesearch .search-results .accordion .card-header .btn-link p {
     margin-bottom: 0;
 }

 .sitesearch .search-results .accordion .card-header .btn-link::after {
     content: "";
     display: block;
     position: absolute;
     left: .25rem;
     top: 4px;
     width: 10px;
     height: 10px;
     border-right: 2px solid var(--truPurple800);
     border-bottom: 2px solid var(--truPurple800);
     transform: rotate(45deg);
     transition: all .3s ease-in-out;
 }

 .sitesearch .search-results .accordion .card-header .btn-link[aria-expanded="true"]::after {
     transform: rotate(-135deg);
     top: 7px;
 }

 .sitesearch .search-results .accordion .card {
     border: 0;
 }

 .sitesearch .search-results .accordion .card-body {
     padding: 0 3.2rem;
 }

 .sitesearch .cls-1,
 .sitesearch .cls-2 {
     fill: none;
     stroke: var(--truDawn400);
     stroke-width: 5px;
     transition: all .3s ease-in-out;
 }

 .sitesearch .cls-1 {
     stroke-linejoin: round;
 }

 .sitesearch .cls-2 {
     stroke-miterlimit: 10;
 }

 .sitesearch .cls-3 {
     fill: none;
     stroke: var(--truNeutral100);
     stroke-linejoin: round;
     stroke-width: 5px;
 }

 .sitesearch .arrow-link:hover .arrow .cls-1,
 .sitesearch .arrow-link:hover .arrow .cls-2,
 .sitesearch .arrow-link:focus .arrow.cls-1,
 .sitesearch .arrow-link:focus .arrow.cls-2 {
     stroke: var(--truDawn200);
 }

 .sitesearch .result-number {
     text-align: right;
     padding: 6.4rem 0;
 }

 .sitesearch .search-results .accordion .card-body ul {
     list-style-type: disc;
     padding-left: 3.2rem;
 }

 .sitesearch .search-results .accordion .card-body ul li {
     border-bottom: 0;
     padding-left: 0;
 }

 .search-pagination .light-theme.simple-pagination {
     padding-top: 3.2rem;
     display: flex;
     justify-content: center;
 }

 .search-pagination .light-theme.simple-pagination li {
     display: block;
 }

 .search-pagination .light-theme.simple-pagination li button {
     padding: .5rem .75rem .25rem;
     margin-bottom: .25rem;
 }

 .search-pagination .light-theme.simple-pagination .page-link {
     border: none;
     color: var(--truPurple500);
     background: none;
     display: block;
     padding: .25rem .75rem;
     line-height: 1.3;
     transition: all .3s ease-in-out;
 }

 .search-pagination .light-theme.simple-pagination .page-link:hover,
 .search-pagination .light-theme.simple-pagination .page-link:focus {
     text-decoration: underline;
     color: var(--truPurple800);
     outline: 1px dotted var(--truNeutral500);
     box-shadow: none;
     border-radius: .25rem;
 }

 .search-pagination .light-theme.simple-pagination .prev,
 .search-pagination .light-theme.simple-pagination .next {
     background: none;
     border: 0;
     text-decoration: none;
     box-shadow: none;
     padding: 0.5rem 0.75rem;
     position: relative;
     display: block;
     width: 25px;
     height: 28px;
 }

 .search-pagination .light-theme.simple-pagination .prev::after,
 .search-pagination .light-theme.simple-pagination .next::after {
     content: "";
     display: block;
     width: 10px;
     height: 10px;
     position: absolute;
     top: 10px;
 }

 .search-pagination .light-theme.simple-pagination .prev::after {
     border-bottom: 1px solid var(--truPurple500);
     border-left: 1px solid var(--truPurple500);
     transform: rotate(45deg);
     left: 10px;
 }

 .search-pagination .light-theme.simple-pagination .next::after {
     border-bottom: 1px solid var(--truPurple500);
     border-right: 1px solid var(--truPurple500);
     transform: rotate(-45deg);
     right: 10px;
 }

 .search-pagination .light-theme.simple-pagination .prev:disabled::after {
     border-bottom: 1px solid var(--truNeutral500);
     border-left: 1px solid var(--truNeutral500);
 }

 .search-pagination .light-theme.simple-pagination .next:disabled::after {
     border-bottom: 1px solid var(--truNeutral500);
     border-right: 1px solid var(--truNeutral500);
 }

 .search-pagination .light-theme.simple-pagination .active .current {
     background: none;
     border: 0;
     text-decoration: underline;
     box-shadow: none;
     color: var(--truPurple800);
     padding: .5rem .75rem .25rem;
 }

 .search-pagination .light-theme.simple-pagination .active .current:hover,
 .search-pagination .light-theme.simple-pagination .active .current:focus {
     outline: 1px dotted var(--truNeutral500);
     border-radius: .25rem;
 }

 .sitesearch .validation-message {
     margin-top: 2rem;
 }

 .sitesearch .search-results .unordered .list-header .search-results-link:hover,
 .sitesearch .search-results .unordered .list-header .search-results-link:focus {
     color: var(--truPurple500);
 }

 .sitesearch .err-alert-icon {}

 .sitesearch .has-error .cls-3 {
     fill: none;
     stroke: var(--truRuby200);
     stroke-linejoin: round;
     stroke-width: 5px;
 }

 .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button .has-error svg path {
     stroke: var(--truRuby200) !important;
 }

 .sitesearch .clear-field-button {
     fill: var(--truPurple500);
     stroke: var(--truPurple500);
 }

 .sitesearch .clear-field-button .has-error {
     fill: var(--truRuby600);
     stroke: var(--truRuby600);
 }

 .sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input).site-search-input.validation-failed {
     color: var(--truNeutral100);
 }

 .sitesearch .bg-dusk-dkr:not(.truist-gridContainer) ul li,
 .sitesearch .bg-tru-ppl:not(.truist-gridContainer) ul li {
     padding: 0 !important;
 }

 .sitesearch .bg-dusk-dkr:not(.truist-gridContainer) ul li:not(.search-list-item),
 .sitesearch .bg-tru-ppl:not(.truist-gridContainer) ul li:not(.search-list-item) {
     padding: .5rem 2rem;
 }

 @media(max-width: 1366px) {
     .sitesearch .search-results {
         padding: 0 6.4rem;
     }
 }

 @media (min-width: 769px) and (max-width: 878px) {
     .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button {
         top: 1px;
     }
     .sitesearch #listbox {
         width: calc(100% - 3px);
     }
 }

 @media (max-width: 768px) {
     .sitesearch .search-container {
         padding: 2.4rem 0;
     }
     .sitesearch .search-field {
         padding: 2.4rem;
     }
     .sitesearch .form-group:not(.js-form-group) {
         /* gap: .8rem;*/
     }
     .sitesearch .form-group:not(.js-form-group) .input-wrapper {
         min-width: auto;
     }
     .sitesearch #listbox {
         width: calc(100% - 115px);
     }
     .sitesearch .search-container ul {
         display: block;
     }
     .sitesearch a.arrow-link {
         font-size: 1.6rem;
     }
     .sitesearch a.arrow-link .arrow {
         top: 0px;
         transform: scale (1);
     }
     .sitesearch .search-results {
         padding: 0 2.4rem;
     }
     .sitesearch .search-results .no-results-msg {
         font-size: var(--truTxtSizeBdy);
     }
 }

 @media (max-width: 425px) {
     .sitesearch .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.btn-truist-login).searchBtn {
         margin-top: 3.6rem;
     }
     .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button {
         top: 1px;
     }
     .sitesearch #listbox {
         width: calc(100% - 3px);
     }
     .sitesearch .search-results .no-results-msg {
         font-size: var(--truTxtSizeBdy);
     }
 }

 @media (max-width: 0px) {
     .sitesearch .search-container {
         padding: 1.6rem 0;
     }
     .sitesearch .search-field {
         padding: .8rem;
     }
     .sitesearch .form-group:not(.js-form-group) {
         gap: .8rem;
     }
     .sitesearch .form-group:not(.js-form-group) .input-wrapper {
         min-width: auto;
     }
     .sitesearch .search-container ul {
         display: block;
     }
 }

 /* new search results */

 /* .search-field--wrapper, .search-facets, .search-results2 {
   margin: 0 6.4em;
} */

 .no-faq-search-results .unordered {
     list-style: none;
 }

 .no-faq-search-results ul li {
     padding: 0 !important;
     border-bottom: none !important;
     margin: 0 2.2rem;
 }

 .no-faq-search-results ul li a {
     font-weight: var(--truFontWtBd);
     font-size: 1.8rem;
     padding-left: 0 !important;
     padding-bottom: 0 !important;
     color: var(--truPurple800);
     margin-bottom: 0.8rem;
     text-decoration: none;
 }

 .page-description {
     margin-bottom: 2rem !important;
     font-size: 1.8rem;
     line-height: 1.5em;
 }

 .search-field--wrapper,
 .search-facets,
 .search-results {
     margin: 0 auto;
 }

 .sitesearch .bg-dusk-dkr:not(.truist-gridContainer) ul li,
 .sitesearch .bg-tru-ppl:not(.truist-gridContainer) ul li {
     padding: 0;
 }

 .sitesearch .search-results .unordered .list-header .search-results-link:hover,
 .sitesearch .search-results .unordered .list-header .search-results-link:focus {
     color: var(--truPurple500);
 }

 .sitesearch .search-results .accordion ul li sup {
     display: inline;
 }

 .sitesearch .search-results .accordion ul li sup a {
     color: var(--truPurple500);
     display: inline;
     padding: 5px 1px;
     position: relative;
     top: 16px;
     right: -1px;
     text-decoration: underline;
     outline: 1px solid var(--truClear);
     outline-offset: 1px;
     border-radius: .25rem;
     transition: all .25s ease-in-out;
 }

 .sitesearch .search-results .accordion ul li sup a:hover,
 .sitesearch .search-results .accordion ul li sup a:focus {
     color: var(--truPurple600);
     text-decoration: none;
 }

 .sitesearch .search-results .accordion ul li sup a:focus {
     outline: 1px solid var(--truPurple600);
 }

 .sitesearch .search-results .accordion ul li sup a::after {
     display: none;
 }

 /* BS5 element neutralization */

 .staticcardv2 p {
     margin-top: 0;
     margin-bottom: 0;
 }

 .staticcardv2 a {
     text-decoration: none;
     color: inherit;
 }

 .staticcardv2 a:hover {
     color: inherit;
 }

 .staticcardv2 ul,
 .staticcardv2 ol {
     padding-left: 0;
     margin-top: 0;
     margin-bottom: 0;
 }

 .staticcardv2 dl {
     margin-top: 0;
     margin-bottom: 0;
 }

 .staticcardv2 dd {
     margin-bottom: 0;
     margin-left: 0;
 }

 .staticcardv2 dt {
     font-weight: 700;
 }

 .staticcardv2 hr {
     margin: 0;
     border: 0;
     opacity: 1;
 }

 .staticcardv2 blockquote {
     margin: 0;
 }

 .staticcardv2 figure {
     margin: 0;
 }

 .staticcardv2 address {
     margin-bottom: 0;
     font-style: inherit;
 }

 .staticcardv2 label {
     display: inline;
 }

 .staticcardv2 legend {
     margin-bottom: 0;
     font-size: inherit;
 }

 .staticcardv2 .card-title {
     margin-bottom: 0;
     color: inherit;
 }

 .staticcardv2 .card-text {
     margin-bottom: 0;
 }

 .bootstrap5-wrapper.staticcardv2.card {
     --bs-card-bg: transparent;
     --bs-card-color: inherit;
     --bs-card-border-radius: 0;
     --bs-card-border-width: 0;
     --bs-card-border-color: transparent;
     --bs-card-spacer-y: 0;
     --bs-card-spacer-x: 0;
     --bs-card-title-spacer-y: 0;
     --bs-card-cap-bg: transparent;
     --bs-card-cap-color: inherit;
     --bs-card-inner-border-radius: 0;
     border: none !important;
     border-radius: 0 !important;
 }

 /* Simple container: restore border-radius */

 .bootstrap5-wrapper.staticcardv2.staticcardv2-simple-container.card {
     border-radius: 20px !important;
 }

 /* bg-* restore for simple container (all classes on same element) */

 .bootstrap5-wrapper.staticcardv2.card.bg-tru-ppl {
     background-color: var(--truPurple800) !important;
     color: var(--truNeutral0) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-dusk-dkr {
     background-color: var(--truPurple700) !important;
     color: var(--truNeutral0) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-mist {
     background-color: var(--truPurple50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-mist-dk {
     background-color: var(--truPurple100) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-ntrl-white {
     background-color: var(--truNeutral0) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-off-white {
     background-color: var(--truNeutral50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-ntrl-off-white {
     background-color: var(--truNeutral50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-sky-blue-lt {
     background-color: var(--truSky100) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-sky-blue-ltr {
     background-color: var(--truSky50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2.card.bg-clear {
     background-color: transparent !important;
     color: inherit !important;
     outline: 1px solid var(--truClear);
 }

 /* Inner: .card is a CHILD of the wrapper div.
   Compound selectors (no space) correctly target the wrapper element. */

 .bootstrap5-wrapper.staticcardv2 .card,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card {
     --bs-card-bg: transparent;
     --bs-card-color: inherit;
     --bs-card-border-radius: 0;
     --bs-card-border-width: 0;
     --bs-card-border-color: transparent;
     --bs-card-spacer-y: 0;
     --bs-card-spacer-x: 0;
     --bs-card-title-spacer-y: 0;
     --bs-card-cap-bg: transparent;
     --bs-card-cap-color: inherit;
     --bs-card-inner-border-radius: 0;
     border: none !important;
     border-radius: 0 !important;
     width: 100%;
 }

 /* Restore border-radius from radius-* classes on inner .card */

 .bootstrap5-wrapper.staticcardv2 .card.radius-20,
 .bootstrap5-wrapper.staticcardv2 .card.radius-Xl,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.radius-20,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.radius-Xl,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.radius-20,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.radius-Xl {
     border-radius: var(--truBdrRadiusXl) !important;
 }

 /* bg-* restore: !important beats .bootstrap5-wrapper .card (0,2,0) */

 .bootstrap5-wrapper.staticcardv2 .card.bg-tru-ppl,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-tru-ppl,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-tru-ppl {
     background-color: var(--truPurple800) !important;
     color: var(--truNeutral0) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-dusk-dkr,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-dusk-dkr,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-dusk-dkr {
     background-color: var(--truPurple700) !important;
     color: var(--truNeutral0) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-mist,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-mist,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-mist {
     background-color: var(--truPurple50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-mist-dk,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-mist-dk,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-mist-dk {
     background-color: var(--truPurple100) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-ntrl-white,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-ntrl-white,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-ntrl-white {
     background-color: var(--truNeutral0) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-off-white,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-off-white,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-off-white {
     background-color: var(--truNeutral50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-ntrl-off-white,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-ntrl-off-white,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-ntrl-off-white {
     background-color: var(--truNeutral50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-sky-blue-lt,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-sky-blue-lt,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-sky-blue-lt {
     background-color: var(--truSky100) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-sky-blue-ltr,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-sky-blue-ltr,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-sky-blue-ltr {
     background-color: var(--truSky50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper.staticcardv2 .card.bg-clear,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card.bg-clear,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card.bg-clear {
     background-color: transparent !important;
     color: inherit !important;
     outline: 1px solid var(--truClear);
 }

 /* card-footer: neutralise BS5 border-top and background */

 .bootstrap5-wrapper.staticcardv2 .card-footer,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card-footer,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card-footer {
     --bs-card-cap-bg: transparent;
     background-color: transparent;
     border-top: none;
 }

 /* card-img-top: neutralise BS5 border-radius */

 .bootstrap5-wrapper.staticcardv2 .card-img-top,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card-img-top,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card-img-top {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .bootstrap5-wrapper.staticcardv2 .card-img-bottom,
 .bootstrap5-wrapper.truist-global-staticcardv2-primarytile .card-img-bottom,
 .bootstrap5-wrapper.truist-global-staticcardv2-secondarytile .card-img-bottom {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }

 /* Static Card V2 Primary Tile and Secondary tile custom styles */

 .staticcardv2 {
     position: relative;
     display: flex;
     flex: 1;
 }

 .borderLess_StaticCard,
 .borderLess_StaticCard div {
     border: none;
 }

 /* CTA ICON enhancements end */

 .staticcardv2 .card {
     height: auto;
 }

 .staticcardv2 .eyebrow {
     margin-bottom: var(--truSpaceXs);
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtRg);
     text-transform: uppercase;
 }

 .staticcardv2 .heading {
     margin-bottom: var(--truSpaceXs);
 }

 .staticcardv2.truist-global-staticcardv2-secondarytile .heading {
     margin-bottom: var(--truSpaceMd);
 }

 .staticcardv2 .subheading {
     font-weight: var(--truFontWtBd);
 }

 .staticcardv2 .subheading,
 .staticcardv2 .card-body>p {
     margin-bottom: var(--truSpaceMd);
     overflow-wrap: break-word;
     white-space: normal;
 }

 .staticcardv2 .card-body ul ul li {
     padding: 0;
     list-style: disc;
 }

 .staticcardv2 .card-body ul.check-stroke.checkmarkStroke ul li {
     list-style: none;
 }

 .staticcardv2 .card-body .card-list-content li {
     padding-bottom: var(--truSpaceMd);
 }

 .truist-global-staticcardv2-primarytile .card-body,
 .truist-global-staticcardv2-secondarytile .card-body {
     padding: var(--truSpaceXlg) var(--truSpaceXlg) 0;
 }

 .truist-global-staticcardv2-primarytile .card-footer {
     background: none;
     border: none;
     padding: var(--truSpaceLg) var(--truSpaceXlg) var(--truSpaceXlg) var(--truSpaceXlg);
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .truist-global-staticcardv2-primarytile .card-footer .cta-container {
     display: flex;
     justify-content: flex-start;
     flex-wrap: wrap;
     gap: var(--truSpaceMd);
 }

 .truist-global-staticcardv2-primarytile .content-center .card-footer .cta-container {
     width: 100%;
     justify-content: center;
 }

 .truist-global-staticcardv2-secondarytile .card-footer {
     background: none;
     border: none;
     padding: var(--truSpaceLg) var(--truSpaceXlg) var(--truSpaceXlg) var(--truSpaceXlg);
 }

 .truist-global-staticcardv2-secondarytile .noPadding .card-footer {
     background: none;
     border: none;
     padding: 0;
 }

 .truist-global-staticcardv2-primarytile .card-footer p:last-child,
 .truist-global-staticcardv2-secondarytile .card-footer p:last-child {
     margin-bottom: 0;
 }

 .truist-global-staticcardv2-primarytile .btn-primary,
 .truist-global-staticcardv2-primarytile .btn-secondary,
 .truist-global-staticcardv2-secondarytile .btn-primary,
 .truist-global-staticcardv2-secondarytile .btn-secondary {
     display: inline-block;
     justify-content: center;
     flex: 1;
     /* min-width: 24%; */
 }

 .truist-global-staticcardv2-primarytile .btn-minimal,
 .truist-global-staticcardv2-secondarytile .btn-minimal {
     display: inline-block;
     justify-content: start;
     flex: 1;
     /* min-width: 24%; */
 }

 /* .truist-global-staticcardv2-primarytile .btn-primary,
.truist-global-staticcardv2-primarytile .btn-secondary {
    margin-right: var(--truSpaceMd);
} */

 .truist-global-staticcardv2-primarytile .card-list-content.defaultList,
 .truist-global-staticcardv2-primarytile .card-list-content.defaultList ul {
     list-style-type: disc;
     padding: 0;
 }

 .truist-global-staticcardv2-primarytile .card-list-content.defaultList li,
 .truist-global-staticcardv2-primarytile .card-list-content.defaultList ul li {
     margin-left: 20px;
 }

 .truist-global-staticcardv2-primarytile ul.card-list-content.ordered {
     padding: 0;
 }

 /* Static card icon variant */

 .truist-global-staticcardv2-primarytile .card-img-icon-default,
 .truist-global-staticcardv2-secondarytile .card-img-icon-default {
     height: 48px;
     width: 48px;
     margin-top: var(--truSpaceXlg);
     margin-right: var(--truSpaceXlg);
     margin-bottom: 0;
     margin-left: var(--truSpaceXlg);
 }

 .truist-global-staticcardv2-primarytile .card-img-icon-lg,
 .truist-global-staticcardv2-secondarytile .card-img-icon-lg {
     height: 64px;
     width: 64px;
     margin-top: var(--truSpaceXlg);
     margin-right: var(--truSpaceXlg);
     margin-bottom: 0;
     margin-left: var(--truSpaceXlg);
 }

 .truist-global-staticcardv2-primarytile .card-img-icon-md,
 .truist-global-staticcardv2-secondarytile .card-img-icon-md {
     height: 32px;
     width: 32px;
     margin-top: var(--truSpaceXlg);
     margin-right: var(--truSpaceXlg);
     margin-bottom: 0;
     margin-left: var(--truSpaceXlg);
 }

 .truist-global-staticcardv2-primarytile .card-img-icon-sm,
 .truist-global-staticcardv2-secondarytile .card-img-icon-sm {
     height: 24px;
     width: 24px;
     margin-top: var(--truSpaceXlg);
     margin-right: var(--truSpaceXlg);
     margin-bottom: 0;
     margin-left: var(--truSpaceXlg);
 }

 .truist-global-staticcardv2-primarytile .card-img-icon-default+.card-body,
 .truist-global-staticcardv2-secondarytile .card-img-icon-default+.card-body,
 .truist-global-staticcardv2-primarytile .card-img-icon-lg+.card-body,
 .truist-global-staticcardv2-secondarytile .card-img-icon-lg+.card-body,
 .truist-global-staticcardv2-primarytile .card-img-icon-md+.card-body,
 .truist-global-staticcardv2-secondarytile .card-img-icon-md+.card-body,
 .truist-global-staticcardv2-primarytile .card-img-icon-sm+.card-body,
 .truist-global-staticcardv2-secondarytile .card-img-icon-sm+.card-body {
     padding-top: 2rem;
 }

 /* Content centre alignment styles */

 .truist-global-staticcardv2-primarytile .card.content-center,
 .truist-global-staticcardv2-secondarytile .card.content-center,
 .staticcardv2-simple-container .content-center .card-body {
     text-align: center;
 }

 .truist-global-staticcardv2-primarytile .card.content-center ul,
 .truist-global-staticcardv2-primarytile .card.content-center ol,
 .truist-global-staticcardv2-primarytile .card.content-center .list-heading,
 .truist-global-staticcardv2-secondarytile .card.content-center ul,
 .truist-global-staticcardv2-secondarytile .card.content-center ol,
 .staticcardv2-simple-container .content-center ul,
 .staticcardv2-simple-container .content-center ol {
     text-align: left;
 }

 .truist-global-staticcardv2-secondarytile .content-center .card-footer {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
 }

 .truist-global-staticcardv2-primarytile .card.content-center .card-footer,
 .truist-global-staticcardv2-secondarytile .card.content-center .card-footer {
     justify-content: center;
     flex-wrap: wrap;
 }

 .staticcardv2-simple-container.content-center .card-body {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .staticcardv2-simple-container.content-center .card-body .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login) {
     display: block;
     margin-right: 0;
     text-align: center;
 }

 /* Content Padding on/off */

 .truist-global-staticcardv2-primarytile .card.noPadding .card-body,
 .truist-global-staticcardv2-primarytile .card.noPadding .card-footer,
 .truist-global-staticcardv2-primarytile .card.noPadding .card-img-icon-default,
 .truist-global-staticcardv2-primarytile .card.noPadding .card-img-icon-lg,
 .truist-global-staticcardv2-primarytile .card.noPadding .card-img-icon-md,
 .truist-global-staticcardv2-primarytile .card.noPadding .card-img-icon-sm,
 .truist-global-staticcardv2-secondarytile .card.noPadding .card-body,
 .truist-global-staticcardv2-secondarytile .card.noPadding .card-img-icon-default,
 .truist-global-staticcardv2-secondarytile .card.noPadding .card-img-icon-lg,
 .truist-global-staticcardv2-secondarytile .card.noPadding .card-img-icon-md,
 .truist-global-staticcardv2-secondarytile .card.noPadding .card-img-icon-sm,
 .truist-global-staticcardv2-secondarytile .card.noPadding .card-footer,
 .staticcardv2-simple-container.card.noPadding .card-body,
 .staticcardv2-simple-container.card.noPadding .card-footer {
     padding-right: 0;
     padding-left: 0;
     margin-right: 0;
     margin-left: 0;
 }

 .truist-global-staticcardv2-secondarytile .card.noPadding .card-footer {
     padding-top: var(--truSpaceLg);
 }

 .truist-global-staticcardv2-secondarytile .card.noPadding .card-body {
     padding-top: 0;
 }

 .truist-global-staticcardv2-primarytile .card.noPadding,
 .truist-global-staticcardv2-secondarytile .card.noPadding {
     border: 0;
 }

 .truist-global-staticcardv2-primarytile .card-footer p {
     margin-top: var(--truSpaceMd);
     width: 100%;
 }

 /* Media queries starts here */

 @media (max-width: 375px) {
     .truist-global-staticcardv2-primarytile .card-footer {
         flex-wrap: wrap;
     }
     .truist-global-staticcardv2-primarytile .card-footer p {
         margin-top: 0;
     }
 }

 @media only screen and (max-width: 480px) and (orientation: portrait) {
     .truist-global-staticcardv2-primarytile,
     .truist-global-staticcardv2-secondarytile {
         display: flex;
         max-width: 100%;
         width: 100%;
         margin-top: 20px;
         align-items: inherit;
         justify-content: inherit;
         text-align: inherit;
     }
 }

 @media only screen and (max-width: 932px) and (orientation: landscape) {
     /* Place if there are any look & feel change for mobile landscape view */
 }

 /******************************************************************************************/

 /* Simple Card Styles starts here */

 .staticcardv2 .card-img-icon-default {
     width: 48px;
     height: 48px;
     margin-right: var(--truSpaceLg);
 }

 .staticcardv2 .card-img-icon-sm {
     width: 24px;
     height: 24px;
     margin-right: var(--truSpaceLg);
 }

 .staticcardv2 .card-img-icon-md {
     width: 32px;
     height: 32px;
     margin-right: var(--truSpaceLg);
 }

 .staticcardv2 .card-img-icon-lg {
     width: 64px;
     height: 64px;
     margin-right: var(--truSpaceLg);
 }

 .staticcardv2-simple-container {
     display: flex;
     flex-direction: row;
     align-items: center;
     border-radius: 20px;
     padding: var(--truSpaceXlg);
     /*width:700px;*/
 }

 .staticcardv2-simple-container-nopadding {
     padding: 0;
     border: none;
 }

 .staticcardv2 .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login) {
     padding-right: 0 !important;
     /* Need for spacing */
     padding-left: 0 !important;
     /* Need for spacing */
     margin-bottom: 0;
     margin-right: var(--truSpaceMd);
 }

 .staticcardv2 .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login) {
     margin-bottom: 0;
 }

 .staticcardv2 .card.noPadding img {
     padding: 0;
 }

 .staticcardv2 .card ol,
 .staticcardv2 .card ul,
 .staticcardv2 .card dl,
 .staticcardv2 .card p {
     margin-bottom: 0;
 }

 .staticcardv2 .card ul,
 .staticcardv2 .card dl,
 .staticcardv2 .card ol {
     margin-top: var(--truSpaceMd);
 }

 .staticcardv2 .card .list-heading {
     display: block;
     margin-top: var(--truSpaceMd);
 }

 .staticcardv2 .card .dt-list-heading {
     margin-top: var(--truSpaceMd);
 }

 .staticcardv2 .card .card-body ul li {
     padding-bottom: var(--truSpaceMd);
 }

 .staticcardv2 .card .card-body .card-list-content li:last-child {
     padding-bottom: 0;
 }

 .staticcardv2 .card .card-body dl dd:last-child {
     margin-bottom: 0;
 }

 .staticcardv2 .card-list-content dd {
     margin-bottom: var(--truSpaceMd);
 }

 .staticcardv2 .card-list-content dd:last-child {
     margin-bottom: 0;
 }

 .staticcardv2.staticcardv2-simple-container .eyebrow {
     margin-bottom: var(--truSpace2xs);
 }

 .staticcardv2.staticcardv2-simple-container .heading {
     margin-bottom: var(--truSpaceMd);
     font-weight: var(--truFontWtBd);
 }

 .staticcardv2.staticcardv2-simple-container .card-body {
     padding: 0;
 }

 .staticcardv2.staticcardv2-simple-container.content-center {
     text-align: center;
     flex-direction: column;
     margin-right: unset;
 }

 /* link-txt modal window (non href) link style updates as a part of focus defect (DE192634) fix */

 a.link-txt.modalTrigger,
 a.link-txt.modalTrigger:hover {
     cursor: pointer;
 }

 .bg-dusk-dkr a.link-txt.modalTrigger,
 .bg-tru-ppl a.link-txt.modalTrigger {
     color: var(--truDawn200);
 }

 .bg-dusk-dkr a.link-txt.modalTrigger:hover,
 .bg-dusk-dkr a.link-txt.modalTrigger:focus,
 .bg-tru-ppl a.link-txt.modalTrigger:hover,
 .bg-tru-ppl a.link-txt.modalTrigger:focus {
     color: var(--truDawn200);
     text-decoration: none;
 }

 .staticcardv2.staticcardv2-simple-container.content-center .card-img-icon-default {
     margin-right: unset;
 }

 .staticcardv2.staticcardv2-simple-container .btn {
     display: inline-block;
 }

 /* Start MMA-Rates-Card Styles */

 .staticcardv2.mma-rate-card {
     text-align: center;
 }

 .staticcardv2.mma-rate-card .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login).mma-modal-trigger {
     text-decoration: underline;
     font-weight: var(--truFontWtRg);
 }

 .staticcardv2.mma-rate-card .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login).mma-modal-trigger:hover,
 .staticcardv2 .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login).mma-modal-trigger:focus {
     text-decoration: none;
 }

 .staticcardv2.bg-clear .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-ntrl-white .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-ntrl-off-white .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-mist .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-mist-dk .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-sky-blue-lt .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-sky-blue-ltr .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-clear .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
 .staticcardv2.bg-ntrl-white .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
 .staticcardv2.bg-ntrl-off-white .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
 .staticcardv2.bg-mist .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
 .staticcardv2.bg-mist-dk .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
 .staticcardv2.bg-sky-blue-lt .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
 .staticcardv2.bg-sky-blue-ltr .htmlcontainer .mma-modal-trigger svg circle.cls-loc {
     stroke: var(--truPurple500);
     fill: none;
     stroke-miterlimit: 10;
     stroke-width: 5px;
 }

 .staticcardv2.bg-dusk-dkr .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-tru-ppl .htmlcontainer .mma-modal-trigger svg path.cls-loc,
 .staticcardv2.bg-dusk-dkr .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
 .staticcardv2.bg-tru-ppl .htmlcontainer .mma-modal-trigger svg circle.cls-loc {
     stroke: var(--truDawn200);
     fill: none;
     stroke-miterlimit: 10;
     stroke-width: 5px;
 }

 .staticcardv2.mma-rate-card>.container,
 .staticcardv2.mma-rate-card .card-body,
 .staticcardv2.mma-rate-card .htmlcontainer .card-body {
     padding: 0;
     color: var(--truPurple800);
 }

 .staticcardv2.bg-dusk-dkr.mma-rate-card>.container,
 .staticcardv2.bg-dusk-dkr.mma-rate-card .card-body,
 .staticcardv2.bg-dusk-dkr.mma-rate-card .htmlcontainer .card-body,
 .staticcardv2.bg-tru-ppl.mma-rate-card>.container,
 .staticcardv2.bg-tru-ppl.mma-rate-card .card-body,
 .staticcardv2.bg-tru-ppl.mma-rate-card .htmlcontainer .card-body {
     padding: 0;
     color: var(--truNeutral0);
 }

 .staticcardv2.staticcardv2-simple-container .card-body {
     padding: var(--truSpaceXlg) var(--truSpaceXlg) 0;
 }

 .staticcardv2.mma-rate-card .card-body .card-title.heading.h4-size,
 .staticcardv2.truist-global-staticcardv2-secondarytile .card-body .heading.h2-size,
 .staticcardv2.staticcardv2-simple-container .card-body .card-title.heading.h2-size {
     font-size: var(--truTxtSize5);
     line-height: var(--truLnHght5);
     font-weight: var(--truFontWtBd);
 }

 .staticcardv2.mma-rate-card .card-body .card-title,
 .staticcardv2.mma-rate-card .card-body .card-text {
     display: block;
     padding-left: 0;
     margin-bottom: var(--truSpaceXs);
 }

 .staticcardv2.mma-rate-card .card-body .card-text>p {
     margin-bottom: var(--truSpaceXs);
 }

 .staticcardv2-simple-container .card-body .card-text>p {
     overflow-wrap: break-word;
     white-space: normal;
 }

 .staticcardv2.mma-rate-card .limit-error {
     color: var(--truRuby600);
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLineHghtMicro);
 }

 @media (max-width: 768px) {
     .staticcardv2-simple-container {
         display: block
     }
     .staticcardv2-simple-container>img {
         margin: 0 0 var(--truSpaceLg) 0;
     }
 }

 @media only screen and (max-width: 932px) and (orientation: landscape) {
     /* Place if there are any look & feel change for mobile landscape view */
 }

 .static-lsc-loader.loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     color: var(--truNeutral500);
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 1;
     background-color: var(--truNeutral0) !important;
 }

 .static-lsc-loader.bg-clear.loading-animation {
     background: var(--truNeutral0);
 }

 .static-lsc-loader.bg-dusk-dkr.loading-animation,
 .static-lsc-loader.bg-tru-ppl.loading-animation {
     color: var(--truNeutral50);
 }

 .static-lsc-loader.loading-animation .dot {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -5px;
     background: var(--truNeutral500);
 }

 .static-lsc-loader.loading-animation .loading {
     padding-left: 10px;
 }

 @keyframes jumpingAnimationLsc {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 10px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 .static-lsc-loader.loading-animation.hide {
     display: none;
 }

 /* Accessibility: respect user OS reduced motion preference (WCAG 2.1 - 2.3.3).
   Disables loading animation dots for users who prefer reduced motion. */

 @media (prefers-reduced-motion: reduce) {
     .staticcardv2 .loading-animation,
     .staticcardv2 .loading-animation .dot {
         animation: none !important;
         transition: none !important;
     }
 }

 /* BS5 descendant-selector overrides
   When .staticcardv2 is inside a parent .bootstrap5-wrapper (e.g. navigation),
   compound selectors like .bootstrap5-wrapper.staticcardv2.card don't match.
   These descendant versions cover that scenario. */

 /* Simple variant: .staticcardv2 IS the .card */

 .bootstrap5-wrapper .staticcardv2.card {
     --bs-card-bg: transparent;
     --bs-card-color: inherit;
     --bs-card-border-radius: 0;
     --bs-card-border-width: 0;
     --bs-card-border-color: transparent;
     --bs-card-spacer-y: 0;
     --bs-card-spacer-x: 0;
     --bs-card-title-spacer-y: 0;
     --bs-card-cap-bg: transparent;
     --bs-card-cap-color: inherit;
     --bs-card-inner-border-radius: 0;
     border: none !important;
     border-radius: 0 !important;
 }

 .bootstrap5-wrapper .staticcardv2.staticcardv2-simple-container.card {
     border-radius: 20px !important;
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-tru-ppl {
     background-color: var(--truPurple800) !important;
     color: var(--truNeutral0) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-dusk-dkr {
     background-color: var(--truPurple700) !important;
     color: var(--truNeutral0) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-mist {
     background-color: var(--truPurple50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-mist-dk {
     background-color: var(--truPurple100) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-ntrl-white {
     background-color: var(--truNeutral0) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-off-white {
     background-color: var(--truNeutral50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-ntrl-off-white {
     background-color: var(--truNeutral50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-sky-blue-lt {
     background-color: var(--truSky100) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-sky-blue-ltr {
     background-color: var(--truSky50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2.card.bg-clear {
     background-color: transparent !important;
     color: inherit !important;
     outline: 1px solid var(--truClear);
 }

 /* Primary/Secondary: .card is a CHILD of .staticcardv2 */

 .bootstrap5-wrapper .staticcardv2 .card,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card {
     --bs-card-bg: transparent;
     --bs-card-color: inherit;
     --bs-card-border-radius: 0;
     --bs-card-border-width: 0;
     --bs-card-border-color: transparent;
     --bs-card-spacer-y: 0;
     --bs-card-spacer-x: 0;
     --bs-card-title-spacer-y: 0;
     --bs-card-cap-bg: transparent;
     --bs-card-cap-color: inherit;
     --bs-card-inner-border-radius: 0;
     border: none !important;
     border-radius: 0 !important;
     width: 100%;
 }

 .bootstrap5-wrapper .staticcardv2 .card.radius-20,
 .bootstrap5-wrapper .staticcardv2 .card.radius-Xl,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.radius-20,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.radius-Xl,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.radius-20,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.radius-Xl {
     border-radius: var(--truBdrRadiusXl) !important;
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-tru-ppl,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-tru-ppl,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-tru-ppl {
     background-color: var(--truPurple800) !important;
     color: var(--truNeutral0) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-dusk-dkr,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-dusk-dkr,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-dusk-dkr {
     background-color: var(--truPurple700) !important;
     color: var(--truNeutral0) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-mist,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-mist,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-mist {
     background-color: var(--truPurple50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-mist-dk,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-mist-dk,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-mist-dk {
     background-color: var(--truPurple100) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-ntrl-white,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-ntrl-white,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-ntrl-white {
     background-color: var(--truNeutral0) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-off-white,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-off-white,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-off-white {
     background-color: var(--truNeutral50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-ntrl-off-white,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-ntrl-off-white,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-ntrl-off-white {
     background-color: var(--truNeutral50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-sky-blue-lt,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-sky-blue-lt,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-sky-blue-lt {
     background-color: var(--truSky100) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-sky-blue-ltr,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-sky-blue-ltr,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-sky-blue-ltr {
     background-color: var(--truSky50) !important;
     color: var(--truNeutral500) !important;
     outline: 1px solid var(--truClear);
 }

 .bootstrap5-wrapper .staticcardv2 .card.bg-clear,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card.bg-clear,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card.bg-clear {
     background-color: transparent !important;
     color: inherit !important;
     outline: 1px solid var(--truClear);
 }

 /* card-footer */

 .bootstrap5-wrapper .staticcardv2 .card-footer,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card-footer,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card-footer {
     --bs-card-cap-bg: transparent;
     background-color: transparent;
     border-top: none;
 }

 /* card-img-top */

 .bootstrap5-wrapper .staticcardv2 .card-img-top,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card-img-top,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card-img-top {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .bootstrap5-wrapper .staticcardv2 .card-img-bottom,
 .bootstrap5-wrapper .truist-global-staticcardv2-primarytile .card-img-bottom,
 .bootstrap5-wrapper .truist-global-staticcardv2-secondarytile .card-img-bottom {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }

 .mma-banner-modal {}

 .modal-backdrop.fade.show {
     display: none;
 }

 .mma-banner-modal strong {
     padding-left: var(--truSpace2xs);
 }

 .mma-banner-modal .truist-mma-banner-container {
     display: flex;
     align-items: center;
     justify-content: center;
     padding-top: var(--truSpaceSm);
     padding-bottom: var(--truSpaceSm);
 }

 .mma-banner-modal .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login) {
     font-weight: var(--truFontWtRg);
     text-decoration: underline;
     margin-bottom: 0;
     padding: 0 2.2rem !important;
     /* Need for spacing */
 }

 .mma-banner-modal .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login):hover,
 .mma-banner-modal .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login):focus {
     text-decoration: none;
 }

 .mma-banner-modal .bg-clear .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-ntrl-white .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-off-white .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-mist .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-mist-dk .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-sky-blue-lt .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-sky-blue-ltr .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-clear .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
 .mma-banner-modal .bg-ntrl-white .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
 .mma-banner-modal .bg-off-white .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
 .mma-banner-modal .bg-mist .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
 .mma-banner-modal .bg-mist-dk .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
 .mma-banner-modal .bg-sky-blue-lt .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
 .mma-banner-modal .bg-sky-blue-ltr .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc {
     stroke: var(--truPurple500);
     fill: none;
     stroke-miterlimit: 10;
     stroke-width: 5px;
 }

 .mma-banner-modal .bg-dusk-dkr .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-tru-ppl .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
 .mma-banner-modal .bg-dusk-dkr .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
 .mma-banner-modal .bg-tru-ppl .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc {
     stroke: var(--truDawn200);
     fill: none;
     stroke-miterlimit: 10;
     stroke-width: 5px;
 }

 .mma-banner-modal .modal {
     background: rgba(0, 0, 0, .5);
 }

 .mma-banner-modal .modal .modal-dialog {
     width: 100%;
     max-width: 587px;
     z-index: 1041;
 }

 .mma-banner-modal .modal .modal-dialog .modal-content {
     border-radius: 2rem;
     width: 100%;
     padding: var(--truSpace2xlg);
 }

 .mma-banner-modal .modal .modal-dialog .modal-content .modal-header {
     display: block;
     position: relative;
     padding: 0;
 }

 .mma-banner-modal .modal .modal-dialog .modal-content .modal-header .close {
     position: absolute;
     top: -24px;
     right: -24px;
     padding: var(--truSpaceXs);
 }

 .mma-banner-modal .modal .modal-dialog .modal-content .modal-header .close:hover,
 .mma-banner-modal .modal .modal-dialog .modal-content .modal-header .close:focus {
     outline: 1px solid var(--truNeutral500);
     border-radius: .5rem;
 }

 .mma-banner-modal .modal .modal-dialog .modal-content .modal-header .modal-title {
     display: block;
     font-size: var(--truTxtSize3);
     line-height: var(--truLnHght3);
     color: var(--truPurple800);
     font-weight: var(--truFontWtLt);
     margin-bottom: var(--truSpaceMd);
 }

 .mma-banner-modal .modal .modal-dialog .modal-content .modal-body {
     padding: 0;
 }

 .mma-banner-modal .modal .modal-dialog .modal-content .modal-body .validation-message.limit-error {
     color: var(--truRuby600);
     transition: all .3s ease-in-out;
 }

 .mma-banner-modal .modal .modal-dialog .modal-content .modal-body .validation-message.limit-error svg {
     margin: -0.25rem 0 0 0;
     width: 1.75rem;
 }

 .mma-banner-modal .modal .modal-dialog .modal-content .modal-body .validation-message.limit-error svg path {
     stroke: var(--truRuby600);
     stroke-width: var(--truSpace2xs);
 }

 .mma-banner-modal .submit {
     position: relative;
 }

 .mma-banner-modal .submit.btn-primary:disabled,
 .mma-banner-modal .submit.btn-primary:disabled:hover {
     background-color: var(--truNeutral50);
     border-color: var(--truNeutral100);
 }

 .footer-disclosures #footer-section-disclosure-container .container {
     padding-right: 0;
     padding-left: 0;
 }

 .mma-banner-modal .loading-container {
     display: flex;
     align-items: center;
     justify-content: center;
     visibility: visible;
     position: absolute;
     width: 100%;
     height: 100%;
     min-height: var(--truSpaceMd);
     margin-left: calc(0px - var(--truSpaceLg));
 }

 .mma-banner-modal .loading-animation {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtBd);
     gap: 5px;
 }

 .mma-banner-modal .dot {
     width: 4px;
     height: 4px;
     border-radius: 1px;
     position: relative;
     top: -4px;
     background-color: var(--truNeutral500);
 }

 .mma-banner-modal .loading-animation .dot:nth-last-child(1) {
     animation: jumpingAnimation 1s 0.1s ease-in infinite;
 }

 .mma-banner-modal .loading-animation .dot:nth-last-child(2) {
     animation: jumpingAnimation 1s 0.2s ease-in infinite;
 }

 .mma-banner-modal .loading-animation .dot:nth-last-child(3) {
     animation: jumpingAnimation 1s 0.3s ease-in infinite;
 }

 @keyframes jumpingAnimation {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 8px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 @media (max-width: 438px) {
     .mma-banner-modal-form .form-group:not(.js-form-group) .validation-message .mobile-alignment {
         display: none;
     }
 }

 @media (max-width: 768px) {
     .mma-banner-modal .truist-mma-banner-container {
         display: block;
         text-align: center;
     }
     .mma-banner-modal .truist-mma-banner-container .mma-modal-trigger {
         margin: 0 auto;
     }
     .mma-banner-modal .modal .modal-dialog {
         max-width: 100%;
     }
     .mma-banner-modal .modal .modal-dialog .modal-content {
         border-radius: 0rem;
         width: 100%;
         max-width: 100%;
         padding: var(--truSpace2xlg);
     }
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) label,
 .mma-banner-modal-form .form-group:not(.js-form-group) .validation-message,
 .mma-banner-modal-form .form-group:not(.js-form-group) .input-wrapper::before,
 .mma-banner-modal-form .form-group:not(.js-form-group) Input.form-control,
 .mma-banner-modal-form .form-group:not(.js-form-group) .input-hint,
 .mma-banner-modal-form .form-group:not(.js-form-group) .focus-wrapper {
     transition: all .3s ease-in-out;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) {
     position: relative;
     border-radius: 1rem;
     padding: 0;
     margin-bottom: 0;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).stacked {
     margin-bottom: var(--truSpaceLg);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) .focus-wrapper {
     display: block;
     width: 3rem;
     height: 3rem;
     border: 1px solid var(--truNeutral500);
     border-radius: 50%;
     position: absolute;
     left: -0.35rem;
     top: -0.325rem;
     opacity: 0;
     z-index: 0;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) label {
     color: var(--truNeutral500);
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).stacked label {
     position: relative;
     z-index: 11;
     white-space: nowrap;
     left: 0px;
     top: 0;
 }

 .mma-banner-modal-form .form-group.hidden-label .input-wrapper .iconbox {
     display: block;
     padding: 1rem;
     width: 4.4rem;
     height: 4.4rem;
     background: var(--truNeutral50);
     position: relative;
     z-index: 12;
     border-radius: .5rem 0 0 .5rem;
     margin-left: 1px;
 }

 .mma-banner-modal-form .form-group.hidden-label .input-wrapper .iconbox svg {
     margin-top: -7px;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper {
     width: 100%;
     max-width: 350px;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     position: relative;
     margin-bottom: 0;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) .input-wrapper::before {
     content: "";
     display: block;
     background: var(--truNeutral0);
     position: absolute;
     width: calc(100% - 1px);
     height: 4.8rem;
     border: 1px solid var(--truNeutral500);
     border-radius: .5rem;
     z-index: 1;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) input[name="zip"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     position: relative;
     background: var(--truNeutral0);
     color: var(--truNeutral500);
     padding: 1rem 1rem 0.75rem 1rem;
     width: calc(100% - 53px);
     height: 4.2rem;
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     border: 1px solid var(--truClear);
     border-radius: .2rem;
     box-shadow: none;
     z-index: 10;
     margin-left: 3px;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) input[name="zip"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus {
     border-color: var(--truNeutral500);
     box-shadow: none;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).stacked label.is-focused {
     font-size: var(--truTxtSizeBdy);
     transform: translateY(0px);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper::before {
     width: calc(100% - 2px);
     border-radius: .5rem;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button {
     display: none;
     width: 35px;
     height: 42px;
     max-width: 100%;
     position: absolute;
     top: 1px;
     right: 5px;
     padding: 5px;
     z-index: 9;
     border-radius: .2rem;
     outline: none;
     border: 1px solid var(--truClear);
     background: var(--truClear);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button:hover,
 .mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button:focus {
     border: 1px solid var(--truNeutral500);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).hidden-label input.hidden-label {
     width: calc(100% - 62px);
     padding: 1rem 1rem 0.75rem 1rem;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) .input-wrapper.has-error {
     flex-direction: column;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error {
     flex-direction: row;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) label.has-error,
 .mma-banner-modal-form .form-group:not(.js-form-group).stacked label.is-focused.has-error,
 .mma-banner-modal-form .form-group:not(.js-form-group) .validation-message {
     color: var(--truRuby600);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) .validation-message {
     padding: .5rem 0;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: relative;
     left: 0;
     top: 0%;
     display: none;
 }

 .mma-banner-modal-form .btn-group .validation-message svg {
     margin: -0.25rem 0.25rem 0 0;
     width: 1rem;
     height: auto;
 }

 .mma-banner-modal-form .infield-message.form-group:not(.js-form-group) .validation-message {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: absolute;
     left: 9rem;
     top: calc(-.875rem + -3px);
     z-index: 10;
 }

 .mma-banner-modal-form .top-message.form-group:not(.js-form-group) .validation-message {
     padding: .5rem 0;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: absolute;
     left: 0;
     top: -3rem;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) .validation-message svg,
 fieldset.checkbox-group .validation-message svg {
     margin: -.25rem .25rem 0 0;
     width: 1.25rem;
     height: auto;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) .validation-message svg path,
 fieldset.checkbox-group .validation-message svg path {
     stroke: var(--truRuby600);
     stroke-width: 4px;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) input.validation-failed,
 .mma-banner-modal-form .form-group:not(.js-form-group) input.validation-failed:focus {
     border-color: var(--truNeutral500);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) label.is-focused~.input-wrapper::before {
     border: 1px solid var(--truNeutral500);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) label.is-focused~.input-wrapper.has-error::before,
 .mma-banner-modal-form .form-group:not(.js-form-group) .input-wrapper.has-error::before {
     border: 1px solid var(--truRuby600);
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) .input-hint {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     color: var(--truNeutral500);
     position: relative;
     top: .5rem;
 }

 .mma-banner-modal-form .checkbox-group .form-group:not(.js-form-group) {
     margin-bottom: 2rem;
 }

 .mma-banner-modal-form .checkbox-group .form-group:not(.js-form-group) label {
     position: absolute;
     top: 1rem;
     left: 1rem;
     z-index: 3;
     cursor: pointer;
 }

 .mma-banner-modal-form .form-group:not(.js-form-group) label sup {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     color: var(--truRuby600);
     font-weight: var(--truFontWtBd);
 }

 .micro {
     font-size: var(--truTxtSizeMicro);
 }

 /*==============================================*/

 /* lighstream component related styles - START*/

 /*=============================================*/

 .tru-lsc-calc {
     width: 100%;
     max-width: 1366px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
 }

 .tru-lsc-calc .container-fluid {
     padding: var(--truSpace3xlg) var(--truSpace4xlg);
 }

 .tru-lsc-calc .card {
     border-radius: 20px;
     background: var(--truNeutral0);
     padding: var(--truSpaceXlg) 17px;
 }

 .tru-lsc-calc .card-body {
     font-size: var(--truTxtSizeMicro);
     font-weight: var(--truFontWtRg);
     line-height: 20px;
     color: var(--truNeutral500);
 }

 .tru-lsc-calc .card-deck.mar-t-md {
     margin-top: var(--truSpaceMd);
 }

 .tru-lsc-calc .card-deck .card {
     border-radius: 6px;
     border: 2px solid var(--truSky600);
     max-width: 348.67px;
     margin: 0;
 }

 .tru-lsc-calc .lsc-input-section .lsc-input-container {
     max-width: 414px;
 }

 .tru-lsc-calc .lsc-input-section .card-body {
     font-size: var(--truTxtSizeBdy);
     line-height: 22px;
 }

 .tru-lsc-calc .lsc-input-title {
     font-size: 1.8rem;
     line-height: 24px;
 }

 .tru-lsc-calc .lsc-amt-range {
     display: inline-block;
     font-size: var(--truTxtSizeMicro);
     line-height: 20px;
 }

 .tru-lsc-calc .form-group {
     margin-bottom: 0;
 }

 .tru-lsc-calc .form-group label {
     margin-bottom: var(--truSpaceSm);
 }

 .tru-lsc-calc .lsc-calc-image img {
     width: 48px;
     height: 48px;
     flex-shrink: 0;
 }

 .tru-lsc-calc .lsc-calc-title {
     font-size: 3.6rem;
     font-weight: var(--truFontWtLt);
     line-height: 42px;
 }

 .tru-lsc-calc .lsc-result-section {
     border-top: 1px solid var(--truNeutral100);
 }

 .tru-lsc-calc .lsc-result-title {
     font-weight: var(--truFontWtBd);
     font-size: 2.4rem;
     line-height: 30px;
 }

 .tru-lsc-calc .lsc-monthly-amount {
     font-size: 3.6rem;
     font-weight: var(--truFontWtLt);
     line-height: 42px;
     color: var(--truPurple800);
     text-wrap: nowrap;
 }

 .tru-lsc-calc .lsc-int-mnth {
     font-size: 1.8rem;
     font-weight: var(--truFontWtBd);
     line-height: 24px;
     color: var(--truPurple800);
 }

 .tru-lsc-calc .lsc-int-mnth-desc {
     font-size: 1.8rem;
     line-height: 24px;
 }

 .tru-lsc-calc .row-border {
     position: relative;
 }

 .tru-lsc-calc .row-border:after {
     content: "";
     display: block;
     border-bottom: 1px solid var(--truNeutral500);
     position: absolute;
     bottom: 0;
     left: 15px;
     right: 15px;
 }

 .tru-lsc-calc .lsc-eyebrow {
     position: absolute;
     top: -19px;
     border-radius: 10px;
     background: var(--truSky600);
     color: var(--truNeutral0);
     width: auto;
     margin-left: 11px;
     font-size: 1.8rem;
     line-height: 24px;
     font-weight: var(--truFontWtBd);
     padding: 6px 16px;
 }

 .tru-lsc-calc .lsc-apply-btn .btn,
 .tru-lsc-calc .lsc-calc-btn .btn {
     margin-bottom: 0;
     font-size: 1.8rem;
 }

 .tru-lsc-calc .card-body {
     padding: 0;
 }

 .tru-lsc-calc .card-body .row {
     margin: 0;
 }

 .tru-lsc-calc .card-body .row .col-6:first-child {
     padding-right: 0;
 }

 .tru-lsc-calc .card-body .row .col-6:last-child {
     padding-left: 0;
 }

 .tru-lsc-calc .lsc-autopay-card .card {
     border: none;
     border-radius: 20px;
 }

 .tru-lsc-calc .lsc-autopay-title {
     font-size: 2rem;
     font-weight: var(--truFontWtBd);
     line-height: 26px;
     color: var(--truPurple800)
 }

 .tru-lsc-calc .lsc-autopay-icon img {
     width: 32px;
     height: 32px;
 }

 .tru-lsc-calc .lsc-autopay-icon {
     align-self: start;
     margin-top: 6px;
 }

 .tru-lsc-calc .lsc-loaded-once .lsc-seerate {
     display: none;
 }

 .tru-lsc-calc .lsc-loaded-once .lsc-recal {
     display: block;
 }

 .tru-lsc-calc .lsc-result-terms,
 .tru-lsc-calc .lsc-loan-terms ul li {
     font-size: 1.8rem;
     line-height: 24px;
     font-style: normal;
     font-weight: var(--truFontWtRg);
     /* color: var(--truNeutral500); */
 }

 .tru-lsc-calc .lsc-loan-terms ul,
 .tru-lsc-calc .lsc-loan-terms ul li {
     padding: 0;
     margin: 0;
     margin-left: 12px;
 }

 .tru-lsc-calc .lsc-loan-terms .heading {
     font-size: 2rem;
     line-height: 26px;
     font-weight: var(--truFontWtBd);
     /* color: var(--truPurple800); */
     margin-bottom: var(--truSpaceMd);
     font-style: normal;
 }

 .tru-lsc-calc.bg-ntrl-white:not(.truist-gridContainer) .lsc-loan-terms ul li,
 .tru-lsc-calc.bg-off-white:not(.truist-gridContainer) .lsc-loan-terms ul li,
 .tru-lsc-calc.bg-mist:not(.truist-gridContainer) .lsc-loan-terms ul li,
 .tru-lsc-calc.bg-mist-dk:not(.truist-gridContainer) .lsc-loan-terms ul li,
 .tru-lsc-calc.bg-sky-blue-ltr:not(.truist-gridContainer) .lsc-loan-terms ul li,
 .tru-lsc-calc.bg-sky-blue-lt:not(.truist-gridContainer) .lsc-loan-terms ul li,
 .tru-lsc-calc.bg-clear:not(.truist-gridContainer) .lsc-loan-terms ul li {
     color: var(--truNeutral500);
 }

 @media (max-width:1200px) {
     .tru-lsc-calc .container-fluid {
         padding: var(--truSpace3xlg);
     }
 }

 @media (max-width:991px) {
     .tru-lsc-calc .lsc-result-section .col-md-6,
     .tru-lsc-calc .lsc-result-section .col-12 {
         display: flex;
         justify-content: center;
         align-items: center;
     }
 }

 @media (max-width:768px) {
     .tru-lsc-calc .container-fluid {
         padding: var(--truSpace3xlg) var(--truSpaceMd);
     }
     .tru-lsc-calc .lsc-input-section {
         margin-top: var(--truSpace2xlg);
     }
     .tru-lsc-calc .lsc-input-section .lsc-input-container,
     .tru-lsc-calc .card-deck .card {
         max-width: 414px;
     }
     .tru-lsc-calc .lsc-result-section .lsc-rate-terms {
         text-align: left !important;
     }
 }

 @media (max-width:375px) {
     .tru-lsc-calc .lsc-input-section .lsc-input-container,
     .tru-lsc-calc .card-deck .card {
         max-width: 343px;
     }
 }

 /*==============================================*/

 /* lighstream component related styles - END*/

 /*==============================================*/

 /*=============================================*/

 /* Below styles are generic in nature -copied from other components */

 /*==============================================*/

 /* GENERIC Loading Animation for lighstream  */

 .tru-lsc-calc .loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     color: var(--truNeutral500);
 }

 .tru-lsc-calc.bg-dusk-dkr .loading-animation,
 .tru-lsc-calc.bg-tru-ppl .loading-animation {
     color: var(--truNeutral50);
 }

 .tru-lsc-calc .lsc-input-section .loading-animation,
 .tru-lsc-calc .lsc-result-section .loading-animation {
     color: var(--truNeutral50);
 }

 .tru-lsc-calc .loading-animation .dot {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -5px;
     background: var(--truNeutral500);
 }

 .tru-lsc-calc .lsc-input-section .loading-animation .dot,
 .tru-lsc-calc .lsc-result-section .loading-animation .dot {
     background: var(--truNeutral50);
 }

 .tru-lsc-calc .loading-animation .loading {
     padding-left: 10px;
 }

 @keyframes jumpingAnimationLsc {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 10px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 .tru-lsc-calc .loading-animation.hide {
     display: none;
 }

 /* lsi calculator only hwite cards primary button*/

 .tru-lsc-calc .btn-primary:not(disabled):not(.disabled) {
     background: var(--truPurple500);
     color: var(--truNeutral0);
     border: 2px solid var(--truPurple500);
     max-width: fit-content;
 }

 .tru-lsc-calc .btn-primary:not(disabled):not(.disabled):hover,
 .tru-lsc-calc .btn-primary:not(disabled):not(.disabled).active:hover {
     background: var(--truPurple600);
     color: var(--truNeutral0);
     border: 2px solid var(--truPurple600);
 }

 .tru-lsc-calc .btn-primary:not(disabled):not(.disabled):active,
 .tru-lsc-calc .btn-primary:not(disabled):not(.disabled):focus,
 .tru-lsc-calc .btn-primary:not(disabled):not(.disabled).active,
 .tru-lsc-calc .btn-primary:not(disabled):not(.disabled).active:focus {
     background: var(--truPurple600);
     color: var(--truNeutral0);
     border: 2px solid var(--truPurple600);
     outline: 1px solid;
     outline-offset: -3px;
 }

 /* GENERIC loan purpose select box for light stream */

 .tru-lsc-calc .lsc-select-wrapper {
     position: relative;
     margin-top: -3px;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group.lsc-select-box {
     display: block;
     width: 100%;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group.top-message {
     margin-top: 2rem;
 }

 .stacked.btn-group {
     margin-top: .375rem;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select {
     position: relative;
     width: 100%;
     min-height: 46px;
     max-height: 46px;
     margin: 0;
     color: inherit;
     padding: 1.875rem 1rem 1rem 1rem;
     background-color: var(--truNeutral0);
     background-image: none;
     outline: 1px solid var(--truNeutral500);
     border: none;
     border-radius: 0.5rem;
     text-align: left;
     z-index: 1;
     transition: all .3s ease-in-out;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select::before {
     content: "";
     display: block;
     height: calc(100% - 6px);
     width: calc(100% - 6px);
     outline: 1px solid var(--truClear);
     border-radius: 0.2rem;
     position: absolute;
     top: 3px;
     left: 3px;
     z-index: 2;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select::after {
     position: absolute;
     top: 1.675rem;
     right: 1.75rem;
     width: 0;
     height: 0;
     padding: 3px;
     border: solid var(--truPurple500);
     border-width: 0 1px 1px 0;
     z-index: 100;
     transform: rotate(45deg) scale(1.75);
     transition: transform .2s ease-in-out, top .2s ease-in-out;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:focus,
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select[aria-expanded="true"] {
     box-shadow: none;
 }

 /* .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select.is-focused, */

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:focus::before {
     outline: 1px solid var(--truNeutral500);
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group.show .custom-select:focus::before {
     outline: 1px solid var(--truClear);
 }

 .tru-lsc-calc .lsc-select-wrapper .dropdown-toggle[aria-expanded="true"]::before {
     transform: rotate(0deg) translate(0px, 0px);
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select[aria-expanded="true"]::after {
     top: 2rem;
     transform: rotate(225deg) scale(1.75);
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select .lsc-select-label,
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select .lsc-select-text {
     position: absolute;
     color: var(--truNeutral500);
     font-size: var(--truTxtSizeBdy);
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select .lsc-select-label,
 .tru-lsc-calc .lsc-select-wrapper .btn-group.hidden-label .custom-select .lsc-select-text {
     top: 1rem;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group:not(.stacked):not(.inline) .custom-select[aria-expanded="true"] .lsc-select-label {
     /* .tru-lsc-calc .lsc-select-wrapper .btn-group:not(.stacked):not(.inline) .custom-select .lsc-select-label.is-focused, */
     /* .tru-lsc-calc .lsc-select-wrapper .btn-group:not(.stacked):not(.inline) .custom-select .lsc-select-label.is-focused.has-error { */
     position: absolute;
     font-size: var(--truTxtSizeMicro);
     transform: translate(0rem, -1.25rem);
 }

 .tru-lsc-calc .stacked.btn-group .lsc-select-label {
     position: relative;
     display: inline-block;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group.stacked .lsc-select-text {
     top: 1rem;
     left: 1.25rem;
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     padding-right: 40px;
 }

 .tru-lsc-calc .lsc-purpose .form-group.has-error .lsc-select-label {
     color: var(--truClrErrDk);
 }

 .tru-lsc-calc .stacked.btn-group .custom-select[aria-expanded="true"] .lsc-select-label {
     /* .tru-lsc-calc .stacked.btn-group .lsc-select-label.is-focused, */
     /* .tru-lsc-calc .stacked.btn-group .lsc-select-label.is-focused.has-error { */
     font-size: var(--truTxtSizeBdy);
     transform: translate(0rem, 0rem);
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select~.dropdown-menu {
     background-color: var(--truNeutral0);
     border: 0;
     outline: 1px solid var(--truNeutral500);
     border-radius: 0 0 .5rem .5rem;
     width: calc(100% + 1px);
     ;
     top: -4px !important;
     /* To override bootstrap top margin */
     padding: 0;
     box-shadow: none;
     z-index: 5;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item {
     line-height: 4.2rem;
     position: relative;
     display: block;
     padding: .5rem 2rem;
     font-size: var(--truTxtSizeBdy);
     text-decoration: none;
     cursor: pointer;
     transition: color .3s ease-in-out, background-color .3s ease-in-out, font-weight .3s ease-in-out;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item span {
     display: inline-block;
     text-wrap: wrap;
     line-height: 1.5;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item.selected span {
     width: 95%;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item:hover,
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item:focus {
     background-color: var(--truSky100);
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item:focus {
     outline: 1px solid var(--truNeutral500);
     outline-offset: -4px;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item.selected {
     background-color: var(--truSky50);
     color: var(--truSky600);
     font-weight: var(--truFontWtBd);
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item.selected::before {
     content: "";
     display: block;
     background-color: transparent;
     position: absolute;
     right: 15px;
     top: 17px;
     width: 8px;
     border-bottom: 2px solid var(--truClrFrstBs);
     height: 13px;
     border-right: 2px solid var(--truClrFrstBs);
     transform: rotate(45deg) scale(1.125);
     z-index: 5;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn)~.dropdown-menu .dropdown-item:not(:last-child)::after {
     content: "";
     display: block;
     width: 100%;
     max-width: calc(100% - 3rem);
     height: 1px;
     position: absolute;
     top: calc(100% - 1px);
     left: 1.5rem;
     background: var(--truNeutral100);
 }

 .tru-lsc-calc .btn-group .custom-select::before,
 .tru-lsc-calc .btn-group .custom-select .lsc-select-label,
 .tru-lsc-calc .btn-group~.input-hint {
     transition: all .3s ease-in-out;
 }

 .tru-lsc-calc .validation-message {
     display: none;
     position: absolute;
     left: 0px;
     top: 80px;
     padding: .5rem 0;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     font-weight: var(--truFontWtRg);
     z-index: 3;
     color: var(--truClrErrDk);
 }

 .tru-lsc-calc .validation-message svg {
     margin: -.25rem .25rem 0 0;
     width: 1.4rem;
     height: auto;
 }

 .tru-lsc-calc .validation-message svg path {
     stroke: var(--truClrErrDk);
     stroke-width: 4px;
 }

 .tru-lsc-calc .lsc-purpose .form-group.has-error .validation-message {
     display: inline-block;
 }

 .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select .lsc-select-label,
 .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select {
     flex-direction: column;
 }

 .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select,
 .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select:focus {
     /* .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select.is-focused { */
     outline: 1px solid var(--truClrErrDk);
     outline-offset: -1px;
 }

 /* GENERIC loan amount input box for lighstream */

 .tru-lsc-calc .lsc-amount .validation-message {
     display: none;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) label,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper::before,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .focus-wrapper {
     transition: all .3s ease-in-out;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) {
     position: relative;
     border-radius: 1rem;
     padding: 0;
     margin-bottom: 0;
 }

 .tru-lsc-calc .lsc-amount .lsc-input-hint {
     display: inline-block;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
 }

 .tru-lsc-calc .lsc-amount .lsc-input-hint.invisible {
     display: none;
 }

 /* .tru-lsc-calc .lsc-amount .has-error ~ .tru-lsc-calc .lsc-amount .lsc-input-hint {
    display: none;
 } */

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .focus-wrapper {
     display: block;
     width: 3rem;
     height: 3rem;
     border: 1px solid var(--truNeutral500);
     border-radius: 50%;
     position: absolute;
     left: -0.35rem;
     top: -0.325rem;
     opacity: 0;
     z-index: 0;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).stacked label {
     position: relative;
 }

 .tru-lsc-calc .lsc-amount .form-group.hidden-label .input-wrapper .iconbox {
     display: block;
     padding: 1rem;
     width: 4.4rem;
     height: 4.4rem;
     background: var(--truNeutral50);
     position: relative;
     z-index: 1;
     border-radius: .2rem 0 0 .2rem;
     margin-left: 2px;
 }

 .tru-lsc-calc .lsc-amount .form-group.hidden-label .input-wrapper .iconbox svg {
     margin-top: -1px;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper {
     width: auto;
     min-width: 83%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     margin-bottom: 0;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper.is-clear {
     justify-content: flex-start;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper::before {
     content: "";
     display: block;
     background: var(--truNeutral0);
     position: absolute;
     width: calc(100% - 1px);
     height: 4.8rem;
     border: 1px solid var(--truNeutral500);
     border-radius: .5rem;
     z-index: 1;
 }

 .tru-lsc-calc .lsc-amount .form-group.hidden-label:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     position: relative;
     background: var(--truNeutral0);
     color: var(--truNeutral500);
     padding: 1rem 1rem 0.75rem 1rem;
     width: calc(100% - 54px);
     height: 4.2rem;
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     border: 1px solid var(--truClear);
     border-radius: .2rem;
     box-shadow: none;
     z-index: 1;
     transition: none;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus {
     border-color: var(--truNeutral500);
     box-shadow: none;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .is-clear input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     padding: 1rem 1rem 0.75rem 1rem;
     margin-left: 3px;
 }

 .tru-lsc-calc .lsc-amount .form-group.hidden-label:not(.js-form-group) .is-clear.has-clear input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input).has-clear:focus {
     width: calc(100% - 91px);
 }

 /* .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).stacked label.is-focused {
    font-size: var(--truTxtSizeBdy);
    transform: translateY(0px);
 } */

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).hidden-label .input-wrapper::before {
     width: calc(100% - 2px);
     border-radius: .5rem;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).hidden-label input.hidden-label {
     width: calc(100% - 62px);
     padding: 1rem 1rem 0.75rem 1rem;
 }

 .tru-lsc-calc .lsc-amount #lsc-input-text:valid+button {
     display: inline-block;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .input-wrapper {
     flex-direction: row;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .input-wrapper .iconbox svg path {
     stroke: var(--truClrErrDk);
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .input-wrapper .iconbox svg g path {
     stroke: var(--truClrErrDk);
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error label {
     color: var(--truClrErrDk);
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .validation-message {
     display: inline-block;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .lsc-input-hint {
     visibility: hidden;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error input,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error input:focus {
     border-color: var(--truNeutral500);
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) label.is-focused~.input-wrapper::before {
     border: 1px solid var(--truNeutral500);
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error label.is-focused~.input-wrapper::before,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .input-wrapper::before {
     border: 1px solid var(--truClrErrDk);
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button {
     display: none;
     width: 35px;
     height: 42px;
     max-width: 100%;
     position: absolute;
     top: 0px;
     right: 4px;
     padding: 5px;
     z-index: 1;
     border-radius: .2rem;
     border: 1px solid var(--truClear);
     background: var(--truClear);
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).hidden-label .input-wrapper .lsc-clear-field-button {
     top: 1px;
     right: 5px
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button:hover,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button:focus {
     border: 1px solid var(--truNeutral500);
     outline: 0;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button svg {
     margin-top: 0px;
     margin-left: 0px;
     transition: all .3s ease-in-out;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button:hover svg,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-field-button:focus svg {
     width: 12px;
     height: 12px;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-field-button svg path {
     stroke-width: .25rem;
 }

 .html-lsc-relative {
     position: relative;
 }

 .html-lsc-loader.loading-animation {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: var(--truTxtSize6);
     font-weight: var(--truFontWtRg);
     color: var(--truClrGryMd);
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: var(--truNeutral0) !important;
 }

 .html-lsc-loader.loading-animation .dot {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 1px;
     margin-left: 5px;
     position: relative;
     top: -5px;
     background: var(--truNeutral0);
 }

 .html-lsc-loader.loading-animation .loading {
     padding-left: 10px;
 }

 @keyframes jumpingAnimationLsc {
     0% {
         transform: translate3d(0, 0, 0);
     }
     50% {
         transform: translate3d(0, 10px, 0);
     }
     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 .html-lsc-loader.loading-animation.result-animation .dot {
     background: var(--truNeutral500);
 }

 .html-lsc-loader.loading-animation.hide {
     display: none;
 }

 /*==============================================*/

 /* LSI rates table component related styles - START*/

 .lsi-table-component {
     font-family: var(--truFontFamRg);
 }

 .hybrid-savings-header {
     background: var(--truPurple100);
     padding: 4rem 4rem 2rem 1.2rem;
     margin-bottom: 0;
 }

 .hybrid-savings-header>h2 {
     margin-bottom: 0;
     border-bottom: none;
 }

 .lsi-rates-header-column {
     background-color: var(--truPurple100);
 }

 .htable-header {
     border-top: none
 }

 .lsi-rates-column-non-sticky>p {
     margin-left: 1rem;
 }

 .lsi-table-component .relative-cell {
     position: relative;
 }

 .lsi-table-component .table-container {
     border-bottom: none;
     overflow: auto;
     /* Enables both horizontal and vertical scrolling */
     height: 900px;
     /* Limits table height for vertical scrolling */
 }

 /* Table layout */

 .lsi-table-component .table {
     border-collapse: collapse;
     width: 100%;
     table-layout: fixed;
     /* Ensures consistent column widths */
 }

 /* Table cells and headers */

 .lsi-table-component .table th,
 .lsi-table-component .table td {
     padding: 8px;
     text-align: left;
     line-height: var(--truLnHghtBdy);
 }

 .lsi-table-component .table thead th {
     vertical-align: unset;
 }

 /* Frozen first column */

 .lsi-table-component .table td:nth-child(1),
 .lsi-table-component .table th:nth-child(1) {
     /* Highlighted background for frozen column */
     position: sticky;
     left: 0;
     font-size: var(--truTxtSize6);
     line-height: var(--truLnHght6);
     /* Ensures the column stays on the left */
     z-index: 5;
     /* Keeps the column above other cells */
 }

 /* no data columns*/

 .lsi-table-component .no-data {
     color: #F7F7F7 !important;
 }

 .lsi-table-component td>a {
     white-space: nowrap;
 }

 /* Add higher z-index for header */

 .lsi-table-component .table th:nth-child(1) {
     z-index: 6;
     border-bottom: 1px solid #c9c9c9;
 }

 /* Sticky header */

 .lsi-table-component .table th {
     padding: 30px 40px 30px 40px;
     text-align: left;
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     font-weight: var(--truFontWtBd);
     position: sticky;
     top: 0;
     /* Makes the header stick to the top */
     z-index: 2;
     /* Keeps the header above the table body */
 }

 /* Styling for table body */

 .lsi-table-component .table td {
     font-size: var(--truTxtSizeBdy);
     color: var(--truNeutral500);
     border-bottom: 1px solid #c9c9c9;
 }

 .lsi-table-component .lsi-rates-header-column {
     background-color: var(--truPurple100);
 }

 .lsi-table-component .lsi-rates-header-row {
     background-color: #F7F7F7 !important;
     padding: 30px 40px 30px 40px !important;
 }

 .lsi-table-component .bg-clear .bg-mist tr td {
     background: var(--truPurple100);
 }

 .lsi-table-component .lsi-rates-column-non-sticky {
     padding: 25px 30px 25px 30px !important;
 }

 /* Add higher z-index for top left header */

 .lsi-table-component .table .top-left-cell {
     z-index: 7 !important;
     padding: 32px 40px 32px 40px;
     vertical-align: middle;
     background-color: var(--truPurple100);
     line-height: var(--truLnHghtBdy);
 }

 .lsi-table-component .table-container .table th {
     border-top: 0;
     font-weight: var(--truFontWtBd);
 }

 .lsi-table-component .arrow-link {
     text-decoration: none !important;
     font-weight: var(--truFontWtBd);
 }

 .lsi-table-component a.arrow-link::before {
     border-style: solid;
     border-width: 0 0 2px 2px;
     height: 6px;
     width: 6px;
     margin-top: 8px;
     transform: rotate(-135deg);
 }

 .lsi-table-component a.arrow-link::after {
     height: 2px;
     top: 10px;
     width: 11px;
 }

 .lsi-table-component .lghtstrmbtn {
     margin-top: 4rem;
 }

 /* Tooltip container */

 .lsi-table-component .chart-tooltip {
     position: relative;
     display: inline-block;
     width: 24px;
 }

 .lsi-table-component .chart-tooltip .chart-tooltiptext {
     visibility: hidden;
     min-width: 12em;
     max-width: 16em;
     background-color: #2E1A47;
     color: #fff;
     text-align: center;
     border-radius: 4px;
     padding: 15px;
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     /* Position the tooltip */
     position: absolute;
     z-index: 100;
     top: 150%;
     left: 50%;
     margin-left: -6em;
     opacity: 0;
     transition: opacity 0.3s;
 }

 .lsi-table-component .chart-tooltip .chart-tooltiptext::after {
     content: "";
     position: absolute;
     bottom: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: transparent transparent #2E1A47 transparent;
 }

 .lsi-table-component .chart-tooltip:hover .chart-tooltiptext {
     visibility: visible;
     opacity: 1;
 }

 .lsi-table-component .chart-tooltip:focus .chart-tooltiptext {
     visibility: visible;
     opacity: 1;
 }

 /* .lsi-table-component .lsi-width {
    padding-right: 20rem;
} */

 .lsi-table-component .paragraph-margin {
     margin-bottom: 2rem;
 }

 .lsi-table-component table .top-right-cell {
     font-size: var(--truTxtSize4);
     line-height: var(--truLnHght4);
     padding: 32px !important;
     text-align: left;
     vertical-align: unset !important;
     background-color: var(--truPurple100);
 }

 .fee-list-decoration {
     list-style: none;
 }

 .hybrid-para-container {
     margin-bottom: 1.5rem;
     display: block;
     font-weight: var(--truFontWtBd);
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
 }

 .hybrid-savings-non-sticky-link {
     font-size: var(--truTxtSizeBdy);
     font-weight: var(--truFontWtLt);
 }

 @media (max-width: 1365px) {
     .lsi-table-component .lsi-width {
         padding-right: unset;
     }
     .lsi-table-component .table .top-left-cell {
         padding: 35px 16px 55px 16px !important;
         vertical-align: middle !important;
         width: 150px;
     }
     .lsi-table-component table th {
         padding: 32px 16px 32px 16px;
     }
     .lsi-table-component .lghtstrmbtn {
         margin-top: 6.34rem;
     }
     .lsi-table-component table .top-right-cell {
         padding: 30px 40px 30px 40px !important;
         text-align: left;
         vertical-align: unset !important;
         width: 300px;
     }
     .lsi-table-component .html-txt-comp .lsi-rates-column-non-sticky {
         padding: 30px 30px 25px 30px !important;
     }
 }

 .lsi-disc-selected {
     outline: solid 2px var(--truNeutral500);
 }

 /*=============================================*/

 .zip-selector-container {
     font-size: 10px;
     font-family: var(--truFontFamRg);
     background: var(--truNeutral50);
     margin: 0;
     padding: 0;
     display: flex;
 }

 .zip-selector {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .zip-selector .zip-align-wrapper {
     width: 100%;
     max-width: 1120px;
     border-radius: 2px;
     font-size: 10px;
     margin-top: 32px;
 }

 .zip-selector .zip-form {
     width: 100%;
 }

 .zip-selector #zipValue {
     font-weight: var(--truFontWtBd);
 }

 .zip-selector .zip-form>div {
     gap: var(--truSpaceLg);
     width: 100%;
 }

 .zip-selector .form-align-left .zip-form>div {
     justify-content: left;
 }

 .zip-selector .form-align-left .zipselect-result,
 .zip-selector .form-align-left .heading {
     text-align: left;
 }

 .zip-selector .form-align-right .zip-form>div {
     justify-content: right;
 }

 .zip-selector .form-align-right .zipselect-result,
 .zip-selector .form-align-right .heading {
     text-align: right;
 }

 .zip-selector .form-align-center .zip-form>div {
     justify-content: center;
 }

 .zip-selector .form-align-center .zipselect-result,
 .zip-selector .form-align-center .heading {
     text-align: center;
 }

 .zip-selector .zip-form .wrapper-padding {
     padding-bottom: 12px;
 }

 .zip-selector .zip-form .margin-bottom-5 {
     margin-bottom: 5px;
 }

 .zip-selector .zipselect-result .showing-info {
     display: none;
 }

 .zip-selector .zipselect-result .showing-info .selectedZipValue {
     font-weight: var(--truFontWtBd);
 }

 .zip-selector .showing-info {
     margin-bottom: 0;
 }

 .zip-selector .zip-form .btn-wrapper.mar-t-xlg {
     margin-top: 34px;
 }

 @media (max-width: 768px) {
     .zip-selector .zip-align-wrapper {
         padding-left: 16px;
         padding-right: 16px;
         margin-top: 0;
     }
     .zip-selector .zip-align-wrapper .zip-form>div {
         flex-direction: column;
         align-items: center;
     }
     .zip-selector .zip-form .btn-wrapper,
     .zip-selector .zip-form .btn-wrapper .btn {
         width: 100%;
         max-width: 350px !important;
         justify-content: center;
         margin-bottom: 0;
         margin-top: 0;
     }
     .zip-selector .zip-align-wrapper .zip-form .btn-wrapper {
         margin-top: 0;
     }
 }

 @media (min-width: 769px) {
     .zip-selector .zip-align-wrapper .zip-form>div {
         flex-direction: row;
         align-items: inherit;
     }
 }

 /***************** BGs rule all *********************/

 .zip-selector.bg-sky-blue-lt .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector.bg-sky-blue-ltr .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector.bg-sky-blue-lt .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
 .zip-selector.bg-sky-blue-ltr .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     background: var(--truSky50);
 }

 .zip-selector.bg-sky-blue-lt .input-hint,
 .zip-selector.bg-sky-blue-ltr .input-hint,
 .zip-selector.bg-mist .input-hint,
 .zip-selector.bg-mist-dk .input-hint {
     color: var(--truNeutral500);
 }

 .zip-selector.bg-dusk-dkr .input-hint,
 .zip-selector.bg-tru-ppl .input-hint {
     color: var(--truNeutral100);
 }

 .zip-selector.bg-mist .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector.bg-mist-dk .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector.bg-mist .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
 .zip-selector.bg-mist-dk .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     background: var(--truPurple50);
 }

 .zip-selector.bg-dusk-dkr .form-group:not(.js-form-group) label,
 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) label {
     color: var(--truNeutral100);
 }

 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     background: var(--truPurple1000);
 }

 .zip-selector.bg-dusk-dkr .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector.bg-dusk-dkr .form-group:not(.js-form-group) label.is-focused~.input-wrapper::before,
 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) label.is-focused~.input-wrapper::before {
     border-color: var(--truNeutral100);
 }

 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus {
     background: var(--truPurple1000);
     border-color: var(--truNeutral100);
 }

 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) label.is-focused~.input-wrapper.has-error::before,
 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper.has-error::before {
     background: var(--truPurple1000);
     border-color: var(--truRuby400);
 }

 .zip-selector.bg-dusk-dkr .form-group:not(.js-form-group) .input-wrapper .clear-field-button-lsz:hover,
 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper .clear-field-button-lsz:hover,
 .zip-selector.bg-dusk-dkr .form-group:not(.js-form-group) .input-wrapper .clear-field-button-lsz:focus,
 .zip-selector.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper .clear-field-button-lsz:focus {
     border-color: var(--truNeutral100);
 }

 .zip-selector.bg-mist .form-group.hidden-label .input-wrapper .iconbox,
 .zip-selector.bg-mist-dk .form-group.hidden-label .input-wrapper .iconbox {
     background: var(--truPurple100);
 }

 .zip-selector.bg-sky-blue-lt .form-group.hidden-label .input-wrapper .iconbox,
 .zip-selector.bg-sky-blue-ltr .form-group.hidden-label .input-wrapper .iconbox {
     background: var(--truSky100);
 }

 .zip-selector.bg-dusk-dkr .validation-message,
 .zip-selector.bg-tru-ppl .validation-message {
     color: var(--truRuby400);
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) label,
 .zip-selector .zip-form .form-group:not(.js-form-group) .validation-message,
 .zip-selector .zip-form .form-group:not(.js-form-group) .input-wrapper::before,
 .zip-selector .zip-form .form-group:not(.js-form-group) Input.form-control,
 .zip-selector .zip-form .form-group:not(.js-form-group) .input-hint,
 .zip-selector .zip-form .form-group:not(.js-form-group) .focus-wrapper {
     transition: all .3s ease-in-out;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) {
     position: relative;
     border-radius: 2px;
     padding: 0;
     margin-bottom: 0;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) .focus-wrapper {
     display: block;
     width: 3rem;
     height: 3rem;
     border-radius: 2px;
     position: absolute;
     left: -0.35rem;
     top: -0.325rem;
     opacity: 0;
     z-index: 0;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) label {
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).stacked label {
     position: relative;
     z-index: 11;
     white-space: nowrap;
     left: 0px;
     top: 0;
     margin-bottom: 12px;
 }

 .zip-selector .zip-form .form-group.hidden-label .input-wrapper .iconbox {
     display: flex;
     padding: 10px 11px 10px 11px;
     margin-left: 1px;
     margin-right: 1px;
     justify-content: center;
     align-items: center;
     background: var(--truNeutral50);
     z-index: 12;
     border-radius: 2px 0 0 2px;
     border: 0;
 }

 .zip-selector .zip-form .input-info-wrapper {
     width: 100%;
     max-width: 350px;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper {
     width: 100%;
     max-width: 350px;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     margin-bottom: 0;
     border-radius: 2px;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) .input-wrapper::before {
     content: "";
     display: block;
     background: var(--truNeutral0);
     position: absolute;
     width: calc(100% - 1px);
     height: 48px;
     border: 1px solid var(--truNeutral100);
     border-radius: 2px;
     z-index: 1;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) input[name="zipSelector"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
     background: var(--truNeutral0);
     color: var(--truNeutral500);
     padding: 13px;
     width: 86%;
     height: 46px;
     font-size: var(--truTxtSizeBdy);
     line-height: var(--truLnHghtBdy);
     border: 1px solid var(--truClear);
     border-radius: 2px;
     box-shadow: none;
     z-index: 1;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) input[name="zipSelector"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus {
     border-color: var(--truNeutral500);
     box-shadow: none;
     background: var(--truNeutral0);
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).stacked label.is-focused {
     font-size: var(--truTxtSizeBdy);
     transform: translateY(0px);
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper::before {
     width: 100%;
     border-radius: 2px;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button-lsz {
     display: none;
     width: 42px;
     height: 42px;
     max-width: 100%;
     position: absolute;
     right: 4px;
     padding: 5px;
     z-index: 1;
     border-radius: 2px;
     border: 1px solid var(--truClear);
     background: var(--truNeutral0);
     margin: 0;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button-lsz:hover,
 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button-lsz:focus {
     border: 1px solid var(--truNeutral500);
     outline: 0;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button-lsz svg {
     margin-top: 0px;
     margin-left: 0px;
     transition: all .3s ease-in-out;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button-lsz:hover svg,
 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button-lsz:focus svg {
     width: 12px;
     height: 12px;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button-lsz svg path {
     stroke-width: .25rem;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label input.hidden-label {
     width: calc(100% - 62px);
     padding: 1rem 1rem 0.75rem 1rem;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) .input-wrapper.has-error {
     flex-direction: column;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error {
     flex-direction: row;
 }

 .zip-selector .zip-form .zipselector-input #zipSelector:valid+button {
     display: inline-block !important;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) label.has-error,
 .zip-selector .zip-form .form-group:not(.js-form-group).stacked label.is-focused.has-error,
 .zip-selector .zip-form .form-group:not(.js-form-group) .validation-message {
     color: var(--truRuby400);
 }

 .zip-selector.bg-dusk-dkr .zip-form .form-group:not(.js-form-group) label.has-error,
 .zip-selector.bg-dusk-dkr .zip-form .form-group:not(.js-form-group).stacked label.is-focused.has-error,
 .zip-selector.bg-dusk-dkr .zip-form .form-group:not(.js-form-group) .validation-message {
     color: var(--truRuby200);
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) .validation-message {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: relative;
     top: 8px;
     display: none;
 }

 .zip-selector .zip-form .btn-group .validation-message svg {
     margin: -0.25rem 0.25rem 0 0;
     width: 1rem;
     height: auto;
 }

 .zip-selector .zip-form .infield-message.form-group:not(.js-form-group) .validation-message {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: absolute;
     left: 9rem;
     top: calc(-.875rem + -3px);
     z-index: 10;
 }

 .zip-selector .zip-form .top-message.form-group:not(.js-form-group) .validation-message {
     padding: .5rem 0;
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: absolute;
     left: 0;
     top: -3rem;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) .validation-message svg,
 .zip-selector fieldset.checkbox-group .validation-message svg {
     margin: -.25rem .25rem 0 0;
     width: 1.25rem;
     height: auto;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) .validation-message svg path,
 .zip-selector fieldset.checkbox-group .validation-message svg path {
     stroke: var(--truRuby400);
     stroke-width: 4px;
 }

 .zip-selector.bg-dusk-dkr .zip-form .form-group:not(.js-form-group) .validation-message svg path,
 .zip-selector.bg-dusk-dkr fieldset.checkbox-group .validation-message svg path {
     stroke: var(--truRuby200);
     stroke-width: 4px;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) label.is-focused~.input-wrapper.has-error::before,
 .zip-selector .zip-form .form-group:not(.js-form-group) .input-wrapper.has-error::before {
     border: 1px solid var(--truRuby400);
 }

 .zip-selector.bg-dusk-dkr .zip-form .form-group:not(.js-form-group) label.is-focused~.input-wrapper.has-error::before,
 .zip-selector.bg-dusk-dkr .zip-form .form-group:not(.js-form-group) .input-wrapper.has-error::before {
     border: 1px solid var(--truRuby200);
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) .input-hint {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     position: relative;
     top: 8px;
 }

 .zip-selector .zip-form .checkbox-group .form-group:not(.js-form-group) {
     margin-bottom: 2rem;
 }

 .zip-selector .zip-form .checkbox-group .form-group:not(.js-form-group) label {
     position: absolute;
     top: 1rem;
     left: 1rem;
     z-index: 3;
     cursor: pointer;
 }

 .zip-selector .zip-form .form-group:not(.js-form-group) label sup {
     font-size: var(--truTxtSizeMicro);
     line-height: var(--truLnHghtMicro);
     font-weight: var(--truFontWtBd);
 }

 /**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

 ul.simple-pagination {
     list-style: none;
 }

 .simple-pagination {
     display: block;
     overflow: hidden;
     padding: 0 5px 5px 0;
     margin: 0;
 }

 .simple-pagination ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .simple-pagination li {
     list-style: none;
     padding: 0;
     margin: 0;
     float: left;
 }

 span.ellipse.clickable {
     cursor: pointer;
 }

 .ellipse input {
     width: 3em;
 }

 /*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

 .compact-theme a,
 .compact-theme span {
     float: left;
     color: #333;
     font-size: 1.4rem;
     line-height: 24px;
     font-weight: normal;
     text-align: center;
     border: 1px solid #AAA;
     border-left: none;
     min-width: 14px;
     padding: 0 7px;
     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
     background: #efefef;
     /* Old browsers */
     background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* Opera11.10+ */
     background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* IE10+ */
     background: linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* W3C */
 }

 .compact-theme a:hover {
     text-decoration: none;
     background: #efefef;
     /* Old browsers */
     background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #bbbbbb));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
     /* Opera11.10+ */
     background: -ms-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
     /* IE10+ */
     background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
     /* W3C */
 }

 .compact-theme li:first-child a,
 .compact-theme li:first-child span {
     border-left: 1px solid #AAA;
     border-radius: 3px 0 0 3px;
 }

 .compact-theme li:last-child a,
 .compact-theme li:last-child span {
     border-radius: 0 3px 3px 0;
 }

 .compact-theme .current {
     background: #bbbbbb;
     /* Old browsers */
     background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(100%, #efefef));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #bbbbbb 0%, #efefef 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #bbbbbb 0%, #efefef 100%);
     /* Opera11.10+ */
     background: -ms-linear-gradient(top, #bbbbbb 0%, #efefef 100%);
     /* IE10+ */
     background: linear-gradient(top, #bbbbbb 0%, #efefef 100%);
     /* W3C */
     cursor: default;
 }

 .compact-theme .ellipse {
     background: #EAEAEA;
     padding: 0 10px;
     cursor: default;
 }

 /*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

 .light-theme a,
 .light-theme span {
     float: left;
     color: #666;
     font-size: 1.4rem;
     line-height: 24px;
     font-weight: normal;
     text-align: center;
     border: 1px solid #BBB;
     min-width: 14px;
     padding: 0 7px;
     margin: 0 5px 0 0;
     border-radius: 3px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     background: #efefef;
     /* Old browsers */
     background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* Opera11.10+ */
     background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* IE10+ */
     background: linear-gradient(top, #ffffff 0%, #efefef 100%);
     /* W3C */
 }

 .light-theme a:hover {
     text-decoration: none;
     background: #FCFCFC;
 }

 .light-theme .current {
     background: #666;
     color: #FFF;
     border-color: #444;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
     cursor: default;
 }

 .light-theme .ellipse {
     background: none;
     border: none;
     border-radius: 0;
     box-shadow: none;
     font-weight: bold;
     cursor: default;
 }

 /*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/

 .dark-theme a,
 .dark-theme span {
     float: left;
     color: #CCC;
     font-size: 1.4rem;
     line-height: 24px;
     font-weight: normal;
     text-align: center;
     border: 1px solid #222;
     min-width: 14px;
     padding: 0 7px;
     margin: 0 5px 0 0;
     border-radius: 3px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     background: #555;
     /* Old browsers */
     background: -moz-linear-gradient(top, #555 0%, #333 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #333));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #555 0%, #333 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #555 0%, #333 100%);
     /* Opera11.10+ */
     background: -ms-linear-gradient(top, #555 0%, #333 100%);
     /* IE10+ */
     background: linear-gradient(top, #555 0%, #333 100%);
     /* W3C */
 }

 .dark-theme a:hover {
     text-decoration: none;
     background: #444;
 }

 .dark-theme .current {
     background: #222;
     color: #FFF;
     border-color: #000;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
     cursor: default;
 }

 .dark-theme .ellipse {
     background: none;
     border: none;
     border-radius: 0;
     box-shadow: none;
     font-weight: bold;
     cursor: default;
 }

 .cardspage {
     background: transparent;
 }

 .cardview-component .container {
     max-width: 100%;
 }

 .container-filter {
     margin: 10rem 0 2rem 2rem;
 }

 .btn-group-container {
     text-align: right;
     margin: 2em 4rem 6rem 0;
 }

 .btn-group-container .toggle-list-grid {
     margin: 0 3rem 0 0;
 }

 .toggle-list-grid a {
     border: 1px solid var(--truClrPplBs);
     border-radius: 0;
     margin-right: 0;
     padding: 0.6rem 1rem;
     width: 6.7rem;
     height: 5.5rem;
 }

 .toggle-list-grid a.active {
     color: #fff;
     background: var(--truClrPplBs);
 }

 .toggle-list-grid a.grid {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
 }

 .toggle-list-grid a.list {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }

 .svg-list,
 .svg-grid {
     padding-left: 3px;
     margin-top: 1rem;
 }

 /*grid container - start*/

 .list-grid-container .grid-group-item {
     padding: 2rem;
 }

 .grid-group-item .item-view-list {
     margin: 3rem 0 7.2rem 3rem;
     width: calc(98% * 0.3333);
 }

 .grid-group-item .list-group-image,
 .list-group-item .list-group-image {
     width: 27.3rem;
     height: 27.3rem;
     display: block;
 }

 .grid-view-container {
     display: flex;
     width: 100%;
 }

 .grid-view-container .show-button-container:hover {
     cursor: pointer;
 }

 .grid-view-container .card {
     border: 0;
 }

 .grid-group-item .card-details {
     margin: 3.4rem 0 0;
     width: 70%;
 }

 .card-details .card-body,
 .list-data-item .card-body {
     padding: 0;
     display: inline-block;
     margin: 0 0 3.2rem 0;
 }

 .list-data-item .card-body {
     display: inline;
 }

 .list-data-item .card-body p {
     font-size: 2rem;
     color: var(--truNeutral500);
     font-weight: 400;
     line-height: normal;
 }

 .list-data-item .card-body h3 {
     color: var(--truClrPplBs);
 }

 .list-data-item a.card-list-anchor {
     text-decoration: none;
 }

 .list-data-item a.card-list-anchor:hover,
 .list-data-item a.card-list-anchor:focus {
     text-decoration: underline;
 }

 .card-details .item-heading {
     color: #7C6992;
     font-size: 2.4rem;
     font-weight: bold;
 }

 .grid-group-item .card-details .item-heading {
     height: 65px;
 }

 .grid-group-item .item-description ol {
     padding: 0 0 0 25px;
 }

 .card-details .item-description {
     font-size: 2rem;
     color: var(--truNeutral500);
 }

 .grid-group-item .item-description {
     min-height: 63px;
     height: 125px;
     overflow: hidden;
 }

 .grid-view-container p {
     margin: 0 0 1rem 0;
 }

 .grid-view-container .card-footer {
     background: none;
     border: 0;
     margin: 3.2rem 0 0 0;
 }

 .cardview-component.card {
     border: 0;
 }

 .more-item,
 .less-item {
     border-radius: 4px;
     border: 2px solid var(--truClrPplBs);
     font-size: 1.6rem;
     text-decoration: none;
     display: inline-flex;
     cursor: pointer;
 }

 .btn.more-item {
     padding: 0.8rem 1rem 0.9rem 1rem;
     font-size: 2rem;
 }

 .topbtn .btn.more-item {
     padding: 0.3rem 1rem;
 }

 .topbtn .btn.more-item:hover,
 .topbtn .btn.more-item:focus {
     color: #fff;
 }

 .more-item:hover,
 .more-item:focus,
 .less-item:hover,
 .less-item:focus {
     background: var(--truClrPplBs);
     color: #fff;
 }

 /*.more-item:focus .caret,
.more-item:hover .caret {
    position: relative;
    display: inline-block;
}

.more-item:focus .caret:before {
    content: '';
    position: absolute;
    top: 11px;
    right: 6px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.more-item:focus .caret:after {
    content: '';
    position: absolute;
    right: 7px;
    top: 12px;
    border-bottom: 5px solid var(--truClrPplBs);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.more-item:hover .caret:before {
    content: '';
    position: absolute;
    top: 11px;
    right: 6px;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0;
}

.more-item:hover .caret:after {
    content: '';
    position: absolute;
    right: 7px;
    top: 11px;
    border-top: 5px solid var(--truClrPplBs);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0;
} */

 .more-item .bio-up-arrow,
 .more-item .bio-down-arrow {
     /* background: transparent url('../../../content/dam/global-images/bio-down-icon.png') no-repeat 96% 50%;*/
     width: 16.3rem;
     padding: 0 0 0 5px;
     text-align: left;
 }

 /*.more-item .bio-down-arrow {
    background: transparent url('../../../content/dam/global-images/bio-up-icon.png') no-repeat 96% 50%;
} */

 /* drop down*/

 .up-arrow-icon {
     position: relative;
     border: 1px solid var(--truClrPplBs);
     border-left: 0;
     border-right: 0;
     border-radius: 2px;
     padding: 7.5rem 0;
     margin: 2.6rem 0 5rem;
     background: #F7F7F7;
     width: 100%;
     display: none;
     z-index: -1;
     color: var(--truNeutral500);
 }

 .grid-group-item .up-arrow-icon.expanded {
     display: inline-block;
     font-size: 2rem;
     padding-left: 3rem;
     padding-right: 3rem;
     line-height: 1.5;
     z-index: 1;
 }

 .grid-up-down-arrow {
     display: none;
     position: absolute;
     border: 1px solid #808080;
     border-left: 0;
     border-right: 0;
     left: 22%;
     z-index: 2;
 }

 .grid-up-down-arrow:after,
 .grid-up-down-arrow:before {
     bottom: 100%;
     left: 20%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 .grid-up-down-arrow:after {
     border-color: rgba(255, 255, 255, 0);
     border-bottom-color: #F7F7F7;
     border-width: 30px;
     margin-left: -30px;
 }

 .grid-up-down-arrow:before {
     border-color: rgba(46, 26, 71, 0);
     border-bottom-color: var(--truClrPplBs);
     border-width: 31px;
     margin-left: -31px;
 }

 .grid-group-item .grid-up-down-arrow.grid-arrow-show {
     display: inline-table;
     margin: 9.8rem 0 0;
 }

 /* Hack for IE11 and Edge*/

 _:-ms-lang(x),
 .grid-group-item .grid-up-down-arrow.grid-arrow-show {
     margin: 9.9rem 0 0;
 }

 /* Hack for firefox */

 @supports (-moz-appearance:none) {
     .grid-group-item .grid-up-down-arrow.grid-arrow-show {
         margin: 9.9rem 0 0;
     }
 }

 .grid-group-item .up-arrow-icon.expanded p,
 .grid-group-item .up-arrow.expanded p {
     margin: 0 0 1rem 0
 }

 /* drop down*/

 .dy-card-media-type,
 .dy-card-category,
 .dy-card-publication,
 .dy-card-author,
 .dy-card-publication-date,
 .dy-card-duration,
 .dy-card-title {
     display: none;
 }

 /*grid container -end*/

 /*list item container -start*/

 .list-grid-container .list-group-item {
     position: static;
     padding: 2rem;
     margin-bottom: 0;
     background-color: transparent;
     border: 0;
     border-radius: 0;
 }

 .list-group-item .item-view-list {
     padding: 3rem 0 3rem 2rem;
 }

 .list-group-item .thumbnail {
     padding: 0 5rem 0 0;
     margin: 0 0 1.5rem 0;
 }

 .list-group-item .item-heading {
     color: var(--truClrPplBs);
     font-size: 2.6rem;
     line-height: 1;
 }

 .list-group-item .item-description {
     font-size: 2.1rem;
     color: #7c6992;
     line-height: 1.5;
     padding: .5rem 0;
 }

 .list-group-item .item-view-list.card {
     flex-direction: row;
     align-items: flex-start;
 }

 .list-group-item .grid-view-container {
     display: inline-block;
 }

 .list-group-item .card-body {
     margin: 3rem 0 0 0;
 }

 .list-group-item .card-footer {
     padding: 0;
 }

 /* drop down*/

 .list-group-item .up-arrow.expanded {
     display: inline-block;
     font-size: 2rem;
     line-height: 1.5;
 }

 .up-arrow {
     position: relative;
     border-top: 1px solid var(--truClrPplBs);
     border-bottom: 1px solid var(--truClrPplBs);
     border-left: 0;
     border-right: 0;
     text-decoration: none;
     border-radius: 2px;
     padding: 7.5rem 2rem;
     margin: 3rem 0;
     background: #F7F7F7;
     width: 100%;
     display: none;
     color: var(--truNeutral500);
 }

 .up-arrow:after,
 .up-arrow:before {
     bottom: 100%;
     left: 11%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 .up-arrow:after {
     border-color: rgba(255, 255, 255, 0);
     border-bottom-color: #F7F7F7;
     border-width: 30px;
     margin-left: -30px;
 }

 .up-arrow:before {
     border-color: rgba(46, 26, 71, 0);
     border-bottom-color: var(--truClrPplBs);
     border-width: 31px;
     margin-left: -31px;
 }

 /* drop down*/

 /*list item container -end*/

 /* generat  starte*/

 .card-details .active-arrow {
     display: inline-block;
     position: relative;
     border-top: 1px solid #808080;
     border-bottom: 1px solid #808080;
     border-left: 0;
     border-right: 0;
     text-decoration: none;
     border-radius: 2px;
 }

 .js-cardview-row {
     width: 100%;
 }

 .screen-reader {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     word-wrap: normal;
 }

 .back-top {
     position: fixed;
     bottom: 1em;
     right: 1em;
     z-index: 1;
 }

 /* generat  end*/

 .load-more-button {
     width: auto;
     position: relative;
     margin: 0;
     text-align: center;
 }

 .page-marker {
     display: flex;
     justify-content: center;
 }

 .page-marker .pg-show-more:hover,
 .page-marker .pg-show-more:focus,
 .page-marker .pg-show-less:hover,
 .page-marker .pg-show-less:focus {
     top: 0;
     border: none;
     border-radius: 0;
     padding: 0;
     background: var(--truClrPplBs);
     color: #fff;
     text-decoration: none;
     padding: 1.5rem;
     border: 1px solid #fff;
 }

 .page-marker .load-more-button {
     border: 0;
 }

 .page-marker .pg-show-more,
 .page-marker .pg-show-less {
     text-align: center;
     border: 1px solid var(--truClrPplBs);
     border-radius: 4px;
     padding: 1.5rem;
     color: var(--truClrPplBs);
     /* top: -13px; */
     position: relative;
     background: #fff;
     text-decoration: none;
 }

 .page-marker .pg-show-more:after {
     content: "\e80c";
 }

 .page-marker .pg-show-less:after {
     content: "\e810";
 }

 .page-marker .pg-show-more:after,
 .page-marker .pg-show-less:after {
     font-family: "truist-icons";
     font-style: normal;
     font-weight: normal;
     font-size: 1.6rem;
     speak: never;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     margin-left: 1rem;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .show-less-container {
     width: auto;
     position: relative;
     margin-left: 20px;
     text-align: center;
 }

 .page-marker .pg-show-less {
     color: var(--truClrPplBs);
 }

 .page-marker .pg-show-more:hover,
 .page-marker .pg-show-more:focus {
     text-align: center;
     border: 1px solid var(--truClrPplBs);
     border-radius: 4px;
     color: #fff;
     background: var(--truClrPplBs);
     text-decoration: none;
 }

 /* Grid-icon & List-icon*/

 a.grid .icon-white,
 a.list .icon-white,
 a.grid:hover .icon-purple,
 a.grid:active .icon-purple,
 a.list:hover .icon-purple,
 a.list:active .icon-purple {
     display: none;
 }

 a.grid:hover .icon-white,
 a.grid:focus .icon-white,
 a.grid.active .icon-white,
 a.list:hover .icon-white,
 a.list:focus .icon-white,
 a.list.active .icon-white {
     display: block;
 }

 /* List-icon*/

 /* pAGINATION */

 ul.custom-card-pagination {
     display: flex;
     align-content: center;
     justify-content: center;
 }

 .custom-card-pagination li button.current {
     background: none;
     color: var(--truNeutral500);
     border: 0;
     box-shadow: none;
     font-weight: bold;
     text-decoration: underline;
     padding: 0;
 }

 .custom-card-pagination li a,
 .custom-card-pagination li button,
 .custom-card-pagination li button.current {
     color: var(--truClrPplBs);
     font-size: 1.8rem;
     line-height: 1em;
     font-weight: 300;
     margin: 0;
     border-radius: 0;
     display: inline-block;
     padding: 1rem !important;
 }

 .custom-card-pagination li button.current {
     font-weight: 400;
 }

 .custom-card-pagination li a,
 .custom-card-pagination li button {
     background: none;
     border: 0;
     box-shadow: none;
 }

 .custom-card-pagination a,
 .custom-card-pagination button {
     font-size: 2.0rem;
     text-decoration: none;
 }

 .custom-card-pagination a:hover,
 .custom-card-pagination button:hover {
     background: none;
     color: var(--truNeutral500);
     border: 0;
     text-decoration: underline;
 }

 .custom-card-pagination .next:before,
 .custom-card-pagination .prev:after {
     background: none;
     position: relative;
     text-decoration: none;
 }

 .custom-card-pagination li.disabled button.prev:after,
 .custom-card-pagination li.disabled button.next:before {
     color: var(--truClrGryLtr);
     text-decoration: none;
 }

 .custom-card-pagination .prev:after,
 .custom-card-pagination li.disabled button.prev:after,
 .custom-card-pagination .next:before,
 .custom-card-pagination li.disabled button.next:before {
     content: "\e80e";
     font-family: "truist-icons";
     font-style: 400;
     font-weight: 400;
     font-size: .8em;
     speak: never;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .custom-card-pagination .prev:after {
     transform: rotate(180deg);
 }

 .custom-card-pagination .prev:before {
     background: none;
 }

 .custom-card-pagination .next:before {
     top: -2px;
 }

 .custom-card-pagination li.disabled button.prev::after,
 .custom-card-pagination li.disabled button.next::before,
 .custom-card-pagination li.disabled button.prev:hover::after,
 .custom-card-pagination li.disabled button.next:hover::before {
     background: none;
     position: relative;
     padding: 0;
     text-decoration: none;
 }

 .custom-card-pagination .prev:hover:after,
 .custom-card-pagination .next:hover:before {
     font-weight: 700;
 }

 .cmp-truist-cards-list-v1 .light-theme a,
 .cmp-truist-cards-list-v1 .light-theme span {
     padding: 0;
 }

 .cmp-truist-cards-list-v1 .simple-pagination li {
     padding: 0 5px;
     left: auto;
 }

 /*********************************/

 /*PAGINATION AND LOAD MORE*/

 /*load more*/

 .page-marker a.pg-show-more,
 .page-marker a.pg-show-less,
 .page-marker .pg-show-more:hover,
 .page-marker .pg-show-more:focus,
 .page-marker .pg-show-less:hover,
 .page-marker .pg-show-less:focus {
     top: 0;
     border: none;
     border-radius: 0;
     padding: 0;
     background: none;
     color: #2e1a47;
     text-decoration: none;
     padding: 1.5rem;
 }

 .page-marker a.pg-show-more:after,
 .page-marker a.pg-show-less:after {
     font-family: "truist-icons";
     font-style: normal;
     font-weight: normal;
     font-size: 1.6rem;
     speak: never;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     margin-left: 1rem;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .page-marker a.pg-show-more:after {
     content: "\e80c";
 }

 .page-marker a.pg-show-less:after {
     content: "\e810";
 }

 .load-more-button,
 .show-less-container {
     margin: 0;
 }

 /*
 .page-marker .pg-show-more.hide {
     display: none !important;
 } */

 @media screen and (min-width: 320px) and (max-width: 740px) {
     /* List view */
     .btn-group-container {
         display: none;
     }
     .toggle-list-grid {
         display: none;
     }
     .list-group-item .item-view-list {
         padding: 2rem 0 6rem 0;
         margin: 0 0 3rem 0;
     }
     .list-group-item .card-body {
         margin: 2rem 0 0 0;
     }
     .list-group-item .thumbnail {
         padding: 0 3rem 0 0;
     }
     /*footer button fix*/
     .list-group-item .card-footer {
         width: 100%;
         position: absolute;
         left: 0;
         bottom: 0;
         z-index: 3;
     }
     .list-group-item .card-footer .btn.more-item,
     .list-group-item .card-footer .more-item .bio-up-arrow,
     .list-group-item .card-footer .more-item .bio-down-arrow {
         width: 100%;
     }
     .list-group-item .up-arrow:after,
     .list-group-item .up-arrow:before {
         left: 43%;
     }
     /* Grid View */
     .grid-group-item {
         width: 100%;
         margin: 0 auto;
         text-align: center;
     }
     .grid-view-container {
         display: block
     }
     .container-filter {
         margin: 10rem 0 2rem 0.9rem;
     }
     .page-marker {
         margin: 0;
     }
 }

 @media only screen and (min-width: 314px) and (max-width: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
     /* List view */
     .btn-group-container {
         display: none;
     }
     .list-group-item .list-group-image {
         width: 13.3rem;
         height: 13.3rem;
     }
     .list-group-item .item-heading {
         font-size: 2rem;
     }
     .list-group-item .item-description {
         font-size: 1.4rem;
     }
     .grid-group-item {
         width: 100%;
         margin: 0 auto;
         text-align: center;
     }
     .toggle-list-grid {
         display: none;
     }
 }

 /*Landscape */

 @media screen and (max-width: 812px) and (orientation: landscape) {
     /* List view */
     .btn-group-container {
         display: none;
     }
     .list-group-item .item-heading {
         font-size: 2rem;
     }
     .list-group-item .item-description {
         font-size: 1.4rem;
     }
     /* Grid view */
 }

 /*iPad in landscape*/

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .grid-group-item .grid-up-down-arrow.grid-arrow-show {
         margin: 10.8rem 0 0;
     }
     .grid-group-item .item-view-list {
         margin: 3rem 0 5rem 1rem;
         width: 44%;
     }
     .grid-group-item .card-details {
         margin: 3.4rem 0 0;
         width: 90%;
     }
 }

 /*iPad in portrati*/

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
     .grid-group-item .grid-up-down-arrow.grid-arrow-show {
         margin: 10.8rem 0 0;
     }
     .grid-group-item .list-group-image,
     .list-group-item .list-group-image {
         width: 19.3rem;
         height: 19.3rem;
         display: block;
     }
     .grid-group-item .item-view-list {
         margin: 3rem auto 5rem auto;
         width: 30%;
     }
     .grid-group-item .card-details {
         margin: 3.4rem 0 0;
         width: 90%;
     }
 }

 @media screen and (min-width: 220px) and (max-width: 1023px) {
     .btn-group-container {
         display: none;
     }
     .grid-group-item .list-group-image,
     .list-group-item .list-group-image {
         width: 136px;
         height: auto;
     }
 }

 .more-item:hover svg.carat-down-svg {
     fill: #fff;
 }

 .more-item:hover svg.carat-up-svg {
     fill: #fff;
 }

 .more-item:focus svg.carat-down-svg {
     fill: #fff;
 }

 .more-item:focus svg.carat-up-svg {
     fill: #fff;
 }

 @media only screen and (max-width: 414px) {
     .truist-foundation-leadership-profiles .more-item svg.carat-down-svg {
         position: relative;
         left: 62% !important;
     }
     .truist-foundation-leadership-profiles .more-item svg.carat-up-svg {
         position: relative;
         left: 62% !important;
     }
 }

 .truist-foundation-leadership-profiles .list-group-item .card-footer {
     width: max-content;
 }

 .truist-foundation-leadership-profiles .list-group-item .card-footer .btn {
     margin-bottom: 0
 }

 /* Toggle view */

 .news-item-toggle {
     display: flex;
     margin-top: .5rem;
 }

 .toggle-list-grid {
     margin-left: auto;
 }

 .toggle-list-grid a {
     border: 1px solid #2E1a47;
     border-radius: 0;
     margin-right: 0;
 }

 .toggle-list-grid a.active,
 .toggle-list-grid a:focus,
 .toggle-list-grid a:hover {
     color: #fff;
     background: #2E1a47;
 }

 /* Toggle view */

 .content-container {
     width: 100%;
     margin: 2rem 0 0 0;
 }

 /* Tab View */

 ul.tab-button {
     margin: 0;
     padding: 0;
     list-style-type: none;
     border: 0;
 }

 nav ul.tab-button li {
     float: left;
     border: 1px solid #2E1A47;
     cursor: pointer;
     padding: .5rem 1rem;
     cursor: pointer;
 }

 nav ul.tab-button li:first-child {
     border-right: 0;
     border-top-left-radius: .5rem;
     border-bottom-left-radius: .5rem;
 }

 nav ul.tab-button li:last-child {
     border-left: 0;
     border-top-right-radius: .5rem;
     border-bottom-right-radius: .5rem;
 }

 nav ul.tab-button li.active:hover,
 nav ul.tab-button li.active {
     text-decoration: none;
     background: #2E1A47;
     color: #fff;
 }

 nav ul.tab-button li:hover {
     background: #2E1A47;
 }

 nav ul.tab-button li:hover a {
     color: #fff
 }

 nav ul.tab-button li.active a {
     color: #fff;
 }

 nav ul.tab-button li:focus {
     border: 10px solid green;
 }

 nav ul.tab-button li a:hover {
     text-decoration: none;
     color: #fff;
 }

 nav ul.tab-button li a {
     cursor: pointer;
     outline: 0;
     color: #2E1A47;
 }

 .smallHide {
     display: none;
 }

 .navContent .theContent {
     background: #fff;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }

 .navContent h1 {
     color: #535353;
     font-size: 1.2em;
     margin-top: 1.8em;
 }

 .navContent.in {
     display: block
 }

 /* Tab View */

 /* Contact text */

 .contact-container {
     display: none
 }

 .contact-text {
     color: var(--truNeutral500);
     font-size: 1.5rem;
     margin-top: 2rem;
 }

 .contact-text a {
     color: #2e1a47;
     text-decoration: underline;
 }

 .contact-text a:hover {
     color: #2e1a47;
     text-decoration: none;
 }

 .contact-text p {
     padding: .5rem 0;
 }

 /* contact text */

 /*  Grid Layout Container */

 .ame-grid-layout {
     width: 100%;
     display: flex;
     margin: 2rem 0 0;
 }

 .list-group-item .newsgridcont {
     display: none;
 }

 .newsgridcont {
     background-color: #2e1a47;
     width: calc(89% * 0.33333);
     margin: 5rem 3.5rem 5rem 1.5rem;
     padding: 4.2rem;
 }

 .newsgridcont:hover {
     transform: scale(1.05);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     cursor: pointer;
 }

 .newsgridcont .grid-teaser-text,
 .newsgridcont .grid-teaser-text p,
 .newsgridcont .grid-teaser-text span {
     color: #B0E0E2;
     text-decoration: none;
     font-size: 2.4rem;
     font-weight: 500;
 }

 .newsgridcont .grid-description-text,
 .newsgridcont .grid-description-text p,
 .newsgridcont .grid-description-text span {
     font-size: 2.0rem;
     font-weight: 300;
     color: #fff;
     text-decoration: none;
 }

 .ame-grid-layout .newsgridcont:last-child {
     margin-right: 0;
 }

 .newshd,
 .newsdate {
     font-size: 1.6rem
 }

 .grid-group-item .newsgridcont .card-footer {
     display: flex;
 }

 .grid-group-item .grid-description-text .newshd {
     margin-right: auto;
 }

 /* Tab Grid View */

 /* List view */

 .grid-group-item [role="listitem"] {
     display: none;
 }

 .news-column {
     float: left;
     display: inline;
 }

 .grid-view-container .list-data-item {
     margin: 2rem 1rem;
     float: left;
     width: 100%;
 }

 .content-container .list-group-item {
     border: 0;
     padding-left: 0;
 }

 .description-text {
     color: #2E1A47;
     font-size: 3.8rem;
     text-decoration: underline;
     letter-spacing: 0;
     display: block;
     margin-bottom: 0;
 }

 a.description-text:hover {
     color: #2E1A47;
     text-decoration: underline;
 }

 .date-format {
     color: var(--truNeutral500);
     font-size: 2rem;
     text-decoration: none;
 }

 /* List view */

 @media (max-width: 768px) {
     .hide-mobile-view {
         display: none;
     }
     .contact-container {
         display: block
     }
     .theContent {
         margin-top: 0;
         max-height: 0;
         opacity: 0;
         display: none;
     }
     .tab-content .smallHide {
         background: none;
         border: 1px solid #2E1A47;
     }
     .smallHide {
         display: block;
     }
     .smallHide a {
         display: block;
         margin: 0 1px 0 0;
         padding: 20px;
         text-decoration: none;
         color: #535353;
         font-size: 1.1em;
         font-weight: bold;
     }
     /* Grid Layout */
     .ame-grid-layout {
         display: block;
     }
     .pagination-wrapper .newsgridcont {
         width: 100%;
         margin: 0 0 5rem 0;
     }
 }

 .advisor-individual-page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {
     padding: 4.25rem;
 }

 /* @group Base */

 .chosen-search {
     display: none;
 }

 .filter-group {
     position: relative;
     min-height: 1px;
     margin-right: 5rem;
     margin-bottom: 2rem;
     padding-left: 0;
     width: 35rem;
 }

 .chosen-container {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 1.3rem;
     zoom: 1;
     display: inline;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     width: 35.0rem;
     height: 6.0rem
 }

 .chosen-container * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .chosen-container .chosen-drop {
     position: absolute;
     top: 100%;
     left: -9999px;
     z-index: 1010;
     width: 100%;
     border: 1px solid #aaa;
     background: #fff;
 }

 .chosen-container.chosen-with-drop .chosen-drop {
     left: 0;
 }

 .chosen-container a {
     cursor: pointer;
 }

 .chosen-container .search-choice .group-name,
 .chosen-container .chosen-single .group-name {
     margin-right: 4px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     font-weight: var(--truFontWtRg);
     color: #999999;
 }

 .chosen-container .search-choice .group-name:after,
 .chosen-container .chosen-single .group-name:after {
     content: ":";
     padding-left: 2px;
     vertical-align: top;
 }

 /* @end */

 /* @group Single Chosen */

 .chosen-container-single .chosen-single {
     position: relative;
     display: block;
     overflow: hidden;
     padding: 0 0 0 8px;
     height: 60px;
     border: 1px solid #aaa;
     color: #444;
     text-decoration: none;
     white-space: nowrap;
     line-height: 24px;
     border-radius: 4px;
     width: 34rem;
 }

 .chosen-container-single .chosen-default {
     color: #999;
 }

 .chosen-container-single .chosen-single span {
     display: block;
     overflow: hidden;
     margin-right: 26px;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding-top: 2.4rem;
     font-size: 2rem;
 }

 .chosen-container-single .chosen-single-with-deselect span {
     margin-right: 38px;
 }

 .chosen-container-single .chosen-single abbr {
     position: absolute;
     top: 6px;
     right: 26px;
     display: block;
     width: 12px;
     height: 12px;
     background: url('../components/content/truist-cardslist/v1/truist-cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') -42px 1px no-repeat;
     font-size: .1rem;
 }

 .chosen-container-single .chosen-single abbr:hover .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
     background-position: -42px -10px;
 }

 .chosen-container-single .chosen-single div {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 25px;
     height: 100%;
 }

 .chosen-container-single .chosen-single div b {
     display: block;
     width: 100%;
     height: 100%;
     background: url('../../../content/dam/global-images/down-icon.png') no-repeat 0 20px;
 }

 .chosen-container-single .chosen-search {
     position: relative;
     z-index: 1010;
     margin: 0;
     padding: 3px 4px;
     white-space: nowrap;
 }

 .chosen-container-single .chosen-search input[type="text"] {
     margin: 1px 0;
     padding: 4px 20px 4px 5px;
     width: 100%;
     height: auto;
     outline: 0;
     border: 1px solid #aaa;
     background: url('../components/content/truist-cardslist/v1/truist-cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') no-repeat 100% -20px;
     font-size: 1em;
     line-height: normal;
     border-radius: 0;
 }

 .chosen-container-single .chosen-drop {
     margin-top: 4px;
     background-clip: padding-box;
 }

 .chosen-container-single.chosen-container-single-nosearch .chosen-search {
     position: absolute;
     left: -9999px;
 }

 /* @end */

 /* @group Results */

 .chosen-container .chosen-results {
     color: #444;
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
     margin: 0 4px 4px 0;
     padding: 0 0 0 4px;
     max-height: 240px;
     -webkit-overflow-scrolling: touch;
 }

 .chosen-container .chosen-results li {
     display: none;
     margin: 0;
     padding: 5px 6px;
     list-style: none;
     line-height: 15px;
     word-wrap: break-word;
     -webkit-touch-callout: none;
 }

 .chosen-container .chosen-results li.active-result {
     display: list-item;
     cursor: pointer;
 }

 .chosen-container .chosen-results li.disabled-result {
     display: list-item;
     color: #ccc;
     cursor: default;
 }

 .chosen-container .chosen-results li.highlighted {
     background-color: #3875d7;
     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
     background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
     background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
     background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
     background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
     color: #fff;
 }

 .chosen-container .chosen-results li.no-results {
     color: #777;
     display: list-item;
     background: #f4f4f4;
 }

 .chosen-container .chosen-results li.group-result {
     display: list-item;
     font-weight: var(--truFontWtBd);
     cursor: default;
 }

 .chosen-container .chosen-results li.group-option {
     padding-left: 15px;
 }

 .chosen-container .chosen-results li em {
     font-style: normal;
     text-decoration: underline;
 }

 /* @end */

 /* @group Multi Chosen */

 .chosen-container-multi .chosen-choices {
     position: relative;
     overflow: hidden;
     margin: 0;
     padding: 0 5px;
     width: 100%;
     height: auto !important;
     height: 1%;
     border: 1px solid #aaa;
     background-color: #fff;
     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
     background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
     background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
     background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
     background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
     cursor: text;
 }

 .chosen-container-multi .chosen-choices li {
     float: left;
     list-style: none;
 }

 .chosen-container-multi .chosen-choices li.search-field {
     margin: 0;
     padding: 0;
     white-space: nowrap;
 }

 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
     margin: 1px 0;
     padding: 0;
     height: 25px;
     outline: 0;
     border: 0 !important;
     background: transparent !important;
     box-shadow: none;
     color: #999;
     font-size: 100%;
     /* font-family: sans-serif; */
     line-height: normal;
     border-radius: 0;
 }

 .chosen-container-multi .chosen-choices li.search-choice {
     position: relative;
     margin: 3px 5px 3px 0;
     padding: 3px 20px 3px 5px;
     border: 1px solid #aaa;
     max-width: 100%;
     border-radius: 3px;
     background-color: #eeeeee;
     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
     background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
     background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
     background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
     background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
     background-size: 100% 19px;
     background-repeat: repeat-x;
     background-clip: padding-box;
     box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
     color: #333;
     line-height: 13px;
     cursor: default;
 }

 .chosen-container-multi .chosen-choices li.search-choice span {
     word-wrap: break-word;
 }

 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
     position: absolute;
     top: 4px;
     right: 3px;
     display: block;
     width: 12px;
     height: 12px;
     background: url('../components/content/truist-cardslist/v1/truist-cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') -42px 1px no-repeat;
     font-size: .1rem;
 }

 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
     background-position: -42px -10px;
 }

 .chosen-container-multi .chosen-choices li.search-choice-disabled {
     padding-right: 5px;
     border: 1px solid #ccc;
     background-color: #e4e4e4;
     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
     background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
     background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
     background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
     color: #666;
 }

 .chosen-container-multi .chosen-choices li.search-choice-focus {
     background: #d4d4d4;
 }

 .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
     background-position: -42px -10px;
 }

 .chosen-container-multi .chosen-results {
     margin: 0;
     padding: 0;
 }

 .chosen-container-multi .chosen-drop .result-selected {
     display: list-item;
     color: #ccc;
     cursor: default;
 }

 /* @end */

 /* @group Active  */

 .chosen-container-active .chosen-single {
     border: 1px solid #5897fb;
 }

 .chosen-container-active.chosen-with-drop .chosen-single {
     border: 1px solid #aaa;
 }

 .chosen-container-active.chosen-with-drop .chosen-single div {
     border-left: none;
     background: transparent;
 }

 .chosen-container-active.chosen-with-drop .chosen-single div b {
     background-position: 0px 20px;
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     width: 18px;
     color: #2E1A47;
 }

 .chosen-container-active .chosen-choices {
     border: 1px solid #5897fb;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }

 .chosen-container-active .chosen-choices li.search-field input[type="text"] {
     color: #222 !important;
 }

 /* @end */

 /* @group Disabled Support */

 .chosen-disabled {
     opacity: 0.5 !important;
     cursor: default;
 }

 .chosen-disabled .chosen-single {
     cursor: default;
 }

 .chosen-disabled .chosen-choices .search-choice .search-choice-close {
     cursor: default;
 }

 /* @end */

 /* @group Right to Left */

 .chosen-rtl {
     text-align: right;
 }

 .chosen-rtl .chosen-single {
     overflow: visible;
     padding: 0 8px 0 0;
 }

 .chosen-rtl .chosen-single span {
     margin-right: 0;
     margin-left: 26px;
     direction: rtl;
 }

 .chosen-rtl .chosen-single-with-deselect span {
     margin-left: 38px;
 }

 .chosen-rtl .chosen-single div {
     right: auto;
     left: 3px;
 }

 .chosen-rtl .chosen-single abbr {
     right: auto;
     left: 26px;
 }

 .chosen-rtl .chosen-choices li {
     float: right;
 }

 .chosen-rtl .chosen-choices li.search-field input[type="text"] {
     direction: rtl;
 }

 .chosen-rtl .chosen-choices li.search-choice {
     margin: 3px 5px 3px 0;
     padding: 3px 5px 3px 19px;
 }

 .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
     right: auto;
     left: 4px;
 }

 .chosen-rtl.chosen-container-single-nosearch .chosen-search,
 .chosen-rtl .chosen-drop {
     left: 9999px;
 }

 .chosen-rtl.chosen-container-single .chosen-results {
     margin: 0 0 4px 4px;
     padding: 0 4px 0 0;
 }

 .chosen-rtl .chosen-results li.group-option {
     padding-right: 15px;
     padding-left: 0;
 }

 .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
     border-right: none;
 }

 .chosen-rtl .chosen-search input[type="text"] {
     padding: 4px 5px 4px 20px;
     background: url('../components/content/truist-cardslist/v1/truist-cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') no-repeat -30px -20px;
     direction: rtl;
 }

 .chosen-rtl.chosen-container-single .chosen-single div b {
     background-position: 6px 2px;
 }

 .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
     background-position: -12px 2px;
 }

 /* @end */

 /* @group Retina compatibility */

 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min-resolution: 144dpi),
 only screen and (min-resolution: 1.5dppx) {
     .chosen-rtl .chosen-search input[type="text"],
     .chosen-container-single .chosen-single abbr,
     .chosen-container-single .chosen-single div b,
     .chosen-container-single .chosen-search input[type="text"],
     .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
     .chosen-container .chosen-results-scroll-down span,
     .chosen-container .chosen-results-scroll-up span {
         background: url('../../../content/dam/global-images/down-icon.png') no-repeat 0 20px;
     }
 }

 /*iPad in portrati*/

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
     .chosen-container-single .chosen-single {
         width: 21rem;
     }
 }

 @media screen and (max-width: 823px) and (orientation: landscape) {
     .filter-group {
         width: 30rem;
     }
     .chosen-container-single .chosen-single {
         width: 98%;
     }
 }

 /* @end */

 /* custom css */

 .filter-group label {
     font-size: 2rem;
     color: #5d5e5f;
     position: absolute;
     top: 45%;
     left: 25px;
     transform: translateY(-50%);
     transition: all 0.2s ease 0s;
 }

 .filter-group label.selected {
     top: 2px;
     font-size: 1.4rem;
     transform: translateY(0);
     color: var(--truClrPplBs);
     left: 10px;
 }

 /* Hack for IE11 */

 *::-ms-backdrop,
 .filter-dropdown-button,
 .filter-dropdown-button-reset {
     margin: 23px 0 0;
 }

 .filter-dropdown-button a {
     background: transparent;
     text-align: center;
     border: 2px solid var(--truClrPplBs);
     color: var(--truClrPplBs);
     padding: 1.1rem 0;
     width: 12.3rem;
     border-radius: 5px;
     text-decoration: none;
     margin: 0 5px 0 0;
     font-size: 2rem;
     display: inline-block;
 }

 .filter-dropdown-button a:hover {
     background: var(--truClrPplBs);
     color: #fff;
 }

 .filter-dropdown-button a:focus {
     outline-style: solid;
     outline-width: 1px;
     outline-color: var(--truClrPplBs);
     outline-offset: -5px;
 }

 .filter-dropdown-button-reset a {
     color: var(--truClrPplBs);
     padding: 0;
     margin: 13px 0;
     display: inline-block;
 }

 .toggle-list-grid .btn:focus {
     outline: 2px solid var(--truClrPplBs);
     outline-offset: 3px;
 }

 .topbtn .btn:focus {
     outline: 2px solid var(--truClrPplBs);
     outline-offset: 3px;
 }

 /*pagination*/

 .simple-pagination {
     padding: 0;
 }

 .custom-card-pagination .prev:after,
 .custom-card-pagination li.disabled span.prev:after,
 .custom-card-pagination .next:before,
 .custom-card-pagination li.disabled span.next:before {
     content: "\e80e";
     font-family: "truist-icons";
     font-style: 400;
     font-weight: 400;
     font-size: .8em;
     speak: never;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .custom-card-pagination .prev:after {
     transform: rotate(180deg);
 }

 .custom-card-pagination .next:before {
     top: -2px;
 }

 .custom-card-pagination li.disabled span.prev:after,
 .custom-card-pagination li.disabled span.next:before {
     color: var(--truClrGryLtr);
     text-decoration: none;
 }

 .custom-card-pagination .prev:after,
 .custom-card-pagination .next:before {
     text-decoration: none;
 }

 .custom-card-pagination .prev:hover:after,
 .custom-card-pagination .next:hover:before {
     font-weight: 700;
 }

 .custom-card-pagination .page-link:focus,
 .custom-card-pagination .disabled .prev:focus,
 .custom-card-pagination .disabled .next:focus {
     border: 2px solid var(--truClrPplBs);
 }

 .custom-card-pagination li a,
 .custom-card-pagination li span,
 .custom-card-pagination li span.current {
     color: var(--truClrPplBs);
     font-size: 1.8rem;
     line-height: 1em;
     font-weight: 300;
     margin: 0;
     border-radius: 0;
     display: inline-block;
     padding: 1rem !important;
 }

 .custom-card-pagination li span.current {
     font-weight: 400;
 }

 @media (max-width: 767px) {
     .filter-group,
     .filter-dropdown-button,
     .filter-dropdown-button-reset {
         width: 100%;
     }
     .filter-group {
         padding-bottom: 20px;
     }
     .filter-dropdown-button a,
     .filter-dropdown-button-reset a {
         width: 100%;
     }
     .filter-dropdown-button-reset a {
         text-align: center;
     }
     .filter-group label {
         top: 33%;
     }
     .filter-dropdown-button {
         margin: 0 0.5rem 0 0;
     }
 }

 @media screen and (max-width: 823px) and (orientation: landscape) {
     .filter-group,
     .filter-dropdown-button,
     .filter-dropdown-button-reset {
         margin: 0 0 2rem 0;
     }
 }

 /*iPad in landscape*/

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .filter-dropdown-button {
         margin: 0 1rem 0 0;
         height: 6rem;
     }
 }

 /*iPad in portrati*/

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
     /* STYLES GO HERE */
     .filter-group {
         width: 18rem;
     }
     .filter-dropdown-button {
         margin: 0 1rem 0 0;
     }
 }

 .truist-color-theme {
     --mdc-theme-primary: #2e1a47;
     --mdc-theme--on-primary: #2e1a47;
 }

 .cards-filters-container {
     margin: 5rem 5rem 3rem 2rem;
     display: flex;
     flex-wrap: nowrap;
 }

 .dynamic-cards-container {
     background-color: #F7F7F7;
 }

 .container-filter-results {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     flex-wrap: wrap;
     margin-top: 10px;
     flex: 1;
 }

 .container-filter-results p {
     margin-bottom: 0;
 }

 .cards-filters__results-counter {
     padding-right: 5px;
 }

 .dynamic-cards .mdc-floating-label {
     font-size: 1.7rem;
     line-height: 2.7rem;
     color: var(--truNeutral500);
     will-change: auto;
 }

 .dynamic-cards .mdc-select--outlined .mdc-floating-label {
     line-height: 2.7rem;
 }

 .dynamic-cards .mdc-floating-label.mdc-floating-label--float-above {
     color: #2e1a47;
     font-size: 1.7rem;
     line-height: 1.7rem;
     font-weight: var(--truFontWtBd);
 }

 .dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     font-size: 1.7rem;
     font-weight: var(--truFontWtBd);
     color: var(--truNeutral500);
 }

 .dynamic-cards .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     max-width: calc(100% / 0.65);
 }

 .dynamic-cards .mdc-notched-outline--notched .mdc-notched-outline__notch {
     border-top: 1px solid;
 }

 .dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
     -webkit-transform: translateY(-31.75px) scale(0.75);
     transform: translateY(-31.75px) scale(0.75);
 }

 .pg-load-more-hide {
     display: none;
 }

 .dynamic-cards .mdc-form-field label {
     font-size: 1.5rem;
     line-height: 2.7rem;
     color: var(--truNeutral500);
     margin-top: 4px;
     margin-bottom: 4px;
 }

 .dynamic-cards .mdc-select {
     height: 60px;
     width: 350px;
 }

 .dynamic-cards .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
     background-color: #fff;
     color: var(--truNeutral500);
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     height: 60px;
 }

 .dynamic-cards .mdc-select__anchor .mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused {
     background-color: #fff;
 }

 .dynamic-cards .mdc-select__anchor.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before {
     background-color: #fff;
 }

 .dynamic-cards .mdc-select--focused .mdc-select__anchor {
     outline-width: 2px;
     outline-color: #2e1a47;
     background-color: #fff;
     outline-offset: 3px;
     outline-style: solid;
 }

 .dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
 .dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
 .dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
     border-width: 1px;
 }

 .dynamic-cards .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
     font-size: 1.7rem;
     line-height: 2.7rem;
     color: var(--truNeutral500);
     align-self: center;
 }

 .dynamic-cards .mdc-select .mdc-list {
     width: 300px;
     font-size: 1.7rem;
     line-height: 1.9rem;
     background-color: #fff;
     color: var(--truNeutral500);
 }

 .dynamic-cards .mdc-select .mdc-list .mdc-list-item--selected {
     color: #fff;
     background-color: #7C6992;
 }

 .dynamic-cards .mdc-select .mdc-list .mdc-list-item:hover,
 .dynamic-cards .mdc-select .mdc-list .mdc-list-item:focus {
     background-color: #7C6992;
     color: #fff;
 }

 .dynamic-cards .cards-filters-column {
     margin: 5rem 5rem 2rem 0;
 }

 .dll-manufacturer-list .list-group-item .card-footer {
     display: none;
 }

 @media (min-width: 1200px) {
     .dynamic-cards .mdc-select .mdc-list {
         width: 100%;
     }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
     .dynamic-cards .mdc-select {
         width: 300px;
     }
     .dynamic-cards .mdc-select .mdc-list {
         width: 300px;
     }
     .dynamic-cards .cards-filters-column {
         margin: 2rem 1rem 1rem 0;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {
     .dynamic-cards .cards-filters-container {
         padding: 2rem 0 0;
     }
     .dynamic-cards .mdc-select {
         height: 60px;
         width: 200px;
     }
     .dynamic-cards .cards-filters-column {
         margin: 2rem 1rem 1rem 0;
     }
     .cards-filters-container {
         margin: 5rem 2rem 3rem 1rem;
         justify-content: flex-start;
         flex-wrap: wrap;
     }
     .container-filter-results {
         justify-content: flex-start;
         margin-top: 10px !important;
     }
 }

 @media (max-width: 767px) {
     .dynamic-cards .mdc-select {
         width: 100%;
     }
     .dynamic-cards .mdc-select .mdc-list {
         width: 100%;
     }
     .dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
     .dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
         -webkit-transform: translateY(-28.75px) scale(0.75);
         transform: translateY(-28.75px) scale(0.75);
     }
     .dynamic-cards .cards-filters-container,
     .dynamic-cards .cards-filters-column {
         margin: 2rem 0 0 0;
     }
     .cards-filters-container {
         flex-wrap: wrap;
     }
     .pagination-wrapper .newsgridcont {
         width: 100%;
         margin: 0 0 5rem 0;
     }
 }

 /* Truist Perspective CTA card styles starts */

 .featured-article-list .cta__color--ghost-light .global-cta-btn a:hover,
 .featured-article-list .cta__color--ghost-light .global-cta-btn a:active {
     background: #2e1a47 !important;
 }

 .mediatype-article-icon::before {
     background-image: url('../../../content/dam/truist-bank/us/en/icons/code/media-article-icon.svg');
     background-size: 20px 20px;
     display: inline-block;
     width: 20px;
     height: 20px;
     content: "";
     margin-right: 4px;
 }

 .mediatype-podcast-icon::before {
     background-image: url('../../../content/dam/truist-bank/us/en/icons/code/media-podcast-icon.svg');
     background-size: 20px 20px;
     display: inline-block;
     width: 20px;
     height: 20px;
     content: "";
     margin-right: 1px;
 }

 .mediatype-video-icon::before {
     background-image: url('../../../content/dam/truist-bank/us/en/icons/code/media-video-icon.svg');
     background-size: 20px 20px;
     display: inline-block;
     width: 20px;
     height: 20px;
     content: "";
     margin-right: 2px;
 }

 .mediatype-calculator-icon::before {
     background-image: url('../../../content/dam/truist-bank/us/en/icons/code/media-calculator-icon.svg');
     background-size: 20px 20px;
     display: inline-block;
     width: 20px;
     height: 20px;
     content: "";
     margin-right: 3px;
 }

 .featured-article-list .featured-cta {
     width: calc(100% - 40px) !important;
 }

 .featured-article-list .author-cta-styling {
     display: inline-block;
 }

 .filtered-article-list .list-grid-container {
     display: none;
 }

 .filtered-article-list ul.custom-card-pagination {
     display: none;
 }

 .unhidePagination {
     display: inline-block !important;
 }

 .featured-article-list .cmp-truist-cards-list-v1 .cards-filters-container {
     margin: 4rem 0 0rem 0;
 }

 .featured-article-list .item-heading {
     display: none;
 }

 .featured-article-list .grid-group-item {
     padding: 0rem
 }

 .featured-article-list .list-group-image {
     min-width: 100%;
     height: auto;
 }

 .featured-article-list .grid-view-container .card {
     border: 1px solid lightgray;
     border-radius: 10px;
     overflow: hidden;
 }

 .featured-article-list .grid-group-item .item-view-list {
     margin: 1.5rem 3rem 1.5rem 0rem;
 }

 .featured-article-list .grid-group-item .item-description {
     height: auto;
 }

 .featured-article-list .grid-group-item .item-description h3 {
     font-size: 2.4rem;
     line-height: 2.8rem;
     margin: 0 auto;
 }

 .featured-article-list .grid-group-item .card-details {
     height: auto;
     margin: 2rem 15px;
     width: calc(100% - 30px);
 }

 .featured-article-list .grid-group-item .item-description p {
     display: none;
     height: 0px;
 }

 .featured-article-list .grid-group-item .item-description p.eyebrow {
     font-size: 1.6rem;
     line-height: 2rem;
 }

 .featured-article-list .grid-group-item .item-description p.eyebrow,
 .featured-article-list .grid-group-item .item-description p.read-article-cta {
     display: block;
     height: auto;
 }

 .featured-article-list .cta__display--inline {
     position: absolute;
     bottom: 0px;
 }

 .featured-article-list .cards-filters-column {
     margin: 0rem 3rem 0rem 0;
     padding: 0px;
     width: 26%;
 }

 .featured-article-list .mdc-select {
     width: 100%;
 }

 .featured-article-list .filter-dropdown-button a {
     width: 100% !important;
     padding: 1.1rem 1rem;
     float: right;
     white-space: nowrap;
     line-height: 3rem;
     background: #2E1A47;
     border: 2px solid #fff;
     color: #fff;
 }

 .featured-article-list .filter-dropdown-button a:hover,
 .featured-article-list .filter-dropdown-button a:focus {
     background: #fff;
     border: 2px solid #2e1a47;
     color: #2e1a47;
 }

 .featured-article-list .cards-filters-column.container-filter {
     width: auto;
 }

 .featured-article-list .property-cont {
     position: absolute;
     bottom: 20px;
     right: 15px;
 }

 .featured-article-list .dy-card-media-type {
     display: block;
     float: right;
 }

 .featured-article-list .featured-cta-container {
     display: block !important;
 }

 .featured-article-list .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }

 .featured-article-list .cta .global-cta-btn a {
     padding: 1.5rem 1.25rem;
 }

 @media (max-width: 1022px) {
     .featured-article-list .list-group-image {
         min-width: 100%;
         height: auto;
     }
     .featured-article-list .list-group-item .thumbnail {
         padding: 0px;
     }
     .featured-article-list .grid-view-container .card {
         display: inline-block;
         margin: 1.5rem 3rem 1.5rem 0rem;
         padding: 0px;
         margin-bottom: 40px;
         width: 100%;
     }
     .featured-article-list .list-group-item .card-body {
         padding: 1rem 1.5rem 0 1.5rem;
         width: 100%;
         margin: 0px;
     }
     .featured-article-list .cta__display--inline {
         position: relative !important;
         width: 40%;
     }
     .featured-article-list .grid-view-container .item-description p:nth-child(3) {
         display: none;
     }
     .featured-article-list .cards-filters-column.container-filter {
         margin-right: 5px;
         width: auto;
     }
 }

 @media (max-width: 768px) {
     .filtered-article-list .cards-filters-column {
         width: 100% !important;
         margin: 0px;
     }
     .filtered-article-list .filter-dropdown-button a {
         width: 100% !important;
         float: none;
     }
     .filtered-article-list .cards-filters-column.container-filter {
         width: 100%;
     }
     .filtered-article-list .mdc-select {
         margin-bottom: 20px;
     }
     .featured-article-list .cards-filters-column {
         width: 100% !important;
         margin: 0px;
     }
     .featured-article-list .filter-dropdown-button a {
         width: 100% !important;
         float: none;
     }
     .featured-article-list .cards-filters-column.container-filter {
         width: 100%;
     }
     .featured-article-list .mdc-select {
         margin-bottom: 20px;
     }
 }

 @media (max-width: 1080px) {
     .featured-article-list .grid-group-item .item-view-list {
         width: calc(98% * 0.5);
     }
 }

 /* Truist Perspective CTA card styles ends */

 /*CARD LIST, TRUIST CARD LIST Moved from component.css*/

 [data-page-type="newspage" i][data-view-model="GridView" i] {
     border-bottom: none;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text {
     margin-bottom: 4rem;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p:first-child,
 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p.eyebrow {
     color: #B0E0E2;
     font-size: 1.8rem;
     line-height: 1.25em;
     margin-bottom: 2rem;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
     color: #fff;
     font-size: 2rem;
     line-height: 1.25em;
     font-weight: var(--truFontWtBd);
     margin-bottom: 1rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p {
     color: #fff;
     font-size: 1.4rem;
     line-height: 1.5em;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {
     display: flex;
     color: #B0E0E2;
     font-size: 1.6rem;
     line-height: 1.5em;
     font-weight: var(--truFontWtRg);
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-media-type {
     flex: 1;
     display: block;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-duration {
     display: block;
     padding-left: 2rem;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-duration::after {}

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-publication-date {
     display: block;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-category,
 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-publication,
 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-author,
 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-title,
 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .card-footer {
     display: none;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {
     padding: 3rem;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .card-body {
     padding: 0;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .grid-group-item {
     padding: 0;
     text-align: left;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .container {
     padding: 0;
 }

 /*truist card view, filter*/

 .cmp-truist-cards-list-v1 .cards-filters-container {
     margin: 4rem 0;
 }

 .cmp-truist-cards-list-v1 .filter-pills {
     width: 100%;
 }

 .cmp-truist-cards-list-v1 .filter-pills__pill-container {
     padding: 0;
     align-items: center;
 }

 .cmp-truist-cards-list-v1 .filter-pills__media-type {
     margin: 0 3rem 0 0;
     font-size: inherit;
 }

 .cmp-truist-cards-list-v1 .mb__pills {
     position: relative;
     margin: 1rem 0;
 }

 .cmp-truist-cards-list-v1 .filter-pills__pill-container input[type=checkbox] {
     width: 100%;
     height: 100%;
     position: absolute;
 }

 .cmp-truist-cards-list-v1 .filter-pills__resources {}

 .cmp-truist-cards-list-v1 .filter-pills__resources p {
     margin-bottom: 0;
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {
     bottom: 2.5rem;
 }

 @media only screen and (max-width: 795.5px) {
     .cmp-truist-cards-list-v1 .filter-pills__media-type {
         margin: 3rem 3rem 3rem 0;
     }
     .cmp-truist-cards-list-v1 .pill--container {
         margin: 0 3rem 3rem 0;
     }
     .cmp-truist-cards-list-v1 .filter-pills__resources {
         margin-top: 4rem;
         margin-bottom: 0;
     }
 }

 @media (min-width: 769px) {
     [data-page-type="newspage" i][data-view-model="GridView" i] .grid-view-container {
         display: flex;
         gap: 2rem;
         margin: 0;
     }
     [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p {
         font-size: 1.8rem;
         line-height: 1.5em;
     }
     [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p.eyebrow,
     /* [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p:first-child {font-size: 2rem;} */
     [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
         font-size: 2rem;
         line-height: 1.25em;
     }
     [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {
         font-size: 1.6rem;
     }
     /*columns*/
     /* [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="1"] .grid-view-container {grid-template-columns: 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="2"] .grid-view-container {grid-template-columns: 1fr 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="3"] .grid-view-container {grid-template-columns: 1fr 1fr 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="4"] .grid-view-container {grid-template-columns: 1fr 1fr 1fr 1fr;} */
 }

 @media (min-width: 769px) and (max-width: 1440px) {
     [data-page-type="newspage" i][data-view-model="GridView" i] .grid-view-container {
         grid-gap: 2rem;
     }
     [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {
         margin-bottom: 2rem;
     }
     [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {
         padding: 2rem;
     }
 }

 /*Article ADA eyebrow header update*/

 .newsgridcont .grid-teaser-text span.eyebrow {
     text-decoration: none;
     font-weight: var(--truFontWtLt);
     display: block;
     color: #B0E0E2;
     font-size: 1.8rem;
     line-height: 1.25em;
     margin-bottom: 1.5rem;
     display: block;
 }

 .featured-article-list .grid-group-item .item-description h3 span.eyebrow {
     display: block;
     height: auto;
     font-size: 1.6rem;
     line-height: 2rem;
     margin: 0 0 1rem 0;
     color: #707070;
 }

 .tmp__article .cmp-articlecards-list .card-text h3 span.eyebrow {
     text-decoration: none;
     font-weight: var(--truFontWtLt);
     display: block;
     color: #B0E0E2;
     font-size: 1.8rem;
     line-height: 1.25em;
     margin-bottom: 1.5rem;
     display: flex;
 }

 .page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
     color: #fff;
     font-size: 2.4rem;
     line-height: 1.25em;
     font-weight: var(--truFontWtBd);
     margin-bottom: 1rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: initial;
     -webkit-box-orient: vertical;
 }

 .newsgridcont .grid-teaser-text,
 .newsgridcont .grid-teaser-text p,
 .newsgridcont .grid-teaser-text span {
     font-weight: var(--truFontWtRg);
 }

 [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {
     width: 87%;
     position: absolute;
 }

 .grid-view-container .newsgridcont.card .description-text {
     text-decoration: none;
 }

 #filter-container p {
     margin-block-start: unset;
     margin-block-end: unset;
 }

 .filter-pills__intro h1 {
     font-size: 3.6rem;
     color: #2e1a47;
     line-height: 42px;
     padding-bottom: 30px;
 }

 .filter-pills__intro p {
     font-size: 1.8rem;
     line-height: 24px;
     padding-bottom: 30px;
 }

 .filter-pills__media-type {
     font-size: 1.4rem;
     flex-basis: 100%;
     margin-bottom: 20px;
 }

 .filter-pills__pill-container {
     padding-bottom: 5px;
     display: flex;
     flex-wrap: wrap;
 }

 .filter-pills__pill {
     position: relative;
     text-align: center;
     color: #2E1A47;
     border: solid 2px #2E1A47;
     border-radius: 500px;
     font-size: 1.6rem;
     margin-right: 15px;
     padding: 15px 50px 10px;
 }

 .filter-pills__pill:hover,
 .filter-pills__pill-container input[type=checkbox]:checked+.filter-pills__pill {
     padding: 15px 33px 10px;
 }

 .filter-pills__pill:hover {
     color: #fff;
     border: solid 2px #7C6992;
     background-color: #7C6992;
 }

 .filter-pills__pill-container input[type=checkbox] {
     visibility: hidden;
     width: 85%;
     height: 100%;
 }

 .filter-pills__pill-container input[type=checkbox]:checked+.filter-pills__pill {
     background-color: #2e1a47;
     color: #fff;
     border: solid 2px #2e1a47;
 }

 .filter-pills__pill-container input[type=checkbox]:checked+.filter-pills__pill span::before,
 .filter-pills__pill:hover span::before {
     content: '';
     background: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4xMDkiIGhlaWdodD0iMTMuMjYxIiB2aWV3Qm94PSIwIDAgMTguMTA5IDEzLjI2MSI+PHBhdGggZD0iTTE2NTEzLjI3Ny0xODA5LjQ2N2w0LjgyOCw1LjUzNiwxMC40NTUtMTAuODQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY1MTEuODY1IDE4MTYuMTkxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==') no-repeat;
     padding: 7px 15px;
     display: inline-block;
 }

 .filter-pills__pill-container input[type=checkbox]:checked+label:hover {
     background-color: #7C6992;
     border: solid 2px #7C6992;
 }

 .pill--container input[type=checkbox]:checked+.filter-pills__pill {
     background-color: #2e1a47;
     color: #fff;
     border: solid 2px #2e1a47;
 }

 .filter-pills__pill-container label span {
     display: inline-block;
 }

 .filter__pills--result-container {
     background-color: #2e1a47;
     display: flex;
     max-width: 100vw;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     flex-wrap: wrap;
     padding: 30px;
     margin-bottom: 30px;
 }

 .filter__pills--result-column p {
     padding-bottom: 60px;
 }

 .filter-pills__resources {
     display: flex;
     align-items: flex-end;
     flex-basis: 100%;
     margin-top: 45px;
     margin-bottom: 20px;
 }

 .filter-pills__results {
     padding-right: 3px;
 }

 .filter-pills__links p {
     padding-bottom: 0;
     display: inline;
     margin-block-end: 0;
     margin-block-start: 0;
 }

 .filter-pills__links a {
     flex-grow: 1;
 }

 .filter-pills__link:before {
     content: '';
     background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDExIDE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMSkgcm90YXRlKDkwKSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTcsMGw3LDExSDBaIiBzdHJva2U9Im5vbmUiLz48cGF0aCBkPSJNIDcgMy43MjUyNTI2MjgzMjY0MTYgTCAzLjY0MzM0Mjk3MTgwMTc1OCA5IEwgMTAuMzU2NjU3MDI4MTk4MjQgOSBMIDcgMy43MjUyNTI2MjgzMjY0MTYgTSA3IDAgTCAxNCAxMSBMIDAgMTEgTCA3IDAgWiIgc3Ryb2tlPSJub25lIiBmaWxsPSIjYjBlMGUyIi8+PC9nPjwvc3ZnPg==') no-repeat;
     padding: 16px;
     width: 16px;
     height: 16px;
 }

 .filter-pills__pill-row {
     display: inline;
     margin-bottom: 90px;
 }

 .pill--container {
     position: relative;
     flex-direction: row;
     display: flex;
     flex-wrap: wrap;
     flex: 1;
 }

 .pill-container--max-width {
     display: flex;
     flex-wrap: wrap;
 }

 .mb__pills {
     margin-bottom: 15px;
 }

 .filter-pills__results-counter {
     margin-right: 5px;
 }

 .text--truistpurple {
     color: #2e1a47;
 }

 .pagination {
     display: flex;
     justify-content: center;
     list-style: none;
     color: #2e1a47;
 }

 .pagination li a {
     margin-right: 35px;
     color: #2e1a47;
     text-decoration: none;
 }

 .pagination li.active {
     font-weight: 700;
     text-decoration: underline;
 }

 @media only screen and (min-width: 795.5px) {
     .filter__pills--result-container {
         max-width: 25vw;
         margin-bottom: 60px;
     }
     .filter-pills__media-type {
         margin-right: 30px;
         justify-content: center;
         align-items: flex-start;
         display: flex;
         flex-basis: unset;
         margin-top: 15px;
     }
     .filter-pills__resources {
         flex-basis: unset;
         align-items: flex-start;
         margin-top: 15px;
     }
     .mb__pills {
         margin-bottom: 30px;
     }
 }

 @media only screen and (max-width: 795.5px) {
     .filter-pills__resources {
         margin-top: 90px
     }
     .pill--container {
         margin-top: -78px
     }
 }

 .cmp-truist-cards-list-v1__remove-filter .filter-pills__media-type,
 .cmp-truist-cards-list-v1__remove-filter .pill-container {
     visibility: hidden;
 }

 @media only screen and (max-width: 795.5px) {
     .cmp-truist-cards-list-v1__remove-filter .filter-pills__media-type,
     .cmp-truist-cards-list-v1__remove-filter .pill-container {
         display: none;
         visibility: visible;
     }
 }

 /**TRUIST CARDS LIST V1 moved from policy.css**/

 .cmp-truist-cards-list-v1__remove-filter .filter-pills__media-type,
 .cmp-truist-cards-list-v1__remove-filter .pill-container {
     display: none;
     visibility: hidden;
 }

 .cmp-truist-cards-list-v1__remove-filter .filter-pills__pill-container {
     justify-content: flex-end;
 }

 @media only screen and (max-width: 795.5px) {
     .cmp-truist-cards-list-v1__remove-filter .filter-pills__media-type,
     .cmp-truist-cards-list-v1__remove-filter .pill-container {
         display: none;
         visibility: visible;
     }
 }

 .truist-cc-container {
     display: flex;
     flex-wrap: wrap;
     max-width: 1624px;
     margin: auto;
     gap: 24px;
 }

 .truist-cc-col {
     display: flex;
     flex-direction: column;
 }

 .truist-cc-col:nth-child(1) {
     flex: 0 0 30%;
 }

 .truist-cc-col:nth-child(2) {
     flex: 1;
 }

 .truist-cc-cols {
     display: flex;
 }

 .truist-cc-col-inner {
     flex: 1;
     padding-right: 20px;
 }

 .truist-cc-image {
     max-width: 300px;
     max-height: 200px;
 }

 .truist-cc-image-img {
     height: 100%;
     width: 100%;
 }

 .truist-cc-cta {
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
 }

 .truist-cc-content-bold {
     font-weight: var(--truFontWtBd);
 }

 .truist-cc-description-para {
     margin-bottom: 0;
 }

 @media (max-width: 768px) {
     .truist-cc-container,
     .truist-cc-cols {
         flex-direction: column;
     }
     .truist-cc-col,
     .truist-cc-col-inner {
         flex: 1 1 100%;
     }
 }