.with_frm_style .frm_top_container .frm_primary_label,
.with_frm_style .frm_hidden_container .frm_primary_label,
.with_frm_style .frm_pos_top {
    color: #03004e;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    line-height: 17px;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    background-color: #1b5fd4;
    border: none;
    border-radius: 6px;
    outline: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    transition: all .2s linear;
    display: inline-block;
    padding: 10px 30px 10px 30px;
}

.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
    color: #fff;
    background-color: #03004e;
}

#frm_form_2_container {
    max-width: 500px;
    margin: auto;
}

#frm_form_2_container .frm_button_submit.frm_final_submit {
    margin: 0 auto;
}

#frm_form_2_container .frm_primary_label {
    display: none;
}

#field_ocfup1_label {
    visibility: visible;
}

.frm_style_formidable-style.with_frm_style .frm_error {
    color: red;
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all
}

.tns-slider>.tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    vertical-align: top;
    white-space: normal;
    display: inline-block
}

.tns-horizontal.tns-no-subpixel:after {
    content: "";
    clear: both;
    display: table
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    min-height: 1px;
    position: relative;
    left: 0
}

.tns-gallery>.tns-item {
    transition: transform, opacity;
    position: absolute;
    left: -100%
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery>.tns-moving {
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    opacity: .6;
    transition: opacity .6s
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    width: 310px;
    height: 10px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.33%;
    width: -webkit-calc(100%*70/3);
    width: -moz-calc(100%*70/3);
    width: 2333.33%;
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: "";
    clear: both;
    display: table
}

.tns-t-ct>div {
    width: 1.42857%;
    width: -webkit-calc(100%/70);
    width: -moz-calc(100%/70);
    width: 1.42857%;
    height: 10px;
    float: left
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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, #ffffff26, #fff0)
}

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

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

body {
    
    color: #212529;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #0000;
    background-color: #fff;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

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

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

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

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

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

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

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

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

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

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

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

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

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

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

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

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

ol,
ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

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

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

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

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

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

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

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

a>code {
    color: inherit
}

kbd {
    color: #fff;
    background-color: #212529;
    border-radius: .2rem;
    padding: .2rem .4rem;
    font-size: .875em
}

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

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

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

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

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

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

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

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

textarea {
    resize: vertical
}

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

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

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

legend+* {
    clear: left
}

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

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

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
    display: inline-block
}

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

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

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

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

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

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

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

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

.row {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 0;
    margin-top: calc(var(--bs-gutter-y)*-1);
    margin-right: calc(var(--bs-gutter-x)/-2);
    margin-left: calc(var(--bs-gutter-x)/-2);
    flex-wrap: wrap;
    display: flex
}

.row>* {
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/2);
    padding-left: calc(var(--bs-gutter-x)/2);
    margin-top: var(--bs-gutter-y);
    flex-shrink: 0
}

.col {
    flex: 1 0
}

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

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

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

.row-cols-3>* {
    width: 33.3333%;
    flex: none
}

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

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

.row-cols-6>* {
    width: 16.6667%;
    flex: none
}

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

.col-1 {
    width: 8.33333%;
    flex: none
}

.col-2 {
    width: 16.6667%;
    flex: none
}

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

.col-4 {
    width: 33.3333%;
    flex: none
}

.col-5 {
    width: 41.6667%;
    flex: none
}

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

.col-7 {
    width: 58.3333%;
    flex: none
}

.col-8 {
    width: 66.6667%;
    flex: none
}

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

.col-10 {
    width: 83.3333%;
    flex: none
}

.col-11 {
    width: 91.6667%;
    flex: none
}

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

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.6667%
}

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

.offset-4 {
    margin-left: 33.3333%
}

.offset-5 {
    margin-left: 41.6667%
}

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

.offset-7 {
    margin-left: 58.3333%
}

.offset-8 {
    margin-left: 66.6667%
}

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

.offset-10 {
    margin-left: 83.3333%
}

.offset-11 {
    margin-left: 91.6667%
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        flex: 1 0
    }
    .row-cols-sm-auto>* {
        width: auto;
        flex: none
    }
    .row-cols-sm-1>* {
        width: 100%;
        flex: none
    }
    .row-cols-sm-2>* {
        width: 50%;
        flex: none
    }
    .row-cols-sm-3>* {
        width: 33.3333%;
        flex: none
    }
    .row-cols-sm-4>* {
        width: 25%;
        flex: none
    }
    .row-cols-sm-5>* {
        width: 20%;
        flex: none
    }
    .row-cols-sm-6>* {
        width: 16.6667%;
        flex: none
    }
    .col-sm-auto {
        width: auto;
        flex: none
    }
    .col-sm-1 {
        width: 8.33333%;
        flex: none
    }
    .col-sm-2 {
        width: 16.6667%;
        flex: none
    }
    .col-sm-3 {
        width: 25%;
        flex: none
    }
    .col-sm-4 {
        width: 33.3333%;
        flex: none
    }
    .col-sm-5 {
        width: 41.6667%;
        flex: none
    }
    .col-sm-6 {
        width: 50%;
        flex: none
    }
    .col-sm-7 {
        width: 58.3333%;
        flex: none
    }
    .col-sm-8 {
        width: 66.6667%;
        flex: none
    }
    .col-sm-9 {
        width: 75%;
        flex: none
    }
    .col-sm-10 {
        width: 83.3333%;
        flex: none
    }
    .col-sm-11 {
        width: 91.6667%;
        flex: none
    }
    .col-sm-12 {
        width: 100%;
        flex: none
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.6667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333%
    }
    .offset-sm-5 {
        margin-left: 41.6667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.3333%
    }
    .offset-sm-8 {
        margin-left: 66.6667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.3333%
    }
    .offset-sm-11 {
        margin-left: 91.6667%
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: .25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: .25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: .5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: .5rem
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0
    }
    .row-cols-md-auto>* {
        width: auto;
        flex: none
    }
    .row-cols-md-1>* {
        width: 100%;
        flex: none
    }
    .row-cols-md-2>* {
        width: 50%;
        flex: none
    }
    .row-cols-md-3>* {
        width: 33.3333%;
        flex: none
    }
    .row-cols-md-4>* {
        width: 25%;
        flex: none
    }
    .row-cols-md-5>* {
        width: 20%;
        flex: none
    }
    .row-cols-md-6>* {
        width: 16.6667%;
        flex: none
    }
    .col-md-auto {
        width: auto;
        flex: none
    }
    .col-md-1 {
        width: 8.33333%;
        flex: none
    }
    .col-md-2 {
        width: 16.6667%;
        flex: none
    }
    .col-md-3 {
        width: 25%;
        flex: none
    }
    .col-md-4 {
        width: 33.3333%;
        flex: none
    }
    .col-md-5 {
        width: 41.6667%;
        flex: none
    }
    .col-md-6 {
        width: 50%;
        flex: none
    }
    .col-md-7 {
        width: 58.3333%;
        flex: none
    }
    .col-md-8 {
        width: 66.6667%;
        flex: none
    }
    .col-md-9 {
        width: 75%;
        flex: none
    }
    .col-md-10 {
        width: 83.3333%;
        flex: none
    }
    .col-md-11 {
        width: 91.6667%;
        flex: none
    }
    .col-md-12 {
        width: 100%;
        flex: none
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.6667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333%
    }
    .offset-md-5 {
        margin-left: 41.6667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.3333%
    }
    .offset-md-8 {
        margin-left: 66.6667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.3333%
    }
    .offset-md-11 {
        margin-left: 91.6667%
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: .25rem
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: .25rem
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: .5rem
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: .5rem
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0
    }
    .row-cols-lg-auto>* {
        width: auto;
        flex: none
    }
    .row-cols-lg-1>* {
        width: 100%;
        flex: none
    }
    .row-cols-lg-2>* {
        width: 50%;
        flex: none
    }
    .row-cols-lg-3>* {
        width: 33.3333%;
        flex: none
    }
    .row-cols-lg-4>* {
        width: 25%;
        flex: none
    }
    .row-cols-lg-5>* {
        width: 20%;
        flex: none
    }
    .row-cols-lg-6>* {
        width: 16.6667%;
        flex: none
    }
    .col-lg-auto {
        width: auto;
        flex: none
    }
    .col-lg-1 {
        width: 8.33333%;
        flex: none
    }
    .col-lg-2 {
        width: 16.6667%;
        flex: none
    }
    .col-lg-3 {
        width: 25%;
        flex: none
    }
    .col-lg-4 {
        width: 33.3333%;
        flex: none
    }
    .col-lg-5 {
        width: 41.6667%;
        flex: none
    }
    .col-lg-6 {
        width: 50%;
        flex: none
    }
    .col-lg-7 {
        width: 58.3333%;
        flex: none
    }
    .col-lg-8 {
        width: 66.6667%;
        flex: none
    }
    .col-lg-9 {
        width: 75%;
        flex: none
    }
    .col-lg-10 {
        width: 83.3333%;
        flex: none
    }
    .col-lg-11 {
        width: 91.6667%;
        flex: none
    }
    .col-lg-12 {
        width: 100%;
        flex: none
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.6667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.3333%
    }
    .offset-lg-5 {
        margin-left: 41.6667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.3333%
    }
    .offset-lg-8 {
        margin-left: 66.6667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.3333%
    }
    .offset-lg-11 {
        margin-left: 91.6667%
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: .25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .5rem
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0
    }
    .row-cols-xl-auto>* {
        width: auto;
        flex: none
    }
    .row-cols-xl-1>* {
        width: 100%;
        flex: none
    }
    .row-cols-xl-2>* {
        width: 50%;
        flex: none
    }
    .row-cols-xl-3>* {
        width: 33.3333%;
        flex: none
    }
    .row-cols-xl-4>* {
        width: 25%;
        flex: none
    }
    .row-cols-xl-5>* {
        width: 20%;
        flex: none
    }
    .row-cols-xl-6>* {
        width: 16.6667%;
        flex: none
    }
    .col-xl-auto {
        width: auto;
        flex: none
    }
    .col-xl-1 {
        width: 8.33333%;
        flex: none
    }
    .col-xl-2 {
        width: 16.6667%;
        flex: none
    }
    .col-xl-3 {
        width: 25%;
        flex: none
    }
    .col-xl-4 {
        width: 33.3333%;
        flex: none
    }
    .col-xl-5 {
        width: 41.6667%;
        flex: none
    }
    .col-xl-6 {
        width: 50%;
        flex: none
    }
    .col-xl-7 {
        width: 58.3333%;
        flex: none
    }
    .col-xl-8 {
        width: 66.6667%;
        flex: none
    }
    .col-xl-9 {
        width: 75%;
        flex: none
    }
    .col-xl-10 {
        width: 83.3333%;
        flex: none
    }
    .col-xl-11 {
        width: 91.6667%;
        flex: none
    }
    .col-xl-12 {
        width: 100%;
        flex: none
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.6667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.3333%
    }
    .offset-xl-5 {
        margin-left: 41.6667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.3333%
    }
    .offset-xl-8 {
        margin-left: 66.6667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.3333%
    }
    .offset-xl-11 {
        margin-left: 91.6667%
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: .25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .5rem
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0
    }
    .row-cols-xxl-auto>* {
        width: auto;
        flex: none
    }
    .row-cols-xxl-1>* {
        width: 100%;
        flex: none
    }
    .row-cols-xxl-2>* {
        width: 50%;
        flex: none
    }
    .row-cols-xxl-3>* {
        width: 33.3333%;
        flex: none
    }
    .row-cols-xxl-4>* {
        width: 25%;
        flex: none
    }
    .row-cols-xxl-5>* {
        width: 20%;
        flex: none
    }
    .row-cols-xxl-6>* {
        width: 16.6667%;
        flex: none
    }
    .col-xxl-auto {
        width: auto;
        flex: none
    }
    .col-xxl-1 {
        width: 8.33333%;
        flex: none
    }
    .col-xxl-2 {
        width: 16.6667%;
        flex: none
    }
    .col-xxl-3 {
        width: 25%;
        flex: none
    }
    .col-xxl-4 {
        width: 33.3333%;
        flex: none
    }
    .col-xxl-5 {
        width: 41.6667%;
        flex: none
    }
    .col-xxl-6 {
        width: 50%;
        flex: none
    }
    .col-xxl-7 {
        width: 58.3333%;
        flex: none
    }
    .col-xxl-8 {
        width: 66.6667%;
        flex: none
    }
    .col-xxl-9 {
        width: 75%;
        flex: none
    }
    .col-xxl-10 {
        width: 83.3333%;
        flex: none
    }
    .col-xxl-11 {
        width: 91.6667%;
        flex: none
    }
    .col-xxl-12 {
        width: 100%;
        flex: none
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333%
    }
    .offset-xxl-2 {
        margin-left: 16.6667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.3333%
    }
    .offset-xxl-5 {
        margin-left: 41.6667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.3333%
    }
    .offset-xxl-8 {
        margin-left: 66.6667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.3333%
    }
    .offset-xxl-11 {
        margin-left: 91.6667%
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: #0000000d;
    --bs-table-active-color: #212529;
    --bs-table-active-bg: #0000001a;
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: #00000013;
    width: 100%;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
    margin-bottom: 1rem
}

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor
}

.caption-top {
    caption-side: top
}

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

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

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

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

.table-striped>tbody>tr:nth-of-type(2n+1) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control {
    width: 100%;
    color: #212529;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: block
}

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

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

.form-control[type=file]:not(:disabled):not(:-moz-read-only),
.form-control[type=file]:not(:disabled):not(:read-only) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

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

.form-control:-moz-read-only {
    opacity: 1;
    background-color: #e9ecef
}

.form-control:disabled,
.form-control:read-only {
    opacity: 1;
    background-color: #e9ecef
}

.form-control::file-selector-button {
    -webkit-margin-end: .75rem;
    color: #212529;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    margin: -.375rem -.75rem;
    background-color: #e9ecef;
    border-inline-end-width: 1px;
    border-radius: 0;
    margin-inline-end: .75rem;
    padding: .375rem .75rem;
    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) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not(:read-only)::file-selector-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not(:read-only)::file-selector-button {
    background-color: #dde0e3
}

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

.form-control:hover:not(:disabled):not(:-webkit-read-only)::-webkit-file-upload-button {
    background-color: #dde0e3
}


/* Ticket attachments – scoped file input button */
.ticket-attachments .form-control-ticket-attachment::file-selector-button {
    -webkit-margin-end: .75rem;
    color: #212529;
    pointer-events: none; /* keeps button visual-only */
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    margin: .375rem .75rem;
    background-color: #e9ecef;
    border-inline-end-width: 1px;
    border-radius: 0;
    margin-inline-end: .75rem;
    padding: .375rem .75rem;
    transition:
            color .15s ease-in-out,
            background-color .15s ease-in-out,
            border-color .15s ease-in-out,
            box-shadow .15s ease-in-out;
}

/* Hover feedback (optional but recommended) */
.ticket-attachments .form-control-ticket-attachment:hover::file-selector-button {
    background-color: #dde1e5;
}

/* Disabled state safety */
.ticket-attachments .form-control-ticket-attachment:disabled::file-selector-button {
    background-color: #f1f3f5;
    color: #adb5bd;
}


.form-control-plaintext {
    width: 100%;
    color: #212529;
    background-color: #0000;
    border: 1px solid #0000;
    border-width: 1px 0;
    margin-bottom: 0;
    padding: .375rem 0;
    line-height: 1.5;
    display: block
}

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

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    border-radius: .2rem;
    padding: .25rem .5rem;
    font-size: .875rem
}

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

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    border-radius: .3rem;
    padding: .5rem 1rem;
    font-size: 1.25rem
}

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

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

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

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

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

.form-control-color:not(:disabled):not(:-moz-read-only),
.form-control-color:not(:disabled):not(:read-only) {
    cursor: pointer
}

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

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

.form-select {
    width: 100%;
    color: #212529;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    display: block
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

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

.form-select:-moz-focusring {
    color: #0000;
    text-shadow: 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

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

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

.form-check-input {
    width: 1em;
    height: 1em;
    vertical-align: top;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #00000040;
    margin-top: .25em
}

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

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

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

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

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

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

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

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

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

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

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

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

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

.form-switch .form-check-input:checked {
    background-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");
    background-position: 100%
}

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

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

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

.form-range {
    width: 100%;
    height: 1.5rem;
    appearance: none;
    background-color: #0000;
    padding: 0
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    padding: 1rem .75rem
}

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

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

.form-floating>.form-control::placeholder {
    color: #0000
}

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

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

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

.form-floating>.form-control:not(:-moz-placeholder-shown)~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label,
.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85)translateY(-.5rem)translate(.15rem)
}

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

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

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

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

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

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

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

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
    border-radius: .2rem;
    padding: .25rem .5rem;
    font-size: .875rem
}

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

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

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

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

.valid-tooltip {
    z-index: 5;
    max-width: 100%;
    color: #fff;
    background-color: #198754e6;
    border-radius: .25rem;
    margin-top: .1rem;
    padding: .25rem .5rem;
    font-size: .875rem;
    display: none;
    position: absolute;
    top: 100%
}

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

.was-validated .form-control:valid,
.form-control.is-valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: #198754;
    padding-right: calc(1.5em + .75rem)
}

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

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

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

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

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

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

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

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem #19875440
}

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

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

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

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

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

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

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

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

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

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

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, right 2.25rem center;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

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

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

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

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem #dc354540
}

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

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

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

.btn {
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: #0000;
    border: 1px solid #0000;
    border-radius: .25rem;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: inline-block
}

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

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

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

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

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem #3184fd80
}

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

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #3184fd80
}

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

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

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

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem #828a9180
}

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

.btn-check:checked+.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #828a9180
}

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

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

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

.btn-check:focus+.btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem #3c996e80
}

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

.btn-check:checked+.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #3c996e80
}

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

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

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

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem #0baccc80
}

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

.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #0baccc80
}

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

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

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

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem #d9a40680
}

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

.btn-check:checked+.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #d9a40680
}

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

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

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

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem #e1536180
}

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

.btn-check:checked+.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #e1536180
}

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

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

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

.btn-check:focus+.btn-light,
.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem #d3d4d580
}

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

.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #d3d4d580
}

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

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

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

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem #42464980
}

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

.btn-check:checked+.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #42464980
}

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

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

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

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem #0d6efd80
}

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

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #0d6efd80
}

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

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

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

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem #6c757d80
}

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

.btn-check:checked+.btn-outline-secondary:focus,
.btn-check:active+.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #6c757d80
}

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

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

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

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem #19875480
}

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

.btn-check:checked+.btn-outline-success:focus,
.btn-check:active+.btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #19875480
}

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

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

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

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem #0dcaf080
}

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

.btn-check:checked+.btn-outline-info:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #0dcaf080
}

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

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

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

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem #ffc10780
}

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

.btn-check:checked+.btn-outline-warning:focus,
.btn-check:active+.btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #ffc10780
}

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

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

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

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem #dc354580
}

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

.btn-check:checked+.btn-outline-danger:focus,
.btn-check:active+.btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #dc354580
}

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

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

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

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem #f8f9fa80
}

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

.btn-check:checked+.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #f8f9fa80
}

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

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

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

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem #21252980
}

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

.btn-check:checked+.btn-outline-dark:focus,
.btn-check:active+.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #21252980
}

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

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

.btn-link:hover {
    color: #0a58ca
}

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

.btn-lg,
.btn-group-lg>.btn {
    border-radius: .3rem;
    padding: .5rem 1rem;
    font-size: 1.25rem
}

.btn-sm,
.btn-group-sm>.btn {
    border-radius: .2rem;
    padding: .25rem .5rem;
    font-size: .875rem
}

.fade {
    transition: opacity .15s linear
}

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

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    transition: height .35s;
    overflow: hidden
}

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

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

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    border: .3em solid #0000;
    border-top-color: currentColor;
    border-bottom: 0;
    margin-left: .255em;
    display: inline-block
}

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

.dropdown-menu {
    z-index: 1000;
    min-width: 10rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #00000026;
    border-radius: .25rem;
    margin: 0;
    padding: .5rem 0;
    font-size: 1rem;
    list-style: none;
    display: none;
    position: absolute
}

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

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

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

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

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

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

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

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

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

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

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

.dropup .dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    border: .3em solid #0000;
    border-top: 0;
    border-bottom-color: currentColor;
    margin-left: .255em;
    display: inline-block
}

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

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

.dropend .dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    border: .3em solid #0000;
    border-left-color: currentColor;
    border-right: 0;
    margin-left: .255em;
    display: inline-block
}

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

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

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

.dropstart .dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    margin-left: .255em;
    display: none
}

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

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

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

.dropdown-divider {
    height: 0;
    border-top: 1px solid #00000026;
    margin: .5rem 0;
    overflow: hidden
}

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

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

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

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

.dropdown-menu.show {
    display: block
}

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

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

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: #00000026
}

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

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
    color: #fff;
    background-color: #ffffff26
}

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

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

.dropdown-menu-dark .dropdown-divider {
    border-color: #00000026
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-left-radius: 0;
    border-bottom-right-radius: 0
}

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

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

.nav-link {
    color: #0d6efd;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    display: block
}

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

.nav-link:hover,
.nav-link:focus {
    color: #0a58ca
}

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

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

.nav-tabs .nav-link {
    background: 0 0;
    border: 1px solid #0000;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    margin-bottom: -1px
}

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

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

.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 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-toggler {
    background-color: #0000;
    border: 1px solid #0000;
    border-radius: .25rem;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    transition: box-shadow .15s ease-in-out
}

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

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

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

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

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

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        flex-basis: auto;
        display: flex !important
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        flex-basis: auto;
        display: flex !important
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        flex-basis: auto;
        display: flex !important
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        flex-basis: auto;
        display: flex !important
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xxl .navbar-collapse {
        flex-basis: auto;
        display: flex !important
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none
    }
}

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

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

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

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

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

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

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

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: #000000e6
}

.navbar-light .navbar-nav .nav-link {
    color: #0000008c
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #0000004d
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: #000000e6
}

.navbar-light .navbar-toggler {
    color: #0000008c;
    border-color: #0000001a
}

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

.navbar-light .navbar-text {
    color: #0000008c
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: #000000e6
}

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

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff8c
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #ffffff40
}

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

.navbar-dark .navbar-toggler {
    color: #ffffff8c;
    border-color: #ffffff1a
}

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

.navbar-dark .navbar-text {
    color: #ffffff8c
}

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

.card {
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #00000020;
    border-radius: .25rem;
    flex-direction: column;
    display: flex;
    position: relative
}

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

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

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px)
}

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

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

.card-title {
    margin-bottom: .5rem
}

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

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

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    background-color: #00000008;
    border-bottom: 1px solid #00000020;
    margin-bottom: 0;
    padding: .5rem 1rem
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    background-color: #00000008;
    border-top: 1px solid #00000020;
    padding: .5rem 1rem
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

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

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

.card-img-overlay {
    border-radius: calc(.25rem - 1px);
    padding: 1rem;
    position: absolute;
    inset: 0
}

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

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

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

.accordion-button {
    width: 100%;
    color: #212529;
    text-align: left;
    overflow-anchor: none;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    align-items: center;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s;
    display: flex;
    position: relative
}

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

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

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button:after {
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    flex-shrink: 0;
    margin-left: auto;
    transition: transform .2s ease-in-out
}

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

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

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid #00000020
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

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

.breadcrumb-item.active {
    color: #6c757d
}

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

.page-link {
    color: #0d6efd;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: block;
    position: relative
}

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

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

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

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

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

.page-link {
    padding: .375rem .75rem
}

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

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

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

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

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

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

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

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

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

.badge:empty {
    display: none
}

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

.alert {
    border: 1px solid #0000;
    border-radius: .25rem;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.progress-bar-striped {
    background-image: linear-gradient(45deg, #ffffff26 25%, #0000 25% 50%, #ffffff26 50% 75%, #0000 75%, #0000);
    background-size: 1rem 1rem
}

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

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

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

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

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

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

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

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

.list-group-item {
    color: #212529;
    background-color: #fff;
    border: 1px solid #00000020;
    padding: .5rem 1rem;
    text-decoration: none;
    display: block;
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-close:focus {
    opacity: 1;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

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

.toast {
    width: 350px;
    max-width: 100%;
    pointer-events: auto;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border: 1px solid #0000001a;
    border-radius: .25rem;
    font-size: .875rem;
    box-shadow: 0 .5rem 1rem #00000026
}

.toast:not(.showing):not(.show) {
    opacity: 0
}

.toast.hide {
    display: none
}

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

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    color: #6c757d;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border-bottom: 1px solid #0000000d;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    align-items: center;
    padding: .5rem .75rem;
    display: flex
}

.toast-header .btn-close {
    margin-left: .75rem;
    margin-right: -.375rem
}

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

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

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

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

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

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

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

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

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

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

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

.modal-dialog-centered {
    align-items: center;
    display: flex
}

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

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

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

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

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

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

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

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

.modal-footer>* {
    margin: .25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    width: .8rem;
    height: .4rem;
    display: block;
    position: absolute
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover {
    z-index: 1070;
    max-width: 276px;
    
    text-align: left;
    text-align: start;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #0003;
    border-radius: .3rem;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

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

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

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

.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before {
    border-width: .5rem .5rem 0;
    border-top-color: #00000040;
    bottom: 0
}

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

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

.bs-popover-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before {
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #00000040;
    left: 0
}

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

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

.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before {
    border-width: 0 .5rem .5rem;
    border-bottom-color: #00000040;
    top: 0
}

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

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

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

.bs-popover-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before {
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #00000040;
    right: 0
}

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

.popover-header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d8d8d8;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    margin-bottom: 0;
    padding: .5rem 1rem;
    font-size: 1rem
}

.popover-header:empty {
    display: none
}

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

.carousel {
    position: relative
}

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

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

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

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

@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-start),
.active.carousel-item-end {
    transform: translate(100%)
}

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

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

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

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

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

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

@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;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

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

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

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

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

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

.carousel-indicators .active {
    opacity: 1
}

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

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

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

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

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

.spinner-border {
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid;
    border-right-color: #0000;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border;
    display: inline-block
}

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

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

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

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

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

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

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

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

.offcanvas-header .btn-close {
    margin: -.5rem -.5rem -.5rem auto;
    padding: .5rem
}

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

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

.offcanvas-start {
    width: 400px;
    border-right: 1px solid #0003;
    top: 0;
    left: 0;
    transform: translate(-100%)
}

.offcanvas-end {
    width: 400px;
    border-left: 1px solid #0003;
    top: 0;
    right: 0;
    transform: translate(100%)
}

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

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

.offcanvas.show {
    transform: none
}

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

.link-primary {
    color: #0d6efd
}

.link-primary:hover,
.link-primary:focus {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:hover,
.link-success:focus {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:hover,
.link-danger:focus {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21
}

.ratio {
    width: 100%;
    position: relative
}

.ratio:before {
    padding-top: var(--bs-aspect-ratio);
    content: "";
    display: block
}

.ratio>* {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3/4*100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9/16*100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9/21*100%)
}

.fixed-top {
    z-index: 1030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.fixed-bottom {
    z-index: 1030;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.sticky-top {
    z-index: 1020;
    position: sticky;
    top: 0
}

@media (min-width:576px) {
    .sticky-sm-top {
        z-index: 1020;
        position: sticky;
        top: 0
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        z-index: 1020;
        position: sticky;
        top: 0
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        z-index: 1020;
        position: sticky;
        top: 0
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        z-index: 1020;
        position: sticky;
        top: 0
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        z-index: 1020;
        position: sticky;
        top: 0
    }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important
}

.stretched-link:after {
    z-index: 1;
    content: "";
    position: absolute;
    inset: 0
}

.text-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translate(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    color: #0d6efd !important
}

.text-secondary {
    color: #6c757d !important
}

.text-success {
    color: #198754 !important
}

.text-info {
    color: #0dcaf0 !important
}

.text-warning {
    color: #ffc107 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-light {
    color: #f8f9fa !important
}

.text-dark {
    color: #212529 !important
}

.text-white {
    color: #fff !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: #00000080 !important
}

.text-white-50 {
    color: #ffffff80 !important
}

.text-reset {
    color: inherit !important
}

.bg-primary {
    background-color: #0d6efd !important
}

.bg-secondary {
    background-color: #6c757d !important
}

.bg-success {
    background-color: #198754 !important
}

.bg-info {
    background-color: #0dcaf0 !important
}

.bg-warning {
    background-color: #ffc107 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

.bg-dark {
    background-color: #212529 !important
}

.bg-body,
.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: #0000 !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-left-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-start {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }
    .float-sm-end {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-grid {
        display: grid !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
    .d-sm-none {
        display: none !important
    }
    .flex-sm-fill {
        flex: auto !important
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .gap-sm-0 {
        gap: 0 !important
    }
    .gap-sm-1 {
        gap: .25rem !important
    }
    .gap-sm-2 {
        gap: .5rem !important
    }
    .gap-sm-3 {
        gap: 1rem !important
    }
    .gap-sm-4 {
        gap: 1.5rem !important
    }
    .gap-sm-5 {
        gap: 3rem !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-first {
        order: -1 !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-last {
        order: 6 !important
    }
    .m-sm-0 {
        margin: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-sm-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-sm-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mt-sm-1 {
        margin-top: .25rem !important
    }
    .mt-sm-2 {
        margin-top: .5rem !important
    }
    .mt-sm-3 {
        margin-top: 1rem !important
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important
    }
    .mt-sm-5 {
        margin-top: 3rem !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .me-sm-0 {
        margin-right: 0 !important
    }
    .me-sm-1 {
        margin-right: .25rem !important
    }
    .me-sm-2 {
        margin-right: .5rem !important
    }
    .me-sm-3 {
        margin-right: 1rem !important
    }
    .me-sm-4 {
        margin-right: 1.5rem !important
    }
    .me-sm-5 {
        margin-right: 3rem !important
    }
    .me-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .mb-sm-1 {
        margin-bottom: .25rem !important
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ms-sm-0 {
        margin-left: 0 !important
    }
    .ms-sm-1 {
        margin-left: .25rem !important
    }
    .ms-sm-2 {
        margin-left: .5rem !important
    }
    .ms-sm-3 {
        margin-left: 1rem !important
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important
    }
    .ms-sm-5 {
        margin-left: 3rem !important
    }
    .ms-sm-auto {
        margin-left: auto !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-sm-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-sm-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pt-sm-1 {
        padding-top: .25rem !important
    }
    .pt-sm-2 {
        padding-top: .5rem !important
    }
    .pt-sm-3 {
        padding-top: 1rem !important
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important
    }
    .pt-sm-5 {
        padding-top: 3rem !important
    }
    .pe-sm-0 {
        padding-right: 0 !important
    }
    .pe-sm-1 {
        padding-right: .25rem !important
    }
    .pe-sm-2 {
        padding-right: .5rem !important
    }
    .pe-sm-3 {
        padding-right: 1rem !important
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important
    }
    .pe-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pb-sm-1 {
        padding-bottom: .25rem !important
    }
    .pb-sm-2 {
        padding-bottom: .5rem !important
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important
    }
    .ps-sm-0 {
        padding-left: 0 !important
    }
    .ps-sm-1 {
        padding-left: .25rem !important
    }
    .ps-sm-2 {
        padding-left: .5rem !important
    }
    .ps-sm-3 {
        padding-left: 1rem !important
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important
    }
    .ps-sm-5 {
        padding-left: 3rem !important
    }
    .text-sm-start {
        text-align: left !important
    }
    .text-sm-end {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }
    .float-md-end {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-grid {
        display: grid !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
    .d-md-none {
        display: none !important
    }
    .flex-md-fill {
        flex: auto !important
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .gap-md-0 {
        gap: 0 !important
    }
    .gap-md-1 {
        gap: .25rem !important
    }
    .gap-md-2 {
        gap: .5rem !important
    }
    .gap-md-3 {
        gap: 1rem !important
    }
    .gap-md-4 {
        gap: 1.5rem !important
    }
    .gap-md-5 {
        gap: 3rem !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-first {
        order: -1 !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-last {
        order: 6 !important
    }
    .m-md-0 {
        margin: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-md-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-md-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mt-md-1 {
        margin-top: .25rem !important
    }
    .mt-md-2 {
        margin-top: .5rem !important
    }
    .mt-md-3 {
        margin-top: 1rem !important
    }
    .mt-md-4 {
        margin-top: 1.5rem !important
    }
    .mt-md-5 {
        margin-top: 3rem !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .me-md-0 {
        margin-right: 0 !important
    }
    .me-md-1 {
        margin-right: .25rem !important
    }
    .me-md-2 {
        margin-right: .5rem !important
    }
    .me-md-3 {
        margin-right: 1rem !important
    }
    .me-md-4 {
        margin-right: 1.5rem !important
    }
    .me-md-5 {
        margin-right: 3rem !important
    }
    .me-md-auto {
        margin-right: auto !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .mb-md-1 {
        margin-bottom: .25rem !important
    }
    .mb-md-2 {
        margin-bottom: .5rem !important
    }
    .mb-md-3 {
        margin-bottom: 1rem !important
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-md-5 {
        margin-bottom: 3rem !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ms-md-0 {
        margin-left: 0 !important
    }
    .ms-md-1 {
        margin-left: .25rem !important
    }
    .ms-md-2 {
        margin-left: .5rem !important
    }
    .ms-md-3 {
        margin-left: 1rem !important
    }
    .ms-md-4 {
        margin-left: 1.5rem !important
    }
    .ms-md-5 {
        margin-left: 3rem !important
    }
    .ms-md-auto {
        margin-left: auto !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-md-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-md-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pt-md-1 {
        padding-top: .25rem !important
    }
    .pt-md-2 {
        padding-top: .5rem !important
    }
    .pt-md-3 {
        padding-top: 1rem !important
    }
    .pt-md-4 {
        padding-top: 1.5rem !important
    }
    .pt-md-5 {
        padding-top: 3rem !important
    }
    .pe-md-0 {
        padding-right: 0 !important
    }
    .pe-md-1 {
        padding-right: .25rem !important
    }
    .pe-md-2 {
        padding-right: .5rem !important
    }
    .pe-md-3 {
        padding-right: 1rem !important
    }
    .pe-md-4 {
        padding-right: 1.5rem !important
    }
    .pe-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pb-md-1 {
        padding-bottom: .25rem !important
    }
    .pb-md-2 {
        padding-bottom: .5rem !important
    }
    .pb-md-3 {
        padding-bottom: 1rem !important
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-md-5 {
        padding-bottom: 3rem !important
    }
    .ps-md-0 {
        padding-left: 0 !important
    }
    .ps-md-1 {
        padding-left: .25rem !important
    }
    .ps-md-2 {
        padding-left: .5rem !important
    }
    .ps-md-3 {
        padding-left: 1rem !important
    }
    .ps-md-4 {
        padding-left: 1.5rem !important
    }
    .ps-md-5 {
        padding-left: 3rem !important
    }
    .text-md-start {
        text-align: left !important
    }
    .text-md-end {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }
    .float-lg-end {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-grid {
        display: grid !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
    .d-lg-none {
        display: none !important
    }
    .flex-lg-fill {
        flex: auto !important
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .gap-lg-0 {
        gap: 0 !important
    }
    .gap-lg-1 {
        gap: .25rem !important
    }
    .gap-lg-2 {
        gap: .5rem !important
    }
    .gap-lg-3 {
        gap: 1rem !important
    }
    .gap-lg-4 {
        gap: 1.5rem !important
    }
    .gap-lg-5 {
        gap: 3rem !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-first {
        order: -1 !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-last {
        order: 6 !important
    }
    .m-lg-0 {
        margin: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-lg-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-lg-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-lg-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mt-lg-1 {
        margin-top: .25rem !important
    }
    .mt-lg-2 {
        margin-top: .5rem !important
    }
    .mt-lg-3 {
        margin-top: 1rem !important
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important
    }
    .mt-lg-5 {
        margin-top: 3rem !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .me-lg-0 {
        margin-right: 0 !important
    }
    .me-lg-1 {
        margin-right: .25rem !important
    }
    .me-lg-2 {
        margin-right: .5rem !important
    }
    .me-lg-3 {
        margin-right: 1rem !important
    }
    .me-lg-4 {
        margin-right: 1.5rem !important
    }
    .me-lg-5 {
        margin-right: 3rem !important
    }
    .me-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .mb-lg-1 {
        margin-bottom: .25rem !important
    }
    .mb-lg-2 {
        margin-bottom: .5rem !important
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ms-lg-0 {
        margin-left: 0 !important
    }
    .ms-lg-1 {
        margin-left: .25rem !important
    }
    .ms-lg-2 {
        margin-left: .5rem !important
    }
    .ms-lg-3 {
        margin-left: 1rem !important
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important
    }
    .ms-lg-5 {
        margin-left: 3rem !important
    }
    .ms-lg-auto {
        margin-left: auto !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-lg-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-lg-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pt-lg-1 {
        padding-top: .25rem !important
    }
    .pt-lg-2 {
        padding-top: .5rem !important
    }
    .pt-lg-3 {
        padding-top: 1rem !important
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important
    }
    .pt-lg-5 {
        padding-top: 3rem !important
    }
    .pe-lg-0 {
        padding-right: 0 !important
    }
    .pe-lg-1 {
        padding-right: .25rem !important
    }
    .pe-lg-2 {
        padding-right: .5rem !important
    }
    .pe-lg-3 {
        padding-right: 1rem !important
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important
    }
    .pe-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
    .pb-lg-2 {
        padding-bottom: .5rem !important
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important
    }
    .ps-lg-0 {
        padding-left: 0 !important
    }
    .ps-lg-1 {
        padding-left: .25rem !important
    }
    .ps-lg-2 {
        padding-left: .5rem !important
    }
    .ps-lg-3 {
        padding-left: 1rem !important
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important
    }
    .ps-lg-5 {
        padding-left: 3rem !important
    }
    .text-lg-start {
        text-align: left !important
    }
    .text-lg-end {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }
    .float-xl-end {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-grid {
        display: grid !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
    .d-xl-none {
        display: none !important
    }
    .flex-xl-fill {
        flex: auto !important
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .gap-xl-0 {
        gap: 0 !important
    }
    .gap-xl-1 {
        gap: .25rem !important
    }
    .gap-xl-2 {
        gap: .5rem !important
    }
    .gap-xl-3 {
        gap: 1rem !important
    }
    .gap-xl-4 {
        gap: 1.5rem !important
    }
    .gap-xl-5 {
        gap: 3rem !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-first {
        order: -1 !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-last {
        order: 6 !important
    }
    .m-xl-0 {
        margin: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-xl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-xl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-xl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mt-xl-1 {
        margin-top: .25rem !important
    }
    .mt-xl-2 {
        margin-top: .5rem !important
    }
    .mt-xl-3 {
        margin-top: 1rem !important
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xl-5 {
        margin-top: 3rem !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .me-xl-0 {
        margin-right: 0 !important
    }
    .me-xl-1 {
        margin-right: .25rem !important
    }
    .me-xl-2 {
        margin-right: .5rem !important
    }
    .me-xl-3 {
        margin-right: 1rem !important
    }
    .me-xl-4 {
        margin-right: 1.5rem !important
    }
    .me-xl-5 {
        margin-right: 3rem !important
    }
    .me-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .mb-xl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ms-xl-0 {
        margin-left: 0 !important
    }
    .ms-xl-1 {
        margin-left: .25rem !important
    }
    .ms-xl-2 {
        margin-left: .5rem !important
    }
    .ms-xl-3 {
        margin-left: 1rem !important
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xl-5 {
        margin-left: 3rem !important
    }
    .ms-xl-auto {
        margin-left: auto !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-xl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-xl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pt-xl-1 {
        padding-top: .25rem !important
    }
    .pt-xl-2 {
        padding-top: .5rem !important
    }
    .pt-xl-3 {
        padding-top: 1rem !important
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xl-5 {
        padding-top: 3rem !important
    }
    .pe-xl-0 {
        padding-right: 0 !important
    }
    .pe-xl-1 {
        padding-right: .25rem !important
    }
    .pe-xl-2 {
        padding-right: .5rem !important
    }
    .pe-xl-3 {
        padding-right: 1rem !important
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pb-xl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xl-0 {
        padding-left: 0 !important
    }
    .ps-xl-1 {
        padding-left: .25rem !important
    }
    .ps-xl-2 {
        padding-left: .5rem !important
    }
    .ps-xl-3 {
        padding-left: 1rem !important
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xl-5 {
        padding-left: 3rem !important
    }
    .text-xl-start {
        text-align: left !important
    }
    .text-xl-end {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }
    .float-xxl-end {
        float: right !important
    }
    .float-xxl-none {
        float: none !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-grid {
        display: grid !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxl-none {
        display: none !important
    }
    .flex-xxl-fill {
        flex: auto !important
    }
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .gap-xxl-0 {
        gap: 0 !important
    }
    .gap-xxl-1 {
        gap: .25rem !important
    }
    .gap-xxl-2 {
        gap: .5rem !important
    }
    .gap-xxl-3 {
        gap: 1rem !important
    }
    .gap-xxl-4 {
        gap: 1.5rem !important
    }
    .gap-xxl-5 {
        gap: 3rem !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
    .order-xxl-first {
        order: -1 !important
    }
    .order-xxl-0 {
        order: 0 !important
    }
    .order-xxl-1 {
        order: 1 !important
    }
    .order-xxl-2 {
        order: 2 !important
    }
    .order-xxl-3 {
        order: 3 !important
    }
    .order-xxl-4 {
        order: 4 !important
    }
    .order-xxl-5 {
        order: 5 !important
    }
    .order-xxl-last {
        order: 6 !important
    }
    .m-xxl-0 {
        margin: 0 !important
    }
    .m-xxl-1 {
        margin: .25rem !important
    }
    .m-xxl-2 {
        margin: .5rem !important
    }
    .m-xxl-3 {
        margin: 1rem !important
    }
    .m-xxl-4 {
        margin: 1.5rem !important
    }
    .m-xxl-5 {
        margin: 3rem !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-xxl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-xxl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-xxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-xxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-xxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xxl-0 {
        margin-top: 0 !important
    }
    .mt-xxl-1 {
        margin-top: .25rem !important
    }
    .mt-xxl-2 {
        margin-top: .5rem !important
    }
    .mt-xxl-3 {
        margin-top: 1rem !important
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xxl-5 {
        margin-top: 3rem !important
    }
    .mt-xxl-auto {
        margin-top: auto !important
    }
    .me-xxl-0 {
        margin-right: 0 !important
    }
    .me-xxl-1 {
        margin-right: .25rem !important
    }
    .me-xxl-2 {
        margin-right: .5rem !important
    }
    .me-xxl-3 {
        margin-right: 1rem !important
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important
    }
    .me-xxl-5 {
        margin-right: 3rem !important
    }
    .me-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxl-0 {
        margin-left: 0 !important
    }
    .ms-xxl-1 {
        margin-left: .25rem !important
    }
    .ms-xxl-2 {
        margin-left: .5rem !important
    }
    .ms-xxl-3 {
        margin-left: 1rem !important
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xxl-5 {
        margin-left: 3rem !important
    }
    .ms-xxl-auto {
        margin-left: auto !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .p-xxl-1 {
        padding: .25rem !important
    }
    .p-xxl-2 {
        padding: .5rem !important
    }
    .p-xxl-3 {
        padding: 1rem !important
    }
    .p-xxl-4 {
        padding: 1.5rem !important
    }
    .p-xxl-5 {
        padding: 3rem !important
    }
    .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-xxl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-xxl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xxl-0 {
        padding-top: 0 !important
    }
    .pt-xxl-1 {
        padding-top: .25rem !important
    }
    .pt-xxl-2 {
        padding-top: .5rem !important
    }
    .pt-xxl-3 {
        padding-top: 1rem !important
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xxl-5 {
        padding-top: 3rem !important
    }
    .pe-xxl-0 {
        padding-right: 0 !important
    }
    .pe-xxl-1 {
        padding-right: .25rem !important
    }
    .pe-xxl-2 {
        padding-right: .5rem !important
    }
    .pe-xxl-3 {
        padding-right: 1rem !important
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xxl-0 {
        padding-left: 0 !important
    }
    .ps-xxl-1 {
        padding-left: .25rem !important
    }
    .ps-xxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxl-5 {
        padding-left: 3rem !important
    }
    .text-xxl-start {
        text-align: left !important
    }
    .text-xxl-end {
        text-align: right !important
    }
    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }
    .fs-2 {
        font-size: 2rem !important
    }
    .fs-3 {
        font-size: 1.75rem !important
    }
    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-grid {
        display: grid !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
    .d-print-none {
        display: none !important
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    visibility: hidden;
    margin: 0;
    top: -9999px;
    left: -9999px;
    position: absolute !important
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    width: 100%;
    z-index: 99992;
    outline: none;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateZ(0)
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    position: absolute;
    inset: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    opacity: 0;
    transition-duration: inherit;
    background: #1e1e1e;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    visibility: hidden;
    z-index: 99997;
    transition: opacity .25s, visibility 0s .25s;
    position: absolute
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility
}

.fancybox-infobar {
    color: #ccc;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    pointer-events: none;
    -webkit-touch-callout: none;
    user-select: none;
    padding: 0 10px;
    font-size: 13px;
    line-height: 44px;
    top: 0;
    left: 0
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    direction: ltr;
    z-index: 99994;
    overflow: visible;
    transform: translateZ(0)
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    white-space: normal;
    width: 100%;
    z-index: 99994;
    outline: none;
    padding: 44px;
    transition-property: transform, opacity;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto
}

.fancybox-slide:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    width: 0;
    font-size: 0;
    display: inline-block
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    padding: 44px 0;
    overflow: hidden
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    margin: 0;
    padding: 44px;
    display: inline-block;
    position: relative;
    overflow: auto
}

.fancybox-slide--image .fancybox-content {
    -webkit-backface-visibility: hidden;
    max-width: none;
    transform-origin: 0 0;
    user-select: none;
    z-index: 99995;
    background: 0 0/100% 100% no-repeat;
    padding: 0;
    transition-property: transform, opacity;
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    height: 100%;
    max-height: none;
    max-width: none;
    user-select: none;
    width: 100%;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    width: 100%;
    padding: 0;
    overflow: visible
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video,
.fancybox-iframe {
    height: 100%;
    width: 100%;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden
}

.fancybox-iframe {
    position: absolute;
    top: 0;
    left: 0
}

.fancybox-error {
    cursor: default;
    max-width: 400px;
    width: 100%;
    background: #fff;
    padding: 40px
}

.fancybox-error p {
    color: #444;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px
}

.fancybox-button {
    box-shadow: none;
    cursor: pointer;
    height: 44px;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    background: #1e1e1e99;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 10px;
    transition: color .2s;
    display: inline-block;
    position: relative
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    overflow: visible
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    height: 2px;
    transform-origin: 0;
    z-index: 99998;
    background: #ff5268;
    transition-property: transform;
    transition-timing-function: linear;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: scaleX(0)
}

.fancybox-close-small {
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    z-index: 401;
    background: 0 0;
    border: 0;
    border-radius: 0;
    padding: 8px;
    position: absolute;
    top: -44px;
    right: -12px
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    top: 0;
    right: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    height: 100px;
    opacity: 0;
    width: 70px;
    background-clip: content-box;
    position: absolute;
    top: calc(50% - 50px)
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
    right: env(safe-area-inset-right);
    padding: 31px 6px 31px 26px
}

.fancybox-caption {
    color: #eee;
    pointer-events: none;
    text-align: center;
    z-index: 99996;
    background: linear-gradient(#0000 0%, #00000005 12%, #00000009 17.15%, #00000013 24.5%, #00000026 35%, #0000004d 50%, #000000d9 100%);
    padding: 75px 44px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    bottom: 0;
    left: 0;
    right: 0
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    pointer-events: all;
    overflow: auto
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    height: 50px;
    opacity: .7;
    width: 50px;
    z-index: 99999;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    margin: -25px 0 0 -25px;
    padding: 0;
    animation: 1s linear infinite fancybox-rotate;
    position: absolute;
    top: 50%;
    left: 50%
}

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

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate(-100%)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate(100%)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate(0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0)translate(-100%)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0)translate(100%)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate(-100%)scale(.1)skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate(100%)scale(.1)skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: matrix(1, 0, 0, 1, 0, 0)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        width: 36px;
        background: #4e4e4e;
        padding: 6px;
        top: 0;
        right: 0
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}

.iti {
    display: inline-block;
    position: relative
}

.iti * {
    box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    z-index: 0;
    margin-right: 0;
    padding-right: 36px;
    position: relative
}

.iti__flag-container {
    padding: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.iti__selected-flag {
    z-index: 1;
    height: 100%;
    align-items: center;
    padding: 0 6px 0 8px;
    display: flex;
    position: relative
}

.iti__arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #555;
    border-left: 3px solid #0000;
    border-right: 3px solid #0000;
    margin-left: 6px
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    z-index: 2;
    text-align: left;
    white-space: nowrap;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 0 0 -1px;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-y: scroll;
    box-shadow: 1px 1px 4px #0003
}

.iti__country-list--dropup {
    margin-bottom: -1px;
    bottom: 100%
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    width: 20px;
    display: inline-block
}

.iti__divider {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.iti__country {
    outline: 0;
    padding: 5px 10px
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: #0000000d
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    margin-left: 0;
    padding-left: 52px;
    padding-right: 6px
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    left: 0;
    right: auto
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #0000000d
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: #0000
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #0000000d
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    z-index: 1060;
    padding: 1px;
    position: absolute;
    top: -1000px;
    left: -1000px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    position: fixed;
    inset: 30px
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    background-color: #dbdbdb;
    background-position: 20px 0;
    background-repeat: no-repeat;
    box-shadow: 0 0 1px #888
}

.iti__flag.iti__np {
    background-color: #0000
}

.iti__selected-flag {
    height: 44px
}

.iti {
    display: block
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    to {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px�;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    text-align: right;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
    position: relative
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: #ffffff80
}

.bootstrap-select>select {
    border: none;
    bottom: 0;
    left: 50%;
    width: .5px !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: 0 !important;
    padding: 0 !important;
    display: block !important;
    position: absolute !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 2 !important;
    display: block !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline-offset: -2px;
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important
}

.bootstrap-select.form-control {
    height: auto;
    border: none;
    margin-bottom: 0;
    padding: 0
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    margin-left: 0;
    display: inline-block
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    flex: 0 auto;
    position: static;
    top: 0;
    left: 0;
    overflow: hidden
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none;
    position: absolute
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    float: left;
    overflow: hidden;
    width: 0 !important;
    opacity: 0 !important
}

.bootstrap-select .dropdown-toggle .caret {
    vertical-align: middle;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    right: 12px
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    position: static
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: #ffffff80 !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    padding-left: 2.25em;
    position: relative
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    width: 96%;
    min-height: 26px;
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin: 0 2%;
    padding: 3px 5px;
    position: absolute;
    bottom: 5px;
    box-shadow: inset 0 1px 1px #0000000d
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear .75s forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    white-space: nowrap;
    background: #f5f5f5;
    margin: 0 5px;
    padding: 3px
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    padding: 0;
    display: inline;
    position: static
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: " "
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    margin-top: -1px;
    position: static;
    top: auto
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 15px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: "";
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    display: block;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: "";
    border-bottom: 7px solid #ccc3;
    border-left: 7px solid #0000;
    border-right: 7px solid #0000;
    display: none;
    position: absolute;
    bottom: -4px;
    left: 9px
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: "";
    border-bottom: 6px solid #fff;
    border-left: 6px solid #0000;
    border-right: 6px solid #0000;
    display: none;
    position: absolute;
    bottom: -4px;
    left: 10px
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    border-top: 7px solid #ccc3;
    border-bottom: 0;
    top: -4px;
    bottom: auto
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    border-top: 6px solid #fff;
    border-bottom: 0;
    top: -4px;
    bottom: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    left: auto;
    right: 12px
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    left: auto;
    right: 13px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    width: 100%;
    float: none;
    margin-bottom: 0
}


.color-1 {
    color: #03004e
}

.color-2 {
    color: #1b5fd4
}

.color-3 {
    color: #cbe2ff
}

.color-4 {
    color: #08cfb4
}

.color-5 {
    color: #4d6985
}

.color-white {
    color: #fff
}

.color-7 {
    color: #a3c9f7
}

html {
    
    overflow-x: hidden
}

body {
    color: #58595a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    margin-right: calc(100% - 100vw);
    
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden
}

body.noscroll {
    overflow-y: hidden
}

.site .site-main {
    min-height: calc(100vh - 170px)
}

mark {
    background-color: #c1ebfc;
    padding: 0
}

.section-heading {
    max-width: 764px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 70px;
    display: flex
}

.section-heading .section-title {
    text-transform: uppercase;
    text-align: center;
    margin: 0
}

.section-heading .section-title * {
    margin: 0
}

.section-heading .section-title:after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 30px auto 0;
    display: block
}

.section-heading p {
    letter-spacing: 0;
    text-align: center;
    margin: 50px 0 0;
    font-size: 18px;
    line-height: 32px
}

.section-heading.color-white h1,
.section-heading.color-white h2,
.section-heading.color-white h3,
.section-heading.color-white h4,
.section-heading.color-white h5,
.section-heading.color-white h6,
.section-heading.color-white p {
    color: #fff
}

.section-heading.uppercase .section-title {
    text-transform: uppercase
}

.section-heading.align-left {
    align-items: flex-start;
    margin: 0 0 70px
}

.section-heading.align-left .section-title {
    text-align: left
}

.section-heading.align-left .section-title:after {
    margin-left: 0
}

.section-heading.align-left p {
    text-align: left
}

@media (max-width:768px) {
    .section-heading.align-left.center-mobile {
        align-items: center
    }
    .section-heading.align-left.center-mobile .section-title,
    .section-heading.align-left.center-mobile p {
        text-align: center
    }
}

.section-heading.small-margin-bottom {
    margin-bottom: 24px
}

.archive-link {
    color: #687c99;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #eaeef4;
    border-radius: 24px;
    padding: 11px 16px;
    
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
    transition: all .3s
}

.archive-link:hover {
    background-color: #0da3e0;
    color: #fff !important
}

.column-center {
    text-align: center
}

body.overlay-active {
    width: 100%;
    position: fixed;
    overflow-y: scroll
}

.ui-widget-content a {
    color: #0da3e0;
    transition: color .2s linear
}

.ui-widget-content a:hover {
    color: #139cc5
}

:focus {
    outline: -webkit-focus-ring-color auto 0px
}

.fancy-scrollbar ::-webkit-scrollbar {
    width: 6px
}

.fancy-scrollbar ::-webkit-scrollbar-track {
    height: calc(100% - 4em);
    background-color: #eceff2;
    border-radius: 3px
}

.fancy-scrollbar ::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #b2bdc8;
    border-radius: 3px
}

.ui-loader {
    display: none !important
}

.container {
    max-width: 1280px
}

.no-padding {
    padding: 0
}

.color-white,
.color-white a,
.color-white * {
    color: #fff
}

.color-dark,
.color-dark a {
    color: #373737
}

.main-container {
    position: relative
}

@media screen and (max-width:768px) {
    .main-container {
        min-height: initial
    }
}

.main-container:after {
    content: " ";
    opacity: 0;
    z-index: 9;
    pointer-events: none;
    background-color: #000;
    transition: all .3s ease-in-out;
    position: fixed;
    inset: 0
}

section.overflow-allow {
    overflow: visible
}

.no-search-results {
    text-align: center;
    text-transform: uppercase;
    color: #687c99;
    width: 155px;
    background: #eef1f5;
    border-radius: 20px;
    margin: 24px auto;
    padding: 12px 32px;
    
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    display: block
}

.no-search-results:before {
    content: "No results found"
}

.radio-style {
    margin-bottom: 10px;
    line-height: 10px;
    position: relative
}

.radio-style input[type=radio] {
    opacity: 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    left: 0
}

.radio-style input[type=radio]:hover~.indicator {
    opacity: 1;
    background-color: #176163
}

.radio-style input[type=radio]:checked~.indicator {
    opacity: 1
}

.radio-style:before {
    content: " ";
    height: 16px;
    width: 16px;
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #979797bf;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.radio-style .indicator {
    content: " ";
    width: 10px;
    height: 10px;
    opacity: 0;
    pointer-events: none;
    background-color: #48c2c5;
    border-radius: 100%;
    transition: all .2s linear;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px
}

.radio-style label {
    vertical-align: middle;
    color: #58595b;
    cursor: pointer;
    margin-bottom: 0;
    margin-left: 32px;
    
    font-size: 14px;
    line-height: 16px
}

.section-wave-bottom {
    position: relative
}

.section-wave-bottom .svg-container {
    height: 250px;
    z-index: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.section-wave-bottom .bottom-wave-svg,
.section-wave-bottom .svg-clip {
    height: 250px;
    z-index: 200;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.post-template-default .entry-content {
    max-width: 680px;
    margin: 0 auto
}

.section-page-placeholder img {
    width: 100%;
    height: auto
}

.section-full-width-video {
    max-width: 100vw;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 100px;
    padding: 360px 0;
    position: relative
}

.section-full-width-video .background-image {
    z-index: 1;
    background-image: url(https://wp-content/themes/calwatertheme/assets/images/video-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0
}

.section-full-width-video .container {
    z-index: 2;
    position: relative
}

.section-full-width-video .video-content {
    max-width: 814px;
    margin: 0 auto
}

.section-full-width-video .video-content .section-title {
    text-align: center;
    margin-bottom: 50px;
    position: relative
}

.section-full-width-video .video-content .section-title h2 {
    text-transform: uppercase;
    color: #fff
}

.section-full-width-video .video-content .section-title:after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 30px auto 0;
    display: block
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh;
    will-change: transform;
    overflow: hidden
}

.post-slide {
    width: 398px;
    max-width: calc(90vw - 48px);
    border-radius: 6px;
    margin: 0 auto;
    padding: 25px 24px 44px;
    position: relative
}

@media (max-width:768px) {
    .post-slide {
        padding-right: 54px !important
    }
}

.post-slide .slide-link {
    z-index: 5;
    position: absolute;
    inset: 0
}

.post-slide:after {
    content: "";
    opacity: 0;
    z-index: -1;
    background-color: #fff;
    border-radius: 6px;
    transition: opacity .3s linear;
    position: absolute;
    inset: 0;
    box-shadow: 0 0 45px 10px #171d2814
}

@media (max-width:768px) {
    .post-slide:after {
        opacity: 1;
        right: 30px
    }
}

.post-slide:hover:after {
    opacity: 1
}

.post-slide .image {
    aspect-ratio: 16/10;
    background-color: #e7f0fb;
    margin-bottom: 40px;
    position: relative
}

.post-slide .image:after {
    content: "";
    content: "";
    padding-bottom: 62.5%;
    display: block
}

.post-slide .image img {
    height: auto;
    width: 100%;
    object-fit: cover;
    object-fit: contain;
    aspect-ratio: 16/10;
    max-width: 100%;
    max-height: 100%;
    background-color: #e7f0fb;
    margin: auto;
    position: absolute;
    inset: 0
}

.post-slide .category {
    color: #1b5fd4;
    letter-spacing: 0;
    margin-bottom: 21px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    display: block
}

.post-slide .title {
    color: #03004e;
    letter-spacing: 1px;
    min-height: 81px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px;
    display: block
}

.post-slide .title * {
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.post-slide .date {
    color: #08cfb4;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px
}

.back-to-top-container {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s linear, transform .4s ease-out;
    position: fixed;
    bottom: 60px;
    right: 60px;
    transform: translateY(100px)
}

@media (max-width:768px) {
    .back-to-top-container {
        bottom: 20px;
        right: 20px
    }
}

.back-to-top-container .back-to-top i {
    color: #fff;
    border-radius: 50%;
    font-size: 32px;
    transition: all .2s linear;
    display: block;
    position: relative;
    transform: rotate(180deg);
    box-shadow: 0 0 30px #1b232873
}

.back-to-top-container .back-to-top i:after {
    content: "";
    width: 20px;
    height: 20px;
    z-index: -1;
    background-color: #1b5fd4;
    margin: auto;
    transition: all .2s linear;
    position: absolute;
    inset: 0
}

.back-to-top-container .back-to-top:hover i {
    color: #1b5fd4
}

.back-to-top-container .back-to-top:hover i:after {
    background-color: #fff
}

.back-to-top-container.active {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.related-posts-section {
    margin-bottom: 120px
}

.links-box {
    margin: 0;
    padding: 0;
    list-style: none
}

.links-box li {
    font-size: 16px;
    line-height: 32px
}

section {
    padding: 50px 0
}

section.section-small {
    padding: 40px 0
}

section.section-slim {
    padding: 25px
}

section.no-top-padding {
    padding-top: 0
}

section.no-bottom-space {
    margin-bottom: 0;
    padding-bottom: 0
}

section.section-narrow .container {
    max-width: 820px
}

.partners-grid {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px;
    display: grid
}

@media (max-width:992px) {
    .partners-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:768px) {
    .partners-grid {
        grid-template-columns: 1fr
    }
}

.partners-grid .partners-item {
    background-color: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 0 45px 10px #171d2814
}

.partners-grid .partners-item .image {
    padding: 45px
}

.partners-grid .partners-item .image img {
    width: 100%;
    height: auto;
    aspect-ratio: 345/280;
    object-fit: contain;
    pointer-events: none;
    display: block
}

.partners-grid .partners-item .content {
    padding: 36px 32px
}

.partners-grid .partners-item .content .title {
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px
}

.partners-grid .partners-item .content a {
    letter-spacing: 0;
    font-size: 20px;
    line-height: 27px
}

.utilities-map {
    margin-bottom: 50px
}

@media (max-width:768px) {
    .utilities-map {
        text-align: center
    }
}

.utilities-map .title {
    letter-spacing: 0;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.utilities-map .image {
    margin-bottom: 16px
}

.utilities-map .image img {
    width: 100%;
    height: auto
}

.vertical-image-stack {
    margin: 0 30px 150px;
    position: relative
}

.vertical-image-stack:before {
    content: "";
    padding-top: 200%;
    display: block
}

.vertical-image-stack img {
    max-width: 220px;
    height: auto;
    width: 60%;
    z-index: 3;
    border-radius: 16px;
    position: absolute;
    top: 0;
    box-shadow: 0 10px 45px 10px #27466533
}

.vertical-image-stack img:first-child {
    z-index: 1;
    right: 0
}

.vertical-image-stack img:nth-child(2) {
    z-index: 2;
    top: 140px;
    left: 0
}

.vertical-image-stack img:nth-child(3) {
    z-index: 5;
    top: 300px;
    right: 0
}

.vertical-image-stack img:nth-child(4) {
    z-index: 3;
    top: 420px;
    left: 0
}

.page-transition-container {
    opacity: 1;
    transition: opacity .3s linear, transform .5s cubic-bezier(.16, 1, .3, 1)
}

.page-transition-container.hide {
    pointer-events: none;
    opacity: 0
}

.section-cta-newsletter {
    padding: 0 0 120px;
    position: relative
}

.section-cta-newsletter .container {
    z-index: 2;
    position: relative
}

.section-cta-newsletter .section-background {
    width: 100vw;
    max-width: 1280px;
    z-index: 1;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: absolute;
    inset: 0
}

#tribe-events-pg-template {
    max-width: initial !important;
    padding: 0 !important
}

.widget {
    margin-bottom: 58px;
    padding: 0
}

.widget .widget-title {
    color: #1b5fd4;
    margin-bottom: 28px;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px
}

.widget.widget_nav_menu ul,
.widget.widget_categories ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget.widget_nav_menu ul li.cat-item,
.widget.widget_nav_menu ul li.menu-item,
.widget.widget_categories ul li.cat-item,
.widget.widget_categories ul li.menu-item {
    color: #03004e;
    font-size: 18px;
    line-height: 35px
}

.widget.widget_nav_menu ul li.cat-item a,
.widget.widget_nav_menu ul li.menu-item a,
.widget.widget_categories ul li.cat-item a,
.widget.widget_categories ul li.menu-item a {
    color: inherit;
    font-weight: 400
}

.widget.styled-search .search-box {
    padding: 0;
    position: relative
}

.widget.styled-search .search-box input[type=text] {
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 6px;
    outline: none;
    padding: 22px 36px 22px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    box-shadow: 0 0 20px 4px #171d2814
}

.widget.styled-search .search-box input[type=text]::placeholder {
    color: #acabc5
}

.widget.styled-search .search-box button[type=submit] {
    height: 16px;
    pointer-events: none;
    color: #1b5fd4;
    cursor: pointer;
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.widget-area {
    max-width: 320px
}

.section-regulated-utilities .accordion button.accordion-button {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.section-regulated-utilities .accordion button.accordion-button h4 {
    text-transform: uppercase
}

.section-regulated-utilities .accordion button.accordion-button .subtitle {
    letter-spacing: 1px;
    color: #58595a;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.section-regulated-utilities .accordion button.accordion-button:after {
    position: absolute;
    right: 16px
}

.section-regulated-utilities .utility-row {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
    margin-bottom: 32px;
    display: grid
}

.section-regulated-utilities .utility-row .name a {
    letter-spacing: .5px;
    color: #03004e;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.section-regulated-utilities .utility-row .areas {
    letter-spacing: .5px;
    color: #58595a;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.tribe-events .page-header {
    margin-bottom: 70px;
    padding: 160px 0 175px;
    position: relative;
    overflow: hidden
}

.tribe-events .page-header .container {
    margin: 0 auto
}

.divider {
    border-top: 1px solid #e9e9f0;
    margin: 60px 0
}

.wp-block-image img {
    max-width: 100%;
    height: auto
}

div.post .new-post .aligncenter,
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.wp-caption {
    text-align: center;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding-top: 4px
}

.wp-caption.alignleft {
    margin: 0 10px 10px 0
}

.wp-caption.alignright {
    margin: 0 0 10px 10px
}

.wp-caption img {
    border: 0;
    margin: 0;
    padding: 0
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

img.alignleft {
    float: left;
    margin-right: 15px;
    display: inline
}

img.alignright {
    float: right;
    margin-left: 15px;
    display: inline
}

span[style="color: #00ccff;"] {
    color: #03004e !important
}

.section-regulated-water-works {
    z-index: 1;
    position: relative
}

.section-regulated-water-works:after {
    content: "";
    z-index: -1;
    position: absolute;
    inset: 0 0 200px
}

.section-regulated-water-works .top-svg-container {
    height: 580px;
    width: 100%;
    position: absolute;
    bottom: 100%
}

.section-regulated-water-works .top-svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: -2000px;
    right: -2000px
}

.section-regulated-water-works .bot-svg-container {
    height: 580px;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: calc(100% - 200px)
}

.section-regulated-water-works .bot-svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: -2000px;
    right: -2000px
}

.cookie-prompt {
    width: 295px;
    height: 210px;
    z-index: 4000;
    padding: 28px 32px 30px;
    transition: top .4s ease-out;
    position: fixed;
    bottom: 0;
    right: 10%
}

.cookie-prompt:before {
    content: "";
    z-index: -1;
    background-color: #fff;
    position: absolute;
    inset: 0;
    box-shadow: 0 2px 20px #12182329
}

.cookie-prompt .title {
    color: #03004e;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    
    font-size: 20px;
    font-weight: 800;
    line-height: 24px
}

.cookie-prompt .close {
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px
}

.cookie-prompt .close i {
    color: #03004e;
    font-size: 12px
}

.cookie-prompt p {
    color: #03004e;
    letter-spacing: -1px;
    margin-bottom: 22px;
    font-size: 18px;
    line-height: 22px
}

.cookie-prompt p a {
    color: inherit;
    font-weight: 400;
    text-decoration: underline
}

.cookie-prompt .button-secondary {
    display: inline-block
}

@media (max-width:768px) {
    .cookie-prompt {
        width: 100vw;
        left: 0;
        right: 0;
        top: calc(100% - 210px) !important
    }
}

.simplesocialbuttons {
    visibility: hidden;
    height: 0;
    pointer-events: none
}

a[data-toggle=modal] {
    cursor: pointer
}

.asterisk {
    letter-spacing: 0;
    
    display: block;
    color: #545859 !important;
    margin-top: 50px !important;
    font-size: 14px !important;
    font-style: italic !important;
    line-height: 22px !important
}

.tab-content .tab-pane p {
    color: #25282a;
    letter-spacing: 0;
    
    font-size: 16px;
    line-height: 22px
}

.tab-content .tab-pane p.small {
    font-size: 14px
}

.tab-content .button-primary,
.tab-content .button-secondary {
    letter-spacing: 0;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
    display: inline-block
}

.tab-content .button-primary:hover,
.tab-content .button-secondary:hover {
    text-decoration: none
}

.tab-content .button-primary {
    box-shadow: 0 18px 20px -2px #0086bc2e
}

.code-field {
    display: flex
}

.code-field input[type=text] {
    text-align: center;
    color: #25282a;
    letter-spacing: 1.33px;
    text-align: center;
    width: auto;
    width: 100%;
    -moz-appearance: textfield;
    background: 0 0;
    border-bottom: 2px solid #dfe5ed;
    margin: 0 8px;
    padding: 15px 0;
   
    font-size: 32px;
    font-weight: 900;
    line-height: 36px;
    transition: border-bottom-color .2s linear;
    display: block
}

.code-field input[type=text]:focus {
    border-bottom-color: #0da3e0
}

.code-field input[type=text]::-webkit-outer-spin-button,
.code-field input[type=text]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media (max-width:768px) {
    .code-field input[type=text] {
        font-size: 24px;
        line-height: 26px
    }
}

.tab-footer {
    margin-top: 48px
}

.tab-footer .columns {
    justify-content: space-between;
    align-items: flex-end;
    display: flex
}

@media (max-width:768px) {
    .tab-footer .columns {
        display: block
    }
}

.tab-footer .columns .right-column {
    display: flex;
    position: relative
}

.tab-footer .columns .right-column :not(:last-child) {
    margin-right: 16px
}

@media (max-width:768px) {
    .tab-footer img {
        margin-bottom: 24px
    }
}

#resend-button {
    user-select: none;
    white-space: nowrap;
    width: initial;
    display: inline-flex
}

@media (max-width:768px) {
    #resend-button {
        margin-bottom: 20px
    }
}

#resend-button i {
    margin: 0 8px 0 0;
    font-size: 16px;
    display: none
}

#resend-button span.timer {
    margin-left: 8px;
    display: none
}

#resend-button span.timer:before {
    content: "("
}

#resend-button span.timer:after {
    content: ")"
}

#resend-button.counting {
    color: #9ea2a2;
    cursor: not-allowed;
    background-color: #eef1f5
}

#resend-button.counting i,
#resend-button.counting span.timer {
    display: block
}

.verification-message {
    color: #fff;
    letter-spacing: 0;
    white-space: nowrap;
    width: max-content;
    text-align: center;
    background-color: #eaeef4;
    border-radius: 20px;
    margin: 32px auto 0;
    padding: 8px 16px;
    
    font-size: 14px;
    line-height: 24px;
    transition: opacity .3s linear;
    display: none
}

.verification-message i {
    vertical-align: middle;
    margin-right: 8px;
    font-size: 16px;
    line-height: 24px
}

.verification-message.success {
    background-color: #0da3e0
}

.verification-message.success i {
    color: #fff
}

.verification-message.failure {
    background-color: #ff413c
}

.verification-message.failure i {
    color: #fff
}

.verification-message.active {
    opacity: 1
}

@media (max-width:768px) {
    .verification-message {
        left: 0;
        right: initial;
        position: relative
    }
}

.gigya-screen .with-social-login {
    max-width: 50% !important;
    flex: 0 0 50% !important
}

.wp-block-column {
    box-shadow: none;
    border-radius: none;
    background-color: initial
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a {
    color: #1b5fd4;
    font-weight: 700;
    transition: color .2s linear
}

a:hover {
    color: #03004e
}

a:not([href]):not([class]) {
    color: #1b5fd4
}

body {
    font-size: 16px
}

p,
li,
ul,
ol {
    color: #58595a;
    
    font-size: 18px;
    font-weight: 400;
    line-height: 36px
}

p {
    color: #58595a
}

.article-content blockquote {
    color: #25282a;
    letter-spacing: 0;
    background-color: #eef1f5;
    border-left: 5px solid #687c99;
    border-radius: 4px;
    padding: 19px 0 19px 30px;
    
    font-size: 14px;
    line-height: 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #03004e;
    margin-bottom: 20px;
    
    font-weight: 800
}

h1,
.h1 {
    letter-spacing: 1px;
    font-size: 48px;
    line-height: 60px
}

@media (max-width:1200px) {
    h1,
    .h1 {
        letter-spacing: 1px;
        font-size: 42px;
        line-height: 46px
    }
}

h2,
.h2 {
    letter-spacing: 1px;
    font-size: 48px;
    line-height: 60px
}

@media (max-width:1200px) {
    h2,
    .h2 {
        letter-spacing: 1px;
        font-size: 42px;
        line-height: 46px
    }
}

h3,
.h3 {
    letter-spacing: 1px;
    font-size: 32px;
    line-height: 36px
}

@media (max-width:1200px) {
    h3,
    .h3 {
        letter-spacing: 1px;
        font-size: 28px;
        line-height: 32px
    }
}

h4,
.h4 {
    letter-spacing: 1px;
    font-size: 24px;
    line-height: 28px
}

@media (max-width:1200px) {
    h4,
    .h4 {
        letter-spacing: 1px;
        font-size: 20px;
        line-height: 24px
    }
}

h5,
.h5 {
    font-size: 20px;
    line-height: 24px
}

@media (max-width:1200px) {
    h5,
    .h5 {
        font-size: 18px;
        line-height: 20px
    }
}

h6,
.h6 {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px
}

@media (max-width:1200px) {
    h6,
    .h6 {
        font-size: 18px;
        line-height: 20px
    }
}

.text-extra-small {
    font-size: 13px
}

.text-small {
    font-size: 14px
}

.text-medium {
    font-size: 15px
}

.text-large {
    font-size: 16px
}

.text-extra-large {
    font-size: 17px
}

.text-light {
    color: #25282a;
    font-weight: 300
}

.text-bold {
    font-weight: 700
}

.text-semibold {
    font-weight: 600
}

.text-extrabold {
    font-weight: 900
}

.condensed {
   
}

.text-uppercase {
    text-transform: uppercase
}

b,
strong {
    font-weight: 600
}

@font-face {
    font-family: cwa;
    src: url(cwa.2b8e9c56.eot);
    src: url(cwa.2b8e9c56.eot)format("embedded-opentype"), url(cwa.bc7d6f79.woff2)format("woff2"), url(cwa.cbf4c84d.ttf)format("truetype"), url(cwa.afff893b.woff)format("woff"), url(cwa.e5b06637.svg#cwa)format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=cwaicon-],
[class*=\ cwaicon-] {
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: cwa !important
}

.cwaicon-article:before {
    content: "";
    color: #1b5fd4
}

.cwaicon-page:before {
    content: "";
    color: #1b5fd4
}

.cwaicon-close:before {
    content: ""
}

.cwaicon-email:before {
    content: ""
}

.cwaicon-phone:before {
    content: ""
}

.cwaicon-poi:before {
    content: ""
}

.cwaicon-fax:before {
    content: ""
}

.cwaicon-scroll-icon:before {
    content: ""
}

.cwaicon-calendar:before {
    content: ""
}

.cwaicon-search:before {
    content: ""
}

.cwaicon-youtube:before {
    content: ""
}

.cwaicon-clock:before {
    content: ""
}

.cwaicon-arrow-caret-down:before {
    content: ""
}

.cwaicon-arrow-caret-left:before {
    content: ""
}

.cwaicon-arrow-caret-right:before {
    content: ""
}

.cwaicon-arrow-caret-up:before {
    content: ""
}

.cwaicon-arrow-circle-down:before {
    content: ""
}

.cwaicon-arrow-circle-left:before {
    content: ""
}

.cwaicon-arrow-circle-right:before {
    content: ""
}

.cwaicon-arrow-circle-up:before {
    content: ""
}

.cwaicon-facebook:before {
    content: ""
}

.cwaicon-instagram:before {
    content: ""
}

.cwaicon-linkedin:before {
    content: ""
}

.cwaicon-twitter:before {
    content: ""
}

.page-type-login .form-header {
    margin-bottom: 42px;
    position: relative
}

.page-type-login .form-header img {
    display: block;
    position: absolute;
    top: -23px;
    transform: translateY(-100%)
}

@media (max-width:768px) {
    .page-type-login .form-header img {
        top: initial;
        transform: initial;
        margin-bottom: 24px;
        position: relative
    }
}

.page-type-login .form-header span.hello {
    color: #25282a;
    letter-spacing: 0;
    margin-bottom: 24px;
    
    font-size: 20px;
    line-height: 24px;
    display: block
}

.page-type-login .form-header h2 {
    color: #25282a;
    letter-spacing: 1.67px;
    margin-bottom: 18px;
   
    font-size: 40px;
    font-weight: 900;
    line-height: 44px
}

.page-type-login .form-header p {
    color: #545859;
    letter-spacing: 0;
    margin-bottom: 20px;
    
    font-size: 16px;
    line-height: 24px
}

.page-type-login .form-header .message {
    color: #25282a;
    letter-spacing: 0;
    background-color: #eaeef4;
    border-radius: 20px;
    margin-bottom: 25px;
    padding: 27px 32px;
    
    font-size: 14px;
    line-height: 20px
}

.page-type-login .form-wrapper {
    max-width: 500px;
    margin: 0 auto
}

.page-type-login .form-wrapper .form-section-heading span.aside {
    color: #687c99;
    letter-spacing: 0;
    
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px
}

.page-type-login .form-wrapper .form-section-heading h3 {
    color: #25282a;
    letter-spacing: 0;
    margin-bottom: 24px;
   
    font-size: 24px;
    font-weight: 900;
    line-height: 26px;
    display: inline-block
}

.page-type-login .form-wrapper .form-section-heading:not(:first-child) {
    margin-top: 44px
}

.page-type-login .form-wrapper .form-section-heading .two-step-modal-trigger {
    vertical-align: middle;
    cursor: pointer;
    margin: 0 8px;
    display: inline-block
}

.page-type-login .form-wrapper .form-section-heading .two-step-modal-trigger i {
    color: #0da3e0;
    font-size: 20px
}

.page-type-login .form-wrapper .form-cancel {
    color: #687c99;
    letter-spacing: 0;
    text-align: center;
    
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    display: block
}

.page-type-login .form-wrapper .form-footer {
    margin: 0 0 40px
}

.wp-block-column>p {
    padding: 16px 24px
}

.wp-block-column .wp-block-media-text {
    padding: 0 32px 32px
}

.wp-block-column>p:first-child {
    margin-bottom: 0;
    padding: 32px 32px 20px
}

.wp-block-column .wp-block-image:last-child {
    margin-bottom: 0
}

.terms-page .page .container {
    max-width: 800px
}

html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    height: 100vh;
    white-space: nowrap;
    display: inline-block
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    vertical-align: top;
    white-space: nowrap;
    height: 100%;
    display: inline-block
}

.c-scrollbar {
    width: 11px;
    height: 100%;
    transform-origin: 100%;
    opacity: 0;
    transition: transform .3s, opacity .3s;
    position: absolute;
    top: 0;
    right: 0
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1)
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    opacity: .5;
    width: 7px;
    cursor: -webkit-grab;
    cursor: grab;
    background-color: #000;
    border-radius: 10px;
    margin: 2px;
    position: absolute;
    top: 0;
    right: 0
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    bottom: 0;
    right: auto
}

.modal-body .diagram .diagram-header {
    border-bottom: 1px solid #eaebec;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    display: flex
}

.modal-body .diagram .diagram-header .title {
    font-size: 20px;
    font-weight: 800;
    line-height: 27px
}

.modal-body .diagram .diagram-header .tools {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    display: flex
}

.modal-body .diagram .diagram-header .tools * {
    cursor: pointer;
    margin-left: 8px
}

.modal-body .diagram img {
    width: 100%;
    height: auto;
    margin: 30px 0
}

.video-modal .modal-body {
    padding: 0
}

.video-modal .modal-body iframe {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

.video-modal .btn-close {
    z-index: 2;
    height: 64px;
    width: 64px;
    color: #fff;
    opacity: 1;
    background-color: #1b5fd4;
    background-image: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: opacity .2s linear;
    display: flex;
    position: absolute;
    top: 40px;
    right: 40px
}

.video-modal .btn-close i {
    color: #fff;
    font-size: 12px
}

.video-modal .modal-header {
    height: 0;
    border: none;
    padding: 0
}

.video-modal .modal-footer {
    display: none
}

.team-member-modal .modal-dialog {
    max-width: min(900px, 90vw)
}

.team-member-modal .btn-close {
    z-index: 2;
    opacity: 1;
    color: #03004e;
    background-image: none;
    font-size: 16px;
    position: absolute;
    top: 32px;
    right: 32px
}

.team-member-modal .modal-body {
    flex-wrap: nowrap;
    flex-grow: 1;
    padding: 82px 56px;
    display: flex
}

@media (max-width:992px) {
    .team-member-modal .modal-body {
        flex-direction: column
    }
}

.team-member-modal .image {
    max-width: 280px;
    width: 280px;
    flex: 0 0 280px;
    margin-right: 40px;
    position: relative
}

.team-member-modal .image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    display: block;
    position: relative
}

.team-member-modal .content .team-modal-header {
    margin-bottom: 56px
}

.team-member-modal .content .team-modal-header .title {
    color: #03004e;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 24px;
    font-size: 40px;
    font-weight: 800;
    line-height: 55px
}

.team-member-modal .content .team-modal-header .title:after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 30px auto 0 0;
    display: block
}

.team-member-modal .content .team-modal-header .position {
    color: #03004e;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px
}

.team-member-modal .content .team-modal-header .links {
    display: none
}

.team-member-modal .content .team-modal-body p {
    color: #03004e;
    letter-spacing: 0;
    margin-bottom: 2rem;
    font-size: 18px;
    line-height: 40px
}

button {
    background: 0 0;
    border: none;
    outline: none;
    margin: 0;
    padding: 0
}

button.button-center {
    margin: 0 auto
}

.button-primary,
.wp-block-button__link {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    background-color: #1b5fd4;
    border-radius: 6px;
    padding: 18px 32px 16px;
    
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    transition: all .2s linear;
    display: inline-block
}

.button-primary:hover,
.wp-block-button__link:hover {
    text-decoration: none
}

.button-primary:focus,
.wp-block-button__link:focus {
    outline: none
}

.button-primary i,
.wp-block-button__link i {
    color: #fff;
    margin-left: 16px;
    font-size: 16px
}

.button-primary:hover,
.wp-block-button__link:hover {
    color: #fff;
    background-color: #03004e
}

.button-primary[disabled],
.wp-block-button__link[disabled] {
    pointer-events: none;
    color: #9eabbf;
    background-color: #eaeef4
}

@media (max-width:992px) {
    .button-primary,
    .wp-block-button__link {
        padding: 16px 28px 14px;
        font-size: 16px
    }
}

.button-secondary {
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
    background-color: #1b5fd4;
    border-radius: 6px;
    padding: 15px 16px;
    
    font-size: 15px;
    font-weight: 600;
    line-height: 10px;
    transition: all .2s linear;
    display: block
}

.button-secondary:focus {
    outline: none
}

.button-secondary a {
    line-height: 10px
}

.button-secondary i {
    margin-left: 8px;
    font-size: 12px
}

.button-secondary:hover,
.button-secondary:focus {
    color: #fff;
    background-color: #03004e
}

.button-secondary[disabled] {
    pointer-events: none;
    color: #9eabbf;
    background-color: #eaeef4
}

.button-light {
    color: #687c99;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    cursor: pointer;
    background-color: #eef1f5;
    border: none;
    border-radius: 36px;
    outline: none;
    padding: 12px 24px;
    
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    transition: all .2s linear;
    display: block
}

.button-light:focus {
    outline: none
}

.button-light i {
    margin-left: 8px;
    font-size: 12px
}

.button-light:hover {
    color: #0da3e0
}

.button-light[disabled] {
    pointer-events: none;
    color: #9eabbf;
    background-color: #eaeef4
}

.button-outline {
    color: #1b5fd4;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
    background-color: #0000;
    border: 1px solid #1b5fd4;
    border-radius: 6px;
    padding: 15px 16px;
    
    font-size: 15px;
    font-weight: 600;
    line-height: 10px;
    transition: all .2s linear;
    display: block
}

.button-outline:focus {
    outline: none
}

.button-outline a {
    line-height: 10px
}

.button-outline i {
    margin-left: 8px;
    font-size: 12px
}

.button-outline:hover,
.button-outline:focus {
    color: #fff;
    background-color: #1b5fd4
}

.button-outline[disabled] {
    pointer-events: none;
    color: #9eabbf;
    background-color: #eaeef4
}

.button-row {
    justify-content: center;
    margin-top: 8px;
    margin-bottom: 22px;
    display: flex
}

body.admin-bar #site-header {
    top: 32px
}

#site-header {
    height: 120px;
    z-index: 1000;
    min-width: 100vw;
    transition: all .2s linear;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

#site-header:before {
    content: "";
    height: 120px;
    opacity: 0;
    background-color: #fff;
    transition: all .3s linear;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 20px #12182329
}

#site-header .header-container {
    max-width: 1280px;
    height: 120px;
    z-index: 40;
    margin: 0 auto;
    padding: 0 15px;
    transition: transform .2s ease-out
}

@media (max-width:768px) {
    #site-header .header-container {
        padding: 0 24px
    }
}

#site-header .primary-header {
    z-index: 40;
    height: 120px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative
}

#site-header .mobile-items {
    pointer-events: all;
    display: none
}

@media (max-width:768px) {
    #site-header .mobile-items {
        display: block
    }
}

#site-header .mobile-items .menu-trigger {
    height: 26px;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex
}

#site-header .mobile-items .menu-trigger i {
    width: 32px;
    height: 4px;
    background-color: #fff;
    border-radius: 2px;
    margin-top: -4px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 32px;
    transition: transform .3s ease-out, background-color .2s linear;
    position: relative
}

#site-header .mobile-items .menu-trigger i:before {
    content: "";
    width: 32px;
    height: 4px;
    transform-origin: 100% 0;
    background-color: #fff;
    border-radius: 2px;
    transition: transform .3s ease-out, background-color .2s linear;
    position: absolute;
    top: -8px;
    right: 0;
    transform: scaleX(.75)
}

#site-header .mobile-items .menu-trigger i:after {
    content: "";
    width: 32px;
    height: 4px;
    transform-origin: 100% 100%;
    background-color: #fff;
    border-radius: 2px;
    transition: transform .4s ease-out, background-color .2s linear;
    position: absolute;
    bottom: -8px;
    right: 0;
    transform: scaleX(.55)
}

#site-header .site-branding {
    pointer-events: all
}

#site-header .site-branding .logo-wrapper {
    width: 160px;
    height: 56px;
    align-items: center;
    display: flex;
    position: relative
}

#site-header .site-branding .logo-wrapper .logo {
    width: 100%;
    height: auto;
    transition: opacity .2s linear;
    position: absolute
}

#site-header .site-branding .logo-wrapper .light {
    opacity: 1
}

#site-header .site-branding .logo-wrapper .dark {
    opacity: 0
}

#site-header .site-branding .logo-wrapper .sticky {
    opacity: 0;
    width: 140px
}

#site-header .site-branding .custom-logo {
    max-width: 100px;
    height: auto
}

#site-header .site-branding .site-title {
    display: none
}

#site-header.header-scheme-light .menu-trigger i,
#site-header.header-scheme-light .menu-trigger i:before,
#site-header.header-scheme-light .menu-trigger i:after {
    background-color: #1b5fd4
}

#site-header.header-scheme-light .logo-wrapper .logo.dark {
    opacity: 1;
    transition-delay: .3s
}

#site-header.header-scheme-light .logo-wrapper .logo.light,
#site-header.header-scheme-light .logo-wrapper .logo.sticky {
    opacity: 0
}

#site-header.header-scheme-light .main-navigation .menu>.menu-item:not(.button-secondary)>a,
#site-header.header-scheme-light .top-menu a,
#site-header.header-scheme-light .top-menu a i {
    color: #020028
}

#site-header.header-scheme-light .top-menu .divider {
    border-left-color: #020028
}

.mobile-menu_content {
    height: 100vh;
    padding: 140px 24px 100px;
    position: absolute;
    inset: 0;
    overflow-y: auto
}

.mobile-menu_wrapper {
    height: calc(100vh + 390px);
    z-index: 200;
    clip-path: path("M0,1010c194,69.6,389.4-40.5,389.4-40.5S592,808.6,800,961.7V0H0V1010z");
    opacity: 0;
    pointer-events: none;
    background: #02213f;
    transition: opacity 0s linear 1.6s, transform 1.4s cubic-bezier(.16, 1, .3, 1);
    position: fixed;
    inset: 0;
    transform: translateY(calc(-100vh - 390px))
}

.mobile-menu_wrapper .container {
    z-index: 2;
    padding: 0;
    position: relative
}

.mobile-menu_wrapper .widget {
    margin-bottom: 30px
}

.mobile-menu_wrapper .social-menu {
    margin-top: 40px
}

.mobile-menu_wrapper .social-menu ul {
    width: 100%;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.mobile-menu_wrapper .social-menu li {
    margin: 0 14px
}

.mobile-menu_wrapper .social-menu li a {
    color: #fff
}

.mobile-menu_wrapper .social-menu li a i {
    color: inherit;
    font-size: 24px;
    transition: inherit
}

.mobile-menu_wrapper .social-menu li a:hover {
    color: #fff
}

.mobile-menu_wrapper .menu {
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.mobile-menu_wrapper .menu .menu-item {
    margin-bottom: 10px
}

.mobile-menu_wrapper .menu .menu-item a {
    color: #fff;
    padding: 8px 0;
    font-size: 20px;
    display: block
}

.mobile-menu_wrapper .menu .menu-item.button-secondary {
    margin-top: 8px;
    display: block
}

.mobile-menu_wrapper .menu .menu-item.menu-item-has-children>a:after {
    content: "";
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    float: right;
    margin-left: 8px;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    transition: all .2s linear;
    font-family: cwa !important
}

.mobile-menu_wrapper .menu .menu-item.menu-item-has-children[data-open=true]>a:after {
    transform: rotate(180deg)
}

.mobile-menu_wrapper .menu .menu-item ul.sub-menu {
    opacity: 0;
    list-style: none;
    transition: height .4s ease-out, opacity .2s linear .36s;
    overflow-y: hidden
}

.mobile-menu_background {
    background: #02213f;
    position: absolute;
    inset: 0
}

html.mobile-menu-active {
    overflow-y: hidden
}

html.mobile-menu-active .mobile-menu_wrapper {
    opacity: 1;
    pointer-events: all;
    transition: opacity linear, transform 1.4s cubic-bezier(.16, 1, .3, 1);
    transform: translateY(0)
}

html.mobile-menu-active #site-header {
    background-color: #02213f;
    box-shadow: 0 0 7px #02213f
}

html.mobile-menu-active #site-header .mobile-items .menu-trigger i:before,
html.mobile-menu-active #site-header .mobile-items .menu-trigger i:after {
    transform: scaleX(1)
}

body:not(.mobile-menu-active) #site-header.sticky {
    pointer-events: none;
    transform: translateY(-40px)
}

body:not(.mobile-menu-active) #site-header.sticky .menu-trigger i,
body:not(.mobile-menu-active) #site-header.sticky .menu-trigger i:before,
body:not(.mobile-menu-active) #site-header.sticky .menu-trigger i:after {
    background-color: #1b5fd4
}

body:not(.mobile-menu-active) #site-header.sticky:before {
    opacity: 1
}

body:not(.mobile-menu-active) #site-header.sticky .header-container {
    transition: transform .2s linear;
    transform: translateY(20px)
}

body:not(.mobile-menu-active) #site-header.sticky .logo-wrapper .logo.sticky {
    opacity: 1;
    transition-delay: .2s
}

body:not(.mobile-menu-active) #site-header.sticky .logo-wrapper .logo.light,
body:not(.mobile-menu-active) #site-header.sticky .logo-wrapper .logo.dark {
    opacity: 0
}

body:not(.mobile-menu-active) #site-header.sticky .main-navigation .menu>.menu-item:not(.button-secondary)>a {
    color: #020028
}

body:not(.mobile-menu-active) #site-header.sticky .main-navigation .sticky-search {
    opacity: 1;
    pointer-events: all;
    transform: translate(0)
}

body:not(.mobile-menu-active) #site-header.sticky .main-navigation .menu-wrapper {
    transition: all .2s linear;
    transform: translateY(-20px)
}

body:not(.mobile-menu-active) #site-header.sticky .main-navigation .menu {
    transition: all .2s linear;
    transform: translate(-48px)
}

body:not(.mobile-menu-active) #site-header.sticky .main-navigation .top-menu {
    opacity: 0;
    pointer-events: none;
    transition: all .2s linear;
    transform: translateY(-20px)
}

.main-navigation {
    pointer-events: all
}

@media (max-width:768px) {
    .main-navigation {
        display: none
    }
}

.main-navigation a,
.main-navigation a:hover {
    text-decoration: none
}

.main-navigation .menu-wrapper {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    transition: transform .2s ease-out;
    display: flex;
    position: relative
}

.main-navigation .menu-wrapper .sticky-search {
    height: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s linear, transform .2s ease-out;
    position: absolute;
    bottom: 12px;
    right: 0;
    transform: translate(20px)
}

.main-navigation .menu-wrapper .sticky-search i {
    color: #03004e;
    font-size: 16px
}

.main-navigation .menu-wrapper .menu-toggle {
    display: none
}

.main-navigation .menu {
    transition: transform .2s ease-out
}

.main-navigation .top-menu {
    margin-bottom: 18px;
    transition: all .2s linear .2s
}

.main-navigation .top-menu ul {
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.main-navigation .top-menu ul li {
    letter-spacing: 0;
    margin: 0 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px
}

.main-navigation .top-menu ul li:last-child {
    margin-right: 0
}

.main-navigation .top-menu ul li a {
    color: #fff
}

.main-navigation .top-menu ul li a i {
    color: #fff;
    font-size: 14px
}

.main-navigation .top-menu ul li.divider {
    height: 16px;
    vertical-align: middle;
    border-left: 1px solid #fff
}

.main-navigation .menu {
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.main-navigation .menu.hovering>.menu-item:not(.button-secondary) {
    opacity: .6
}

.main-navigation .menu.hovering>.menu-item:not(.button-secondary):hover {
    opacity: 1
}

.main-navigation .menu .menu-item {
    margin-right: 24px;
    padding: 2px 0;
    transition: opacity .2s linear
}

.main-navigation .menu .menu-item:last-child {
    margin-right: 0
}

.main-navigation .menu .menu-item a {
    color: #fff;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    transition: all .2s linear
}

.main-navigation .menu .menu-item a[href=\#] {
    cursor: default
}

.main-navigation .menu .menu-item.button-secondary {
    padding: 0
}

.main-navigation .menu .menu-item.button-secondary a {
    padding: 15px 16px;
    line-height: 10px;
    display: block
}

.main-navigation .menu .menu-item.menu-item-has-children {
    cursor: pointer;
    position: relative
}

.main-navigation .menu .menu-item.menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.main-navigation .menu .menu-item.menu-item-has-children:hover>a:after {
    transform: rotate(180deg)
}

.main-navigation .menu .menu-item.menu-item-has-children>a:after {
    content: "";
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 8px;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: all .2s linear;
    font-family: cwa !important
}

.main-navigation .menu .menu-item .sub-menu {
    max-width: 250px;
    width: 250px;
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    border-radius: 6px;
    padding: 14px 0;
    list-style: none;
    transition: opacity .2s linear, transform .3s ease-out;
    position: absolute;
    top: calc(100% + 16px);
    left: -32px;
    transform: translateY(-20px);
    box-shadow: 0 10px 45px 10px #27466533
}

.main-navigation .menu .menu-item .sub-menu:before {
    content: "";
    z-index: -1;
    display: block;
    position: absolute;
    inset: -16px 0 0
}

.main-navigation .menu .menu-item .sub-menu .menu-item {
    z-index: 1;
    margin: 0;
    padding: 0
}

.main-navigation .menu .menu-item .sub-menu .menu-item a {
    color: #03004e;
    letter-spacing: 0;
    padding: 10px 32px;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    transition: all .1s linear;
    display: block
}

.main-navigation .menu .menu-item .sub-menu .menu-item a:hover {
    color: #fff;
    background-color: #1b5fd4
}

.main-navigation .menu .menu-item .sub-menu .menu-item.menu-item-has-children {
    cursor: pointer;
    position: relative
}

.main-navigation .menu .menu-item .sub-menu .menu-item.menu-item-has-children:after {
    content: "";
    z-index: 0;
    position: absolute;
    inset: 0 -16px 0 0
}

.main-navigation .menu .menu-item .sub-menu .menu-item.menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.main-navigation .menu .menu-item .sub-menu .menu-item.menu-item-has-children:hover>a:after {
    transform: rotate(180deg)
}

.main-navigation .menu .menu-item .sub-menu .menu-item.menu-item-has-children>a:after {
    content: "";
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 8px;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: all .2s linear;
    font-family: cwa !important
}

.main-navigation .menu .menu-item .sub-menu .sub-menu {
    top: -32px;
    left: calc(100% + 16px);
    transform: translate(-20px)
}

footer {
    color: #fff;
    position: relative
}

footer .footer-background {
    z-index: 1;
    background-color: #02213f;
    position: absolute;
    inset: 150px 0 0
}

footer .footer-svg-container {
    margin-bottom: -2px;
    padding-top: 150px;
    position: relative;
    overflow: hidden
}

footer .footer-svg-container svg {
    height: 150px;
    z-index: 200;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

footer .footer-svg-container .primary {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    top: 30px;
    left: -2000px;
    right: -2000px;
    transform: scaleX(-1)
}

footer .footer-svg-container .primary #footer-wave {
    visibility: hidden
}

footer .footer-svg-container .footer-svg-1 {
    z-index: 205
}

footer .footer-svg-container .footer-svg-2 {
    z-index: 204
}

footer .footer-svg-container .footer-svg-3 {
    z-index: 203
}

footer .footer-svg-container .footer-svg-4 {
    z-index: 202
}

footer .container {
    z-index: 2;
    padding-top: 50px;
    position: relative
}

footer .footer-divider {
    border-top: 1px solid #17344f;
    align-items: center;
    margin-top: 50px;
    padding: 40px 0 50px
}

footer .footer-logo {
    margin-bottom: 24px
}

@media (max-width:768px) {
    footer .footer-logo {
        text-align: center
    }
}

footer .footer-logo img {
    width: 150px;
    height: auto
}

footer .footer-description {
    max-width: 480px
}

@media (max-width:768px) {
    footer .footer-description {
        text-align: center;
        max-width: 400px;
        margin: 0 auto
    }
}

footer .footer-description p {
    color: #7993ad;
    letter-spacing: 0;
    font-size: 13px;
    line-height: 24px
}

footer .footer-description p a {
    color: inherit;
    text-decoration: underline
}

footer .footer-description p a:hover {
    color: #fff
}

footer .footer-menu {
    margin-bottom: 30px
}

footer .footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width:768px) {
    footer .footer-menu ul {
        text-align: center
    }
}

footer .footer-menu li a {
    letter-spacing: 1px;
    color: #fff;
    padding: 10px 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    transition: all .2s linear
}

footer .footer-menu li a:hover {
    color: #1b5fd4
}

@media (max-width:992px) {
    footer .policy-menu {
        margin-bottom: 20px
    }
}

footer .policy-menu ul {
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    footer .policy-menu ul {
        text-align: center;
        display: block
    }
}

footer .policy-menu li {
    margin: 0 10px;
    line-height: 18px
}

footer .policy-menu li a {
    color: #e3e3e3;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    transition: all .2s linear
}

footer .policy-menu li a:hover {
    color: #fff
}

footer .social-menu a,
footer .social-menu a:hover {
    text-decoration: none
}

footer .social-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    footer .social-menu ul {
        justify-content: center
    }
}

footer .social-menu li {
    margin: 0 14px
}

footer .social-menu li a {
    color: #1b5fd4
}

footer .social-menu li a i {
    color: inherit;
    font-size: 16px;
    transition: inherit
}

footer .social-menu li a:hover {
    color: #fff
}

footer .footer-copyright {
    color: #4d6985;
    letter-spacing: 1px;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
    line-height: 18px
}

@media (min-width:992px) {
    footer .footer-copyright {
        text-align: left
    }
}

@media (max-width:992px) {
    footer .footer-copyright {
        margin-bottom: 20px
    }
}

footer .crafted {
    color: #4d6985;
    letter-spacing: 1px;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    line-height: 18px
}

@media (min-width:992px) {
    footer .crafted {
        text-align: right
    }
}

@media (max-width:992px) {
    footer .crafted {
        margin-bottom: 20px
    }
}

footer .crafted a {
    color: #e3e3e3;
    font-weight: 400;
    transition: all .2s linear
}

footer .crafted a:hover {
    color: #fff
}

section.section-content-two-images {
    margin-bottom: 75px
}

section.section-content-two-images .images-block {
    min-height: 600px;
    margin: 0 30px;
    position: relative
}

section.section-content-two-images .images-block:before {
    content: "";
    padding-top: 100%;
    display: block
}

section.section-content-two-images .images-block .image-1 {
    max-width: 350px;
    z-index: 3;
    aspect-ratio: 1/1;
    border-radius: 16px;
    position: absolute;
    top: 180px;
    left: 0;
    box-shadow: 0 10px 45px 10px #27466533
}

section.section-content-two-images .images-block .image-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 45px 10px #27466533
}

section.section-content-two-images .images-block .image-2 {
    max-width: 350px;
    z-index: 2;
    aspect-ratio: 1/1;
    border-radius: 16px;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0 10px 45px 10px #27466533
}

section.section-content-two-images .images-block .image-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 45px 10px #27466533
}

@media (max-width:992px) {
    section.section-content-two-images .images-block:before {
        display: none
    }
    section.section-content-two-images .images-block .image-2,
    section.section-content-two-images .images-block .image-1 {
        top: initial;
        margin-bottom: 40px;
        position: relative
    }
}

section.section-content-one-image {
    margin-bottom: 75px
}

section.section-content-one-image .images-block {
    margin: 0 30px;
    position: relative
}

section.section-content-one-image .images-block:before {
    content: "";
    padding-top: 90%;
    display: block
}

section.section-content-one-image .images-block .image {
    max-width: 500px;
    z-index: 3;
    border-radius: 16px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    box-shadow: 0 10px 45px 10px #27466533
}

section.section-content-one-image .images-block .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 45px 10px #27466533
}

section.section-content-one-image .images-block .image.disable-shadow,
section.section-content-one-image .images-block .image.disable-shadow img {
    box-shadow: none;
    border-radius: 0
}

section.section-content-one-image .images-block.no-shadow .image,
section.section-content-one-image .images-block.no-shadow .image img {
    box-shadow: none
}

section.section-content-one-image .images-block.no-shadow .image img {
    height: auto
}

@media (max-width:992px) {
    section.section-content-one-image .images-block:before {
        display: none
    }
    section.section-content-one-image .images-block .image {
        top: initial;
        margin-bottom: 40px;
        position: relative
    }
}

section.section-center-headline {
    max-width: 100vw;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 150px;
    padding: 200px 0 120px
}

section.section-center-headline .center-headline {
    max-width: 768px;
    margin: 0 auto
}

section.section-center-headline .center-headline .heading {
    margin-bottom: 44px
}

section.section-center-headline .center-headline .heading * {
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase
}

section.section-center-headline .center-headline .heading:after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 20px auto 0;
    display: block
}

section.section-center-headline .center-headline p {
    text-align: center
}

section.section-center-headline .color-white .center-headline .heading *,
section.section-center-headline .color-white .center-headline p {
    color: #fff
}

section.section-center-headline.ring-background {
    position: relative
}

section.section-center-headline.ring-background .container {
    z-index: 4;
    position: relative
}

section.section-center-headline.ring-background .svg-container {
    z-index: 2;
    background-color: #1b5fd4;
    background-image: url(ring-background.6307eb61.svg);
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    inset: 0
}

section.section-center-headline.ring-background .svg-container svg {
    opacity: 0
}

.team-grid {
    grid-template-columns: calc(33% - 20px) calc(33% - 20px) calc(33% - 20px);
    justify-content: center;
    gap: 40px;
    margin-bottom: 100px;
    display: grid
}

@media (max-width:992px) {
    .team-grid {
        grid-template-columns: calc(50% - 20px) calc(50% - 20px)
    }
}

@media (max-width:768px) {
    .team-grid {
        grid-template-columns: 100%
    }
}

.team-grid .team-member {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 0 45px 10px #171d2814
}

.team-grid .team-member .member-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1;
    object-position: center
}

.team-grid .team-member .member-content {
    padding: 36px 32px
}

.team-grid .team-member .member-content .member-name {
    color: #03004e;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px
}

.team-grid .team-member .member-content .position {
    color: #03004e;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.team-grid .team-member .member-content .footer {
    justify-content: space-between;
    margin-top: 30px;
    display: flex
}

.team-grid .team-member .member-content .footer .view-bio {
    color: #03004e;
    vertical-align: middle;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    display: flex
}

.team-grid .team-member .member-content .footer .view-bio:hover {
    text-decoration: none
}

.team-grid .team-member .member-content .footer .view-bio i {
    margin-left: 8px;
    font-size: 16px;
    transition: all .2s linear
}

.team-grid .team-member .member-content .footer .view-bio:hover i {
    transform: translate(4px)
}

.team-grid .team-member .member-content .links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

.team-grid .team-member .member-content .links li {
    margin: 0 6px
}

.team-grid .team-member .member-content .links li a {
    color: #1b5fd4
}

.team-grid .team-member .member-content .links li a i {
    color: inherit;
    font-size: 16px;
    transition: inherit
}

.team-grid .team-member .member-content .links li a:hover {
    color: #fff
}

.entry {
    margin-bottom: 60px;
    display: flex
}

@media (max-width:768px) {
    .entry {
        flex-direction: column
    }
}

.entry .entry-image {
    max-width: 320px;
    aspect-ratio: 16/10;
    background-color: #e7f0fb;
    flex: 0 0 320px;
    margin-right: 40px;
    position: relative;
    overflow: hidden
}

.entry .entry-image:after {
    content: "";
    content: "";
    padding-bottom: 62.5%;
    display: block
}

.entry .entry-image img {
    height: auto;
    width: 100%;
    object-fit: cover;
    object-fit: contain;
    aspect-ratio: 16/10;
    max-width: 100%;
    max-height: 100%;
    background-color: #e7f0fb;
    margin: auto;
    transition: transform 1.2s cubic-bezier(.16, 1, .3, 1);
    position: absolute;
    inset: 0
}

.entry .entry-image:hover img {
    transform: scale(1.05)
}

@media (max-width:992px) {
    .entry .entry-image {
        width: 250px;
        flex: initial;
        max-width: initial
    }
    .entry .entry-image img {
        min-width: 250px
    }
}

@media (max-width:768px) {
    .entry .entry-image {
        width: 100%;
        margin-bottom: 30px
    }
    .entry .entry-image img {
        width: 100%;
        min-width: initial
    }
}

.entry .entry-content {
    z-index: 7
}

.entry .entry-content .entry-title {
    margin-bottom: 20px;
    display: block
}

.entry .entry-content .entry-title * {
    color: #03004e;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all .2s linear;
    display: -webkit-box;
    overflow: hidden
}

.entry .entry-content .entry-title :hover {
    color: #1b5fd4
}

.entry .entry-content .entry-category {
    color: #1b5fd4;
    letter-spacing: 0;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    display: inline-block
}

.entry .entry-content .entry-date {
    color: #58595a;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 22px
}

@media (min-width:768px) {
    .entry.entry-featured {
        aspect-ratio: 16/10;
        margin-bottom: 120px;
        position: relative
    }
    .entry.entry-featured:hover .entry-image img {
        transform: scale(1.05)
    }
    .entry.entry-featured:after {
        content: "";
        width: 100%;
        height: 1px;
        border-top: 1px solid #e9e9f0;
        display: block;
        position: absolute;
        bottom: -60px
    }
    .entry.entry-featured .entry-image {
        width: initial;
        max-width: initial;
        flex: initial;
        border-radius: 6px;
        margin: 0;
        position: absolute;
        inset: 0;
        overflow: hidden
    }
    .entry.entry-featured .entry-image:after {
        content: "";
        z-index: 6;
        background: linear-gradient(#0b111800 .0999987%, #0b1118b3 100%);
        position: absolute;
        inset: 0
    }
    .entry.entry-featured .entry-image img {
        border-radius: 6px
    }
    .entry.entry-featured .entry-link {
        z-index: 7;
        position: absolute;
        inset: 0
    }
    .entry.entry-featured .entry-content {
        z-index: 8;
        position: absolute;
        bottom: 40px;
        left: 40px;
        right: 70px
    }
    .entry.entry-featured .entry-content .entry-title * {
        color: #fff;
        letter-spacing: 1px;
        font-size: 24px;
        font-weight: 800;
        line-height: 34px
    }
    .entry.entry-featured .entry-content .entry-category {
        color: #fff;
        letter-spacing: 0;
        background-color: #1b5fd4;
        border-radius: 4px;
        margin-bottom: 25px;
        margin-right: 16px;
        padding: 7px 16px;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        display: inline-block
    }
    .entry.entry-featured .entry-content .entry-date {
        color: #fff;
        letter-spacing: 0;
        font-size: 16px;
        line-height: 22px
    }
}

.entry.search-result {
    margin-bottom: 50px
}

@media (max-width:768px) {
    .entry.search-result {
        flex-direction: row
    }
}

.entry.search-result .entry-icon {
    margin-right: 34px
}

.entry.search-result .entry-icon i {
    font-size: 64px
}

.entry.search-result .entry-content {
    border-bottom: 1px solid #e9e9f0;
    flex-grow: 1;
    padding-bottom: 50px
}

.entry.search-result .entry-type {
    color: #1b5fd4;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.entry.search-result .entry-category {
    color: #58595a;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    display: inline-block
}

.entry.search-result .entry-category:hover {
    color: #1b5fd4
}

.entry.search-result .entry-category:last-of-type:after {
    content: "";
    border-left: 1px solid #868686;
    margin: 0 16px
}

.entry.search-result .entry-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    display: inline-block
}

.entry.search-result .entry-excerpt {
    margin-bottom: 32px
}

.site-search {
    z-index: 99999;
    max-height: 100vh;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.site-search .site-search-overlay {
    opacity: 0;
    background-color: #0b111bd9;
    transition: opacity .4s linear;
    position: fixed;
    inset: 0
}

.site-search .site-search-close {
    height: 64px;
    width: 64px;
    opacity: 0;
    background-color: #1b5fd4;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: opacity .2s linear;
    display: flex;
    position: absolute;
    top: 40px;
    right: 40px
}

.site-search .site-search-close i {
    color: #fff;
    font-size: 12px
}

.site-search .search-container {
    opacity: 0;
    transition: opacity .2s linear, transform .3s ease-out;
    transform: translateY(100px)
}

.site-search .search-title {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-size: 48px;
    font-weight: 800;
    line-height: 65px
}

.site-search .search-box {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.site-search .search-box i.cwaicon-search {
    height: 16px;
    pointer-events: none;
    color: #1b5fd4;
    margin: auto 0;
    font-size: 16px;
    line-height: 16px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24px
}

.site-search .search-box input[type=text] {
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    outline: none;
    padding: 21px 56px;
    box-shadow: 0 0 20px 4px #171d2814
}

.site-search .search-box input[type=submit] {
    letter-spacing: 1px;
    border: none;
    outline: none;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 8px
}

body.search-active .site-search {
    pointer-events: all
}

body.search-active .site-search .search-container {
    opacity: 1;
    transition: opacity .3s linear .5s, transform .5s ease-out .3s;
    transform: translateY(0)
}

body.search-active .site-search .site-search-overlay {
    opacity: 1
}

body.search-active .site-search .site-search-close {
    opacity: 1;
    transition: opacity .2s linear .4s
}






/* --- LOGIN OVERLAY --- */
.site-login {
    z-index: 99999;
    max-height: 100vh;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.site-login .site-login-overlay {
    opacity: 0;
    background-color: #0b111bd9;
    transition: opacity .4s linear;
    position: fixed;
    inset: 0;
}

.site-login .site-login-close {
    height: 64px;
    width: 64px;
    opacity: 0;
    background-color: #1b5fd4;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: opacity .2s linear;
    display: flex;
    position: absolute;
    top: 40px;
    right: 40px;
}

.site-login .site-login-close i {
    color: #fff;
    font-size: 12px;
}

.site-login .login-container {
    max-width: 900px; /* increased from natural 560-ish */
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .2s linear, transform .3s ease-out;
    transform: translateY(100px);
}

.site-login .login-title {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 38px;
    font-weight: 800;
    line-height: 50px;
}

.site-login .login-box {
    width: 100%;
    padding: 30px;
    border-radius: 12px;
    background-color: #171d28;
    box-shadow: 0 0 25px 8px #00000040;
}

.site-login .login-box input[type=text] {
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    outline: none;
    padding: 21px 56px;
    box-shadow: 0 0 20px 4px #171d2814
}

/* ACTIVE STATE */
body.login-active .site-login {
    pointer-events: all;
}

body.login-active .site-login .login-container {
    opacity: 1;
    transition: opacity .3s linear .5s, transform .5s ease-out .3s;
    transform: translateY(0);
}

body.login-active .site-login .site-login-overlay {
    opacity: 1;
}

body.login-active .site-login .site-login-close {
    opacity: 1;
    transition: opacity .2s linear .4s;
}








section[class*=section-content] {
    margin-bottom: 75px;
    padding: 0
}

section[class*=section-content] .row {
    align-items: center
}

section[class*=section-content] .text-block {
    max-width: 600px;
    margin-bottom: 50px
}

section[class*=section-content] .text-block .text-block-title {
    color: #03004e;
    margin-bottom: 42px
}

section[class*=section-content] .text-block .text-block-title:after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 30px 0 0;
    display: block
}

section[class*=section-content].mb-small {
    margin-bottom: 64px
}

section.section-gallery {
    margin-bottom: 130px
}

.gallery-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 80px;
    display: grid
}

@media (max-width:1200px) {
    .gallery-container {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px
    }
}

@media (max-width:992px) {
    .gallery-container {
        grid-template-columns: 1fr 1fr;
        gap: 40px
    }
}

.gallery-container .gallery-item {
    background-color: #fff;
    border-radius: 18.09px;
    overflow: hidden;
    box-shadow: 0 0 34px 8px #171d2814
}

.gallery-container .gallery-item .image img {
    width: 100%;
    height: auto;
    aspect-ratio: 26/21;
    object-fit: cover;
    display: block
}

.gallery-container .gallery-item .content {
    padding: 22px 24px
}

.gallery-container .gallery-item .content .title {
    letter-spacing: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px
}

.accordion {
    margin-bottom: 80px
}

.accordion .accordion-item {
    background-color: #0000
}

.accordion.accordion-flush .accordion-item {
    border-bottom: 1px solid #e9e9f0
}

.accordion.accordion-flush .accordion-item:first-child {
    border-top: 1px solid #e9e9f0
}

.accordion button.accordion-button {
    color: #03004e;
    letter-spacing: .5px;
    box-shadow: none;
    border-bottom: none;
    outline: none;
    padding: 32px 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: color .2s linear, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s
}

.accordion button.accordion-button:hover {
    color: #1b5fd4
}

.accordion button.accordion-button:after {
    width: 24px;
    height: 24px;
    height: 24px;
    width: 24px;
    content: "";
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1b5fd4;
    background-image: none;
    border: 1px solid #e9e9f0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 6px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: all .3s linear;
    display: flex;
    font-family: cwa !important
}

.accordion button.accordion-button.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: #f3f6fb
}

.accordion button.accordion-button.accordion-button:not(.collapsed):after {
    color: #fff;
    background-color: #1b5fd4;
    background-image: none
}

.accordion button.accordion-button * {
    margin: 0
}

.accordion .accordion-body {
    padding: 16px
}

.accordion .accordion-body p {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 32px
}

section.section-narrow-content {
    margin-bottom: 100px
}

section.section-narrow-content .container {
    max-width: 820px
}

.newsletter-form,
.password-page-form {
    width: 100%;
    max-width: 560px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    display: flex;
    position: relative
}

.newsletter-form .gform_confirmation_message,
.password-page-form .gform_confirmation_message {
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px
}

.newsletter-form .gform_body.gform-body,
.password-page-form .gform_body.gform-body {
    margin-right: 16px
}

.newsletter-form .ginput_container_email,
.password-page-form .ginput_container_email {
    border-radius: 8px;
    box-shadow: 0 0 45px 10px #171d2814
}

.newsletter-form input[type=email],
.newsletter-form input[type=text],
.password-page-form input[type=email],
.password-page-form input[type=text] {
    width: 100%;
    letter-spacing: .5px;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    outline: none;
    margin-right: 16px;
    padding: 24px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding: 18px 24px !important
}

.newsletter-form input[type=submit],
.password-page-form input[type=submit] {
    letter-spacing: 1px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    background-color: #1b5fd4;
    border: none;
    border-radius: 6px;
    outline: none;
    justify-content: center;
    align-items: center;
    padding: 18px 32px 16px;
    
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    transition: all .2s linear;
    display: inline-block;
    position: relative
}

.newsletter-form input[type=submit]:focus,
.password-page-form input[type=submit]:focus {
    outline: none
}

.newsletter-form input[type=submit] i,
.password-page-form input[type=submit] i {
    color: #fff;
    margin-left: 16px;
    font-size: 16px
}

.newsletter-form input[type=submit]:hover,
.password-page-form input[type=submit]:hover {
    color: #fff;
    background-color: #03004e
}

.newsletter-form input[type=submit][disabled],
.password-page-form input[type=submit][disabled] {
    pointer-events: none;
    color: #9eabbf;
    background-color: #eaeef4
}

@media (max-width:768px) {
    .newsletter-form,
    .password-page-form {
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        padding: 0 30px;
        display: flex
    }
    .newsletter-form .gform_body.gform-body,
    .password-page-form .gform_body.gform-body {
        margin-right: 0
    }
    .newsletter-form input[type=submit],
    .password-page-form input[type=submit] {
        width: 100%
    }
}

.password-page-form {
    padding: 0;
    position: relative
}

.password-page-form form {
    display: flex
}

.password-page-form input[type=password] {
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 6px;
    outline: none;
    margin-right: 16px;
    padding: 22px 36px 22px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    box-shadow: 0 0 20px 4px #171d2814
}

.password-page-form input[type=password]::placeholder {
    color: #acabc5
}

.password-page-form button[type=submit] {
    height: 16px;
    pointer-events: none;
    color: #1b5fd4;
    cursor: pointer;
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.pagination {
    border-top: 1px solid #e9e9f0;
    align-items: center;
    padding: 40px 0;
    list-style: none;
    display: flex
}

.pagination .page-numbers {
    color: #03004e;
    letter-spacing: 0;
    margin: 0 9px;
    padding: 0 3px;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px
}

.pagination .page-numbers:hover {
    color: #1b5fd4
}

.pagination .page-numbers.current {
    color: #1b5fd4;
    font-weight: 800
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    color: #a7b6cc;
    font-size: 20px
}

.pagination .page-numbers.prev i,
.pagination .page-numbers.next i {
    color: inherit
}

.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover {
    color: #1b5fd4
}

.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-h6,
.tribe-common a,
.tribe-common abbr,
.tribe-common acronym,
.tribe-common address,
.tribe-common applet,
.tribe-common article,
.tribe-common aside,
.tribe-common audio,
.tribe-common b,
.tribe-common big,
.tribe-common blockquote,
.tribe-common canvas,
.tribe-common caption,
.tribe-common center,
.tribe-common cite,
.tribe-common code,
.tribe-common dd,
.tribe-common del,
.tribe-common details,
.tribe-common dfn,
.tribe-common div,
.tribe-common dl,
.tribe-common dt,
.tribe-common em,
.tribe-common embed,
.tribe-common fieldset,
.tribe-common figcaption,
.tribe-common figure,
.tribe-common footer,
.tribe-common form,
.tribe-common h1,
.tribe-common h2,
.tribe-common h3,
.tribe-common h4,
.tribe-common h5,
.tribe-common h6,
.tribe-common header,
.tribe-common i,
.tribe-common iframe,
.tribe-common img,
.tribe-common ins,
.tribe-common kbd,
.tribe-common label,
.tribe-common legend,
.tribe-common li,
.tribe-common main,
.tribe-common mark,
.tribe-common menu,
.tribe-common nav,
.tribe-common object,
.tribe-common ol,
.tribe-common output,
.tribe-common p,
.tribe-common pre,
.tribe-common q,
.tribe-common ruby,
.tribe-common s,
.tribe-common samp,
.tribe-common section,
.tribe-common small,
.tribe-common span,
.tribe-common strike,
.tribe-common strong,
.tribe-common sub,
.tribe-common summary,
.tribe-common sup,
.tribe-common table,
.tribe-common tbody,
.tribe-common td,
.tribe-common tfoot,
.tribe-common th,
.tribe-common thead,
.tribe-common time,
.tribe-common tr,
.tribe-common tt,
.tribe-common u,
.tribe-common ul,
.tribe-common var,
.tribe-common video {

}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    min-height: 700px;
    padding-top: 0;
    padding-bottom: 160px
}

.tribe-events-ical,
.tribe-events-c-ical__link {
    display: none !important
}

.page-type-dashboard {
    min-height: 100vh;
    background-color: #f2f2f2;
    margin-left: 248px
}

.page-type-dashboard .main-container {
    padding: 64px 56px
}

.page-type-dashboard section.dashboard-header {
    justify-content: space-between;
    margin-bottom: 40px;
    display: flex
}

.page-type-dashboard section.dashboard-header .dashboard-title h1 {
    color: #25282a;
    letter-spacing: 0;
   
    font-size: 40px;
    font-weight: 900;
    line-height: 44px
}

.page-type-dashboard section.dashboard-header .dashboard-title .greeting {
    color: #687c99;
    letter-spacing: 0;
    margin: 13px 0 0;
    
    font-size: 16px;
    line-height: 18px
}

.page-type-dashboard section.dashboard-toolbar {
    justify-content: space-between;
    margin-bottom: 36px;
    display: flex
}

.page-type-dashboard section.dashboard-toolbar .toolbar-title {
    color: #25282a;
    letter-spacing: 0;
   
    font-size: 20px;
    font-weight: 900;
    line-height: 23px
}

.page-type-dashboard section.dashboard-toolbar .toolbar-options {
    align-items: center;
    display: flex
}

.page-type-dashboard section.dashboard-toolbar .view-toggle {
    margin-left: 32px
}

.page-type-dashboard section.dashboard-toolbar .view-toggle .view-switch {
    appearance: none;
    background: 0 0;
    border: none;
    outline: none;
    margin: 0 2px;
    padding: 4px
}

.page-type-dashboard section.dashboard-toolbar .view-toggle .view-switch i {
    color: #9dabc0;
    font-size: 12px;
    transition: all .2s linear
}

.page-type-dashboard section.dashboard-toolbar .view-toggle .view-switch.active i {
    color: #25282a
}

.page-type-dashboard section.dashboard-toolbar .view-toggle .view-switch:hover i {
    color: #0da3e0
}

.page-type-dashboard section.dashboard-toolbar .view-toggle .view-switch:last-child {
    margin-right: -4px
}

.page-type-dashboard .dashboard-search {
    width: 500px;
    height: fit-content;
    position: relative
}

.page-type-dashboard .dashboard-search i.ciamicon-search {
    color: #9dabc0;
    height: 16px;
    margin: auto 0;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 32px
}

.page-type-dashboard .dashboard-search input[type=text] {
    color: #9dabc0;
    letter-spacing: 0;
    background-color: #e8ebf0;
    border: none;
    border-radius: 4px;
    outline: none;
    margin: 0;
    padding: 24px 24px 24px 64px;
    
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    display: block
}

.page-type-dashboard .dashboard-search i.ciamicon-close,
.page-type-dashboard section.apps-view #appsTabs {
    display: none
}

.page-type-dashboard section.apps-view .app-item {
    z-index: 1;
    position: relative
}

.page-type-dashboard section.apps-view .app-item:before,
.page-type-dashboard section.apps-view .app-item:after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0
}

.page-type-dashboard section.apps-view .app-item:before {
    z-index: 2;
    transition: opacity .1s linear;
    box-shadow: 0 5px 5px -5px #1a203e21
}

.page-type-dashboard section.apps-view .app-item:after {
    z-index: 1;
    opacity: 0;
    transition: opacity .2s linear;
    box-shadow: 0 80px 120px #1a203e33
}

.page-type-dashboard section.apps-view .app-item_inner {
    z-index: 3;
    min-height: 100%;
    background-color: #fff;
    border-radius: 4.44px;
    padding: 32px;
    position: relative
}

.page-type-dashboard section.apps-view .app-item_image {
    margin-bottom: 26px
}

.page-type-dashboard section.apps-view .app-item_image img {
    height: 80px;
    width: 80px;
    object-fit: contain;
    border-radius: 4px
}

.page-type-dashboard section.apps-view .app-item_title {
    color: #25282a;
    letter-spacing: 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 13px;
   
    font-size: 24px;
    font-weight: 900;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden
}

.page-type-dashboard section.apps-view .app-item_description {
    color: #6c7273;
    letter-spacing: 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 36px;
    
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden
}

.page-type-dashboard section.apps-view .app-item_categories {
    display: flex
}

.page-type-dashboard section.apps-view .app-item_cat {
    color: #25282a;
    letter-spacing: 0;
   
    font-size: 16px;
    font-weight: 900;
    line-height: 18px
}

.page-type-dashboard section.apps-view .app-item_cat:not(:last-child):after {
    content: "";
    height: 4px;
    width: 4px;
    vertical-align: middle;
    background-color: #d0d3d4;
    border-radius: 50%;
    margin: 0 10px;
    display: inline-block
}

.page-type-dashboard section.apps-view .app-item_actions {
    opacity: 0;
    transition: opacity .2s linear;
    display: flex;
    position: absolute;
    top: 28px;
    right: 24px
}

.page-type-dashboard section.apps-view .app-item_launch-button .button-launch {
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    width: 100%;
    cursor: pointer;
    background-color: #0da3e0;
    border: none;
    border-radius: 36px;
    outline: none;
    padding: 8px 24px;
    
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    transition: all .2s linear;
    display: block;
    box-shadow: 0 16px 20px -3px #0086bc2e
}

.page-type-dashboard section.apps-view .app-item_launch-button .button-launch:focus {
    outline: none
}

.page-type-dashboard section.apps-view .app-item_launch-button .button-launch i {
    margin-left: 8px;
    font-size: 12px
}

.page-type-dashboard section.apps-view .app-item_launch-button .button-launch:hover {
    color: #fff;
    background-color: #0065a0
}

.page-type-dashboard section.apps-view .app-item_launch-button .button-launch[disabled] {
    pointer-events: none;
    color: #9eabbf;
    background-color: #eaeef4
}

.page-type-dashboard section.apps-view .app-item_dropdown-menu {
    position: relative
}

.page-type-dashboard section.apps-view .app-item_dropdown-menu .menu-toggle {
    height: 32px;
    width: 32px;
    cursor: pointer;
    background-color: #0000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    transition: background-color .2s linear;
    display: flex
}

.page-type-dashboard section.apps-view .app-item_dropdown-menu .menu-toggle i {
    color: #687c99;
    font-size: 16px
}

.page-type-dashboard section.apps-view .app-item_dropdown-menu .menu-toggle:hover {
    background-color: #eef1f5
}

.page-type-dashboard section.apps-view .app-item_dropdown-menu ul {
    min-width: 150px;
    z-index: 500;
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    border-radius: 4.44px;
    margin: 0;
    padding: 20px 0;
    list-style: none;
    transition: opacity .2s linear, transform .3s ease-out;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    transform: translateY(-10px);
    box-shadow: 0 15px 30px -2px #1a203e21
}

.page-type-dashboard section.apps-view .app-item_dropdown-menu ul li a {
    letter-spacing: 0;
    color: #25282a;
    padding: 9px 32px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    transition: all .2s linear;
    display: block
}

.page-type-dashboard section.apps-view .app-item_dropdown-menu ul li a:hover {
    color: #0da3e0
}

.page-type-dashboard section.apps-view .app-item_dropdown-menu[data-active] ul {
    pointer-events: all;
    opacity: 1;
    transform: translateY(0)
}

.page-type-dashboard section.apps-view .app-item:hover {
    z-index: 2
}

.page-type-dashboard section.apps-view .app-item:hover:before {
    opacity: 0
}

.page-type-dashboard section.apps-view .app-item:hover:after,
.page-type-dashboard section.apps-view .app-item:hover .app-item_actions {
    opacity: 1
}

.page-type-dashboard section.apps-view .app-item[data-menu-active] {
    z-index: 2
}

.page-type-dashboard section.apps-view .app-item[data-menu-active] .app-item_actions {
    opacity: 1
}

.page-type-dashboard section.apps-view .app-item[data-menu-active] .app-item_dropdown-menu ul {
    pointer-events: all;
    opacity: 1;
    transform: translateY(0)
}

.page-type-dashboard section.apps-view .apps-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
    display: grid
}

@media screen and (min-width:992px) {
    .page-type-dashboard section.apps-view .apps-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1300px) {
    .page-type-dashboard section.apps-view .apps-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:1800px) {
    .page-type-dashboard section.apps-view .apps-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (min-width:2300px) {
    .page-type-dashboard section.apps-view .apps-grid {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (min-width:2800px) {
    .page-type-dashboard section.apps-view .apps-grid {
        grid-template-columns: repeat(6, 1fr)
    }
}

.page-type-dashboard section.apps-view .apps-list .app-item {
    margin-bottom: 24px
}

.page-type-dashboard section.apps-view .apps-list .app-item_inner {
    justify-content: flex-start;
    display: flex
}

.page-type-dashboard section.apps-view .apps-list .app-item_image {
    margin-bottom: 0;
    margin-right: 32px
}

.page-type-dashboard section.apps-view .apps-list .app-item_title {
    vertical-align: middle;
    display: inline-block;
    overflow: visible
}

.page-type-dashboard section.apps-view .apps-list .app-item_description {
    -webkit-line-clamp: 2;
    margin: 0
}

.page-type-dashboard section.apps-view .apps-list .app-item_categories {
    height: 26px;
    vertical-align: middle;
    border-left: 1px solid #d0d3d4;
    align-items: center;
    margin-bottom: 13px;
    margin-left: 16px;
    padding-left: 16px;
    line-height: 26px;
    display: inline-flex
}

.page-type-dashboard section.apps-view .apps-list .app-item_actions {
    opacity: 1;
    right: initial;
    top: initial;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: auto;
    padding-left: 24px;
    position: relative
}

.page-header {
    margin-bottom: 40px;
    padding: 160px 0 125px;
    position: relative;
    overflow: hidden
}

@media (max-width:768px) {
    .page-header {
        margin-bottom: 0;
        padding: 150px 0 100px
    }
}

.page-header .page-title {
    text-align: center;
    color: #03004e;
    max-width: 750px;
    clip-path: path("M 0 185.67 C 159.987 205.661 354.707 194.692 584.161 152.765 C 811.32 111.256 1103.49 123.491 1440 205.67 L 1440 293 L 0 293 L 0 185.67 Z");
    margin: 0 auto;
    padding-bottom: 24px;
    position: relative;
    clip-path: none !important
}

.page-header .page-title h1 {
    color: #03004e;
    text-align: center;
    text-transform: uppercase;
    font-size: 56px;
    font-style: normal;
    font-weight: 800;
    line-height: 56px
}

@media (max-width:768px) {
    .page-header .page-title h1 {
        font-size: 48px;
        line-height: 48px
    }
}

.page-header .page-title:after {
    content: "";
    width: 64px;
    height: 4px;
    background-color: #cbe2ff;
    margin: 0 auto;
    transition: transform .3s ease-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.page-header .page-title.show-line:after {
    transform: scaleX(1)
}

.page-header .page-subtitle {
    max-width: 620px;
    text-align: center;
    margin: 14px auto 0
}

.page-header .page-subtitle span {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #58595a;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px
}

.page-header .container {
    z-index: 3;
    position: relative
}

.page-header .page-header-background {
    z-index: 1;
    background-color: #f5f9fe;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    inset: 0
}

.page-header .page-header-background .overlay {
    opacity: 0;
    background-color: #0b11188c;
    position: absolute;
    inset: 0
}

.page-header .page-header-background .overlay:after {
    content: "";
    background: linear-gradient(#0b11188c 8.71%, #0b111800 34.03%);
    position: absolute;
    inset: 0
}

.page-header .svg-container {
    height: 108px;
    z-index: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.page-header .svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: -2000px;
    right: -2000px
}

.page-header .svg-container svg #wave {
    visibility: hidden
}

.page-header.page-header-image .page-header-background {
    background-color: #0000
}

.page-header.page-header-image .page-header-background .overlay {
    opacity: 1
}

.page-header.page-header-image .page-title,
.page-header.page-header-image .page-title h1,
.page-header.page-header-image .page-subtitle span {
    color: #fff
}

.post-header {
    margin-bottom: 40px;
    padding: 160px 0 100px;
    position: relative;
    overflow: hidden
}

@media (max-width:768px) {
    .post-header {
        margin-bottom: 0;
        padding: 120px 0 100px
    }
}

.post-header .post-image {
    max-height: 350px;
    aspect-ratio: 16/10;
    background-color: #e7f0fb;
    border-radius: 4px;
    margin-bottom: 40px;
    position: relative
}

.post-header .post-image:after {
    content: "";
    content: "";
    padding-bottom: 62.5%;
    display: block
}

.post-header .post-image img {
    height: auto;
    width: 100%;
    object-fit: cover;
    object-fit: contain;
    aspect-ratio: 16/10;
    max-width: 100%;
    max-height: 100%;
    background-color: #e7f0fb;
    margin: auto;
    position: absolute;
    inset: 0
}

@media (min-width:992px) {
    .post-header .post-meta {
        padding-left: 65px
    }
}

.post-header .post-meta .post-title {
    color: #03004e;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: 800;
    line-height: 56px
}

.post-header .post-meta .post-categories {
    margin-bottom: 24px
}

.post-header .post-meta .post-categories .category {
    color: #fff;
    cursor: pointer;
    background: #1b5fd4;
    border-radius: 4px;
    margin-right: 16px;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    display: inline-block
}

.post-header .post-meta .details .post-date,
.post-header .post-meta .details .read-time {
    color: #868686;
    align-items: center;
    margin-right: 20px;
    font-size: 16px;
    line-height: 22px;
    display: inline-flex
}

.post-header .post-meta .details .post-date i,
.post-header .post-meta .details .read-time i {
    color: #3a3a3a;
    margin-right: 8px;
    font-size: 18px
}

.post-header .page-title {
    text-align: center;
    color: #03004e;
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 24px;
    position: relative
}

.post-header .page-title h1 {
    color: #03004e;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 56px;
    font-style: normal;
    font-weight: 800;
    line-height: 56px
}

.post-header .page-title:after {
    content: "";
    width: 64px;
    height: 4px;
    background-color: #cbe2ff;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.post-header .page-subtitle {
    max-width: 620px;
    text-align: center;
    margin: 14px auto 0
}

.post-header .page-subtitle span {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #58595a;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px
}

.post-header .container {
    z-index: 5;
    position: relative
}

.post-header .page-header-background {
    z-index: 1;
    background-color: #f5f9fe;
    background-size: cover;
    position: absolute;
    inset: 0
}

.post-header .page-header-background .overlay {
    opacity: 0;
    background-color: #0b11188c;
    position: absolute;
    inset: 0
}

.post-header .page-header-background .overlay:after {
    content: "";
    background: linear-gradient(#0b11188c 8.71%, #0b111800 34.03%);
    position: absolute;
    inset: 0
}

.post-header .svg-container {
    height: 120px;
    z-index: 200;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.post-header .svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: -2000px;
    right: -2000px
}

.post-header.page-header-image .page-header-background {
    background-color: #0000
}

.post-header.page-header-image .page-header-background .overlay {
    opacity: 1
}

.post-header.page-header-image .page-title,
.post-header.page-header-image .page-title h1,
.post-header.page-header-image .page-subtitle span {
    color: #fff
}

.single-post .entry-content {
    margin-bottom: 250px
}

@media (max-width:992px) {
    .single-post .article-share {
        display: none
    }
}

.single-post .article-share .title {
    color: #1b5fd4;
    margin-bottom: 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px
}

.single-post .article-share ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.single-post .article-share ul li {
    margin-right: 44px
}

.single-post .article-share ul li a i {
    color: #a7b6cc;
    font-size: 30px;
    transition: all .2s linear
}

.single-post .article-share ul li a:hover i {
    color: #03004e
}

.single-post .post-content-share {
    border-top: 1px solid #e9e9f0;
    border-bottom: 1px solid #e9e9f0;
    justify-content: space-between;
    margin-top: 64px;
    padding: 38px 0;
    display: flex
}

@media (max-width:768px) {
    .single-post .post-content-share {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }
}

.single-post .post-content-share .title {
    color: #58595a;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 36px
}

@media (max-width:768px) {
    .single-post .post-content-share .title {
        margin-bottom: 30px
    }
}

.single-post .post-content-share .links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.single-post .post-content-share .links ul li {
    margin: 0 20px
}

@media (min-width:768px) {
    .single-post .post-content-share .links ul li {
        margin-left: 44px
    }
}

.single-post .post-content-share .links ul li a i {
    color: #a7b6cc;
    font-size: 30px;
    transition: all .2s linear
}

.single-post .post-content-share .links ul li a:hover i {
    color: #03004e
}

.section-hero {
    padding: 0
}

.section-hero .scroll-down-container {
    z-index: 55;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    position: absolute;
    bottom: 237px;
    left: 0;
    right: 0
}

@media (max-width:768px) {
    .section-hero .scroll-down-container {
        display: none
    }
}

.section-hero .scroll-down-container .slider-scroll {
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 0;
    transform: rotate(90deg)
}

.section-hero .scroll-down-container .slider-scroll:hover {
    text-decoration: none
}

.section-hero .scroll-down-container .slider-scroll i {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 24px;
    transition: transform .5s cubic-bezier(.16, 1, .3, 1);
    display: inline-block;
    transform: rotate(-90deg)
}

.section-hero .scroll-down-container .slider-scroll:hover i {
    transform: rotate(-90deg)translateY(5px)
}

.section-hero .tns-controls {
    z-index: 50;
    max-width: 1280px;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    position: absolute;
    top: calc(50% - 32px);
    left: 0;
    right: 0
}

@media (max-width:768px) {
    .section-hero .tns-controls {
        display: none
    }
}

.section-hero .tns-controls button {
    color: #fff;
    font-size: 32px
}

.section-hero .tns-controls button i {
    transition: transform .5s cubic-bezier(.16, 1, .3, 1);
    display: block
}

.section-hero .tns-controls button[data-controls=prev]:hover i {
    transform: translate(-5px)
}

.section-hero .tns-controls button[data-controls=next]:hover i {
    transform: translate(5px)
}

.section-hero .tns-nav {
    z-index: 50;
    max-width: 1280px;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
    display: flex;
    position: absolute;
    bottom: 160px;
    left: 0;
    right: 0
}

.section-hero .tns-nav button {
    width: 10px;
    height: 10px;
    background-color: #0000;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 5px;
    transition: background-color .2s linear
}

.section-hero .tns-nav button.tns-nav-active {
    background-color: #fff
}

.section-hero .hero-slider {
    height: 90vh;
    max-height: 800px;
    width: 100%;
    min-height: 690px
}

.section-hero .hero-slider .slide {
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 140px 0 200px;
    display: inline-flex
}

.section-hero .hero-slider .slide .slide-bg {
    z-index: 1;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    inset: 0
}

.section-hero .hero-slider .slide .slide-bg .overlay {
    z-index: 1;
    position: absolute;
    inset: 0
}

.section-hero .hero-slider .slide .slide-bg .overlay:before,
.section-hero .hero-slider .slide .slide-bg .overlay:after {
    content: "";
    z-index: 2;
    position: absolute;
    inset: 0
}

.section-hero .hero-slider .slide .slide-bg .overlay:before {
    background: linear-gradient(90deg, #0b11188c 0%, #0b111800 99.9%)
}

.section-hero .hero-slider .slide .slide-bg .overlay.no-text:before {
    display: none
}

.section-hero .hero-slider .slide .slide-bg .overlay:after {
    opacity: .35;
    height: 150px;
    background: linear-gradient(#000, #0000);
    top: 0;
    left: 0;
    right: 0
}

.section-hero .hero-slider .slide .container {
    z-index: 7;
    padding: 0 114px
}

@media (max-width:768px) {
    .section-hero .hero-slider .slide .container {
        padding: 0 24px
    }
}

.section-hero .hero-slider .slide .content {
    max-width: 640px
}

.section-hero .hero-slider .slide .content h2 {
    color: #fff;
    margin: 0;
    font-size: 58px;
    line-height: 58px
}

.section-hero .hero-slider .slide .content h2:after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 23px 0 40px;
    display: block
}

.section-hero .hero-slider .slide .content p {
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 44px;
    font-size: 20px;
    line-height: 28px
}

@media (max-width:1200px) {
    .section-hero .hero-slider .slide .content h2 {
        font-size: 42px;
        line-height: 46px
    }
    .section-hero .hero-slider .slide .content p {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width:992px) {
    .section-hero .hero-slider .slide .content h2 {
        font-size: 36px;
        line-height: 40px
    }
    .section-hero .hero-slider .slide .content p {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width:768px) {
    .section-hero .hero-slider .slide .content h2 {
        font-size: 32px;
        line-height: 36px
    }
    .section-hero .hero-slider .slide .content p {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px
    }
}

.section-hero .hero-svg-container {
    clip-path: path("M 0 60 C 480 60 480 60 960 60 C 1440 60 1440 60 1920 60 C 2400 60 2400 60 2880 60 C 3360 60 3360 60 3840 60 L 3840 5994.5 L 0 5994.5 Z");
    background-color: #fff;
    padding-top: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.section-hero .hero-svg-container svg {
    height: 150px;
    z-index: 200;
    position: absolute;
    top: 37px;
    left: 0;
    right: 0
}

.section-hero .hero-svg-container .primary {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    top: 30px;
    left: -2000px;
    right: -2000px
}

.section-hero .hero-svg-container .primary #hero-wave {
    visibility: hidden
}

.section-hero .hero-svg-container .hero-svg-1 {
    z-index: 205
}

.section-hero .hero-svg-container .hero-svg-2 {
    z-index: 204;
    transform: rotate(180deg)
}

.section-hero .hero-svg-container .hero-svg-3 {
    z-index: 203;
    transform: rotate(180deg)
}

.section-hero .hero-svg-container .hero-svg-4 {
    z-index: 202;
    transform: rotate(180deg)
}

.section-about-boxes {
    z-index: 2;
    padding: 0 0 30px;
    position: relative
}

.section-about-boxes .about-box {
    min-height: 100%;
    min-height: calc(100% - 40px);
    background-color: #fff;
    border-radius: 6px 6px 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 25px 40px;
    padding: 56px 40px 48px;
    transition: opacity .2s linear;
    display: flex;
    box-shadow: 0 0 45px 10px #171d2814
}

.section-about-boxes .about-box.hover-fade {
    opacity: .6
}

.section-about-boxes .about-box.hover-fade:hover {
    opacity: 1
}

.section-about-boxes .about-box .icon {
    height: 75px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    display: flex
}

.section-about-boxes .about-box .content {
    text-align: center
}

.section-about-boxes .about-box .content .title {
    color: #3a3a3a;
    letter-spacing: .83px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px
}

.section-about-boxes .about-box .content p {
    color: #58595a;
    letter-spacing: 0;
    text-align: center;
    min-height: 48px;
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px
}

.section-about-boxes .about-box .content a {
    color: #1b5fd4;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    display: block
}

.section-latest-news {
    z-index: 1;
    padding: 70px 0;
    position: relative
}

.section-latest-news:after {
    content: "";
    z-index: -1;
    background-color: #f5faff;
    position: absolute;
    inset: 200px 0
}

.section-latest-news .top-svg-container {
    height: 580px;
    width: 100%;
    z-index: -1;
    position: absolute;
    bottom: calc(100% - 300px)
}

.section-latest-news .top-svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: -2000px;
    right: -2000px
}

.section-latest-news .bot-svg-container {
    height: 580px;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: calc(100% - 200px)
}

.section-latest-news .bot-svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: -2000px;
    right: -2000px
}

.section-latest-news .tns-outer {
    margin-top: -90px;
    margin-bottom: 0;
    position: relative
}

.section-latest-news .tns-outer .tns-controls {
    z-index: 50;
    max-width: 1280px;
    width: 100%;
    justify-content: flex-end;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    position: absolute;
    top: -69px;
    left: 0;
    right: 0
}

@media (max-width:768px) {
    .section-latest-news .tns-outer .tns-controls {
        top: -55px;
        right: 16px
    }
}

.section-latest-news .tns-outer .tns-controls button {
    color: #1b5fd4;
    margin: 0 6px;
    font-size: 32px
}

.section-latest-news .slider-progress {
    width: 100%;
    height: 5px;
    border-bottom: 1px solid #cbe2ff;
    margin-bottom: 55px;
    position: relative;
    overflow: hidden
}

.section-latest-news .slider-progress span {
    width: 228px;
    height: 4px;
    cursor: pointer;
    background-color: #1b5fd4;
    transition: all .3s ease-out;
    display: block;
    position: absolute
}

.section-latest-news .latest-news-slider {
    padding: 50px 0
}

.section-latest-news .latest-news-slider:not(.tns-slider) {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    display: grid
}

.section-latest-news .latest-news-slider:not(.tns-slider) .post-slide {
    width: auto
}

.section-latest-news .latest-news-slider .tns-nav {
    position: absolute
}

.section-latest-news .latest-news-slider .slide.tns-item {
    width: 398px;
    border-radius: 6px;
    margin-right: 16px;
    padding: 25px 24px 44px;
    position: relative
}

.section-latest-news .latest-news-slider .slide.tns-item .slide-link {
    z-index: 5;
    position: absolute;
    inset: 0
}

.section-latest-news .latest-news-slider .slide.tns-item:after {
    content: "";
    opacity: 0;
    z-index: -1;
    background-color: #fff;
    border-radius: 6px;
    transition: opacity .3s linear;
    position: absolute;
    inset: 0;
    box-shadow: 0 0 45px 10px #171d2814
}

.section-latest-news .latest-news-slider .slide.tns-item:hover:after {
    opacity: 1
}

.section-latest-news .latest-news-slider .slide.tns-item .image {
    margin-bottom: 40px
}

.section-latest-news .latest-news-slider .slide.tns-item .image img {
    height: auto;
    width: 100%;
    object-fit: contain;
    aspect-ratio: 16/10;
    background-color: #cbe2ff
}

.section-latest-news .latest-news-slider .slide.tns-item .category {
    color: #1b5fd4;
    letter-spacing: 0;
    margin-bottom: 21px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    display: block
}

.section-latest-news .latest-news-slider .slide.tns-item .title {
    color: #03004e;
    letter-spacing: 1px;
    min-height: 81px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px;
    display: block
}

.section-latest-news .latest-news-slider .slide.tns-item .date {
    color: #08cfb4;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px
}

@media (max-width:768px) {
    .section-latest-news .latest-news-slider .slide.tns-item {
        width: 85vw
    }
}

.section-vision {
    padding: 115px 0 0
}

.section-vision .pipes-image img {
    width: 100%;
    height: auto
}

.section-who-we-are {
    z-index: 1;
    padding: 185px 0;
    position: relative
}

.section-who-we-are .svg-container {
    z-index: 2;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    inset: 0
}

.section-who-we-are .svg-container svg {
    opacity: 0
}

.section-who-we-are .section-background {
    z-index: 1;
    background-size: cover;
    position: absolute;
    inset: 0
}

.section-who-we-are .section-background:before {
    content: "";
    z-index: 2;
    opacity: .55;
    background-color: #0f1c2b;
    position: absolute;
    inset: 0
}

.section-who-we-are .container {
    z-index: 3;
    position: relative
}

.section-by-the-numbers {
    z-index: 1;
    margin-top: 40px;
    position: relative
}

.section-by-the-numbers .bot-svg-container {
    height: 580px;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: calc(100% - 200px)
}

.section-by-the-numbers .bot-svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: -2000px;
    right: -2000px;
    transform: scaleX(-1)
}

.section-by-the-numbers p {
    margin-top: 20px;
    margin-bottom: 30px
}

@media (max-width:768px) {
    .section-by-the-numbers .section-heading {
        margin-bottom: 30px
    }
    .section-by-the-numbers .section-heading .section-title {
        text-align: center
    }
    .section-by-the-numbers .section-heading .section-title:after {
        margin-left: auto
    }
    .section-by-the-numbers p {
        text-align: center
    }
    .section-by-the-numbers .button-primary {
        width: fit-content;
        margin: 0 auto 20px;
        display: block
    }
    .section-by-the-numbers .image-block {
        margin: 0
    }
}

.section-members {
    z-index: 4;
    background-color: #02213f;
    padding: 90px 0 150px;
    position: relative
}

.section-members .members-slider_container {
    margin-bottom: 50px;
    padding: 0 85px
}

.section-members .tns-ovh {
    overflow: visible
}

.section-members .tns-controls {
    z-index: 50;
    max-width: 1280px;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    position: absolute;
    top: calc(50% - 32px);
    left: 0;
    right: 0
}

@media (max-width:768px) {
    .section-members .tns-controls {
        display: none
    }
}

.section-members .tns-controls button {
    color: #385877;
    font-size: 32px;
    transition: color .2s linear
}

.section-members .tns-controls button i {
    transition: transform .5s cubic-bezier(.16, 1, .3, 1);
    display: block
}

.section-members .tns-controls button[data-controls=prev]:hover {
    color: #fff
}

.section-members .tns-controls button[data-controls=prev]:hover i {
    transform: translate(-5px)
}

.section-members .tns-controls button[data-controls=next]:hover {
    color: #fff
}

.section-members .tns-controls button[data-controls=next]:hover i {
    transform: translate(5px)
}

.section-members .members-list {
    justify-content: space-around;
    align-items: center;
    margin-bottom: 100px;
    display: flex
}

@media (max-width:992px) {
    .section-members .members-list {
        text-align: center;
        flex-direction: column;
        justify-content: flex-start
    }
}

.section-members .member-item {
    height: 100%;
    min-height: 180px;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity .1s linear;
    display: inline-flex !important;
    background-color: #f0f0f0;
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 12px;
}

.section-members .member-item.tns-slide-active {
    opacity: 1
}

@media (max-width:992px) {
    .section-members .member-item {
        margin-bottom: 30px
    }
}

.section-members .member-item img {
    width: 180px;
    height: auto
}

.section-members .svg-container {
    height: 108px;
    z-index: 100;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.section-members .svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: -2000px;
    right: -2000px;
    transform: scaleX(-1)
}

.section-members .svg-container svg #wave {
    visibility: hidden
}

.section-newsletter {
    z-index: 2;
    padding: 70px 0;
    position: relative
}

.section-get-in-touch {
    z-index: 3;
    padding: 100px 0;
    position: relative
}

.section-get-in-touch .container {
    z-index: 2;
    position: relative
}

.section-get-in-touch .section-background {
    width: 100vw;
    max-width: 1280px;
    z-index: 1;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: absolute;
    inset: 0
}

.transition-section {
    height: 450px;
    z-index: 2;
    background-position: top;
    background-repeat: no-repeat;
    margin-bottom: -330px;
    position: relative;
    inset: -150px 0 -180px
}

.transition-section svg {
    position: absolute;
    left: 0;
    right: 0
}

.transition-section .transition-svg path {
    transform-style: preserve-3d;
    position: relative
}

.transition-section .transition-svg .wave-1 {
    z-index: 1;
    transform: translateZ(0)
}

.transition-section .transition-svg .wave-2 {
    z-index: 2;
    transform: translateZ(500px)
}

.transition-section .transition-svg .wave-3 {
    z-index: 3;
    transform: translateZ(1000px)
}

.transition-section .transition-svg .wave-4 {
    z-index: 4;
    transform: translateZ(1500px)
}

section.section-contact-page .contact-info {
    margin-bottom: 50px
}

@media (max-width:768px) {
    section.section-contact-page .contact-info {
        padding: 0 30px
    }
}

section.section-contact-page .contact-info .title {
    text-transform: uppercase
}

section.section-contact-page .contact-info .title:after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 30px auto 28px 0;
    display: block
}

@media (max-width:768px) {
    section.section-contact-page .contact-info .title {
        text-align: center
    }
    section.section-contact-page .contact-info .title:after {
        margin-left: auto
    }
}

section.section-contact-page .contact-info .info-block {
    margin-bottom: 20px;
    display: flex
}

section.section-contact-page .contact-info .info-block .icon {
    height: 48px;
    width: 48px;
    background-color: #ebf4ff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    display: flex
}

section.section-contact-page .contact-info .info-block .icon i {
    color: #1b5fd4;
    font-size: 24px
}

section.section-contact-page .contact-info .info-block .icon i.cwaicon-email {
    font-size: 18px
}

section.section-contact-page .contact-info .info-block .content {
    padding-top: 9px
}

section.section-contact-page .contact-info .info-block .content b {
    color: #03004e;
    letter-spacing: 0;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    display: block
}

section.section-contact-page .contact-info .info-block .content p {
    color: #03004e;
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px
}

section.section-contact-page .contact-form-block {
    background-color: #fff;
    border-radius: 24px;
    padding: 56px;
    box-shadow: 0 0 45px 10px #171d2814
}

section.section-contact-page .contact-form-block .title {
    text-transform: uppercase;
    margin-bottom: 52px
}

section.section-contact-page .contact-form-block .gform {
    min-height: 330px;
    flex-direction: column;
    justify-content: center;
    display: flex
}

section.section-contact-page .contact-form-block .gform .gfield_label,
section.section-contact-page .contact-form-block .gform .ginput_complex label {
    text-transform: uppercase;
    color: #03004e;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px
}

section.section-contact-page .contact-form-block .gform .gform_confirmation_message {
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px
}

section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=color],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=date],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=datetime-local],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=datetime],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=email],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=month],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=number],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=password],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=search],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=tel],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=text],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=time],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=url],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme input[type=week],
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme select,
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme textarea {
    color: #03004e;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px
}

section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme .gfield_header_item,
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme .gform_fileupload_rules,
section.section-contact-page .contact-form-block .gform .gform_wrapper.gravity-theme .ginput_complex label {
    color: #03004e;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    line-height: 17px
}

section.section-contact-page .contact-form-block .gform input[type=text],
section.section-contact-page .contact-form-block .gform input[type=password],
section.section-contact-page .contact-form-block .gform input[type=email],
section.section-contact-page .contact-form-block .gform input[type=tel],
section.section-contact-page .contact-form-block .gform textarea {
    background-color: #f3f6fa;
    border: none;
    border-radius: 8px;
    padding: 18px 16px !important
}

section.section-contact-page .contact-form-block .gform input[type=text]::placeholder,
section.section-contact-page .contact-form-block .gform input[type=password]::placeholder,
section.section-contact-page .contact-form-block .gform input[type=email]::placeholder,
section.section-contact-page .contact-form-block .gform input[type=tel]::placeholder,
section.section-contact-page .contact-form-block .gform textarea::placeholder {
    color: #929496;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

section.section-contact-page .contact-form-block .gform input[type=image] {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    background-color: #1b5fd4;
    border: none;
    border-radius: 6px;
    outline: none;
    
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    transition: all .2s linear;
    display: inline-block
}

section.section-contact-page .contact-form-block .gform input[type=image]:focus {
    outline: none
}

section.section-contact-page .contact-form-block .gform input[type=image] i {
    color: #fff;
    margin-left: 16px;
    font-size: 16px
}

section.section-contact-page .contact-form-block .gform input[type=image]:hover {
    color: #fff;
    background-color: #03004e
}

section.section-contact-page .contact-form-block .gform input[type=image][disabled] {
    pointer-events: none;
    color: #9eabbf;
    background-color: #eaeef4
}

section.section-contact-page .contact-form-block .gfield_required {
    display: none
}





/* ─────────────────────────────────────────────
   FORM PAGE LAYOUT (generic)
   ───────────────────────────────────────────── */

section.section-form-page .form-info {
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    section.section-form-page .form-info {
        padding: 0 30px;
    }
}

/* Generic title for info / headings (left column, texts, etc.) */
section.section-form-page .form-info .title {
    text-transform: uppercase;
}

section.section-form-page .form-info .title::after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 30px auto 28px 0;
    display: block;
}

@media (max-width: 768px) {
    section.section-form-page .form-info .title {
        text-align: center;
    }
    section.section-form-page .form-info .title::after {
        margin-left: auto;
    }
}

/* Info blocks with icon + text (can be used for contact, support, faq, etc.) */
section.section-form-page .form-info .info-block {
    margin-bottom: 20px;
    display: flex;
}

section.section-form-page .form-info .info-block .icon {
    height: 48px;
    width: 48px;
    background-color: #ebf4ff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    display: flex;
}

section.section-form-page .form-info .info-block .icon i {
    color: #1b5fd4;
    font-size: 24px;
}

section.section-form-page .form-info .info-block .content {
    padding-top: 9px;
}

section.section-form-page .form-info .info-block .content b {
    color: #03004e;
    letter-spacing: 0;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    display: block;
}

section.section-form-page .form-info .info-block .content p {
    color: #03004e;
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
}

/* ─────────────────────────────────────────────
   GENERIC FORM CARD (auth, contact, support, etc.)
   ───────────────────────────────────────────── */

section.section-form-page .form-card-block {
    background-color: #fff;
    border-radius: 24px;
    padding: 56px;
    box-shadow: 0 0 45px 10px #171d2814;
}

@media (max-width: 768px) {
    section.section-form-page .form-card-block {
        padding: 32px 24px;
    }
}

/* Card title (works with any form) */
section.section-form-page .form-card-block .title {
    text-transform: uppercase;
    margin-bottom: 40px;
}

section.section-form-page .form-card-block .title h1,
section.section-form-page .form-card-block .title h2,
section.section-form-page .form-card-block .title h3,
section.section-form-page .form-card-block .title h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
}

/* Inner wrapper to vertically center forms if needed */
section.section-form-page .form-card-block .form-wrapper {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ─────────────────────────────────────────────
   LABELS (generic)
   ───────────────────────────────────────────── */

section.section-form-page .form-card-block .field-label,
section.section-form-page .form-card-block .form-label,
section.section-form-page .form-card-block .frm_primary_label {
    text-transform: uppercase;
    color: #03004e;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}

/* ─────────────────────────────────────────────
   INPUTS / TEXTAREAS / SELECTS
   ───────────────────────────────────────────── */

section.section-form-page .form-card-block .form-control,
section.section-form-page .form-card-block textarea,
section.section-form-page .form-card-block select {
    background-color: #f3f6fa;
    border: none;
    border-radius: 8px;
    padding: 18px 16px;
    color: #03004e;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
}

section.section-form-page .form-card-block .form-control::placeholder,
section.section-form-page .form-card-block textarea::placeholder {
    color: #929496;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/* ─────────────────────────────────────────────
   SUCCESS MESSAGE (generic for all forms)
   ───────────────────────────────────────────── */

section.section-form-page .form-card-block .form-success-message {
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

/* ─────────────────────────────────────────────
   BUTTONS (primary submit)
   ───────────────────────────────────────────── */

section.section-form-page .form-card-block .btn-primary,
section.section-form-page .form-card-block .btn-submit,
section.section-form-page .form-card-block button[type=submit] {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    background-color: #1b5fd4;
    border: none;
    border-radius: 6px;
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    transition: all .2s linear;
    display: inline-block;
}

section.section-form-page .form-card-block .btn-primary:hover,
section.section-form-page .form-card-block .btn-submit:hover,
section.section-form-page .form-card-block button[type=submit]:hover {
    color: #fff;
    background-color: #03004e;
}

section.section-form-page .form-card-block .btn-primary[disabled],
section.section-form-page .form-card-block .btn-submit[disabled],
section.section-form-page .form-card-block button[type=submit][disabled] {
    pointer-events: none;
    color: #9eabbf;
    background-color: #eaeef4;
}

/* Hide default required asterisk if you want to use your own */
section.section-form-page .form-card-block .field-required,
section.section-form-page .form-card-block .gfield_required {
    display: none;
}








.section-faq .faq-categories {
    margin-bottom: 50px
}

.section-faq .faq-categories .title {
    color: #1b5fd4;
    letter-spacing: 0;
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.section-faq .faq-categories .sections li a {
    color: #03004e;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 40px;
    transition: all .2s linear
}

.section-faq .faq-categories .sections li a:hover {
    color: #1b5fd4
}

@media (max-width:768px) {
    .section-faq .faq-categories {
        transform: none !important
    }
}

@media (min-width:768px) {
    .section-faq .faq-categories.fixed {
        position: fixed
    }
}

.section-faq .faq-block .title {
    color: #03004e;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px
}

.section-faq .faq-block .title span {
    height: 32px;
    width: 32px;
    color: #fff;
    background-color: #1b5fd4;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 14px;
    display: inline-flex
}

.section-about {
    padding: 100px 0
}

.section-about .about-box {
    min-height: calc(100% - 40px);
    max-width: 350px;
    background-color: #fff;
    border-radius: 6px 6px 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 40px;
    padding: 56px 40px 48px;
    transition: opacity .2s linear;
    display: flex;
    box-shadow: 0 0 45px 10px #171d2814
}

.section-about .about-box.hover-fade {
    opacity: .6
}

.section-about .about-box.hover-fade:hover {
    opacity: 1
}

.section-about .about-box .icon {
    height: 75px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    display: flex
}

.section-about .about-box .content {
    text-align: center
}

.section-about .about-box .content .title {
    color: #3a3a3a;
    letter-spacing: .83px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px
}

.section-about .about-box .content p {
    color: #58595a;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px
}

.section-about .about-box .content a {
    color: #1b5fd4;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    display: block
}

.section-sitemap .title {
    margin-bottom: 32px
}

.section-sitemap .menu ul,
.section-sitemap ul.menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.section-sitemap .menu ul .page_item a,
.section-sitemap .menu ul .menu-item a,
.section-sitemap ul.menu .page_item a,
.section-sitemap ul.menu .menu-item a {
    color: #03004e;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    transition: all .2s linear
}

.section-sitemap .menu ul .page_item a:hover,
.section-sitemap .menu ul .menu-item a:hover,
.section-sitemap ul.menu .page_item a:hover,
.section-sitemap ul.menu .menu-item a:hover {
    color: #1b5fd4
}

.section-sitemap .menu ul .page_item .sub-menu,
.section-sitemap .menu ul .menu-item .sub-menu,
.section-sitemap ul.menu .page_item .sub-menu,
.section-sitemap ul.menu .menu-item .sub-menu {
    margin: 0 0 0 20px;
    list-style: none
}

.section-terms-contact .contact-info {
    margin-bottom: 50px
}

@media (max-width:768px) {
    .section-terms-contact .contact-info {
        padding: 0 30px
    }
}

.section-terms-contact .contact-info .title {
    text-transform: uppercase
}

.section-terms-contact .contact-info .title:after {
    content: "";
    height: 4px;
    width: 64px;
    background-color: #cbe2ff;
    margin: 30px auto 28px 0;
    display: block
}

@media (max-width:768px) {
    .section-terms-contact .contact-info .title {
        text-align: center
    }
    .section-terms-contact .contact-info .title:after {
        margin-left: auto
    }
}

.section-terms-contact .contact-info .info-block {
    margin-bottom: 20px;
    display: flex
}

.section-terms-contact .contact-info .info-block .icon {
    height: 48px;
    width: 48px;
    background-color: #ebf4ff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    display: flex
}

.section-terms-contact .contact-info .info-block .icon i {
    color: #1b5fd4;
    font-size: 24px
}

.section-terms-contact .contact-info .info-block .icon i.cwaicon-email {
    font-size: 18px
}

.section-terms-contact .contact-info .info-block .content {
    padding-top: 9px
}

.section-terms-contact .contact-info .info-block .content b {
    color: #03004e;
    letter-spacing: 0;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    display: block
}

.section-terms-contact .contact-info .info-block .content p {
    color: #03004e;
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px
}

.section-conference-hero {
    height: 90vh;
    max-height: 800px;
    width: 100%;
    min-height: 690px;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    padding: 200px 0
}

.section-conference-hero .hero-bg {
    z-index: 1;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    inset: 0
}

.section-conference-hero .hero-bg:before,
.section-conference-hero .hero-bg:after {
    content: "";
    z-index: 2;
    position: absolute;
    inset: 0
}

.section-conference-hero .hero-bg:before {
    background: linear-gradient(90deg, #0b11188c 0%, #0b111800 99.9%)
}

.section-conference-hero .hero-bg:after {
    opacity: .35;
    background-color: #0b1118
}

.section-conference-hero .container {
    z-index: 7;
    padding: 0 114px;
    position: relative
}

@media (max-width:768px) {
    .section-conference-hero .container {
        padding: 0 45px
    }
}

.section-conference-hero .content {
    max-width: 800px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    display: flex
}

.section-conference-hero .content .conference-date {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 32px
}

.section-conference-hero .content h1 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 52px;
    font-size: 64px;
    font-weight: 800;
    line-height: 64px
}

.section-conference-hero .content p {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 44px;
    font-size: 16px;
    line-height: 32px
}

@media (max-width:1200px) {
    .section-conference-hero .content h1 {
        font-size: 42px;
        line-height: 46px
    }
    .section-conference-hero .content p {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width:992px) {
    .section-conference-hero .content h1 {
        font-size: 36px;
        line-height: 40px
    }
    .section-conference-hero .content p {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width:768px) {
    .section-conference-hero .content h1 {
        font-size: 32px;
        line-height: 36px
    }
    .section-conference-hero .content p {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px
    }
}

.section-conference-hero .hero-svg-container {
    z-index: 3;
    clip-path: path("M 0 60 C 480 60 480 60 960 60 C 1440 60 1440 60 1920 60 C 2400 60 2400 60 2880 60 C 3360 60 3360 60 3840 60 L 3840 5994.5 L 0 5994.5 Z");
    background-color: #fff;
    padding-top: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.section-conference-hero .hero-svg-container svg {
    height: 150px;
    z-index: 200;
    position: absolute;
    top: 37px;
    left: 0;
    right: 0
}

.section-conference-hero .hero-svg-container .primary {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    top: 30px;
    left: -2000px;
    right: -2000px
}

.section-conference-hero .hero-svg-container .primary #hero-wave {
    visibility: hidden
}

.section-conference-hero .hero-svg-container .hero-svg-1 {
    z-index: 205
}

.section-conference-hero .hero-svg-container .hero-svg-2 {
    z-index: 204;
    transform: rotate(180deg)
}

.section-conference-hero .hero-svg-container .hero-svg-3 {
    z-index: 203;
    transform: rotate(180deg)
}

.section-conference-hero .hero-svg-container .hero-svg-4 {
    z-index: 202;
    transform: rotate(180deg)
}

.section-event-agenda {
    z-index: 1;
    position: relative
}

.section-event-agenda:after {
    content: "";
    z-index: -1;
    background-color: #f5faff;
    position: absolute;
    inset: 400px 0 200px
}

.section-event-agenda .top-svg-container {
    height: 580px;
    width: 100%;
    z-index: -1;
    position: absolute;
    bottom: calc(100% - 400px)
}

.section-event-agenda .top-svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: -2000px;
    right: -2000px
}

.section-event-agenda .bot-svg-container {
    height: 580px;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: calc(100% - 200px)
}

.section-event-agenda .bot-svg-container svg {
    min-width: 3840px;
    height: auto;
    width: 100%;
    z-index: 206;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: -2000px;
    right: -2000px
}

.section-event-agenda .event-agenda_day_header {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 60px;
    display: flex
}

.section-event-agenda .event-agenda_day_header .date {
    white-space: nowrap;
    color: #fff;
    background: #1b5fd4;
    border-radius: 8px;
    margin-right: 32px;
    padding: 12px 24px;
    font-size: 24px;
    font-weight: 800;
    line-height: 33px;
    display: block
}

.section-event-agenda .event-agenda_day_header h3 {
    margin: 0;
    line-height: 33px
}

.section-event-agenda .event-agenda_line {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    display: flex
}

@media (max-width:768px) {
    .section-event-agenda .event-agenda_line {
        flex-direction: column
    }
}

.section-event-agenda .event-agenda_time {
    max-width: 230px;
    color: #1b5fd4;
    text-align: right;
    flex: 0 0 230px;
    margin-right: 30px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px
}

@media (max-width:768px) {
    .section-event-agenda .event-agenda_time {
        flex: 0 0 50px
    }
}

.section-event-agenda .event-agenda_details {
    color: #03004e;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px
}

.section-event-agenda .event-agenda_details ul li {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px
}

.conference-details {
    z-index: 2;
    position: relative
}

.conference-details .event-content {
    margin-bottom: 50px
}

.conference-details .event-details-box {
    background-color: #fff;
    border-radius: 6px 6px 48px;
    padding: 40px;
    box-shadow: 0 0 45px 10px #171d2814
}

@media screen and (min-width:768px) {
    .conference-details .event-details-box {
        max-width: 450px;
        margin-left: auto
    }
}

.conference-details .event-details-box .title {
    color: #1b5fd4;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-size: 32px;
    font-weight: 800;
    line-height: 36px
}

.conference-details .event-details-box .label {
    color: #03004e;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 9px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px
}

.conference-details .event-details-box .detail {
    color: #58595a;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px
}

.conference-details .event-details-box .tribe-events-cal-links .tribe-events-gcal,
.conference-details .event-details-box .tribe-events-cal-links .tribe-events-ical {
    color: #1b5fd4;
    letter-spacing: 0;
    text-transform: uppercase;
    border: 1px solid #1b5fd4;
    border-radius: 6px;
    margin-right: 20px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    transition: all .2s linear
}

.conference-details .event-details-box .tribe-events-cal-links .tribe-events-gcal:hover,
.conference-details .event-details-box .tribe-events-cal-links .tribe-events-ical:hover {
    color: #fff;
    background-color: #1b5fd4
}

.section-event-cta {
    padding: 200px 0 120px;
    position: relative
}

.section-event-cta .container {
    z-index: 2;
    position: relative
}

.section-event-cta .section-background {
    width: 100vw;
    max-width: 1280px;
    z-index: 1;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: absolute;
    inset: 0
}

.map-modal .modal-dialog {
    max-width: 1200px
}

.map-modal .modal-body {
    padding: 56px
}

.map-modal .modal-content {
    border: none;
    border-radius: 16px
}

.map-modal .btn-close {
    z-index: 10;
    position: absolute;
    top: 20px;
    right: 20px
}

.map-modal .btn-close i:before {
    display: none
}

.map-modal .map-modal-padding {
    align-items: center;
    gap: 40px;
    display: grid
}

@media screen and (min-width:800px) {
    .map-modal .map-modal-padding {
        grid-template-columns: 1.5fr 1fr
    }
}

.map-modal .map-modal-padding img {
    width: 100%;
    height: auto;
    border: 4px solid #1b5fd4;
    border-radius: 16px;
    box-shadow: 0 0 45px 10px #171d2814
}

.map-modal .map-modal-padding h2 {
    font-size: 32px;
    line-height: normal
}

.modal-dialog-centered {
    min-height: calc(100% - 1rem);
    align-items: center;
    display: flex
}

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

html:has(body.page-template-page-map) {
    height: 100dvh;
    overflow-y: hidden
}

body.admin-bar #map-wrapper {
    height: clamp(400px, 100vh - 110px, 100vh)
}

@media screen and (max-width:600px) {
    body.admin-bar #map-wrapper {
        height: clamp(400px, 100vh - 110px, 100vh - 200px)
    }
}

.page-template-page-map .back-to-top-container,
.page-template-page-map-regulated-utilities .back-to-top-container {
    display: none
}

.page-template-page-map #map-wrapper,
.page-template-page-map-regulated-utilities #map-wrapper {
    columns: 2;
    height: clamp(500px, 100vh - 80px, 100vh);
    background-color: #79bdee;
    border-top: 1px solid #f4f6fb;
    border-bottom: 1px solid #f4f6fb;
    grid-template-columns: 1fr 0;
    margin-bottom: 100px;
    transition: grid-template-columns .4s ease-in-out;
    display: grid;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:600px) {
    .page-template-page-map #map-wrapper,
    .page-template-page-map-regulated-utilities #map-wrapper {
        height: clamp(400px, 100vh - 110px, 100vh - 200px)
    }
}

.page-template-page-map #map-wrapper #map,
.page-template-page-map-regulated-utilities #map-wrapper #map {
    width: 100%;
    height: 100%;
    visibility: hidden;
    grid-area: 1/1
}

.page-template-page-map #map-wrapper #intro,
.page-template-page-map-regulated-utilities #map-wrapper #intro {
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 100;
    background-color: #0003;
    background-size: cover;
    grid-area: 1/1;
    justify-content: center;
    align-items: center;
    padding: 30px;
    transition: all .3s ease-in-out;
    display: flex;
    position: absolute;
    inset: 0
}

.page-template-page-map #map-wrapper #intro h3,
.page-template-page-map-regulated-utilities #map-wrapper #intro h3 {
    text-transform: uppercase;
    color: #3a3a3a;
    margin-bottom: 16px;
    font-size: 24px
}

.page-template-page-map #map-wrapper #intro p,
.page-template-page-map-regulated-utilities #map-wrapper #intro p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.page-template-page-map #map-wrapper #intro .intro-content,
.page-template-page-map-regulated-utilities #map-wrapper #intro .intro-content {
    max-width: 498px;
    background-color: #fff;
    border-radius: 24px;
    flex-direction: column;
    gap: 32px;
    padding: 48px;
    display: flex
}

.page-template-page-map #map-wrapper #intro .spinner,
.page-template-page-map-regulated-utilities #map-wrapper #intro .spinner {
    fill: #1b5fd4
}

.page-template-page-map #map-wrapper #intro.loaded,
.page-template-page-map-regulated-utilities #map-wrapper #intro.loaded {
    pointer-events: none;
    opacity: 0
}

.page-template-page-map #map-wrapper #loading,
.page-template-page-map-regulated-utilities #map-wrapper #loading {
    width: 100%;
    height: 100%;
    z-index: 100;
    backdrop-filter: blur(5px);
    opacity: 100;
    background-color: #ffffff03;
    background-size: cover;
    grid-area: 1/1;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
    display: flex;
    position: absolute;
    inset: 0
}

.page-template-page-map #map-wrapper #loading .spinner,
.page-template-page-map-regulated-utilities #map-wrapper #loading .spinner {
    fill: #1b5fd4
}

.page-template-page-map #map-wrapper #loading.loaded,
.page-template-page-map-regulated-utilities #map-wrapper #loading.loaded {
    pointer-events: none;
    opacity: 0
}

.page-template-page-map #map-wrapper #static,
.page-template-page-map-regulated-utilities #map-wrapper #static {
    width: 100%;
    height: 100%;
    background-color: #79bdee;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    grid-area: 1/1
}

.page-template-page-map #map-wrapper .service-marker,
.page-template-page-map-regulated-utilities #map-wrapper .service-marker {
    width: 10px;
    height: 10px;
    background-color: #08cfb4;
    border-radius: 100%
}

.page-template-page-map #map-wrapper #menu,
.page-template-page-map-regulated-utilities #map-wrapper #menu {
    z-index: 7;
    height: 100%;
    width: 360px;
    min-height: 0;
    background: #fff;
    
    position: relative;
    top: 0;
    bottom: 0;
    right: 0
}

.page-template-page-map #map-wrapper #menu .menu-title,
.page-template-page-map-regulated-utilities #map-wrapper #menu .menu-title {
    color: #1b194d;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 32px 32px 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px;
    display: flex
}

.page-template-page-map #map-wrapper #menu .menu-title #clear-all,
.page-template-page-map-regulated-utilities #map-wrapper #menu .menu-title #clear-all {
    color: #1b5fd4;
    cursor: pointer;
    font-size: 14px;
    line-height: 19px;
    transition: all .2s linear;
    display: none
}

.page-template-page-map #map-wrapper #menu .menu-title #clear-all:hover,
.page-template-page-map-regulated-utilities #map-wrapper #menu .menu-title #clear-all:hover {
    color: #1b194d
}

.page-template-page-map #map-wrapper #menu:after,
.page-template-page-map-regulated-utilities #map-wrapper #menu:after {
    content: "";
    z-index: -1;
    opacity: 0;
    transition: all .2s linear;
    position: absolute;
    inset: 0;
    box-shadow: -10px 0 60px #32425026
}

@media screen and (max-width:400px) {
    .page-template-page-map #map-wrapper #menu,
    .page-template-page-map-regulated-utilities #map-wrapper #menu {
        width: 100vw
    }
}

.page-template-page-map #map-wrapper.sidebar-open,
.page-template-page-map-regulated-utilities #map-wrapper.sidebar-open {
    grid-template-columns: 1fr 360px
}

@media screen and (max-width:400px) {
    .page-template-page-map #map-wrapper.sidebar-open,
    .page-template-page-map-regulated-utilities #map-wrapper.sidebar-open {
        grid-template-columns: 1fr 100vw
    }
}

.page-template-page-map #map-wrapper.sidebar-open #menu:after,
.page-template-page-map-regulated-utilities #map-wrapper.sidebar-open #menu:after {
    opacity: 1
}

@media screen and (max-width:400px) {
    .page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder,
    .page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder {
        width: calc(100vw - 130px);
        min-width: 100px
    }
}

@media screen and (min-width:400px) {
    .page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder,
    .page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder {
        max-width: 240px
    }
}

.page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input,
.page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input {
    height: 42px;
    padding: 0 35px;
    font-size: 16px
}

.page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search,
.page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search {
    width: 23px;
    height: 23px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px
}

.page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-close,
.page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-close {
    margin-top: 0
}

.page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right>*,
.page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right>* {
    width: 23px;
    height: 23px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px
}

.page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-title,
.page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-title,
.page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-address,
.page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-address {
    font-size: 16px;
    line-height: normal
}

.page-template-page-map #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--powered-by,
.page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--powered-by {
    display: none
}

.page-template-page-map #map-wrapper .sidebar-toggle,
.page-template-page-map-regulated-utilities #map-wrapper .sidebar-toggle {
    height: 29px;
    width: 29px;
    color: #fff;
    background-color: #fff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 0 0 0 2px #0000001a
}

.page-template-page-map #map-wrapper .sidebar-toggle:not(:disabled):hover,
.page-template-page-map-regulated-utilities #map-wrapper .sidebar-toggle:not(:disabled):hover {
    background-color: #f2f2f2
}

.page-template-page-map #map-wrapper .sidebar-toggle i,
.page-template-page-map-regulated-utilities #map-wrapper .sidebar-toggle i {
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjY4IiBoZWlnaHQ9IjYzMiIgdmlld0JveD0iMCAwIDY2OCA2MzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTkyLjgzMyA0MjcuNzY3TDY2Ny4zMzMgNDY1TDMzNCA2MzEuNjY3TDAuNjY2Njg3IDQ2NUw3NS4xNjY3IDQyNy43NjdMMzM0IDU1Ny4yMDJMNTkyLjgzMyA0MjcuNzY3Wk01OTIuODY3IDI3OC43NEw2NjcuMzMzIDMxNkwzMzQgNDgyLjY2N0wwLjY2NjY4NyAzMTZMNzUuMTMzNCAyNzguNzRMMzM0IDQwOC4yMDJMNTkyLjg2NyAyNzguNzRaTTMzNCAwLjMzMzM3NEw2NjcuMzMzIDE2N0wzMzQgMzMzLjY2N0wwLjY2NjY4NyAxNjdMMzM0IDAuMzMzMzc0Wk0zMzQgNzQuODMzNEwxNDkuNyAxNjdMMzM0IDI1OS4xMzNMNTE4LjI2NyAxNjdMMzM0IDc0LjgzMzRaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-size: contain
}

.page-template-page-map #map-wrapper .mapboxgl-ctrl button.reset-map:not(:disabled):hover,
.page-template-page-map-regulated-utilities #map-wrapper .mapboxgl-ctrl button.reset-map:not(:disabled):hover {
    background-color: #f2f2f2 !important
}

.page-template-page-map #map-wrapper .reset-map,
.page-template-page-map-regulated-utilities #map-wrapper .reset-map {
    height: 29px;
    width: 29px;
    color: #fff;
    background-color: #fff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 6px;
    display: flex;
    box-shadow: 0 0 0 2px #0000001a
}

.page-template-page-map #map-wrapper .reset-map svg,
.page-template-page-map-regulated-utilities #map-wrapper .reset-map svg {
    transform: scaleX(-1)
}

.page-template-page-map #map-wrapper .reset-map i,
.page-template-page-map-regulated-utilities #map-wrapper .reset-map i {
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjY4IiBoZWlnaHQ9IjYzMiIgdmlld0JveD0iMCAwIDY2OCA2MzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTkyLjgzMyA0MjcuNzY3TDY2Ny4zMzMgNDY1TDMzNCA2MzEuNjY3TDAuNjY2Njg3IDQ2NUw3NS4xNjY3IDQyNy43NjdMMzM0IDU1Ny4yMDJMNTkyLjgzMyA0MjcuNzY3Wk01OTIuODY3IDI3OC43NEw2NjcuMzMzIDMxNkwzMzQgNDgyLjY2N0wwLjY2NjY4NyAzMTZMNzUuMTMzNCAyNzguNzRMMzM0IDQwOC4yMDJMNTkyLjg2NyAyNzguNzRaTTMzNCAwLjMzMzM3NEw2NjcuMzMzIDE2N0wzMzQgMzMzLjY2N0wwLjY2NjY4NyAxNjdMMzM0IDAuMzMzMzc0Wk0zMzQgNzQuODMzNEwxNDkuNyAxNjdMMzM0IDI1OS4xMzNMNTE4LjI2NyAxNjdMMzM0IDc0LjgzMzRaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-size: contain
}

.page-template-page-map #map-wrapper .site-footer,
.page-template-page-map-regulated-utilities #map-wrapper .site-footer {
    pointer-events: none
}

.page-template-page-map #map-wrapper .site-footer .container,
.page-template-page-map-regulated-utilities #map-wrapper .site-footer .container {
    pointer-events: all
}

.page-template-page-map #map-wrapper #map,
.page-template-page-map-regulated-utilities #map-wrapper #map {
    position: relative;
    inset: 0
}

.page-template-page-map #map-wrapper form,
.page-template-page-map-regulated-utilities #map-wrapper form {
    height: calc(100% - 79px);
    overflow-y: auto
}

.page-template-page-map #map-wrapper fieldset,
.page-template-page-map-regulated-utilities #map-wrapper fieldset {
    padding: 36px 32px
}

.page-template-page-map #map-wrapper fieldset:first-child,
.page-template-page-map-regulated-utilities #map-wrapper fieldset:first-child {
    padding-top: 0
}

.page-template-page-map #map-wrapper fieldset:not(:last-child),
.page-template-page-map-regulated-utilities #map-wrapper fieldset:not(:last-child) {
    border-bottom: 1px solid #e4e9ee
}

.page-template-page-map #map-wrapper fieldset legend,
.page-template-page-map-regulated-utilities #map-wrapper fieldset legend {
    color: #1b194d;
    margin-bottom: 16px;
    
    font-size: 14px;
    font-weight: 700;
    line-height: 19px
}

.page-template-page-map #map-wrapper fieldset label,
.page-template-page-map-regulated-utilities #map-wrapper fieldset label {
    color: #676e84;
    margin-bottom: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox],
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox] {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label {
    user-select: none;
    cursor: pointer;
    align-items: center;
    display: flex
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label span:last-of-type,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label span:last-of-type {
    flex-grow: 1
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label svg.icon,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label svg.icon {
    height: 18px;
    width: 18px;
    flex-shrink: 0;
    margin-right: 12px;
    display: block
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label svg.icon .bg,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label svg.icon .bg {
    opacity: 0;
    transition: all .1s ease-in-out
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label svg.icon .check,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label svg.icon .check {
    transform-origin: 50%;
    transition: all .2s ease-in-out;
    scale: 0
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label svg.icon .border,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label svg.icon .border {
    opacity: 1;
    transition: all .1s ease-in-out
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label svg.icon .border path,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label svg.icon .border path {
    transition: all .1s linear
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label:hover svg.icon .check,
.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label:focus svg.icon .check,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label:hover svg.icon .check,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label:focus svg.icon .check {
    opacity: .7
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label:hover svg.icon .border path,
.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label:focus svg.icon .border path,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label:hover svg.icon .border path,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label:focus svg.icon .border path {
    fill: #1b5fd4
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]+label:active svg.icon .check,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]+label:active svg.icon .check {
    scale: .95
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]:checked+label svg.icon .bg,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]:checked+label svg.icon .bg {
    opacity: 1
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]:checked+label svg.icon .check,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]:checked+label svg.icon .check {
    scale: 1
}

.page-template-page-map #map-wrapper fieldset input[type=checkbox]:checked+label svg.icon .border,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input[type=checkbox]:checked+label svg.icon .border {
    opacity: 0
}

.page-template-page-map #map-wrapper fieldset .expandable ::-webkit-scrollbar,
.page-template-page-map-regulated-utilities #map-wrapper fieldset .expandable ::-webkit-scrollbar {
    width: 8px
}

.page-template-page-map #map-wrapper fieldset .expandable ::-webkit-scrollbar-track,
.page-template-page-map-regulated-utilities #map-wrapper fieldset .expandable ::-webkit-scrollbar-track {
    background: #fff
}

.page-template-page-map #map-wrapper fieldset .expandable ::-webkit-scrollbar-thumb,
.page-template-page-map-regulated-utilities #map-wrapper fieldset .expandable ::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px
}

.page-template-page-map #map-wrapper fieldset .expandable ::-webkit-scrollbar-thumb:hover,
.page-template-page-map-regulated-utilities #map-wrapper fieldset .expandable ::-webkit-scrollbar-thumb:hover {
    background-color: #666
}

.page-template-page-map #map-wrapper fieldset .expandable .expand-section,
.page-template-page-map-regulated-utilities #map-wrapper fieldset .expandable .expand-section {
    max-height: 0;
    margin-bottom: 0;
    padding-left: 29px;
    transition: max-height .2s ease-in-out, margin-bottom .2s linear;
    overflow-y: hidden
}

.page-template-page-map #map-wrapper fieldset .expandable svg.arrow,
.page-template-page-map-regulated-utilities #map-wrapper fieldset .expandable svg.arrow {
    transition: transform .2s linear
}

.page-template-page-map #map-wrapper fieldset .expandable.expand svg.arrow,
.page-template-page-map-regulated-utilities #map-wrapper fieldset .expandable.expand svg.arrow {
    transform: rotate(180deg)
}

.page-template-page-map #map-wrapper fieldset .expandable.expand .expand-section,
.page-template-page-map-regulated-utilities #map-wrapper fieldset .expandable.expand .expand-section {
    max-height: 380px;
    margin-bottom: 20px;
    overflow-y: auto
}

.page-template-page-map #map-wrapper fieldset div.company-option,
.page-template-page-map-regulated-utilities #map-wrapper fieldset div.company-option {
    align-items: flex-start
}

.page-template-page-map #map-wrapper fieldset div.company-option input,
.page-template-page-map-regulated-utilities #map-wrapper fieldset div.company-option input {
    margin-top: 8px
}

.page-template-page-map #map-wrapper fieldset div.company-option label svg.poi,
.page-template-page-map-regulated-utilities #map-wrapper fieldset div.company-option label svg.poi {
    width: 24px;
    height: 24px;
    margin-bottom: -2px;
    margin-left: -4px;
    margin-right: 4px;
    display: inline-block
}

.page-template-page-map #map-wrapper fieldset div.company-option label small,
.page-template-page-map-regulated-utilities #map-wrapper fieldset div.company-option label small {
    color: #676e84;
    margin-left: 4px;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px
}

.page-template-page-map #map-wrapper fieldset input,
.page-template-page-map-regulated-utilities #map-wrapper fieldset input {
    margin-bottom: 0
}

.page-template-page-map #map-wrapper #back,
.page-template-page-map-regulated-utilities #map-wrapper #back {
    z-index: 2;
    position: absolute;
    top: 20px;
    left: 20px
}

.page-template-page-map #map-wrapper #back a,
.page-template-page-map-regulated-utilities #map-wrapper #back a {
    filter: drop-shadow(0 0 5px #0009);
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    font-weight: 700;
    display: flex
}

.page-template-page-map #map-wrapper #logo,
.page-template-page-map-regulated-utilities #map-wrapper #logo {
    z-index: 6;
    -webkit-backface-visibility: hidden;
    background: #fff;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    position: absolute;
    top: 10px;
    left: 10px;
    box-shadow: -10px 0 60px #32425026
}

.page-template-page-map #map-wrapper #logo:active,
.page-template-page-map-regulated-utilities #map-wrapper #logo:active {
    transform: scale(.99)
}

.page-template-page-map #map-wrapper #logo a,
.page-template-page-map-regulated-utilities #map-wrapper #logo a {
    margin: 0;
    padding: 15px 20px;
    transition: all .2s ease-in-out;
    display: block
}

.page-template-page-map #map-wrapper #logo a:hover,
.page-template-page-map-regulated-utilities #map-wrapper #logo a:hover {
    background-color: #0000000d
}

.page-template-page-map #map-wrapper #logo img,
.page-template-page-map-regulated-utilities #map-wrapper #logo img {
    width: 150px;
    height: auto;
    image-rendering: pixelated;
    -webkit-backface-visibility: hidden
}

@media screen and (max-width:600px) {
    .page-template-page-map #map-wrapper #logo,
    .page-template-page-map-regulated-utilities #map-wrapper #logo {
        top: 10px;
        right: 10px;
        left: initial;
        display: none
    }
    .page-template-page-map #map-wrapper #logo a,
    .page-template-page-map-regulated-utilities #map-wrapper #logo a {
        padding: 10px 15px
    }
    .page-template-page-map #map-wrapper #logo img,
    .page-template-page-map-regulated-utilities #map-wrapper #logo img {
        width: 50px
    }
}

.page-template-page-map #map-wrapper .logo-control,
.page-template-page-map-regulated-utilities #map-wrapper .logo-control {
    height: 42px;
    background-color: #fff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 0 0 10px 2px #0000001a
}

.page-template-page-map #map-wrapper .logo-control:not(:disabled):hover,
.page-template-page-map-regulated-utilities #map-wrapper .logo-control:not(:disabled):hover {
    background-color: #f2f2f2
}

.page-template-page-map #map-wrapper .logo-control a,
.page-template-page-map-regulated-utilities #map-wrapper .logo-control a {
    padding: 5px;
    display: block
}

.page-template-page-map #map-wrapper .logo-control img,
.page-template-page-map-regulated-utilities #map-wrapper .logo-control img {
    width: auto;
    height: 32px
}

@media screen and (min-width:600px) {
    .page-template-page-map #map-wrapper .logo-control,
    .page-template-page-map-regulated-utilities #map-wrapper .logo-control {
        display: none
    }
}

.page-template-page-map #map-wrapper .hq-note,
.page-template-page-map-regulated-utilities #map-wrapper .hq-note {
    margin-left: 30px;
    
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.page-template-page-map #map-wrapper #info,
.page-template-page-map-regulated-utilities #map-wrapper #info {
    z-index: 1;
    width: 350px;
    z-index: 4;
    opacity: 0;
    pointer-events: none;
    background: #fff;
    border-radius: 24px;
    transition: transform .3s ease-in-out, opacity .2s linear, right .3s ease-in;
    position: absolute;
    top: max(20vh, 80px);
    left: min(3vw, 80px);
    overflow: hidden;
    transform: translate(-400px);
    box-shadow: 0 0 45px 10px #171d2814
}

@media screen and (max-width:800px) {
    .page-template-page-map #map-wrapper #info,
    .page-template-page-map-regulated-utilities #map-wrapper #info {
        position: fixed
    }
}

.page-template-page-map #map-wrapper #info .image img,
.page-template-page-map-regulated-utilities #map-wrapper #info .image img {
    object-fit: contain;
    width: 100%;
    max-height: 200px;
    padding: 44px 20px 20px
}

.page-template-page-map #map-wrapper #info .details,
.page-template-page-map-regulated-utilities #map-wrapper #info .details {
    padding: 20px 30px 30px
}

.page-template-page-map #map-wrapper #info h2,
.page-template-page-map-regulated-utilities #map-wrapper #info h2 {
    letter-spacing: normal;
    font-size: 22px;
    line-height: normal
}

.page-template-page-map #map-wrapper #info.show,
.page-template-page-map-regulated-utilities #map-wrapper #info.show {
    opacity: 1;
    pointer-events: all;
    transform: translate(0)
}

.page-template-page-map #map-wrapper #info .description,
.page-template-page-map-regulated-utilities #map-wrapper #info .description {
    margin-bottom: 15px
}

.page-template-page-map #map-wrapper #info .data,
.page-template-page-map-regulated-utilities #map-wrapper #info .data {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: normal
}

.page-template-page-map #map-wrapper #info .data li,
.page-template-page-map-regulated-utilities #map-wrapper #info .data li {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: normal
}

.page-template-page-map #map-wrapper #info .data ul,
.page-template-page-map-regulated-utilities #map-wrapper #info .data ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-template-page-map #map-wrapper #info .close,
.page-template-page-map-regulated-utilities #map-wrapper #info .close {
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 16px
}

.page-template-page-map #map-wrapper #info .close i,
.page-template-page-map-regulated-utilities #map-wrapper #info .close i {
    color: #a7b6cc;
    font-size: 14px;
    transition: scale .1s ease-in
}

.page-template-page-map #map-wrapper #info .close:hover i,
.page-template-page-map #map-wrapper #info .close:active i,
.page-template-page-map-regulated-utilities #map-wrapper #info .close:hover i,
.page-template-page-map-regulated-utilities #map-wrapper #info .close:active i {
    scale: 1.05
}

.page-template-page-map #map-wrapper #menu .close,
.page-template-page-map-regulated-utilities #map-wrapper #menu .close {
    cursor: pointer;
    position: absolute;
    top: 32px;
    right: 32px
}

.page-template-page-map #map-wrapper #menu .close i,
.page-template-page-map-regulated-utilities #map-wrapper #menu .close i {
    color: #a7b6cc;
    font-size: 16px;
    transition: color .1s linear, scale .1s ease-in
}

.page-template-page-map #map-wrapper #menu .close:hover i,
.page-template-page-map-regulated-utilities #map-wrapper #menu .close:hover i {
    color: #444
}

.page-template-page-map #map-wrapper #menu .close:active i,
.page-template-page-map-regulated-utilities #map-wrapper #menu .close:active i {
    scale: .95
}

@media screen and (max-width:800px) {
    .page-template-page-map #map-wrapper #info,
    .page-template-page-map-regulated-utilities #map-wrapper #info {
        bottom: 0;
        top: initial;
        width: calc(100vw - 20px);
        border-radius: 24px 24px 0 0;
        grid-template-columns: 1fr 2fr;
        display: grid;
        left: 10px;
        right: 10px;
        transform: translateY(400px)
    }
    .page-template-page-map #map-wrapper #info.show,
    .page-template-page-map-regulated-utilities #map-wrapper #info.show {
        transform: translateY(0)
    }
    .page-template-page-map #map-wrapper #info .close i,
    .page-template-page-map-regulated-utilities #map-wrapper #info .close i {
        color: #333
    }
    .page-template-page-map #map-wrapper #info .image img,
    .page-template-page-map-regulated-utilities #map-wrapper #info .image img {
        aspect-ratio: auto;
        height: 100%
    }
}

@media screen and (max-width:600px) {
    .page-template-page-map #map-wrapper #info,
    .page-template-page-map-regulated-utilities #map-wrapper #info {
        grid-template-columns: 1fr
    }
    .page-template-page-map #map-wrapper #info .image,
    .page-template-page-map-regulated-utilities #map-wrapper #info .image {
        display: none
    }
}

.page-template-page-map #map-wrapper .color-box,
.page-template-page-map-regulated-utilities #map-wrapper .color-box {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin-right: 8px;
    display: inline-block
}



/* Generic narrow form block — same behavior as contact form */
.narrow-form-block {
    max-width: 700px;        /* adjust: 600 / 650 / 750 */
    margin: 0 auto;          /* center horizontally */
}

@media (max-width: 768px) {
    .narrow-form-block {
        max-width: 100%;
        padding: 0 15px;     /* safe spacing on mobile */
    }
}



.social-share {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    padding: 10px 14px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    background: #f3f4f6;
    color: #111;
    transition: background .2s ease, transform .1s ease;
}

.share-btn i {
    font-size: 14px;
}

.share-btn:hover {
    transform: translateY(-1px);
}

.share2-facebook { background:#1877f2; color:#fff; }
.share2-twitter  { background:#000;    color:#fff; }
.share2-linkedin { background:#0a66c2; color:#fff; }

/* Mobile: icons only */
@media (max-width: 576px) {
    .share-btn .label {
        display: none;
    }
}


.page-admin-warning {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff3cd;
    color: #664d03;
    border: 1px solid #ffecb5;
    border-left: 5px solid #ff9800;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.page-admin-warning i {
    color: #ff9800;
    font-size: 16px;
}



.anchor-menu {
    position: sticky;
    top: 0;
    z-index: 9999;
    backdrop-filter: blur(6px);
    background: rgba(255,255,255,0.85); /* light translucent background */
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.anchor-menu__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.4rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.anchor-menu__brand {
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.02em;
}

.anchor-menu__nav {
    display: flex;
    gap: 0.5rem;
}

.anchor-menu__nav a {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    font-size: 0.95rem;
    border-radius: 8px;
    color: #222;
    transition: background 160ms, color 160ms, transform 160ms;
}

.anchor-menu__nav a:hover,
.anchor-menu__nav a:focus {
    background: rgba(0,0,0,0.04);
    outline: none;
    transform: translateY(-1px);
}

/* Active link style (applies when the link corresponds to the visible section) */
.anchor-menu__nav a.is-active {
    background: #0b74de;
    color: white;
    box-shadow: 0 4px 12px rgba(11,116,222,0.12);
}

/* Responsive: collapse into a simple hamburger on small screens */
.anchor-menu__toggle {
    display: none;
    background: none;
    border: none;
    font-size: 1.1rem;
}

@media (max-width: 800px) {
    .anchor-menu__nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: rgba(255,255,255,0.98);
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.25rem;
        border-bottom: 1px solid rgba(0,0,0,0.06);
        display: none; /* hidden by default on mobile */
    }

    .anchor-menu__nav.open {
        display: flex;
    }

    .anchor-menu__toggle {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        cursor: pointer;
    }

    .anchor-menu__brand {
        font-size: 0.95rem;
    }
}



/* Cost drivers */
.cwa-cost-drivers{margin-block:3.5rem}
.cwa-cost-drivers .grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cwa-cost-drivers .card{background:#e5e7eb;border:1px solid #c3c3c3;border-radius:14px;padding:1rem;box-shadow:#e5e7eb;text-align:left}
.cwa-cost-drivers .icon{width:44px;height:44px;margin-bottom:.6rem;display:block;margin-inline:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}
#cost-drivers h2, #cost-drivers .lead { text-align:center; }




.ticket-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    margin-bottom: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff
}

.ticket-header-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 18px;
}

.ticket-meta-item {
    display: flex;
    flex-direction: column;
    min-width: 140px;
}

.ticket-meta-label {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 2px;
}

.ticket-meta-value {
    font-size: 14px;
    color: #111827;
    font-weight: 600;
}

.ticket-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ticket-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
}

.ticket-btn-primary {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.ticket-btn-primary:hover {
    filter: brightness(0.95);
}

.ticket-btn-danger {
    background: #dc2626;
    border-color: #dc2626;
    color: #ffffff;
}

.ticket-btn-danger:hover {
    filter: brightness(0.95);
}



.ticket-messages {
    margin-bottom: 24px;
}

.ticket-message {
    padding: 14px 16px;
    margin-bottom: 12px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    background: #fff;
}

.ticket-message-backend {
    background: #f8fafc;
    border-left: 4px solid #2563eb;
}

.ticket-message-frontend {
    background: #ffffff;
    border-left: 4px solid #16a34a;
}

.ticket-message-header {
    font-size: 13px;
    color: #374151;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
}

.ticket-message-body {
    font-size: 14px;
    color: #111827;
    line-height: 1.5;
}

.ticket-message-date {
    font-size: 12px;
    color: #6b7280;
}

.ticket-message-attachments {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ticket-attachment {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background-color: #f9fafb;
    max-width: 100%;
}

.ticket-attachment-icon {
    font-size: 18px;
    line-height: 1;
}

.ticket-attachment-meta {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ticket-attachment-link {
    font-size: 14px;
    font-weight: 500;
    color: #2563eb;
    text-decoration: none;
    word-break: break-all;
}

.ticket-attachment-link:hover {
    text-decoration: underline;
}

.ticket-attachment-size {
    font-size: 12px;
    color: #6b7280;
}


/* -------------------------------------------------
   TICKET LIST (My Account) – matches ticket view style
-------------------------------------------------- */

.ticket-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.ticket-list-item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.ticket-list-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0; /* allow truncation */
    flex: 1;
}

.ticket-list-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px 12px;
    min-width: 0;
}

.ticket-list-title {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    text-decoration: none;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-list-title:hover {
    text-decoration: underline;
}

.ticket-list-subtitle {
    font-size: 12px;
    color: #6b7280;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.ticket-list-subtitle span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ticket-list-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 18px;
}

.ticket-list-meta-item {
    display: flex;
    flex-direction: column;
    min-width: 140px;
}

.ticket-list-meta-label {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 2px;
}

.ticket-list-meta-value {
    font-size: 14px;
    color: #111827;
    font-weight: 600;
    word-break: break-word;
}

.ticket-list-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Status pill badges (optional, but useful in listing) */
.ticket-badge {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
    user-select: none;
}

.ticket-badge-status {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
}

.ticket-badge-priority {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

/* Responsive: stack actions below on small screens */
@media (max-width: 768px) {
    .ticket-list-item {
        flex-direction: column;
        align-items: stretch;
    }
    .ticket-list-actions {
        justify-content: flex-end;
    }
    .ticket-list-meta-item {
        min-width: 46%;
    }
}



/*# sourceMappingURL=style.css.map */