@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";

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

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

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

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

.caption-top {
    caption-side: top
}

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

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

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

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

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

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

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

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

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

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: rgb(206.6, 226, 254.6);
    --bs-table-border-color: rgb(165.28, 180.8, 203.68);
    --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: rgb(225.6, 227.4, 229);
    --bs-table-border-color: rgb(180.48, 181.92, 183.2);
    --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: rgb(209, 231, 220.8);
    --bs-table-border-color: rgb(167.2, 184.8, 176.64);
    --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: rgb(206.6, 244.4, 252);
    --bs-table-border-color: rgb(165.28, 195.52, 201.6);
    --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: rgb(255, 242.6, 205.4);
    --bs-table-border-color: rgb(204, 194.08, 164.32);
    --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: rgb(248, 214.6, 217.8);
    --bs-table-border-color: rgb(198.4, 171.68, 174.24);
    --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: rgb(198.4, 199.2, 200);
    --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(223.2, 224.1, 225);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: rgb(77.4, 80.6, 83.8);
    --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

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

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

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

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

.form-input:focus {
    border: 1px solid #383838;
    -webkit-box-shadow: 0 0 15px #383838;
    -moz-box-shadow: 0 0 15px #383838;
    box-shadow: 0 0 20px #383838;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
        }

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

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

    .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 {
            cursor: default;
            opacity: .5
        }

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

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

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

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

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

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

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

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

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

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

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

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

    .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;
        margin-top: -.25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        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::-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: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    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: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

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

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

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

.form-floating {
    position: relative
}

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

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

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

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

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

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

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

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

    .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
        color: rgba(var(--bs-body-color-rgb),.65);
        transform: scale(.85) translateY(-.5rem) translate(.15rem)
    }

        .form-floating > .form-control:focus ~ label:after, .form-floating > .form-control:not(:placeholder-shown) ~ label:after, .form-floating > .form-control-plaintext ~ label:after, .form-floating > .form-select ~ label:after {
            position: absolute;
            top: 1rem;
            right: .375rem;
            bottom: 1rem;
            left: .375rem;
            z-index: -1;
            height: 1.5em;
            content: "";
            background-color: var(--bs-body-bg);
            border-radius: var(--bs-border-radius)
        }

.form-floating > .form-control:-webkit-autofill ~ label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

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

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

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

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

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

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

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

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

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

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

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

.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):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

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

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

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

    .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"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

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

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

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

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

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

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

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

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

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

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

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

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

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-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 ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

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

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

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

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

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

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

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

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

.accordion-header {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

    .accordion-flush > .accordion-item > .accordion-collapse {
        border-radius: 0
    }

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

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

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

.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% - var(--bs-modal-margin) * 2)
}

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

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

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

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

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

    .modal-backdrop.fade {
        opacity: 0
    }

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

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

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
        margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
    }

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

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

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

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

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

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

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

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

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

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

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

@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, .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0
        }

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

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

        .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
            border-radius: 0
        }

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

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

        .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0
        }

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

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

        .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0
        }

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

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

        .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .link-dark:hover, .link-dark:focus {
        color: RGBA(26,30,33,var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity, 1)) !important
    }

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, 1)) !important
}

    .link-body-emphasis:hover, .link-body-emphasis:focus {
        color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity, .75)) !important;
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, .75)) !important
    }

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, .5));
    text-underline-offset: .25em;
    backface-visibility: hidden
}

    .icon-link > .bi {
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        fill: currentcolor;
        transition: .2s ease-in-out transform
    }

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

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
    position: relative;
    width: 100%
}

    .ratio:before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

    .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
        position: absolute !important
    }

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.object-fit-contain {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-fit-scale {
    object-fit: scale-down !important
}

.object-fit-none {
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: 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-inline-grid {
    display: inline-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: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.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: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.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-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .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-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 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
}

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

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    column-gap: 0 !important
}

.column-gap-1 {
    column-gap: .25rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

.column-gap-3 {
    column-gap: 1rem !important
}

.column-gap-4 {
    column-gap: 1.5rem !important
}

.column-gap-5 {
    column-gap: 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-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !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 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80 !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10, .link-opacity-10-hover:hover {
    --bs-link-opacity: .1
}

.link-opacity-25, .link-opacity-25-hover:hover {
    --bs-link-opacity: .25
}

.link-opacity-50, .link-opacity-50-hover:hover {
    --bs-link-opacity: .5
}

.link-opacity-75, .link-opacity-75-hover:hover {
    --bs-link-opacity: .75
}

.link-opacity-100, .link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1, .link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2, .link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3, .link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

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

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

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

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

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

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

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

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

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

.link-underline-opacity-0, .link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10, .link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: .1
}

.link-underline-opacity-25, .link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-50, .link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-75, .link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: .75
}

.link-underline-opacity-100, .link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .object-fit-sm-contain {
        object-fit: contain !important
    }

    .object-fit-sm-cover {
        object-fit: cover !important
    }

    .object-fit-sm-fill {
        object-fit: fill !important
    }

    .object-fit-sm-scale {
        object-fit: scale-down !important
    }

    .object-fit-sm-none {
        object-fit: 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-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .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-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 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
    }

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

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-1 {
        row-gap: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .5rem !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-sm-5 {
        row-gap: 3rem !important
    }

    .column-gap-sm-0 {
        column-gap: 0 !important
    }

    .column-gap-sm-1 {
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        column-gap: .5rem !important
    }

    .column-gap-sm-3 {
        column-gap: 1rem !important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-sm-5 {
        column-gap: 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
    }

    .object-fit-md-contain {
        object-fit: contain !important
    }

    .object-fit-md-cover {
        object-fit: cover !important
    }

    .object-fit-md-fill {
        object-fit: fill !important
    }

    .object-fit-md-scale {
        object-fit: scale-down !important
    }

    .object-fit-md-none {
        object-fit: 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-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .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-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 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
    }

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

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-1 {
        row-gap: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .5rem !important
    }

    .row-gap-md-3 {
        row-gap: 1rem !important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-md-5 {
        row-gap: 3rem !important
    }

    .column-gap-md-0 {
        column-gap: 0 !important
    }

    .column-gap-md-1 {
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        column-gap: .5rem !important
    }

    .column-gap-md-3 {
        column-gap: 1rem !important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-md-5 {
        column-gap: 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
    }

    .object-fit-lg-contain {
        object-fit: contain !important
    }

    .object-fit-lg-cover {
        object-fit: cover !important
    }

    .object-fit-lg-fill {
        object-fit: fill !important
    }

    .object-fit-lg-scale {
        object-fit: scale-down !important
    }

    .object-fit-lg-none {
        object-fit: 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-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .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-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 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
    }

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

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important
    }

    .column-gap-lg-0 {
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        column-gap: .5rem !important
    }

    .column-gap-lg-3 {
        column-gap: 1rem !important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-lg-5 {
        column-gap: 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
    }

    .object-fit-xl-contain {
        object-fit: contain !important
    }

    .object-fit-xl-cover {
        object-fit: cover !important
    }

    .object-fit-xl-fill {
        object-fit: fill !important
    }

    .object-fit-xl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xl-none {
        object-fit: 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-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .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-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 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
    }

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

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xl-0 {
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xl-5 {
        column-gap: 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
    }

    .object-fit-xxl-contain {
        object-fit: contain !important
    }

    .object-fit-xxl-cover {
        object-fit: cover !important
    }

    .object-fit-xxl-fill {
        object-fit: fill !important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xxl-none {
        object-fit: 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-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .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-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 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
    }

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

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xxl-0 {
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xxl-5 {
        column-gap: 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-inline-grid {
        display: inline-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
    }
}

:root {
    --blue: #094D8D;
    --yellow: #EFDD03;
    --red: #921B1B;
    --black: #00182F;
    --white: #FFFFFF;
    --blue-hover: #084680;
    --grey-25: #FCFCFD;
    --grey-50: #F7F9FD;
    --grey-75: #F6F7F9;
    --grey-100: #ECF0F9;
    --grey-200: #E9ECF2;
    --grey-300: #D3D3D9;
    --grey-400: #9FA5AF;
    --grey-500: #6A6A74;
    --grey-600: #565663;
    --grey-700: #43434F;
    --grey-800: #353646;
    --grey-900: #060816;
    --gray-25: #FCFCFD;
    --gray-50: #F7F9FD;
    --gray-75: #F6F7F9;
    --gray-100: #ECF0F9;
    --gray-200: #E9ECF2;
    --gray-300: #D3D3D9;
    --gray-400: #9FA5AF;
    --gray-500: #6A6A74;
    --gray-600: #565663;
    --gray-700: #43434F;
    --gray-800: #353646;
    --gray-900: #060816;
    --blue-100: #E9F4FE;
    --blue-200: #DCEBF9;
    --blue-300: #B9D7F2;
    --blue-400: #549ED0;
    --blue-500: #0E76BC;
    --blue-600: #0A68AD;
    --blue-700: #094D8D;
    --blue-800: #074075;
    --blue-900: #153065;
    --border-radius-l: 3rem;
    --border-radius-m: 1.8rem;
    --border-radius-s: .8rem;
    --shadow-card-light: 0px 3px 7px 1px rgba(0, 0, 0, .07);
    --shadow-card-heavy: 0px .7699px 3.62304px 0px rgba(0, 0, 0, .02), 0px 2.12866px 10.01724px 0px rgba(0, 0, 0, .04), 0px 5.125px 24.11766px 0px rgba(0, 0, 0, .05), 0px 17px 80px 0px rgba(0, 0, 0, .07);
    --wrapper-width: 1400px
}

:root {
    --fluid-min-width: 400;
    --fluid-max-width: 1400;
    --fluid-screen: 100vw;
    --fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)) )
}

@media screen and (min-width: 1400px) {
    :root {
        --fluid-screen: calc(var(--fluid-max-width) * 1px)
    }
}

:root {
    --button-small-min: 14;
    --button-small-max: 14;
    --button-small: calc((var(--button-small-min) * 1px) + (var(--button-small-max) - var(--button-small-min)) * var(--fluid-bp));
    --button-min: 15;
    --button-max: 16;
    --button: calc((var(--button-min) * 1px) + (var(--button-max) - var(--button-min)) * var(--fluid-bp));
    --button-large-min: 16;
    --button-large-max: 18;
    --button-large: calc((var(--button-large-min) * 1px) + (var(--button-large-max) - var(--button-large-min)) * var(--fluid-bp));
    --body-xxsmall-min: 14;
    --body-xxsmall-max: 14;
    --body-xxsmall: calc((var(--body-xxsmall-min) * 1px) + (var(--body-xxsmall-max) - var(--body-xxsmall-min)) * var(--fluid-bp));
    --body-xsmall-min: 15;
    --body-xsmall-max: 16;
    --body-xsmall: calc((var(--body-xsmall-min) * 1px) + (var(--body-xsmall-max) - var(--body-xsmall-min)) * var(--fluid-bp));
    --body-small-min: 16;
    --body-small-max: 18;
    --body-small: calc((var(--body-small-min) * 1px) + (var(--body-small-max) - var(--body-small-min)) * var(--fluid-bp));
    --body-min: 17;
    --body-max: 20;
    --body: calc((var(--body-min) * 1px) + (var(--body-max) - var(--body-min)) * var(--fluid-bp));
    --body-large-min: 18;
    --body-large-max: 22;
    --body-large: calc((var(--body-large-min) * 1px) + (var(--body-large-max) - var(--body-large-min)) * var(--fluid-bp));
    --pretitle-min: 14;
    --pretitle-max: 16;
    --pretitle: calc((var(--pretitle-min) * 1px) + (var(--pretitle-max) - var(--pretitle-min)) * var(--fluid-bp));
    --h5-min: 20;
    --h5-max: 26;
    --h5: calc((var(--h5-min) * 1px) + (var(--h5-max) - var(--h5-min)) * var(--fluid-bp));
    --h4-min: 22;
    --h4-max: 28;
    --h4: calc((var(--h4-min) * 1px) + (var(--h4-max) - var(--h4-min)) * var(--fluid-bp));
    --h3-min: 26;
    --h3-max: 36;
    --h3: calc((var(--h3-min) * 1px) + (var(--h3-max) - var(--h3-min)) * var(--fluid-bp));
    --h2-min: 32;
    --h2-max: 42;
    --h2: calc((var(--h2-min) * 1px) + (var(--h2-max) - var(--h2-min)) * var(--fluid-bp));
    --h1-min: 40;
    --h1-max: 60;
    --h1: calc((var(--h1-min) * 1px) + (var(--h1-max) - var(--h1-min)) * var(--fluid-bp));
    --home-hero-min: 40;
    --home-hero-max: 75;
    --home-hero: calc((var(--home-hero-min) * 1px) + (var(--home-hero-max) - var(--home-hero-min)) * var(--fluid-bp))
}

:root {
    --fc-4xs-min: (var(--fc-s-min) * .25);
    --fc-4xs-max: (var(--fc-s-max) * .25);
    --fc-3xs-min: (var(--fc-s-min) * .4);
    --fc-3xs-max: (var(--fc-s-max) * .4);
    --fc-2xs-min: (var(--fc-s-min) * .5);
    --fc-2xs-max: (var(--fc-s-max) * .5);
    --fc-xs-min: (var(--fc-s-min) * .75);
    --fc-xs-max: (var(--fc-s-max) * .75);
    --fc-s-min: 16;
    --fc-s-max: 20;
    --fc-m-min: (var(--fc-s-min) * 1.5);
    --fc-m-max: (var(--fc-s-max) * 1.5);
    --fc-l-min: (var(--fc-s-min) * 2);
    --fc-l-max: (var(--fc-s-max) * 2);
    --fc-xl-min: (var(--fc-s-min) * 3);
    --fc-xl-max: (var(--fc-s-max) * 3);
    --fc-2xl-min: (var(--fc-s-min) * 4);
    --fc-2xl-max: (var(--fc-s-max) * 4);
    --fc-3xl-min: (var(--fc-s-min) * 6);
    --fc-3xl-max: (var(--fc-s-max) * 6);
    --fc-4xl-min: (var(--fc-s-min) * 7);
    --fc-4xl-max: (var(--fc-s-max) * 7);
    --fc-5xl-min: (var(--fc-s-min) * 8);
    --fc-5xl-max: (var(--fc-s-max) * 8);
    --fc-6xl-min: (var(--fc-s-min) * 9);
    --fc-6xl-max: (var(--fc-s-max) * 9);
    --page-padding-min: 20;
    --page-padding-max: 30;
    --space-4xs: calc((var(--fc-4xs-min) * 1px) + (var(--fc-4xs-max) - var(--fc-4xs-min)) * var(--fluid-bp));
    --space-3xs: calc((var(--fc-3xs-min) * 1px) + (var(--fc-3xs-max) - var(--fc-3xs-min)) * var(--fluid-bp));
    --space-2xs: calc((var(--fc-2xs-min) * 1px) + (var(--fc-2xs-max) - var(--fc-2xs-min)) * var(--fluid-bp));
    --space-xs: calc((var(--fc-xs-min) * 1px) + (var(--fc-xs-max) - var(--fc-xs-min)) * var(--fluid-bp));
    --space-s: calc(((var(--fc-s-min) * 1px)) + (var(--fc-s-max) - var(--fc-s-min)) * var(--fluid-bp));
    --space-m: calc((var(--fc-m-min) * 1px) + (var(--fc-m-max) - var(--fc-m-min)) * var(--fluid-bp));
    --space-l: calc((var(--fc-l-min) * 1px) + (var(--fc-l-max) - var(--fc-l-min)) * var(--fluid-bp));
    --space-xl: calc((var(--fc-xl-min) * 1px) + (var(--fc-xl-max) - var(--fc-xl-min)) * var(--fluid-bp));
    --space-2xl: calc((var(--fc-2xl-min) * 1px) + (var(--fc-2xl-max) - var(--fc-2xl-min)) * var(--fluid-bp));
    --space-3xl: calc((var(--fc-3xl-min) * 1px) + (var(--fc-3xl-max) - var(--fc-3xl-min)) * var(--fluid-bp));
    --space-4xl: calc((var(--fc-4xl-min) * 1px) + (var(--fc-4xl-max) - var(--fc-4xl-min)) * var(--fluid-bp));
    --space-5xl: calc((var(--fc-5xl-min) * 1px) + (var(--fc-5xl-max) - var(--fc-5xl-min)) * var(--fluid-bp));
    --space-6xl: calc((var(--fc-6xl-min) * 1px) + (var(--fc-6xl-max) - var(--fc-6xl-min)) * var(--fluid-bp));
    --space-3xs-2xs: calc((var(--fc-3xs-min) * 1px) + (var(--fc-2xs-max) - var(--fc-3xs-min)) * var(--fluid-bp));
    --space-2xs-xs: calc((var(--fc-2xs-min) * 1px) + (var(--fc-xs-max) - var(--fc-2xs-min)) * var(--fluid-bp));
    --space-xs-s: calc((var(--fc-xs-min) * 1px) + (var(--fc-s-max) - var(--fc-xs-min)) * var(--fluid-bp));
    --space-s-m: calc((var(--fc-s-min) * 1px) + (var(--fc-m-max) - var(--fc-s-min)) * var(--fluid-bp));
    --space-m-l: calc((var(--fc-m-min) * 1px) + (var(--fc-l-max) - var(--fc-m-min)) * var(--fluid-bp));
    --space-l-xl: calc((var(--fc-l-min) * 1px) + (var(--fc-xl-max) - var(--fc-l-min)) * var(--fluid-bp));
    --space-xl-2xl: calc((var(--fc-xl-min) * 1px) + (var(--fc-2xl-max) - var(--fc-xl-min)) * var(--fluid-bp));
    --space-2xl-3xl: calc((var(--fc-2xl-min) * 1px) + (var(--fc-3xl-max) - var(--fc-2xl-min)) * var(--fluid-bp));
    --space-2xs-m: calc((var(--fc-2xs-min) * 1px) + (var(--fc-m-max) - var(--fc-2xs-min)) * var(--fluid-bp));
    --space-xs-l: calc(((var(--fc-xs-min) * 1px)) + (var(--fc-l-max) - var(--fc-xs-min)) * var(--fluid-bp));
    --space-s-l: calc((var(--fc-s-min) * 1px) + (var(--fc-l-max) - var(--fc-s-min)) * var(--fluid-bp));
    --space-m-2xl: calc(((var(--fc-m-min) * 1px)) + (var(--fc-2xl-max) - var(--fc-m-min)) * var(--fluid-bp));
    --space-l-2xl: calc(((var(--fc-l-min) * 1px)) + (var(--fc-2xl-max) - var(--fc-l-min)) * var(--fluid-bp));
    --space-xs-m: calc(((var(--fc-xs-min) * 1px)) + (var(--fc-m-max) - var(--fc-xs-min)) * var(--fluid-bp));
    --space-2xs-s: calc((var(--fc-2xs-min) * 1px) + (var(--fc-s-max) - var(--fc-2xs-min)) * var(--fluid-bp));
    --space-m-xl: calc((var(--fc-m-min) * 1px) + (var(--fc-xl-max) - var(--fc-m-min)) * var(--fluid-bp));
    --space-m-3xl: calc((var(--fc-m-min) * 1px) + (var(--fc-3xl-max) - var(--fc-m-min)) * var(--fluid-bp));
    --space-xl-5xl: calc((var(--fc-xl-min) * 1px) + (var(--fc-5xl-max) - var(--fc-xl-min)) * var(--fluid-bp));
    --page-padding: calc(((var(--page-padding-min) * 1px)) + (var(--page-padding-max) - var(--page-padding-min)) * var(--fluid-bp))
}

h1.utopia--static {
    font-size: 76.8px
}

h2.utopia--static {
    font-size: 62.7px
}

h3.utopia--static {
    font-size: 50px
}

h4.utopia--static {
    font-size: 40px
}

h5.utopia--static {
    font-size: 32px
}

.utopia--static {
    color: #9d8d6c;
    margin-bottom: .5em;
    line-height: 1.3
}

@media (max-width: 600px) {
    .utopia--static {
        margin-bottom: .2em
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%
}

@media (max-width: 549px) {
    .row {
        width: auto
    }
}

.row:not(.no-gutter) {
    margin-left: -1rem;
    margin-right: -1rem
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (max-width: 825px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        margin-bottom: 2rem
    }
}

.row.no-gutter .col-xs-1, .row.no-gutter .col-sm-1, .row.no-gutter .col-md-1, .row.no-gutter .col-lg-1, .row.no-gutter .col-xs-2, .row.no-gutter .col-sm-2, .row.no-gutter .col-md-2, .row.no-gutter .col-lg-2, .row.no-gutter .col-xs-3, .row.no-gutter .col-sm-3, .row.no-gutter .col-md-3, .row.no-gutter .col-lg-3, .row.no-gutter .col-xs-4, .row.no-gutter .col-sm-4, .row.no-gutter .col-md-4, .row.no-gutter .col-lg-4, .row.no-gutter .col-xs-5, .row.no-gutter .col-sm-5, .row.no-gutter .col-md-5, .row.no-gutter .col-lg-5, .row.no-gutter .col-xs-6, .row.no-gutter .col-sm-6, .row.no-gutter .col-md-6, .row.no-gutter .col-lg-6, .row.no-gutter .col-xs-7, .row.no-gutter .col-sm-7, .row.no-gutter .col-md-7, .row.no-gutter .col-lg-7, .row.no-gutter .col-xs-8, .row.no-gutter .col-sm-8, .row.no-gutter .col-md-8, .row.no-gutter .col-lg-8, .row.no-gutter .col-xs-9, .row.no-gutter .col-sm-9, .row.no-gutter .col-md-9, .row.no-gutter .col-lg-9, .row.no-gutter .col-xs-10, .row.no-gutter .col-sm-10, .row.no-gutter .col-md-10, .row.no-gutter .col-lg-10, .row.no-gutter .col-xs-11, .row.no-gutter .col-sm-11, .row.no-gutter .col-md-11, .row.no-gutter .col-lg-11, .row.no-gutter .col-xs-12, .row.no-gutter .col-sm-12, .row.no-gutter .col-md-12, .row.no-gutter .col-lg-12 {
    padding-left: 0;
    padding-right: 0
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

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

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

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

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

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

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 480px) {
    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 550px) {
    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 825px) {
    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-font-kerning: normal;
    font-kerning: normal
}

    body *:not(.button):not(.link-text)::selection {
        background-color: var(--blue-600);
        color: #fff
    }

h1, .heading-one, .app-dashboard-header__primary h1, h2, .heading-two, .page-container--services .section--other-services h2, .projects-index__all-projects h2, .projects-index__featured h2, .events-index__past h2, .events-index__upcoming h2, .knowledge-center-section__primary-container div h2, .press-release-index__title, .whats-up-row__title, .hero-brand__related-applications-title p, .hero-brand__related-industries-title p, .homepage-applications__title p, .homepage-industries__title p, h3, .heading-three, .cta-row--why-solar .cta-row__text h2, .card--application .card-content__title, .card--industry .card-content__title, .customer-dashboard h2, .primary-nav__applications-title, .primary-nav__company-title, .primary-nav__services-title, .primary-nav__industries-title, .primary-nav__projects-title, .primary-nav__products-title, h4, .heading-four, .page-header--simple .page-header__contact-info-container .contact-info__name, .row--form .row__content .pretitle__text, .card--icon .card-content__title, .application__related-industries-title, h5, .heading-five {
    font-family: Inter Tight,sans-serif;
    color: var(--black);
    font-weight: 700;
    line-height: 110%;
    font-variant-ligatures: none
}

h1, .heading-one {
    font-size: var(--h1);
    margin-bottom: var(--space-l)
}

.app-dashboard-header__primary h1, h2, .heading-two {
    font-size: var(--h2);
    margin-bottom: var(--space-m)
}

.page-container--services .section--other-services h2, .projects-index__all-projects h2, .projects-index__featured h2, .events-index__past h2, .events-index__upcoming h2, .knowledge-center-section__primary-container div h2, .press-release-index__title, .whats-up-row__title, .hero-brand__related-applications-title p, .hero-brand__related-industries-title p, .homepage-applications__title p, .homepage-industries__title p, h3, .heading-three {
    font-size: var(--h3);
    margin-bottom: var(--space-s);
    line-height: 120%
}

.cta-row--why-solar .cta-row__text h2, .card--application .card-content__title, .card--industry .card-content__title, .customer-dashboard h2, .primary-nav__applications-title, .primary-nav__company-title, .primary-nav__services-title, .primary-nav__industries-title, .primary-nav__projects-title, .primary-nav__products-title, h4, .heading-four {
    font-size: var(--h4);
    margin-bottom: var(--space-xs);
    line-height: 120%
}

.page-header--simple .page-header__contact-info-container .contact-info__name, .row--form .row__content .pretitle__text, .card--icon .card-content__title, .application__related-industries-title, h5, .heading-five {
    font-size: var(--h5);
    font-weight: 400;
    margin-bottom: var(--space-xs);
    line-height: 120%
}

.heading--flourish {
    position: relative
}

    .heading--flourish:before {
        content: "";
        width: 1ch;
        height: .5rem;
        background-color: var(--red-alt);
        position: absolute;
        bottom: -1rem;
        left: 0
    }

h1.heading--flourish:before, h2.heading--flourish:before {
    bottom: calc(var(--space-xs) * -1)
}

.row--form .row__content .expert-details__role, .table__footnote, .card--event .card-content__type, .card--event .card-content__date, .card--press-release .card-content__type, .card--press-release .card-content__date, .secondary-nav__list-link, .primary-nav__services-desc, .body-xxsmall, .section--warehouses .warehouse__phone, .section--warehouses .warehouse__fax, .row--form .row__content .expert-details__name, .image-block--settings-size-small span, .card--service .card-content__summary, .card--product .card-content__subline, .card-content__summary, .card-content__type, .homepage-event-press__row .whats-up-cta__summary, .footer__nav-link, .footer__about-phone, .footer__about-fax, .footer__about-email, .footer__about-location, .page-header.project .page-header__project-details-content, .page-header.project .page-header__project-details-title, .primary-nav__applications-item-link, .primary-nav__applications-desc, .primary-nav__company-link, .primary-nav__company-desc, .primary-nav__industries-subitem-link, .primary-nav__projects-desc, .primary-nav__products-link, .main-nav > li.sub-nav, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two .mobile-sub-nav__text-container p, .body-xsmall, .card--certification .card-content__secondary-date, .card--certification .card-content__secondary-title, .card--certification .card-content__primary > div p, .image-block--settings-size-medium span, .staff-dashboard__quick-link-text, .footer__about-title, .primary-nav__services-item-title, .primary-nav__industries-item-title, .sub-nav__level-two--services li, .mobile-sub-nav--services li, .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container .cta-container__title, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two .mobile-sub-nav__text-container .sub-nav__title, .checkbox .checkmark-title, form label:not(.checker), form .checkboxes legend, form .radioBoxes legend, .body-small, .section--company-directory .employee__role, .section--company-directory .employee__address, .section--company-directory .warehouse__role, .section--company-directory .warehouse__address, .section--warehouses .employee__role, .section--warehouses .employee__address, .section--warehouses .warehouse__role, .section--warehouses .warehouse__address, .page-header--simple .page-header__contact-info-container .contact-info__address, .image-block--settings-size-medium p, .image-block--settings-size-small p, .card-content__title, .hero-brand-index__products-row-title, .primary-nav__applications-image-label, .primary-nav__company-media-title, .primary-nav__projects-media-title, .primary-nav__products-type-title, form ::placeholder, p, li, .body-copy, .row--work-with-us .text-container__details p, .app-login .text-container p, .section--company-directory .employee__name, .section--company-directory .warehouse__name, .section--warehouses .employee__name, .section--warehouses .warehouse__name, .home-section--window-cleaning p, .home-section--why-solar p, .home-section--services p, .page-header--home .page-header__main-text p, .card--building-site .card-content h3, .card--certification .card-content__primary > div h3, .app-dashboard-header .digital-id-card__title, .app-dashboard-header__type, .app-dashboard-header__group, .footer__nav-link-title, .home-slideshow p, .page-header--multi-image .page-header__text-container p, .page-header--simple .page-header__text-container p, span.intro-text, .body-large {
    font-family: Inter,sans-serif;
    color: var(--black);
    margin-bottom: var(--space-s);
    line-height: 150%;
    font-weight: 400
}

.row--work-with-us .text-container__details p, .app-login .text-container p, .section--company-directory .employee__name, .section--company-directory .warehouse__name, .section--warehouses .employee__name, .section--warehouses .warehouse__name, .home-section--window-cleaning p, .home-section--why-solar p, .home-section--services p, .page-header--home .page-header__main-text p, .card--building-site .card-content h3, .card--certification .card-content__primary > div h3, .app-dashboard-header .digital-id-card__title, .app-dashboard-header__type, .app-dashboard-header__group, .footer__nav-link-title, .home-slideshow p, .page-header--multi-image .page-header__text-container p, .page-header--simple .page-header__text-container p, span.intro-text, .body-large {
    font-size: var(--body-large)
}

.section--company-directory .employee__role, .section--company-directory .employee__address, .section--company-directory .warehouse__role, .section--company-directory .warehouse__address, .section--warehouses .employee__role, .section--warehouses .employee__address, .section--warehouses .warehouse__role, .section--warehouses .warehouse__address, .page-header--simple .page-header__contact-info-container .contact-info__address, .image-block--settings-size-medium p, .image-block--settings-size-small p, .card-content__title, .hero-brand-index__products-row-title, .primary-nav__applications-image-label, .primary-nav__company-media-title, .primary-nav__projects-media-title, .primary-nav__products-type-title, form ::placeholder, p, li, .body-copy {
    font-size: var(--body);
    margin-bottom: var(--space-s)
}

.card--certification .card-content__secondary-date, .card--certification .card-content__secondary-title, .card--certification .card-content__primary > div p, .image-block--settings-size-medium span, .staff-dashboard__quick-link-text, .footer__about-title, .primary-nav__services-item-title, .primary-nav__industries-item-title, .sub-nav__level-two--services li, .mobile-sub-nav--services li, .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container .cta-container__title, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two .mobile-sub-nav__text-container .sub-nav__title, .checkbox .checkmark-title, form label:not(.checker), form .checkboxes legend, form .radioBoxes legend, .body-small {
    font-size: var(--body-small);
    margin-bottom: var(--space-xs)
}

.section--warehouses .warehouse__phone, .section--warehouses .warehouse__fax, .row--form .row__content .expert-details__name, .image-block--settings-size-small span, .card--service .card-content__summary, .card--product .card-content__subline, .card-content__summary, .card-content__type, .homepage-event-press__row .whats-up-cta__summary, .footer__nav-link, .footer__about-phone, .footer__about-fax, .footer__about-email, .footer__about-location, .page-header.project .page-header__project-details-content, .page-header.project .page-header__project-details-title, .primary-nav__applications-item-link, .primary-nav__applications-desc, .primary-nav__company-link, .primary-nav__company-desc, .primary-nav__industries-subitem-link, .primary-nav__projects-desc, .primary-nav__products-link, .main-nav > li.sub-nav, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two .mobile-sub-nav__text-container p, .body-xsmall {
    font-size: var(--body-xsmall);
    margin-bottom: var(--space-2xs)
}

.row--form .row__content .expert-details__role, .table__footnote, .card--event .card-content__type, .card--event .card-content__date, .card--press-release .card-content__type, .card--press-release .card-content__date, .secondary-nav__list-link, .primary-nav__services-desc, .body-xxsmall {
    font-size: var(--body-xxsmall);
    margin-bottom: var(--space-2xs)
}

.pretitle {
    font-family: Inter Tight,sans-serif;
    font-weight: 700;
    color: color-mix(in srgb,var(--blue) 85%,transparent 15%);
    font-size: var(--pretitle);
    text-transform: uppercase;
    position: relative;
    padding: var(--space-xs) var(--space-2xs);
    width: fit-content;
    margin-bottom: var(--space-xs);
    display: block
}

    .pretitle:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% + var(--space-xl));
        height: 100%;
        background: linear-gradient(90deg,#ECF0F9 25%,rgba(255,255,255,0) 100%);
        z-index: -1
    }

p a, li a {
    font-weight: 700
}

p {
    max-width: 110rem
}

a {
    color: var(--blue);
    text-decoration: none
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

sub {
    font-size: .75em;
    vertical-align: sub;
    line-height: 0
}

sup {
    font-size: .65em;
    vertical-align: super;
    line-height: 0
}

.rich-text, p {
    color: var(--black)
}

    .rich-text a:not(.button), p a:not(.button) {
        text-decoration: none;
        text-underline-offset: 3px;
        font-weight: 700;
        color: var(--blue);
        position: relative;
        transition: bottom .2s ease;
        bottom: 0
    }

        .rich-text a:not(.button):hover, p a:not(.button):hover {
            opacity: .8;
            bottom: 1px
        }

    .rich-text i, .rich-text em, p i, p em {
        font-style: italic
    }

    .rich-text ul, p ul {
        list-style: none
    }

        .rich-text ul li::marker, p ul li::marker {
            color: var(--blue-400)
        }

        .rich-text ul li:before, p ul li:before {
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font: var(--fa-font-solid);
            content: "";
            position: absolute;
            left: -2.3rem;
            top: var(--space-4xs);
            color: var(--blue-400)
        }

    .rich-text ol li::marker, p ol li::marker {
        display: block;
        color: var(--blue-400)
    }

.rich-text {
    font-size: var(--body)
}

    .rich-text p + h1 {
        margin-top: var(--space-l)
    }

    .rich-text p + h2 {
        margin-top: var(--space-l)
    }

    .rich-text p + h3 {
        margin-top: var(--space-m)
    }

    .rich-text p + h4 {
        margin-top: var(--space-s)
    }

    .rich-text span {
        background-color: transparent !important
    }

span.intro-text {
    color: var(--blue)
}

.rich-text ul.two-column, p ul.two-column, .rich-text ol.two-column, p ol.two-column {
    display: flex;
    flex-wrap: wrap
}

    .rich-text ul.two-column li, p ul.two-column li, .rich-text ol.two-column li, p ol.two-column li {
        width: 50%;
        padding-right: 3rem
    }

@media (max-width: 549px) {
    .rich-text ul.two-column li, p ul.two-column li, .rich-text ol.two-column li, p ol.two-column li {
        width: 100%;
        padding-right: 0
    }
}

.rich-text ul, p ul, .rich-text ol, p ol {
    padding-left: 2.3rem;
    margin-bottom: var(--space-m)
}

    .rich-text ul > li, p ul > li, .rich-text ol > li, p ol > li {
        margin-bottom: .75rem
    }

    .rich-text ul ul, p ul ul, .rich-text ol ul, p ol ul, .rich-text ul ol, p ul ol, .rich-text ol ol, p ol ol {
        padding-left: 2rem
    }

    .rich-text ul li, p ul li, .rich-text ol li, p ol li {
        position: relative;
        list-style: none
    }

        .rich-text ul li span, p ul li span, .rich-text ol li span, p ol li span {
            margin-left: var(--space-3xs)
        }

.rich-text svg {
    width: 7.2rem;
    height: 7.2rem;
    margin-bottom: var(--space-m)
}

    .rich-text svg path {
        fill: var(--yellow)
    }

.form-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%
}

form {
    max-width: 110rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    margin: 0;
    container-type: normal;
    container-name: form
}

    form .freeform-row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: var(--space-m)
    }

@media (max-width: 549px) {
    form .freeform-row {
        flex-direction: column;
        gap: 0
    }
}

form .freeform-column {
    flex: 1 0;
    padding: 10px 0;
    box-sizing: border-box
}

form input, form select, form textarea {
    font-size: var(--body-small);
    font-family: Inter,sans-serif;
    padding: 1.2rem 1.8rem;
    color: var(--navy);
    border: 1px solid color-mix(in srgb,#B0BBD3 60%,transparent 40%);
    border-radius: 3px;
    background-color: #f2f4f8;
    width: 100%
}

.user-is-tabbing form input:focus, .user-is-tabbing form select:focus, .user-is-tabbing form textarea:focus {
    outline: 2px solid var(--blue-400) !important
}

.row-container--bg-gradient-vertical form input, .row-container--bg-gradient-vertical form select, .row-container--bg-gradient-vertical form textarea {
    background-color: var(--white);
    border: 1px solid #B0BBD3
}

html.user-is-tabbing .form-container.dark form input:focus, html.user-is-tabbing .form-container.dark form select:focus, html.user-is-tabbing .form-container.dark form textarea:focus {
    outline: 2px solid var(--white)
}

.form-container.dark form input, .form-container.dark form select, .form-container.dark form textarea {
    background-color: var(--grey-600);
    color: var(--white)
}

form textarea {
    resize: vertical
}

form .freeform-row .freeform-column .freeform-label.freeform-required:after, form .freeform-row .freeform-column legend.freeform-required:after {
    content: "*";
    color: var(--blue);
    font-weight: 700;
    margin-left: var(--space-4xs)
}

form label:not(.checker), form .checkboxes legend, form .radioBoxes legend {
    display: block;
    margin-bottom: var(--space-4xs);
    color: var(--navy)
}

.form-container.dark form label:not(.checker), .form-container.dark form .checkboxes legend, .form-container.dark form .radioBoxes legend {
    color: var(--white)
}

.freeform-required form label:not(.checker):after, .freeform-required form .checkboxes legend:after, .freeform-required form .radioBoxes legend:after {
    content: "*";
    color: var(--red-alt);
    margin-left: 1rem
}

form ::placeholder {
    color: var(--grey-400) !important;
    opacity: 1
}

form :-ms-input-placeholder {
    color: var(--grey-400)
}

form ::-ms-input-placeholder {
    color: var(--grey-400)
}

form select {
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,var(--grey-400) 50%),linear-gradient(135deg,var(--grey-400) 50%,transparent 50%);
    background-position: calc(100% - 25px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;
    background-size: 5px 5px,10px 6px,2px 3em;
    background-repeat: no-repeat
}

.form-container.dark form select {
    background-image: linear-gradient(45deg,transparent 50%,var(--white) 50%),linear-gradient(135deg,var(--white) 50%,transparent 50%)
}

form select:focus {
    background-image: linear-gradient(45deg,var(--grey-400) 50%,transparent 50%),linear-gradient(135deg,transparent 50%,var(--grey-400) 50%);
    background-position: calc(100% - 15px) 1em,calc(100% - 25px) 1em,calc(100% - 2.5em) .5em;
    background-size: 10px 5px,6px 5px,2px 3em;
    background-repeat: no-repeat;
    outline: 0
}

.form-container.dark form select:focus {
    background-image: linear-gradient(45deg,var(--white) 50%,transparent 50%),linear-gradient(135deg,transparent 50%,var(--white) 50%)
}

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

form .freeform-form-has-errors {
    color: #ff4052;
    font-size: 2.2rem;
    margin: 1.3rem 1rem
}

form .freeform-form-errors p {
    color: var(--red)
}

form .freeform-form-success p, form .freeform-form-errors p {
    font-weight: 700
}

form .freeform-row .freeform-column .freeform-errors > li, form .freeform-row .freeform-column .ff-errors > li {
    font-size: 1.6rem;
    color: var(--red)
}

form .freeform-alert {
    font-size: 2rem;
    font-weight: 700
}

    form .freeform-alert.freeform-alert-success {
        color: var(--green)
    }

form .freeform-fieldtype-file input {
    background: none;
    border: none;
    padding: 0;
    margin-top: var(--space-4xs);
    width: fit-content
}

form .input-group-one-line {
    gap: var(--space-2xs)
}

    form .input-group-one-line, form .input-group-one-line label {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

        form .input-group-one-line input {
            width: auto
        }

form .radioBoxes .input-group-one-line {
    gap: 0;
    border: 2px solid var(--blue);
    border-radius: 5rem;
    width: fit-content
}

    form .radioBoxes .input-group-one-line label {
        margin: 0
    }

    form .radioBoxes .input-group-one-line input {
        padding: 0
    }

form .radioBoxes .radioButton:not(:last-of-type) {
    border-right: 2px solid var(--blue)
}

form .freeform-button-submit {
    background-color: var(--blue) !important;
    padding: var(--space-xs, 1.5rem) var(--space-m);
    color: var(--white);
    margin-top: var(--space-m);
    font-size: var(--button-large) !important
}

@media (max-width: 825px) {
    form .freeform-button-submit {
        width: 100% !important;
        justify-content: center
    }
}

form .freeform-button-submit:hover, form .freeform-button-submit:focus {
    background-color: var(--blue-hover) !important
}

.user-is-tabbing form .freeform-button-submit:focus {
    outline: 2px solid var(--blue-400)
}

form .g-recaptcha {
    margin-top: var(--space-s)
}

form.login-form {
    width: 100%
}

.col-inner--align-center .form-container > .col--full {
    display: flex;
    justify-content: center
}

.col-inner--align-center .form-container form {
    width: 100%
}

.checkbox {
    height: 100%;
    display: flex;
    align-items: center
}

    .checkbox label {
        font-size: 1.7rem;
        font-weight: 400;
        display: flex;
        align-items: flex-start;
        padding: 0 0 1rem;
        cursor: pointer
    }

        .checkbox label:hover .checkmark {
            border: 2px solid var(--navy)
        }

            .checkbox label:hover .checkmark:after {
                color: var(--navy)
            }

.form-container.dark .checkbox label:hover .checkmark:after {
    color: var(--white) !important
}

.checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0
}

.checkbox input:focus + span.checkmark {
    outline: 2px solid var(--navy)
}

html.user-is-tabbing .form-container.dark .checkbox input:focus + span.checkmark {
    outline: 2px solid var(--white)
}

.checkbox .checkmark {
    width: 22px;
    height: 22px;
    display: block;
    border: 1px solid var(--grey-300);
    background-color: var(--grey-100);
    border-radius: 3px;
    position: relative;
    margin-right: .7rem;
    margin-top: .4rem;
    transform: translateY(-.2rem);
    flex-shrink: 0;
    transition: border .15s ease-in-out
}

.form-container.dark .checkbox .checkmark {
    background-color: var(--grey-500);
    border-color: var(--grey-400)
}

.checkbox .checkmark:after {
    font-family: icomoon;
    content: "";
    font-weight: 900;
    color: var(--navy);
    font-size: var(--body);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .15s ease-in-out
}

.form-container.dark .checkbox .checkmark:after {
    color: var(--white)
}

.checkbox input[type=checkbox]:checked + .checkmark-title {
    background-color: var(--blue-200)
}

    .checkbox input[type=checkbox]:checked + .checkmark-title:after {
        opacity: 1
    }

.checkbox input[type=checkbox]:checked + .checkmark:after {
    opacity: 1
}

.checkbox input[type=checkbox]:checked + .checkmark + .checkmark-title {
    opacity: 1
}

.checkbox .checkmark-title {
    color: var(--blue);
    font-weight: 700;
    padding: var(--space-3xs) var(--space-xs);
    margin-bottom: 0;
    border: 2px solid var(--blue);
    border-radius: 5rem;
    transition: all .15s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.user-is-tabbing .checkbox .form-check-input:focus ~ .checkmark-title {
    outline: 2px solid var(--blue-400)
}

.checkbox--with-tooltip {
    position: relative;
    border: 2px solid var(--blue);
    border-radius: 5rem;
    overflow: hidden
}

    .checkbox--with-tooltip label {
        padding: 0
    }

    .checkbox--with-tooltip .checkmark-title {
        border: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        display: flex;
        align-items: center;
        column-gap: var(--space-s);
        padding-right: var(--space-2xs);
        position: relative;
        margin-right: var(--space-3xs)
    }

        .checkbox--with-tooltip .checkmark-title:after {
            content: "";
            position: absolute;
            top: 0;
            left: 100%;
            width: 100%;
            height: 100%;
            border-top-right-radius: 5rem;
            border-bottom-right-radius: 5rem;
            background-color: var(--blue-200);
            z-index: -1;
            opacity: 0;
            transition: .25s ease
        }

        .checkbox--with-tooltip .checkmark-title .tooltip {
            height: 2.4rem
        }

        .checkbox--with-tooltip .checkmark-title i {
            font-size: calc(var(--body-xsmall) + var(--space-3xs))
        }

    .checkbox--with-tooltip .tooltip {
        position: relative;
        margin-right: var(--space-2xs);
        margin-top: -1.5px;
        cursor: pointer;
        border-radius: 50%;
        transition: .3s cubic-bezier(.23,.65,.63,.99)
    }

        .checkbox--with-tooltip .tooltip:hover, .checkbox--with-tooltip .tooltip:focus {
            background-color: var(--blue-100)
        }

        .checkbox--with-tooltip .tooltip i {
            font-size: var(--h5)
        }

    .checkbox--with-tooltip .tooltip-text {
        position: absolute;
        left: 50%;
        bottom: calc(100% + var(--space-s));
        transform: translate(-50%);
        z-index: 1;
        background-color: var(--blue-100);
        width: 35rem;
        padding: var(--space-xs) var(--space-s);
        border-radius: var(--border-radius-s);
        pointer-events: none;
        box-shadow: 0 4px 16px #00000040
    }

@media (max-width: 1199px) {
    .checkbox--with-tooltip .tooltip-text {
        width: 30rem
    }
}

@media (max-width: 825px) {
    .checkbox--with-tooltip .tooltip-text {
        width: 25rem
    }
}

.checkbox--with-tooltip .tooltip-text button {
    position: absolute;
    right: var(--space-4xs);
    top: var(--space-3xs);
    border: 0;
    background: none;
    color: var(--blue);
    cursor: pointer;
    display: none
}

@media (max-width: 825px) {
    .checkbox--with-tooltip .tooltip-text button {
        display: block
    }
}

.checkbox--with-tooltip .tooltip-text .tooltip-title, .checkbox--with-tooltip .tooltip-text p {
    font-size: var(--body-small);
    pointer-events: none
}

.checkbox--with-tooltip .tooltip-text .tooltip-title {
    color: var(--black)
}

.checkbox--with-tooltip .tooltip-text p {
    margin: 0
}

.checkbox--with-tooltip .tooltip:before, .checkbox--with-tooltip .tooltip-text {
    opacity: 0;
    transition: .2s cubic-bezier(.23,.65,.63,.99)
}

.checkbox--with-tooltip .tooltip:hover .tooltip-text, .checkbox--with-tooltip .tooltip:focus .tooltip-text {
    pointer-events: auto;
    cursor: auto
}

.checkbox--with-tooltip .tooltip:hover .tooltip-text, .checkbox--with-tooltip .tooltip:hover:before, .checkbox--with-tooltip .tooltip:focus .tooltip-text, .checkbox--with-tooltip .tooltip:focus:before {
    opacity: 1
}

.checkbox--with-tooltip .tooltip.open .tooltip-text, .checkbox--with-tooltip .tooltip.open:before {
    opacity: 1
}

.radioButton {
    position: relative
}

.freeform-row .radioButton {
    display: block
}

    .freeform-row .radioButton label {
        font-size: 1.7rem;
        font-weight: 500;
        display: flex;
        align-items: center;
        margin-right: 3rem;
        cursor: pointer;
        color: var(--navy)
    }

        .freeform-row .radioButton label:hover .radio {
            border: 2px solid var(--navy)
        }

            .freeform-row .radioButton label:hover .radio:after {
                background-color: var(--navy);
                opacity: 1
            }

    .freeform-row .radioButton input[type=radio] {
        position: absolute;
        opacity: 0;
        width: 0
    }

    .freeform-row .radioButton input:focus + span.radio {
        outline: 2px solid var(--navy)
    }

    .freeform-row .radioButton .radio {
        width: 22px;
        height: 22px;
        display: block;
        border: 2px solid #E5E5E5;
        background-color: #fff;
        border-radius: 50%;
        position: relative;
        margin-right: .7rem
    }

        .freeform-row .radioButton .radio:after {
            content: "";
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: var(--navy);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            opacity: 0;
            transition: all .15s ease-in-out
        }

    .freeform-row .radioButton input[type=radio]:checked + .radio-title {
        background-color: var(--blue-200)
    }

    .freeform-row .radioButton input[type=radio]:checked + .radio:after {
        opacity: 1
    }

    .freeform-row .radioButton input[type=radio]:checked + .radio + .radio-title {
        opacity: 1
    }

    .freeform-row .radioButton .radio-title {
        transition: all .15s ease-in-out;
        font-weight: 700;
        color: var(--blue);
        user-select: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        padding: var(--space-xs) var(--space-xs)
    }

@media (max-width: 549px) {
    .freeform-row .radioButton .radio-title {
        font-size: var(--button-small)
    }
}

.user-is-tabbing .radioButton .form-check-input:focus ~ .radio-title {
    outline: 3px solid var(--blue-400)
}

.radioButton .freeform-errors {
    position: absolute;
    left: 105%;
    top: 0;
    width: 16rem;
    display: flex;
    align-items: center;
    height: 100%
}

    .radioButton .freeform-errors > li {
        margin-bottom: 0
    }

.radioButton:first-of-type .radio-title {
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem
}

.radioButton:last-of-type .radio-title {
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem
}

html.user-is-tabbing .form-container.dark .button:focus {
    outline: 2px solid var(--white)
}

@container form (max-width: 600px) {
    form .freeform-row {
        flex-direction: column;
        gap: 0
    }

    form button[type=submit] {
        width: fit-content
    }
}

form .search-input .input-container {
    position: relative
}

form .search-input button {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 3px 3px 0;
    height: 100%;
    padding: var(--space-2xs) var(--space-xs)
}

.popover {
    background: var(--blue-100);
    padding: var(--space-xs);
    max-width: 30rem;
    border-radius: var(--border-radius-s);
    box-shadow: 0 4px 16px #00000040
}

.popover-header, .popover-body {
    font-size: var(--body-small)
}

.popover-header {
    margin-bottom: var(--space-2xs)
}

.popover-body {
    line-height: 1.3
}

.popover-arrow {
    display: block;
    width: 1rem;
    height: .5rem;
    bottom: 4px
}

    .popover-arrow:after {
        content: "";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        font-size: var(--body-large);
        color: var(--blue-100)
    }

button {
    font-family: Inter,sans-serif
}

.button-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-s, 2rem);
    margin-bottom: var(--space-s, 2rem);
    flex-wrap: wrap
}

.button-test-dark {
    background: var(--grey-700);
    padding: var(--space-s)
}

.button, form .freeform-button-submit {
    display: inline-flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    width: fit-content;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 700;
    font-family: Inter Tight,sans-serif;
    text-align: left;
    border-radius: 3rem;
    border: 2px solid transparent;
    position: relative;
    text-decoration: none;
    background: transparent;
    transition: all .15s ease-in-out
}

    .button:hover, form .freeform-button-submit:hover, .button:focus, form .freeform-button-submit:focus {
        text-decoration: none
    }

    .button .link-text, form .freeform-button-submit .link-text {
        position: relative;
        padding: 0 .8rem
    }

    .button i, form .freeform-button-submit i, .button span.fa-solid, form .freeform-button-submit span.fa-solid {
        font-size: 2.4rem
    }

    .button, .button .link-text {
        transition: all .15s cubic-bezier(.23,.65,.63,.99);
        line-height: 100%
    }

.button--size-large {
    padding: var(--space-xs, 1.5rem) var(--space-s-l, 4rem);
    font-size: var(--button-large, 1.8rem)
}

    .button--size-large i, .button--size-large span.fa-solid {
        font-size: var(--button-large)
    }

.button--size-regular {
    padding: var(--space-2xs) var(--space-s);
    font-size: var(--button, 1.6rem)
}

    .button--size-regular i, .button--size-regular span.fa-solid {
        font-size: var(--button)
    }

.button--size-small {
    padding: var(--space-2xs, 1rem) var(--space-s, 2rem);
    font-size: 1.4rem
}

    .button--size-small i, .button--size-small span.fa-solid {
        font-size: var(--button-small)
    }

.button--expand {
    width: 100%
}

.button--center {
    text-align: center;
    justify-content: center
}

    .button--center i {
        position: relative;
        left: 0;
        right: 0
    }

    .button--center.button--icon-left {
        padding-left: 0rem
    }

        .button--center.button--icon-left i {
            left: -.5rem
        }

.button--primary {
    background-color: var(--blue);
    color: #fff
}

    .button--primary:not(.button--no-hover):hover, .button--primary:not(.button--no-hover):focus {
        background-color: var(--blue-hover)
    }

    .button--primary i.fa-arrow-right, .button--primary i.fa-arrow-up, .button--primary i.fa-arrow-down, .button--primary i.fa-arrow-left, .button--primary i.fa-arrow-up-right-from-square, .button--primary i.fa-arrow-down-to-line, .button--primary span.fa-solid.fa-arrow-right, .button--primary span.fa-solid.fa-arrow-up, .button--primary span.fa-solid.fa-arrow-down, .button--primary span.fa-solid.fa-arrow-left, .button--primary span.fa-solid.fa-arrow-up-right-from-square, .button--primary span.fa-solid.fa-arrow-down-to-line {
        color: var(--yellow)
    }

.button--secondary {
    color: var(--blue);
    border-color: var(--blue)
}

    .button--secondary:not(.button--no-hover):hover, .button--secondary.js-hover:not(.button--no-hover), .button--secondary:not(.button--no-hover):focus {
        background-color: var(--blue-200)
    }

.button--tertiary, .button--tertiary-underline {
    color: var(--blue)
}

    .button--tertiary .link-text, .button--tertiary-underline .link-text {
        padding: 0
    }

    .button--tertiary.button--icon-right .link-text, .button--tertiary-underline.button--icon-right .link-text {
        padding-right: .8rem
    }

    .button--tertiary.button--icon-left .link-text, .button--tertiary-underline.button--icon-left .link-text {
        padding-left: .8rem
    }

    .button--tertiary.button--size-large.button--icon-right i, .button--tertiary-underline.button--size-large.button--icon-right i {
        right: 0
    }

    .button--tertiary.button--size-large.button--icon-left i, .button--tertiary-underline.button--size-large.button--icon-left i {
        left: 0
    }

    .button--tertiary.button--size-regular.button--icon-right i, .button--tertiary-underline.button--size-regular.button--icon-right i {
        right: 0
    }

    .button--tertiary.button--size-regular.button--icon-left i, .button--tertiary-underline.button--size-regular.button--icon-left i {
        left: 0
    }

    .button--tertiary.button--size-small.button--icon-right i, .button--tertiary-underline.button--size-small.button--icon-right i {
        right: 0
    }

    .button--tertiary.button--size-small.button--icon-left i, .button--tertiary-underline.button--size-small.button--icon-left i {
        left: 0
    }

.button--tertiary, .button--tertiary-underline {
    padding: var(--space-2xs) 0;
    border-radius: 2px
}

    .button--tertiary i, .button--tertiary span.fa-solid, .button--tertiary-underline i, .button--tertiary-underline span.fa-solid {
        border-radius: 4px;
        color: var(--blue);
        font-size: 1.8rem
    }

    .button--tertiary.button--size-large i, .button--tertiary.button--size-large span.fa-solid, .button--tertiary-underline.button--size-large i, .button--tertiary-underline.button--size-large span.fa-solid {
        font-size: 1.8rem;
        padding: .3rem
    }

    .button--tertiary.button--size-regular i, .button--tertiary.button--size-regular span.fa-solid, .button--tertiary-underline.button--size-regular i, .button--tertiary-underline.button--size-regular span.fa-solid {
        font-size: 1.4rem;
        padding: .2rem
    }

    .button--tertiary.button--size-small i, .button--tertiary.button--size-small span.fa-solid, .button--tertiary-underline.button--size-small i, .button--tertiary-underline.button--size-small span.fa-solid {
        font-size: 1.4rem;
        padding: 0
    }

    .button--tertiary:not(.button--no-hover):hover:after, .button--tertiary.js-hover:not(.button--no-hover):after, .button--tertiary:not(.button--no-hover):focus:after, .button--tertiary-underline:not(.button--no-hover):hover:after, .button--tertiary-underline.js-hover:not(.button--no-hover):after, .button--tertiary-underline:not(.button--no-hover):focus:after {
        background-color: var(--blue)
    }

.button--tertiary-underline {
    position: relative
}

    .button--tertiary-underline:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 94%;
        height: 3px;
        background-color: color-mix(in srgb,var(--blue) 20%,transparent 80%);
        transition: .2s cubic-bezier(.23,.65,.63,.99)
    }

html.user-is-tabbing .button:focus {
    outline: 2px solid var(--blue-400)
}

html.user-is-tabbing .button.button--on-dark-bg:focus {
    outline: 2px solid var(--blue-300)
}

.button--primary i, .button--primary span.fa-solid, .button--secondary i, .button--secondary span.fa-solid, .button--tertiary i, .button--tertiary span.fa-solid, .button--tertiary-underline i, .button--tertiary-underline span.fa-solid {
    transition: transform .3s cubic-bezier(.23,.65,.63,.99)
}

.button--primary:hover i, .button--primary:hover span.fa-solid, .button--primary.js-hover:not(.button--no-hover) i, .button--primary.js-hover:not(.button--no-hover) span.fa-solid, .button--primary:not(.button--no-hover):focus i, .button--primary:not(.button--no-hover):focus span.fa-solid, .button--secondary:hover i, .button--secondary:hover span.fa-solid, .button--secondary.js-hover:not(.button--no-hover) i, .button--secondary.js-hover:not(.button--no-hover) span.fa-solid, .button--secondary:not(.button--no-hover):focus i, .button--secondary:not(.button--no-hover):focus span.fa-solid, .button--tertiary:hover i, .button--tertiary:hover span.fa-solid, .button--tertiary.js-hover:not(.button--no-hover) i, .button--tertiary.js-hover:not(.button--no-hover) span.fa-solid, .button--tertiary:not(.button--no-hover):focus i, .button--tertiary:not(.button--no-hover):focus span.fa-solid, .button--tertiary-underline:hover i, .button--tertiary-underline:hover span.fa-solid, .button--tertiary-underline.js-hover:not(.button--no-hover) i, .button--tertiary-underline.js-hover:not(.button--no-hover) span.fa-solid, .button--tertiary-underline:not(.button--no-hover):focus i, .button--tertiary-underline:not(.button--no-hover):focus span.fa-solid {
    transform: scale(1.1)
}

.button i.fa-arrow-right, .button i.fa-arrow-up, .button i.fa-arrow-down, .button i.fa-arrow-left, .button span.fa-solid.fa-arrow-right, .button span.fa-solid.fa-arrow-up, .button span.fa-solid.fa-arrow-down, .button span.fa-solid.fa-arrow-left {
    overflow: hidden;
    position: relative
}

    .button i.fa-arrow-right:before, .button i.fa-arrow-right:after, .button i.fa-arrow-up:before, .button i.fa-arrow-up:after, .button i.fa-arrow-down:before, .button i.fa-arrow-down:after, .button i.fa-arrow-left:before, .button i.fa-arrow-left:after, .button span.fa-solid.fa-arrow-right:before, .button span.fa-solid.fa-arrow-right:after, .button span.fa-solid.fa-arrow-up:before, .button span.fa-solid.fa-arrow-up:after, .button span.fa-solid.fa-arrow-down:before, .button span.fa-solid.fa-arrow-down:after, .button span.fa-solid.fa-arrow-left:before, .button span.fa-solid.fa-arrow-left:after {
        display: block;
        transition: transform .4s cubic-bezier(.64,.39,.03,1)
    }

    .button i.fa-arrow-right:after, .button i.fa-arrow-up:after, .button i.fa-arrow-down:after, .button i.fa-arrow-left:after, .button span.fa-solid.fa-arrow-right:after, .button span.fa-solid.fa-arrow-up:after, .button span.fa-solid.fa-arrow-down:after, .button span.fa-solid.fa-arrow-left:after {
        position: absolute;
        top: 0
    }

    .button i.fa-arrow-right:after, .button span.fa-solid.fa-arrow-right:after {
        content: ""
    }

    .button i.fa-arrow-up:after, .button span.fa-solid.fa-arrow-up:after {
        content: ""
    }

    .button i.fa-arrow-down:after, .button span.fa-solid.fa-arrow-down:after {
        content: ""
    }

    .button i.fa-arrow-left:after, .button span.fa-solid.fa-arrow-left:after {
        content: ""
    }

    .button i.fa-arrow-right:after, .button span.fa-solid.fa-arrow-right:after {
        transform: translate(-190%)
    }

    .button i.fa-arrow-up:after, .button span.fa-solid.fa-arrow-up:after {
        transform: translateY(190%)
    }

    .button i.fa-arrow-down:after, .button span.fa-solid.fa-arrow-down:after {
        transform: translateY(-190%)
    }

    .button i.fa-arrow-left:after, .button span.fa-solid.fa-arrow-left:after {
        transform: translate(290%)
    }

.button--size-large.button--tertiary i.fa-arrow-right:after, .button--size-large.button--tertiary i.fa-arrow-up:after, .button--size-large.button--tertiary i.fa-arrow-down:after, .button--size-large.button--tertiary i.fa-arrow-left:after, .button--size-large.button--tertiary span.fa-solid.fa-arrow-right:after, .button--size-large.button--tertiary span.fa-solid.fa-arrow-up:after, .button--size-large.button--tertiary span.fa-solid.fa-arrow-down:after, .button--size-large.button--tertiary span.fa-solid.fa-arrow-left:after, .button--size-large.button--tertiary-underline i.fa-arrow-right:after, .button--size-large.button--tertiary-underline i.fa-arrow-up:after, .button--size-large.button--tertiary-underline i.fa-arrow-down:after, .button--size-large.button--tertiary-underline i.fa-arrow-left:after, .button--size-large.button--tertiary-underline span.fa-solid.fa-arrow-right:after, .button--size-large.button--tertiary-underline span.fa-solid.fa-arrow-up:after, .button--size-large.button--tertiary-underline span.fa-solid.fa-arrow-down:after, .button--size-large.button--tertiary-underline span.fa-solid.fa-arrow-left:after {
    top: .3rem;
    left: .35rem
}

.button--size-regular.button--tertiary i.fa-arrow-right:after, .button--size-regular.button--tertiary i.fa-arrow-up:after, .button--size-regular.button--tertiary i.fa-arrow-down:after, .button--size-regular.button--tertiary i.fa-arrow-left:after, .button--size-regular.button--tertiary span.fa-solid.fa-arrow-right:after, .button--size-regular.button--tertiary span.fa-solid.fa-arrow-up:after, .button--size-regular.button--tertiary span.fa-solid.fa-arrow-down:after, .button--size-regular.button--tertiary span.fa-solid.fa-arrow-left:after, .button--size-regular.button--tertiary-underline i.fa-arrow-right:after, .button--size-regular.button--tertiary-underline i.fa-arrow-up:after, .button--size-regular.button--tertiary-underline i.fa-arrow-down:after, .button--size-regular.button--tertiary-underline i.fa-arrow-left:after, .button--size-regular.button--tertiary-underline span.fa-solid.fa-arrow-right:after, .button--size-regular.button--tertiary-underline span.fa-solid.fa-arrow-up:after, .button--size-regular.button--tertiary-underline span.fa-solid.fa-arrow-down:after, .button--size-regular.button--tertiary-underline span.fa-solid.fa-arrow-left:after {
    top: .2rem;
    left: .25rem
}

.button:hover i.fa-arrow-left, .button:hover i.fa-arrow-right, .button:hover i.fa-arrow-up, .button:hover i.fa-arrow-down, .button:hover span.fa-arrow-left, .button:hover span.fa-arrow-right, .button:hover span.fa-arrow-up, .button:hover span.fa-arrow-down, .button.js-hover:not(.button--no-hover) i.fa-arrow-left, .button.js-hover:not(.button--no-hover) i.fa-arrow-right, .button.js-hover:not(.button--no-hover) i.fa-arrow-up, .button.js-hover:not(.button--no-hover) i.fa-arrow-down, .button.js-hover:not(.button--no-hover) span.fa-arrow-left, .button.js-hover:not(.button--no-hover) span.fa-arrow-right, .button.js-hover:not(.button--no-hover) span.fa-arrow-up, .button.js-hover:not(.button--no-hover) span.fa-arrow-down, .button:not(.button--no-hover):focus i.fa-arrow-left, .button:not(.button--no-hover):focus i.fa-arrow-right, .button:not(.button--no-hover):focus i.fa-arrow-up, .button:not(.button--no-hover):focus i.fa-arrow-down, .button:not(.button--no-hover):focus span.fa-arrow-left, .button:not(.button--no-hover):focus span.fa-arrow-right, .button:not(.button--no-hover):focus span.fa-arrow-up, .button:not(.button--no-hover):focus span.fa-arrow-down {
    transform: scale(1)
}

    .button:hover i.fa-arrow-left:after, .button:hover i.fa-arrow-right:after, .button:hover i.fa-arrow-up:after, .button:hover i.fa-arrow-down:after, .button:hover span.fa-arrow-left:after, .button:hover span.fa-arrow-right:after, .button:hover span.fa-arrow-up:after, .button:hover span.fa-arrow-down:after, .button.js-hover:not(.button--no-hover) i.fa-arrow-left:after, .button.js-hover:not(.button--no-hover) i.fa-arrow-right:after, .button.js-hover:not(.button--no-hover) i.fa-arrow-up:after, .button.js-hover:not(.button--no-hover) i.fa-arrow-down:after, .button.js-hover:not(.button--no-hover) span.fa-arrow-left:after, .button.js-hover:not(.button--no-hover) span.fa-arrow-right:after, .button.js-hover:not(.button--no-hover) span.fa-arrow-up:after, .button.js-hover:not(.button--no-hover) span.fa-arrow-down:after, .button:not(.button--no-hover):focus i.fa-arrow-left:after, .button:not(.button--no-hover):focus i.fa-arrow-right:after, .button:not(.button--no-hover):focus i.fa-arrow-up:after, .button:not(.button--no-hover):focus i.fa-arrow-down:after, .button:not(.button--no-hover):focus span.fa-arrow-left:after, .button:not(.button--no-hover):focus span.fa-arrow-right:after, .button:not(.button--no-hover):focus span.fa-arrow-up:after, .button:not(.button--no-hover):focus span.fa-arrow-down:after {
        transform: translate(0) translateY(0)
    }

.button:hover .fa-arrow-right:before, .button.js-hover:not(.button--no-hover) .fa-arrow-right:before, .button:not(.button--no-hover):focus .fa-arrow-right:before {
    transform: translate(300%)
}

.button:hover .fa-arrow-up:before, .button.js-hover:not(.button--no-hover) .fa-arrow-up:before, .button:not(.button--no-hover):focus .fa-arrow-up:before {
    transform: translateY(-115%)
}

.button:hover .fa-arrow-down:before, .button.js-hover:not(.button--no-hover) .fa-arrow-down:before, .button:not(.button--no-hover):focus .fa-arrow-down:before {
    transform: translateY(110%)
}

.button:hover .fa-arrow-left:before, .button.js-hover:not(.button--no-hover) .fa-arrow-left:before, .button:not(.button--no-hover):focus .fa-arrow-left:before {
    transform: translate(-120%)
}

@media (max-width: 1000px) {
    .button--desktop-only {
        display: none
    }
}

.hidden-modal {
    display: none
}

.modal {
    overflow: hidden
}

    .modal.show {
        padding-right: 0 !important
    }

    .modal .modal-content {
        margin: 0 auto;
        background: var(--grey-100);
        border-radius: var(--border-radius-m);
        padding: var(--space-m-l) var(--space-xl);
        width: 100%;
        position: relative;
        max-height: 90vh;
        overflow: visible;
        align-items: center;
        max-width: 85rem;
        top: 50%;
        transform: translateY(-50%)
    }

@media (max-width: 825px) {
    .modal .modal-content {
        padding: var(--space-m-l) var(--space-m)
    }
}

@media (max-width: 359px) {
    .modal .modal-content {
        padding: var(--space-m-l) var(--space-s)
    }
}

.modal .modal-content .icon-container {
    background-color: var(--white);
    border-radius: var(--border-radius-s);
    padding: var(--space-2xs);
    margin-top: calc(0px - var(--space-m-l) - var(--space-m));
    margin-bottom: var(--space-s)
}

    .modal .modal-content .icon-container img {
        width: var(--space-xl)
    }

@media (max-width: 359px) {
    .modal .modal-content .icon-container img {
        width: calc(var(--space-l) + var(--space-xs))
    }
}

.modal .modal-content .modal-header {
    padding: 0
}

.modal .modal-content .modal-title {
    font-size: var(--h3);
    margin-bottom: var(--space-xs);
    font-weight: 700;
    text-align: center;
    line-height: 1.2
}

@media (max-width: 549px) {
    .modal .modal-content .modal-title {
        font-size: var(--h4)
    }
}

@media (max-width: 359px) {
    .modal .modal-content .modal-title {
        font-size: var(--h5);
        margin-bottom: var(--space-2xs)
    }
}

.modal .modal-content .modal-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-m)
}

@media (max-width: 549px) {
    .modal .modal-content .modal-body {
        gap: var(--space-s)
    }
}

@media (max-width: 359px) {
    .modal .modal-content .modal-body {
        gap: var(--space-2xs)
    }
}

.modal .modal-content .modal-body p {
    text-align: center;
    font-size: var(--body-large);
    margin-bottom: var(--space-xs)
}

@media (max-width: 549px) {
    .modal .modal-content .modal-body p {
        font-size: var(--body)
    }
}

@media (max-width: 359px) {
    .modal .modal-content .modal-body p {
        font-size: var(--body-small)
    }
}

.modal .modal-content .contact-blocks {
    display: flex;
    justify-content: center;
    column-gap: var(--space-l)
}

@media (max-width: 825px) {
    .modal .modal-content .contact-blocks {
        column-gap: var(--space-s)
    }
}

@media (max-width: 549px) {
    .modal .modal-content .contact-blocks {
        flex-direction: column;
        row-gap: var(--space-m)
    }
}

@media (max-width: 359px) {
    .modal .modal-content .contact-blocks {
        row-gap: var(--space-s)
    }
}

.modal .modal-content .contact-block {
    background-color: var(--white);
    overflow: hidden;
    border-radius: var(--border-radius-s);
    display: flex;
    flex-direction: column;
    width: 50%
}

    .modal .modal-content .contact-block:hover > .button, .modal .modal-content .contact-block:focus > .button {
        background-color: var(--blue-hover)
    }

        .modal .modal-content .contact-block:hover > .button .fa-solid:before, .modal .modal-content .contact-block:focus > .button .fa-solid:before {
            transform: translate(300%)
        }

        .modal .modal-content .contact-block:hover > .button .fa-solid:after, .modal .modal-content .contact-block:focus > .button .fa-solid:after {
            transform: translate(0) translateY(0)
        }

.user-is-tabbing .modal .modal-content .contact-block:focus {
    outline: 3px solid var(--blue-400)
}

@media (max-width: 549px) {
    .modal .modal-content .contact-block {
        width: 100%
    }
}

.modal .modal-content .contact-block span {
    display: block
}

.modal .modal-content .contact-block__top {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-s) 0
}

.modal .modal-content .contact-block__label, .modal .modal-content .contact-block__number {
    color: var(--black);
    text-align: center
}

.modal .modal-content .contact-block__label {
    font-size: var(--h5);
    font-weight: 700
}

@media (max-width: 359px) {
    .modal .modal-content .contact-block__label {
        font-size: var(--body-large)
    }
}

.modal .modal-content .contact-block__number {
    font-size: var(--body-large)
}

.modal .modal-content .contact-block .button {
    width: 100%;
    justify-content: center;
    border-radius: 0;
    padding: var(--space-2xs) var(--space-s-l);
    flex-grow: 1
}

.modal button.close {
    height: 3rem;
    cursor: pointer;
    background: transparent;
    border: none;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    color: color-mix(in srgb,var(--blue) 60%,transparent 40%)
}

.user-is-tabbing .modal button.close:focus {
    outline: 3px solid var(--blue-400)
}

.modal button.close i {
    color: var(--navy);
    font-size: 3rem
}

@media (max-width: 359px) {
    .modal button.close i {
        font-size: 2.2rem
    }
}

.modal .modal-dialog {
    height: 100%;
    max-width: 1570px;
    padding: var(--space-m-l);
    margin: 0 auto var(--space-2xl) auto
}

@media (max-width: 660px) {
    .modal .modal-dialog {
        padding: var(--space-m-l) var(--space-xs)
    }
}

@media (max-width: 549px) {
    .modal .modal-dialog {
        margin-bottom: 0
    }
}

.modal .modal-dialog--thin {
    max-width: 1200px
}

.print-only {
    display: none
}

.visually-hidden, .visuallyhidden, .slick-sr-only {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    white-space: nowrap
}

.skip-to-content {
    left: 10%;
    z-index: -999;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    background: #fff;
    padding: 10px;
    font-size: 2rem;
    text-align: center;
    text-decoration: none;
    line-height: 150%;
    border-radius: .5rem;
    transform: translateY(-150%);
    transition: transform .3s;
    color: var(--navy)
}

    .skip-to-content:focus {
        color: #111
    }

    .skip-to-content span {
        color: var(--navy);
        font-weight: 700;
        background: #fff
    }

    .skip-to-content:focus {
        transform: translateY(10%);
        z-index: 9999;
        opacity: 1
    }

@keyframes navigation-cards {
    0% {
        opacity: 0;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

[class^=fa-] {
    font-size: var(--body)
}

.wrapper {
    max-width: var(--wrapper-width);
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--page-padding);
    position: relative;
    display: flex;
    flex-direction: column
}

    .wrapper.flex-wrap {
        display: flex;
        flex-wrap: wrap
    }

.inner > .wrapper {
    flex-direction: row;
    flex-wrap: wrap
}

    .inner > .wrapper:first-child {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start
    }

section {
    scroll-margin-top: 5rem
}

.col {
    position: relative
}

@media (max-width: 549px) {
    .col {
        width: 100%
    }
}

.col--pad-top-small .col-bg {
    padding-top: 2rem
}

@media (max-width: 825px) {
    .col--pad-top-small .col-bg {
        padding-top: 0rem
    }

        .col--pad-top-small .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-top-medium .col-bg {
    padding-top: 5rem
}

@media (max-width: 825px) {
    .col--pad-top-medium .col-bg {
        padding-top: 3rem
    }

        .col--pad-top-medium .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-top-large .col-bg {
    padding-top: 7rem
}

@media (max-width: 825px) {
    .col--pad-top-large .col-bg {
        padding-top: 5rem
    }

        .col--pad-top-large .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-right-small .col-bg {
    padding-right: 2rem
}

@media (max-width: 825px) {
    .col--pad-right-small .col-bg {
        padding-right: 0rem
    }

        .col--pad-right-small .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-right-medium .col-bg {
    padding-right: 5rem
}

@media (max-width: 825px) {
    .col--pad-right-medium .col-bg {
        padding-right: 3rem
    }

        .col--pad-right-medium .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-right-large .col-bg {
    padding-right: 7rem
}

@media (max-width: 825px) {
    .col--pad-right-large .col-bg {
        padding-right: 5rem
    }

        .col--pad-right-large .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-bottom-small .col-bg {
    padding-bottom: 2rem
}

@media (max-width: 825px) {
    .col--pad-bottom-small .col-bg {
        padding-bottom: 0rem
    }

        .col--pad-bottom-small .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-bottom-medium .col-bg {
    padding-bottom: 5rem
}

@media (max-width: 825px) {
    .col--pad-bottom-medium .col-bg {
        padding-bottom: 3rem
    }

        .col--pad-bottom-medium .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-bottom-large .col-bg {
    padding-bottom: 7rem
}

@media (max-width: 825px) {
    .col--pad-bottom-large .col-bg {
        padding-bottom: 5rem
    }

        .col--pad-bottom-large .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-left-small .col-bg {
    padding-left: 2rem
}

@media (max-width: 825px) {
    .col--pad-left-small .col-bg {
        padding-left: 0rem
    }

        .col--pad-left-small .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-left-medium .col-bg {
    padding-left: 5rem
}

@media (max-width: 825px) {
    .col--pad-left-medium .col-bg {
        padding-left: 3rem
    }

        .col--pad-left-medium .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col--pad-left-large .col-bg {
    padding-left: 7rem
}

@media (max-width: 825px) {
    .col--pad-left-large .col-bg {
        padding-left: 5rem
    }

        .col--pad-left-large .col-bg.col-bg--color-transparent {
            padding-right: 0;
            padding-left: 0
        }
}

.col-bg {
    position: relative;
    width: 100%;
    border-radius: 5px;
    z-index: 0;
    height: 100%
}

    .col-bg > div {
        position: relative;
        z-index: 1
    }

    .col-bg.col-bg--color-white, .col-bg.col-bg--color-light-grey, .col-bg.col-bg--color-light-blue, .col-bg.col-bg--color-medium-light-grey {
        padding: var(--space-m-l)
    }

        .col-bg.col-bg--color-light-grey .card, .col-bg.col-bg--color-light-blue .card, .col-bg.col-bg--color-medium-light-grey .card {
            background-color: var(--white) !important
        }

    .col-bg.col-bg--color-white {
        background-color: #fff
    }

    .col-bg.col-bg--color-light-grey {
        background-color: var(--grey-50)
    }

    .col-bg.col-bg--color-light-blue {
        background-color: var(--blue-100)
    }

    .col-bg.col-bg--color-medium-light-grey {
        background-color: var(--grey-100)
    }

.col--large-padding {
    padding: 1.5rem 3rem 1.5rem 0
}

@media (max-width: 549px) {
    .col--large-padding {
        padding: 1rem 1rem 1rem 0
    }
}

.col-inner--align-right {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.col-inner--align-center {
    align-items: center;
    display: flex;
    flex-direction: column
}

.row.row--valign-top {
    align-items: flex-start
}

.row.row--valign-middle {
    align-items: center
}

.row.row--valign-bottom {
    align-items: bottom
}

.row--pad-top-none {
    padding-top: 0rem
}

@media (max-width: 549px) {
    .row--pad-top-none {
        padding-top: 0rem
    }
}

.row--pad-top-small {
    padding-top: 2rem
}

@media (max-width: 549px) {
    .row--pad-top-small {
        padding-top: 1rem
    }
}

.row--pad-top-medium {
    padding-top: 7rem
}

@media (max-width: 549px) {
    .row--pad-top-medium {
        padding-top: 3.5rem
    }
}

.row--pad-top-large {
    padding-top: 10rem
}

@media (max-width: 549px) {
    .row--pad-top-large {
        padding-top: 5rem
    }
}

.row--pad-bottom-none {
    padding-bottom: 0rem
}

@media (max-width: 549px) {
    .row--pad-bottom-none {
        padding-bottom: 0rem
    }
}

.row--pad-bottom-small {
    padding-bottom: 2rem
}

@media (max-width: 549px) {
    .row--pad-bottom-small {
        padding-bottom: 1rem
    }
}

.row--pad-bottom-medium {
    padding-bottom: 7rem
}

@media (max-width: 549px) {
    .row--pad-bottom-medium {
        padding-bottom: 3.5rem
    }
}

.row--pad-bottom-large {
    padding-bottom: 10rem
}

@media (max-width: 549px) {
    .row--pad-bottom-large {
        padding-bottom: 5rem
    }
}

.row.row--valign-stretch.children-per-col--one {
    align-items: stretch
}

    .row.row--valign-stretch.children-per-col--one .col-bg {
        height: 100%
    }

@media (min-width: 550px) {
    .row.row--valign-stretch.children-per-col--one .col-inner {
        height: 100%;
        display: flex;
        flex-wrap: wrap
    }

        .row.row--valign-stretch.children-per-col--one .col-inner > * {
            margin-bottom: 2rem
        }
}

.row.row--halign-left {
    justify-content: flex-start
}

.row.row--halign-center {
    justify-content: center
}

.row.row--halign-right {
    justify-content: flex-end
}

@media (max-width: 825px) {
    .row.row--mobile-reverse-order-lg {
        flex-direction: column-reverse
    }
}

@media (max-width: 549px) {
    .row.row--mobile-reverse-order-sm {
        flex-direction: column-reverse
    }
}

.row-container--bg-none {
    background: none
}

.row-container--bg-gradient-horizontal {
    background: linear-gradient(90deg,rgba(9,77,141,.05) 40.75%,rgba(255,255,255,0) 100%)
}

.row-container--bg-gradient-vertical {
    background: linear-gradient(to bottom,rgba(9,77,141,.05) 40.75%,rgba(255,255,255,0) 100%)
}

.divider {
    display: block;
    background-color: var(--navy);
    height: 2px;
    margin: 3rem 0 8rem
}

.container {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

#main-content {
    flex-grow: 1
}

.page-inner {
    margin-top: 20rem
}

@media (max-width: 549px) {
    .gdpr-banner {
        row-gap: var(--space-m)
    }
}

.gdpr-banner__copy {
    width: 60% !important
}

@media (max-width: 549px) {
    .gdpr-banner__copy {
        width: 100% !important
    }
}

.gdpr-banner__links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    row-gap: var(--space-xs);
    width: 40% !important
}

@media (max-width: 765px) {
    .gdpr-banner__links .gdpr-banner__exit {
        margin-top: 0 !important
    }
}

@media (max-width: 549px) {
    .gdpr-banner__links {
        width: 100% !important;
        justify-content: flex-start
    }
}

:root {
    --header-nav-height: 130.5;
    --header-nav-height-px: calc( var(--header-nav-height) * 1px);
    --header-menu-height: 0;
    --header-menu-height-px: calc( var(--header-menu-height) * 1px);
    --header-total-height-px: calc(var(--header-nav-height-px) + var(--header-menu-height-px));
    --header-menu-max-visible-height: calc(95vh - var(--header-nav-height-px))
}

#content-container {
    padding-top: var(--header-nav-height-px);
    overflow: hidden
}

.header {
    position: fixed;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: column
}

.header__inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.header__wrapper {
    z-index: 1;
    width: 100%;
    max-width: var(--wrapper-width);
    margin: 0 auto;
    position: relative
}

@media (max-width: 1100px) {
    .header__wrapper {
        padding: 0
    }
}

.header a:hover {
    text-decoration: none
}

.header {
    transform: translateY(0);
    transition: .3s cubic-bezier(.64,.39,.03,1)
}

    .header .secondary-navigation {
        opacity: 1;
        transition: .3s cubic-bezier(.23,.65,.63,.99);
        z-index: 1
    }

    .header.secondary-nav-hidden {
        transform: translateY(-48px)
    }

.primary-navigation {
    position: relative
}

.mobile-nav-open .primary-navigation {
    height: calc(100vh - 4.3rem)
}

@media (max-width: 359px) {
    .mobile-nav-open .primary-navigation {
        height: calc(100vh - 4.2rem)
    }
}

.primary-navigation__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 25%,rgba(255,255,255,.9) 35%,rgb(255,255,255) 100%);
    opacity: 0;
    transition: .3s cubic-bezier(.23,.65,.63,.99)
}

.mobile-nav-open .primary-navigation__bg {
    opacity: 1 !important;
    background: var(--white);
    max-height: 8.25rem
}

.primary-navigation > .wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.primary-navigation .header__logo {
    width: 142px;
    height: 81px;
    padding: var(--space-s) 0 var(--space-xs)
}

@media (max-width: 1199px) {
    .primary-navigation .header__logo {
        padding: calc(var(--space-s) - var(--space-4xs)) 0 var(--space-xs)
    }
}

@media (max-width: 549px) {
    .primary-navigation .header__logo {
        width: 17rem
    }
}

.primary-navigation .header__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.app-header .primary-navigation .header__logo {
    max-width: 128px
}

.primary-navigation__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: var(--space-l)
}

@media (max-width: 1400px) {
    .primary-navigation__container {
        position: static
    }
}

@media (max-width: 1199px) {
    .primary-navigation__container {
        padding-left: var(--space-xs)
    }
}

@media (max-width: 1030px) {
    .primary-navigation__container {
        justify-content: flex-end
    }
}

.primary-navigation, .primary-navigation .header-site-tools__controls {
    display: flex;
    align-items: center
}

.mobile-nav-open .primary-navigation, .mobile-nav-open .primary-navigation .header-site-tools__controls {
    align-items: flex-start
}

.primary-navigation .header-site-tools__controls {
    column-gap: var(--space-xs)
}

.primary-navigation .header-site-tools__search {
    height: 4.9rem;
    width: 4.9rem
}

    .primary-navigation .header-site-tools__search .searchButton {
        height: 100%;
        width: 100%;
        background-color: var(--blue);
        transition: .2s cubic-bezier(.23,.65,.63,.99)
    }

        .primary-navigation .header-site-tools__search .searchButton:hover, .primary-navigation .header-site-tools__search .searchButton:focus {
            background-color: var(--blue-hover)
        }

            .primary-navigation .header-site-tools__search .searchButton:hover i, .primary-navigation .header-site-tools__search .searchButton:focus i {
                transform: scale(1.06)
            }

    .primary-navigation .header-site-tools__search i {
        font-size: 1.5rem;
        color: var(--white);
        transition: .2s cubic-bezier(.23,.65,.63,.99);
        position: relative
    }

        .primary-navigation .header-site-tools__search i:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 3.2rem;
            height: 3.2rem;
            background-color: color-mix(in srgb,var(--white) 10%,transparent 90%);
            border-radius: 50%
        }

.primary-navigation .header-site-tools .searchButton, .primary-navigation .header-site-tools .login-btn, .primary-navigation .header-site-tools .logout-btn, .primary-navigation .header-site-tools .header__toggle-mobile-nav {
    box-shadow: 0 100px 80px #094d8d12,0 41.778px 33.422px #094d8d0d,0 22.336px 17.869px #094d8d0a,0 12.522px 10.017px #094d8d0a,0 6.65px 5.32px #094d8d08,0 2.767px 2.214px #094d8d05
}

.primary-navigation .header-site-tools .searchButton, .primary-navigation .header-site-tools .header__toggle-mobile-nav {
    border: none;
    border-radius: 50%;
    cursor: pointer
}

.user-is-tabbing .primary-navigation .header-site-tools .searchButton:focus, .user-is-tabbing .primary-navigation .header-site-tools .header__toggle-mobile-nav:focus {
    outline: 2px solid var(--blue-400)
}

.primary-navigation .header-site-tools .button.login-btn, .primary-navigation .header-site-tools .button.logout-btn {
    height: 4.9rem;
    column-gap: var(--space-2xs);
    padding-left: var(--space-xs);
    padding-right: var(--space-2xs)
}

@media (max-width: 359px) {
    .primary-navigation .header-site-tools .button.login-btn:not(.logout-btn), .primary-navigation .header-site-tools .button.logout-btn:not(.logout-btn) {
        width: 4.9rem
    }

        .primary-navigation .header-site-tools .button.login-btn:not(.logout-btn) .link-text, .primary-navigation .header-site-tools .button.logout-btn:not(.logout-btn) .link-text {
            display: none
        }
}

@media (max-width: 450px) {
    .primary-navigation .header-site-tools .button.login-btn:not(.login-btn), .primary-navigation .header-site-tools .button.logout-btn:not(.login-btn) {
        padding-right: var(--space-xs)
    }

        .primary-navigation .header-site-tools .button.login-btn:not(.login-btn) .link-text, .primary-navigation .header-site-tools .button.logout-btn:not(.login-btn) .link-text {
            display: none
        }
}

.primary-navigation .header-site-tools .button.login-btn:hover span.fa-circle-user, .primary-navigation .header-site-tools .button.login-btn:hover span.fa-right-from-bracket, .primary-navigation .header-site-tools .button.login-btn:focus span.fa-circle-user, .primary-navigation .header-site-tools .button.login-btn:focus span.fa-right-from-bracket, .primary-navigation .header-site-tools .button.logout-btn:hover span.fa-circle-user, .primary-navigation .header-site-tools .button.logout-btn:hover span.fa-right-from-bracket, .primary-navigation .header-site-tools .button.logout-btn:focus span.fa-circle-user, .primary-navigation .header-site-tools .button.logout-btn:focus span.fa-right-from-bracket {
    transform: scale(1.06)
}

.primary-navigation .header-site-tools .button.login-btn span.fa-circle-user, .primary-navigation .header-site-tools .button.login-btn span.fa-right-from-bracket, .primary-navigation .header-site-tools .button.logout-btn span.fa-circle-user, .primary-navigation .header-site-tools .button.logout-btn span.fa-right-from-bracket {
    font-size: 1.9rem;
    transition: .2s cubic-bezier(.23,.65,.63,.99);
    position: relative
}

    .primary-navigation .header-site-tools .button.login-btn span.fa-circle-user:after, .primary-navigation .header-site-tools .button.login-btn span.fa-right-from-bracket:after, .primary-navigation .header-site-tools .button.logout-btn span.fa-circle-user:after, .primary-navigation .header-site-tools .button.logout-btn span.fa-right-from-bracket:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 3.2rem;
        height: 3.2rem;
        background-color: color-mix(in srgb,var(--white) 10%,transparent 90%);
        border-radius: 50%
    }

.primary-navigation .header-site-tools .header__toggle-mobile-nav {
    display: none;
    width: 4.9rem;
    height: 4.9rem;
    background-color: var(--white);
    color: var(--blue)
}

@media (max-width: 1030px) {
    .primary-navigation .header-site-tools .header__toggle-mobile-nav {
        display: block
    }
}

.primary-navigation .header-site-tools .header__toggle-mobile-nav i {
    font-size: 2.1rem;
    transition: .2s cubic-bezier(.23,.65,.63,.99)
}

.primary-navigation .header-site-tools .header__toggle-mobile-nav:hover i, .primary-navigation .header-site-tools .header__toggle-mobile-nav:focus i {
    transform: scale(1.06)
}

.mobile-nav-open .primary-navigation .header-site-tools {
    position: relative;
    z-index: 999
}

.secondary-navigation {
    padding: var(--space-4xs) 0;
    background-color: var(--white);
    box-shadow: 0 5px 20px #0608161a
}

@media (max-width: 768px) {
    .secondary-navigation {
        padding: var(--space-3xs) 0
    }
}

.secondary-navigation > .wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 450px) {
    .app-header .secondary-navigation__links {
        display: flex;
        justify-content: flex-end;
        width: 100%
    }
}

.app-header .secondary-navigation__links a span.fa-solid {
    font-size: 1.1rem
}

.secondary-navigation__links-wrapper {
    display: flex;
    align-items: center
}

.secondary-navigation__links-wrapper {
    column-gap: var(--space-m)
}

@media (max-width: 768px) {
    .secondary-navigation__links-wrapper {
        display: none
    }
}

.secondary-navigation__links-wrapper li {
    margin-bottom: 0
}

    .secondary-navigation__links-wrapper li a {
        position: relative
    }

        .secondary-navigation__links-wrapper li a:after {
            content: "";
            position: absolute;
            bottom: 6.5px;
            left: 0;
            height: 1.5px;
            width: 0%;
            background: var(--blue);
            transition: .4s cubic-bezier(.23,.65,.63,.99)
        }

        .secondary-navigation__links-wrapper li a:hover:after, .secondary-navigation__links-wrapper li a:focus:after {
            width: 100%
        }

.secondary-navigation .button--emergency-response {
    padding: calc(var(--space-4xs) + 2px) var(--space-s);
    background-color: color-mix(in srgb,var(--blue) 10%,transparent 90%);
    color: var(--blue)
}

    .secondary-navigation .button--emergency-response:hover, .secondary-navigation .button--emergency-response:focus {
        background-color: color-mix(in srgb,var(--blue) 15%,transparent 85%)
    }

        .secondary-navigation .button--emergency-response:hover span.fa-solid, .secondary-navigation .button--emergency-response:focus span.fa-solid {
            transform: translateY(-1.5px) scale(1.1)
        }

@media (max-width: 450px) {
    .app-header .secondary-navigation .button--emergency-response {
        display: none
    }
}

.secondary-navigation .button--emergency-response span.fa-solid {
    transform: translateY(-1.5px)
}

.mobile-navigation {
    position: absolute;
    left: 0;
    width: 100vw;
    margin: 0 0 0 calc(-50vw + 50%);
    z-index: 998;
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 12.71rem);
    top: 8.25rem
}

@media (max-width: 768px) {
    .mobile-navigation {
        height: calc(100vh - 19.5rem)
    }
}

@media (max-width: 549px) {
    .mobile-navigation {
        height: calc(100vh - 18.5rem)
    }
}

.mobile-navigation.open {
    display: block
}

.mobile-navigation > div:not(.scroll-container) {
    position: fixed;
    bottom: 0;
    z-index: 10
}

.mobile-navigation .scroll-container {
    min-height: 100%;
    padding-bottom: var(--space-m);
    background: var(--white)
}

    .mobile-navigation .scroll-container > ul {
        height: 100%;
        width: 100%;
        list-style-type: none;
        position: relative;
        background-color: var(--white)
    }

        .mobile-navigation .scroll-container > ul.mobile-navigation__secondary-nav {
            margin-top: var(--space-s);
            padding-top: var(--space-s);
            position: relative;
            display: none
        }

@media (max-width: 768px) {
    .mobile-navigation .scroll-container > ul.mobile-navigation__secondary-nav {
        display: block
    }
}

.mobile-navigation .scroll-container > ul.mobile-navigation__secondary-nav:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--grey-200)
}

.mobile-navigation .scroll-container > ul.mobile-navigation__secondary-nav li .link-text {
    transition: .2s cubic-bezier(.23,.65,.63,.99)
}

.mobile-navigation .scroll-container > ul.mobile-navigation__secondary-nav li:hover > .wrapper, .mobile-navigation .scroll-container > ul.mobile-navigation__secondary-nav li:focus > .wrapper {
    background: none
}

.mobile-navigation .scroll-container > ul.mobile-navigation__secondary-nav li:hover .link-text, .mobile-navigation .scroll-container > ul.mobile-navigation__secondary-nav li:focus .link-text {
    opacity: .8
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 0
}

    .mobile-navigation .scroll-container > ul .mobile-sub-nav:hover > .wrapper, .mobile-navigation .scroll-container > ul .mobile-sub-nav:focus > .wrapper {
        background: color-mix(in srgb,var(--grey-100) 65%,transparent 35%)
    }

    .mobile-navigation .scroll-container > ul .mobile-sub-nav > .wrapper {
        transition: .2s cubic-bezier(.23,.65,.63,.99)
    }

    .mobile-navigation .scroll-container > ul .mobile-sub-nav.open > .wrapper {
        background: var(--grey-100)
    }

.mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one {
    flex-direction: row;
    align-items: center;
    width: 100vw;
    gap: var(--space-2xs);
    padding: var(--space-xs) var(--space-m-l)
}

@media (max-width: 768px) {
    .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one {
        padding: var(--space-2xs) var(--space-m-l)
    }
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one span {
    font-size: var(--body-xxsmall);
    transition: color .2s ease-in-out
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one:hover i {
    color: var(--navy)
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one:hover span.fa-chevron-up, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one:hover span.fa-chevron-down {
    color: var(--blue)
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one button, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one a {
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer
}

.user-is-tabbing .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one button:focus, .user-is-tabbing .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one a:focus {
    outline: 3px solid var(--blue-300)
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one button span, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one a span {
    color: var(--blue)
}

    .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one button span.link-text, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one a span.link-text {
        font-size: var(--body-large);
        font-weight: 700;
        margin-bottom: 0;
        color: var(--blue)
    }

    .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one button span.fa-chevron-up, .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-one a span.fa-chevron-up {
        display: none
    }

.mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two {
    padding: var(--space-s) 0
}

    .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two > .wrapper {
        padding: 0 var(--space-m-l)
    }

    .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two ul .wrapper {
        padding: 0
    }

    .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two .mobile-sub-nav__text-container {
        margin-bottom: var(--space-xs)
    }

        .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two .mobile-sub-nav__text-container .sub-nav__title {
            font-weight: 700;
            display: block;
            margin-bottom: var(--space-4xs)
        }

        .mobile-navigation .scroll-container > ul .mobile-sub-nav__level-two .mobile-sub-nav__text-container p {
            margin-bottom: var(--space-2xs)
        }

.mobile-navigation .scroll-container > ul .mobile-sub-nav .collapsed {
    padding: 0
}

    .mobile-navigation .scroll-container > ul .mobile-sub-nav .collapsed > .wrapper {
        display: none
    }

.mobile-navigation .scroll-container > ul .mobile-sub-nav.mobile-sub-nav__active-node .mobile-sub-nav__level-one .link-text {
    text-decoration: underline
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav.open .mobile-sub-nav__level-one i {
    color: var(--navy)
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav.open .mobile-sub-nav__level-one button span.fa-solid {
    font-family: "Font Awesome 6 Pro"
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav.open .mobile-sub-nav__level-one button span.fa-chevron-down {
    display: none;
    color: var(--blue)
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav.open .mobile-sub-nav__level-one button span.fa-chevron-up {
    display: block;
    color: var(--blue)
}

.mobile-navigation .scroll-container > ul .mobile-sub-nav.open .mobile-sub-nav__level-two {
    height: 100% !important;
    background: color-mix(in srgb,var(--grey-50) 90%,transparent 10%)
}

.site-tools-mobile {
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-l);
    padding: var(--space-s) var(--space-m);
    width: 100%;
    box-shadow: 0 5px 20px #0608161a;
    display: none
}

@media (max-width: 549px) {
    .site-tools-mobile {
        padding: var(--space-xs) var(--space-m)
    }
}

.site-tools-mobile .button {
    width: 100%;
    justify-content: center
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#desktop-navigation {
    display: flex;
    background-color: var(--white);
    border-radius: 3rem;
    box-shadow: 0 100px 80px #094d8d12,0 41.778px 33.422px #094d8d0d,0 22.336px 17.869px #094d8d0a,0 12.522px 10.017px #094d8d0a,0 6.65px 5.32px #094d8d08,0 2.767px 2.214px #094d8d05
}

.is-compressed #desktop-navigation {
    height: 100%
}

@media (max-width: 1030px) {
    #desktop-navigation {
        display: none
    }
}

.main-nav {
    display: flex;
    gap: var(--space-2xs);
    padding: 0 calc(var(--space-4xs) - 2px)
}

@media (max-width: 1199px) {
    .main-nav {
        gap: var(--space-4xs)
    }
}

.main-nav > li.sub-nav {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    height: 100%
}

.page-container--home .main-nav > li.sub-nav {
    opacity: 0;
    animation: .3s ease forwards fadeIn
}

    .page-container--home .main-nav > li.sub-nav:nth-of-type(1) {
        animation-delay: .1s
    }

    .page-container--home .main-nav > li.sub-nav:nth-of-type(2) {
        animation-delay: .2s
    }

    .page-container--home .main-nav > li.sub-nav:nth-of-type(3) {
        animation-delay: .3s
    }

    .page-container--home .main-nav > li.sub-nav:nth-of-type(4) {
        animation-delay: .4s
    }

    .page-container--home .main-nav > li.sub-nav:nth-of-type(5) {
        animation-delay: .5s
    }

    .page-container--home .main-nav > li.sub-nav:nth-of-type(6) {
        animation-delay: .6s
    }

    .page-container--home .main-nav > li.sub-nav:nth-of-type(7) {
        animation-delay: .7s
    }

.main-nav > li.sub-nav.is-active .sub-nav__level-one:before {
    opacity: .4
}

.main-nav > li.sub-nav__active-node .sub-nav__level-one:before {
    opacity: 1 !important
}

.main-nav > li.sub-nav .sub-nav__level-one {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--space-4xs);
    height: 100%;
    padding: 0 var(--space-s)
}

    .main-nav > li.sub-nav .sub-nav__level-one:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        background-color: color-mix(in srgb,var(--blue) 18%,transparent 82%);
        border-radius: 3rem;
        width: 100%;
        height: calc(100% - var(--space-4xs));
        z-index: 0;
        transform: translateY(-50%);
        opacity: 0;
        transition: .3s cubic-bezier(.23,.65,.63,.99)
    }

    .main-nav > li.sub-nav .sub-nav__level-one > a {
        color: var(--black);
        position: relative;
        z-index: 1
    }

@media (max-width: 1000px) {
    .main-nav > li.sub-nav .sub-nav__level-one > a {
        padding-bottom: var(--space-4xs)
    }
}

.main-nav > li.sub-nav .sub-nav__level-one .sub-nav--toggle-button {
    background: none;
    border: none;
    padding: 0;
    position: relative;
    z-index: 1;
    cursor: pointer
}

    .main-nav > li.sub-nav .sub-nav__level-one .sub-nav--toggle-button:focus {
        outline: 2px solid var(--blue-400)
    }

    .main-nav > li.sub-nav .sub-nav__level-one .sub-nav--toggle-button i {
        font-size: 11px;
        color: var(--blue);
        font-weight: 700
    }

.main-nav > li.sub-nav .sub-nav__level-one:hover, .main-nav > li.sub-nav .sub-nav__level-one:focus-within {
    opacity: 1 !important
}

    .main-nav > li.sub-nav .sub-nav__level-one:hover:after, .main-nav > li.sub-nav .sub-nav__level-one:focus-within:after {
        transform: scaleX(1) !important;
        transform-origin: bottom left !important
    }

.main-nav > li.sub-nav .sub-nav__level-one.is-active:before {
    opacity: 1
}

.main-nav > li.sub-nav .sub-nav-container {
    display: none
}

.main-nav > li.sub-nav .sub-nav-container {
    position: absolute;
    top: 100%;
    left: var(--space-l);
    z-index: 1;
    width: calc(100% - var(--space-l));
    height: 41rem;
    transition: height .2s cubic-bezier(.23,.65,.63,.99);
    padding-top: var(--space-3xs)
}

@media (max-width: 1400px) {
    .main-nav > li.sub-nav .sub-nav-container {
        left: var(--page-padding);
        width: calc(100% - var(--space-xl));
        height: 42rem;
        top: 80%
    }
}

.main-nav > li.sub-nav .sub-nav-container > .wrapper {
    display: grid;
    grid-template-columns: repeat(16,1fr);
    grid-template-rows: repeat(4,1fr);
    height: 100%;
    background-color: color-mix(in srgb,var(--grey-50) 90%,transparent 10%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    box-shadow: 0 4px 25px #06081640;
    padding: var(--space-m)
}

    .main-nav > li.sub-nav .sub-nav-container > .wrapper .sub-nav__text-container {
        grid-column-start: 1;
        grid-column-end: 12;
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: var(--space-m)
    }

        .main-nav > li.sub-nav .sub-nav-container > .wrapper .sub-nav__text-container a {
            width: max-content
        }

    .main-nav > li.sub-nav .sub-nav-container > .wrapper .sub-nav__cta-container {
        grid-row: 1/5;
        grid-column: 13/17;
        position: relative;
        padding: var(--space-s);
        background-color: var(--blue);
        border-radius: 8px
    }

        .main-nav > li.sub-nav .sub-nav-container > .wrapper .sub-nav__cta-container:before {
            content: "";
            position: absolute;
            height: calc(41rem - var(--space-3xs));
            width: calc(100% + 2 * var(--space-m));
            top: calc(0px - var(--space-m));
            left: calc(0px - var(--space-m));
            background-color: color-mix(in srgb,var(--blue) 10%,transparent 90%);
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            z-index: -1
        }

@media (max-width: 1400px) {
    .main-nav > li.sub-nav .sub-nav-container > .wrapper .sub-nav__cta-container:before {
        height: calc(42rem - var(--space-3xs))
    }
}

.main-nav > li.sub-nav .sub-nav-container > .wrapper .sub-nav__cta-container > .cta-container {
    height: 100%;
    display: flex;
    flex-direction: column
}

    .main-nav > li.sub-nav .sub-nav-container > .wrapper .sub-nav__cta-container > .cta-container svg {
        height: 6.4rem;
        width: 6.4rem;
        position: relative;
        left: calc(0px - var(--space-4xs))
    }

.main-nav > li.sub-nav .sub-nav-container > .wrapper > ul.sub-nav__level-two {
    grid-row: span 3;
    grid-column: span 11;
    text-align: left;
    display: flex;
    align-items: flex-end;
    grid-template-columns: repeat(2,1fr);
    width: 100%;
    column-gap: var(--space-xs);
    row-gap: var(--space-xs);
    margin-top: var(--space-2xs);
    overflow: hidden
}

    .main-nav > li.sub-nav .sub-nav-container > .wrapper > ul.sub-nav__level-two:not(.sub-nav__level-two--services) {
        margin-top: var(--space-s);
        overflow: visible
    }

        .main-nav > li.sub-nav .sub-nav-container > .wrapper > ul.sub-nav__level-two:not(.sub-nav__level-two--services) li {
            width: 50%;
            height: 100%
        }

@media (max-width: 1400px) {
    .main-nav > li.sub-nav .sub-nav-container > .wrapper > ul.sub-nav__level-two:not(.sub-nav__level-two--services) li {
        max-height: 21.2rem
    }
}

.main-nav > li.sub-nav .sub-nav-container > .wrapper > ul.sub-nav__level-two:not(.sub-nav__level-two--services) a:hover img, .main-nav > li.sub-nav .sub-nav-container > .wrapper > ul.sub-nav__level-two:not(.sub-nav__level-two--services) a:focus img {
    transform: scale(1.05)
}

.main-nav > li.sub-nav .sub-nav-container > .wrapper > ul.sub-nav__level-two:not(.sub-nav__level-two--services) .sub-nav__level-two-link span {
    width: 100%;
    text-align: center;
    font-size: var(--button-large)
}

.main-nav > li.sub-nav .sub-nav-container > .wrapper > ul.sub-nav__level-two.sub-nav__level-two--services {
    display: grid;
    grid-template-columns: repeat(3,1fr)
}

.main-nav > li.sub-nav .sub-nav-container .sub-nav__text {
    max-width: 68%
}

@media (max-width: 1199px) {
    .main-nav > li.sub-nav .sub-nav-container .sub-nav__text {
        max-width: 60%
    }
}

.main-nav > li.sub-nav .sub-nav-container .sub-nav__title {
    display: block;
    font-size: var(--body-large);
    font-weight: 700;
    padding-bottom: var(--space-2xs)
}

.main-nav > li.sub-nav .sub-nav-container .sub-nav__desc {
    font-size: var(--body-small);
    padding-bottom: var(--space-xs);
    margin-bottom: 0
}

.main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container {
    height: 100%;
    display: flex;
    flex-direction: column
}

    .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container p, .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container a, .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container span, .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container .cta-container__title {
        color: var(--white)
    }

    .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container .cta-container__title {
        display: block;
        font-weight: 700;
        margin: var(--space-2xs) 0
    }

    .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container p {
        font-size: var(--body-xxsmall);
        margin-bottom: var(--space-2xs)
    }

    .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container a {
        margin-top: auto;
        flex-wrap: nowrap
    }

        .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container a:after {
            background-color: color-mix(in srgb,var(--white) 20%,transparent 80%)
        }

        .main-nav > li.sub-nav .sub-nav-container .sub-nav__cta-container a span {
            line-height: 1.3
        }

.main-nav > li.sub-nav .sub-nav-container .sub-nav__level-two-link--specialized-specialty-equipment-rental svg {
    width: 4.8rem !important
}

.sub-nav__level-two li, .mobile-sub-nav__level-two li {
    position: relative;
    padding: 0;
    background: white;
    border-radius: 8px;
    border: 2px solid var(--grey-200);
    height: auto;
    display: flex;
    align-items: center;
    transition: .2s cubic-bezier(.23,.65,.63,.99);
    margin-bottom: 0
}

    .sub-nav__level-two li:focus, .sub-nav__level-two li:hover, .mobile-sub-nav__level-two li:focus, .mobile-sub-nav__level-two li:hover {
        border-color: var(--grey-300)
    }

.sub-nav__level-two:not(.sub-nav__level-two--services) li, .mobile-sub-nav__level-two:not(.sub-nav__level-two--services) li {
    position: relative
}

    .sub-nav__level-two:not(.sub-nav__level-two--services) li:before, .mobile-sub-nav__level-two:not(.sub-nav__level-two--services) li:before {
        content: url(/dist/assets/sparkles-lg-496217e8.svg);
        position: absolute;
        top: calc(0px - var(--space-s));
        left: var(--space-3xs);
        z-index: 1
    }

.mobile-sub-nav__level-two--services #services-subnav li:before {
    content: ""
}

.sub-nav__level-two-link, .mobile-sub-nav__level-two-link {
    display: flex;
    align-items: center;
    gap: var(--space-4xs);
    width: 100%;
    height: 100%
}

    .sub-nav__level-two-link a, .mobile-sub-nav__level-two-link a {
        display: flex;
        flex-direction: column;
        align-items: center;
        column-gap: var(--space-2xs);
        row-gap: var(--space-xs);
        line-height: 1.5;
        color: var(--black);
        font-size: var(--button-small);
        padding: var(--space-xs);
        width: 100%;
        height: 100%;
        border-radius: 8px
    }

@media (max-width: 549px) {
    .sub-nav__level-two-link a, .mobile-sub-nav__level-two-link a {
        max-height: 18rem
    }
}

@media (max-width: 375px) {
    .sub-nav__level-two-link a, .mobile-sub-nav__level-two-link a {
        max-height: 17rem
    }
}

.sub-nav__level-two-link a:hover svg, .sub-nav__level-two-link a:focus svg, .mobile-sub-nav__level-two-link a:hover svg, .mobile-sub-nav__level-two-link a:focus svg {
    transform: scale(1.06)
}

.sub-nav__level-two-link a:focus, .mobile-sub-nav__level-two-link a:focus {
    outline: 2px solid var(--blue-400)
}

.sub-nav__level-two-link .mediabox, .mobile-sub-nav__level-two-link .mediabox {
    width: 100%
}

.sub-nav__level-two-link img, .mobile-sub-nav__level-two-link img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    transition: .3s cubic-bezier(.23,.65,.63,.99)
}

.sub-nav__level-two-link svg, .mobile-sub-nav__level-two-link svg {
    width: 3rem;
    height: 3rem;
    transition: .2s cubic-bezier(.64,.39,.03,1)
}

    .sub-nav__level-two-link svg path, .mobile-sub-nav__level-two-link svg path {
        fill: var(--blue)
    }

.sub-nav__level-two--services li, .mobile-sub-nav--services li {
    margin-bottom: 0;
    padding: 0;
    height: 100%
}

    .sub-nav__level-two--services li a, .mobile-sub-nav--services li a {
        flex-direction: row;
        padding: var(--space-2xs) var(--space-xs)
    }

.mobile-sub-nav ul {
    padding: var(--space-2xs) 0
}

    .mobile-sub-nav ul > .wrapper {
        row-gap: var(--space-xs);
        display: grid;
        grid-template-columns: repeat(3,1fr);
        column-gap: var(--space-xs)
    }

@media (max-width: 825px) {
    .mobile-sub-nav ul > .wrapper {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 549px) {
    .mobile-sub-nav ul > .wrapper {
        grid-template-columns: repeat(1,1fr)
    }
}

.mobile-sub-nav:not(.mobile-sub-nav--services) ul {
    padding-top: 0
}

    .mobile-sub-nav:not(.mobile-sub-nav--services) ul > .wrapper {
        display: flex;
        flex-direction: row
    }

@media (max-width: 549px) {
    .mobile-sub-nav:not(.mobile-sub-nav--services) ul > .wrapper {
        flex-direction: column
    }
}

.mobile-sub-nav:not(.mobile-sub-nav--services) ul li {
    max-width: 38rem
}

.mobile-sub-nav:not(.mobile-sub-nav--services) li {
    margin-top: var(--space-s)
}

.primary-nav {
    width: 100%;
    transition: all .1s ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-l)
}

.primary-nav__logo {
    transition: opacity .2s ease-in-out
}

    .primary-nav__logo img {
        width: 11.6rem;
        height: auto
    }

    .primary-nav__logo:hover {
        opacity: .7
    }

@media (max-width: 1100px) {
    .primary-nav__logo {
        display: none
    }
}

.primary-nav__main-menu {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex: 1;
    gap: var(--space-l)
}

@media (max-width: 1199px) {
    .primary-nav__main-menu {
        gap: var(--space-s)
    }
}

@media (max-width: 1100px) {
    .primary-nav__main-menu {
        width: 100%;
        flex-direction: column;
        gap: 0
    }
}

.primary-nav__top-list-item {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

@media (max-width: 1100px) {
    .primary-nav__top-list-item {
        width: 100%;
        flex-direction: column;
        justify-content: space-between;
        padding: var(--space-s) 0;
        border-bottom: 1px solid var(--gray-600, #475467)
    }
}

.primary-nav__top-link {
    color: var(--navy, #2A3240);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 130%
}

    .primary-nav__top-link:hover {
        cursor: pointer
    }

.active-megamenu .primary-nav__top-link {
    font-weight: 700
}

@media (max-width: 1100px) {
    .primary-nav__top-link {
        display: none
    }
}

.primary-nav__link-title {
    position: relative
}

.primary-nav__top-menu-button {
    background: none;
    border: 0;
    box-shadow: none
}

@media (max-width: 1100px) {
    .primary-nav__top-menu-button {
        display: none
    }
}

.primary-nav__top-icon-desktop {
    font-size: 1.2rem;
    color: var(--grey-700);
    display: none
}

@media (min-width: 1101px) {
    .primary-nav__top-icon-desktop {
        display: block
    }
}

.primary-nav ul, .primary-nav li {
    margin-bottom: 0
}

@media (max-width: 1100px) {
    .primary-nav__see-all-button {
        background: none;
        width: 100%;
        justify-content: space-between;
        font-size: var(--body)
    }

    .header .primary-nav__see-all-button {
        padding: var(--space-2xs) var(--space-s)
    }

        .header .primary-nav__see-all-button i {
            font-size: 2rem;
            color: var(--blue-300);
            right: calc(var(--space-s) - 2px)
        }
}

@media (max-width: 1100px) {
    .primary-nav__desktop-icon {
        display: none
    }
}

@media (max-width: 1100px) {
    .primary-nav .button .link-text {
        top: initial;
        font-family: Inter,sans-serif
    }
}

.primary-nav__mega-menu {
    display: none;
    position: absolute;
    left: 0;
    top: calc((var(--header-nav-height)) * 1px);
    width: 100%;
    justify-content: center
}

    .primary-nav__mega-menu[data--is-open] {
        display: block;
        overflow-y: auto
    }

@media (min-width: 1101px) {
    .primary-nav__mega-menu {
        max-height: var(--header-menu-max-visible-height)
    }
}

@media (max-width: 1100px) {
    .primary-nav__mega-menu {
        position: relative;
        top: initial
    }

        .primary-nav__mega-menu[data--is-open] {
            display: flex;
            flex-direction: column;
            justify-content: flex-start
        }
}

@media (max-width: 1100px) {
    .primary-nav__mega-menu[data-type=products] {
        padding: var(--space-2xs) 0
    }
}

.primary-nav__products-title-container {
    padding: var(--space-m, 3rem) var(--space-l, 4rem) var(--space-xs, 1.5rem) var(--space-l, 4rem);
    display: flex;
    align-items: center;
    gap: var(--space-m, 1.5rem)
}

@media (max-width: 1100px) {
    .primary-nav__products-title-container {
        padding: 0;
        gap: 0
    }
}

.primary-nav__products-title {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 4px
}

@media (max-width: 1100px) {
    .primary-nav__products-title {
        display: none
    }
}

.primary-nav__products-type-title {
    font-weight: 700;
    position: relative
}

    .primary-nav__products-type-title:before {
        content: "";
        width: 1ch;
        height: 2px;
        background-color: var(--red-alt);
        left: 0;
        bottom: 0;
        position: absolute
    }

@media (max-width: 1100px) {
    .primary-nav__products-type-title:before {
        display: none
    }
}

@media (max-width: 1100px) {
    .primary-nav__products-type-title {
        display: none
    }
}

.primary-nav__products-row {
    display: flex;
    padding: var(--space-s, 2rem) var(--space-l, 4rem) var(--space-xl, 6rem) var(--space-l, 4rem);
    gap: var(--space-m, 3rem)
}

@media (max-width: 1100px) {
    .primary-nav__products-row {
        padding: 0;
        gap: 0;
        flex-direction: column;
        overflow: hidden
    }
}

.primary-nav__products-item[data-level="2"] {
    flex: 1
}

    .primary-nav__products-item[data-level="2"][data-type=applications] {
        flex: 2
    }

    .primary-nav__products-item[data-level="2"][data-type=industries] {
        flex: 3
    }

.primary-nav__products-item .button.button--tertiary {
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 1100px) {
    .primary-nav__products-item .button {
        display: none
    }

    .primary-nav__products-item[data-level="3"] {
        padding: 0 0 0 var(--space-m)
    }

        .primary-nav__products-item[data-level="3"] > .mobile-nav__link {
            padding-left: 0
        }
}

.primary-nav__products-col {
    display: flex;
    min-width: 20rem;
    flex-direction: column;
    gap: var(--space-s, 2rem);
    border-radius: var(--border-radius-s, .6rem);
    background: var(--gray-50, #F9FAFB);
    padding: var(--space-s, 2rem)
}

@media (min-width: 1101px) {
    [data-type=applications] .primary-nav__products-col, [data-type=industries] .primary-nav__products-col {
        display: block;
        column-gap: 4rem
    }

        [data-type=applications] .primary-nav__products-col li, [data-type=industries] .primary-nav__products-col li {
            margin-bottom: var(--space-s, 2rem)
        }

    [data-type=applications] .primary-nav__products-col {
        column-count: 2
    }

    [data-type=industries] .primary-nav__products-col {
        column-count: 3
    }
}

@media (max-width: 1100px) {
    .primary-nav__products-col {
        display: none;
        padding: var(--space-2xs) 0;
        background: none;
        gap: 0;
        background-color: var(--grey-800)
    }

        .primary-nav__products-col[data--is-open] {
            display: flex
        }
}

.primary-nav__products-item {
    line-height: 1
}

.primary-nav__products-link {
    text-decoration: underline
}

@media (max-width: 1100px) {
    .primary-nav__products-link {
        display: inline-block;
        color: var(--white);
        text-decoration: none;
        padding: var(--space-2xs) var(--space-s) 0 0;
        margin: 0;
        font-size: var(--body);
        width: 100%;
        display: flex;
        justify-content: space-between
    }
}

.primary-nav__mega-menu[data-type=projects] {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch
}

    .primary-nav__mega-menu[data-type=projects][data--is-open] {
        display: flex
    }

.primary-nav__projects-inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: 100%
}

.primary-nav__projects-sidebar {
    background: var(--white, #FFF);
    box-shadow: 4px 4px 10px #00000008;
    width: 100%;
    max-width: 30rem;
    padding: var(--space-m, 3rem) var(--space-l, 4rem)
}

.primary-nav__projects-title {
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 4px
}

.primary-nav__projects-desc {
    color: var(--grey-500);
    margin-bottom: var(--space-m)
}

.primary-nav__projects-media {
    background-color: var(--grey-100);
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--space-l, --space-xl)
}

.primary-nav__projects-media-title {
    font-weight: 700;
    margin-bottom: var(--space-s)
}

.primary-nav__projects-media-row {
    display: flex;
    justify-content: flex-start;
    gap: var(--space-m, 3rem)
}

    .primary-nav__projects-media-row .card {
        width: 100%;
        max-width: 33%
    }

.primary-nav__temp-media {
    width: 100%;
    max-width: 34rem;
    min-height: 21rem;
    background-color: var(--grey-300)
}

.primary-nav__mega-menu[data-type=industries][data--is-open] {
    display: flex
}

@media (max-width: 1100px) {
    .primary-nav__mega-menu[data-type=industries] {
        padding: var(--space-xs) 0
    }
}

.primary-nav__industries-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.primary-nav__industries-title-container {
    padding: var(--space-m, 3rem) var(--space-l, 4rem) var(--space-xs, 1.5rem) var(--space-l, 4rem);
    display: flex;
    align-items: center;
    gap: var(--space-m, 1.5rem)
}

@media (max-width: 1100px) {
    .primary-nav__industries-title-container {
        gap: 0;
        padding: 0
    }
}

.primary-nav__industries-title {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 4px
}

@media (max-width: 1100px) {
    .primary-nav__industries-title {
        display: none
    }
}

.primary-nav__industries-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs, 1.5rem);
    width: 100%;
    padding: var(--space-s) var(--space-m) var(--space-l)
}

@media (max-width: 1100px) {
    .primary-nav__industries-row {
        flex-direction: column;
        padding: 0;
        gap: 0
    }
}

.primary-nav__industries-item {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(25% - var(--space-xs));
    border-radius: var(--border-radius-s, .6rem);
    transition: background-color .2s ease-in-out
}

@media (min-width: 1101px) {
    .primary-nav__industries-item {
        min-height: 6.3rem
    }

        .primary-nav__industries-item:hover {
            background-color: #c4122f0d
        }
}

@media (max-width: 1100px) {
    .primary-nav__industries-item {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding: 0
    }
}

.primary-nav__industries-item-link {
    width: 100%;
    padding: var(--space-2xs, 1rem)
}

@media (max-width: 1100px) {
    .primary-nav__industries-item-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: var(--space-2xs) var(--space-s)
    }

        .primary-nav__industries-item-link[data--has-children] {
            display: none
        }
}

.primary-nav__industries-item-container {
    display: flex;
    align-items: center
}

.primary-nav__industries-item-title {
    margin-bottom: 0;
    line-height: 120%
}

@media (max-width: 1100px) {
    .primary-nav__industries-item-title {
        color: var(--white);
        font-size: var(--body)
    }
}

.primary-nav__industries-icon {
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(196,18,47,.1);
    margin-right: 1rem;
    flex-shrink: 0
}

    .primary-nav__industries-icon svg {
        width: 2.4rem;
        height: 2.4rem
    }

    .primary-nav__industries-icon path {
        fill: var(--red)
    }

@media (max-width: 1100px) {
    .primary-nav__industries-icon {
        background: rgba(255,255,255,.2);
        width: 2rem;
        height: 2rem
    }

        .primary-nav__industries-icon svg {
            width: 1.4rem;
            height: 1.4rem
        }

        .primary-nav__industries-icon path {
            fill: var(--white)
        }
}

.primary-nav__industries-mobile-icon {
    display: flex;
    align-items: center
}

.primary-nav__industries-submenu-button {
    background: none;
    box-shadow: none;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 1101px) {
    .primary-nav__industries-submenu-button {
        height: 4rem;
        width: 4rem
    }

        .primary-nav__industries-submenu-button i {
            font-size: 2.4rem
        }
}

.primary-nav__industries-submenu-button i {
    color: var(--grey-400)
}

@media (max-width: 1100px) {
    .primary-nav__industries-submenu-button {
        display: none
    }
}

.primary-nav__industries-submenu {
    position: absolute;
    display: flex;
    flex-direction: column;
    display: none;
    z-index: 1;
    right: -4rem;
    top: 0;
    padding: var(--space-s, 2rem) var(--space-m, 3rem) var(--space-s, 2rem) var(--space-xs, 1.5rem);
    gap: var(--space-2xs, 1rem);
    border-radius: var(--border-radius-s, .6rem);
    background: var(--white, #FFF);
    box-shadow: 0 1px 12px #00000026
}

    .primary-nav__industries-submenu[data--is-open] {
        display: flex
    }

@media (max-width: 1100px) {
    .primary-nav__industries-submenu {
        position: relative;
        width: 100%;
        right: initial;
        background: var(--grey-800);
        padding: var(--space-2xs) 0 var(--space-2xs) var(--space-m);
        gap: 0
    }
}

.primary-nav__industries-subitem {
    position: relative;
    line-height: 1
}

@media (min-width: 1101px) {
    .primary-nav__industries-subitem {
        padding-left: 2rem
    }

        .primary-nav__industries-subitem:before {
            position: absolute;
            content: "";
            width: .7rem;
            height: .7rem;
            border-radius: 50%;
            background-color: #d9d9d9;
            left: 0;
            top: .8rem
        }
}

@media (max-width: 1100px) {
    .primary-nav__industries-subitem {
        display: flex;
        padding: var(--space-2xs) var(--space-s) var(--space-2xs) 3px;
        justify-content: space-between;
        align-items: center
    }
}

.primary-nav__industries-subitem[data-responsive=mobile-only] {
    display: none
}

@media (max-width: 1100px) {
    .primary-nav__industries-subitem[data-responsive=mobile-only] {
        display: flex
    }
}

.primary-nav__industries-subitem-link {
    text-decoration: underline
}

    .primary-nav__industries-subitem-link:hover {
        cursor: pointer
    }

@media (max-width: 1100px) {
    .primary-nav__industries-subitem-link {
        color: var(--white);
        text-decoration: none;
        font-size: var(--body);
        margin-bottom: 0
    }
}

.primary-nav__mega-menu[data-type=services][data--is-open] {
    display: flex
}

@media (max-width: 1100px) {
    .primary-nav__mega-menu[data-type=services] {
        display: none;
        padding: var(--space-xs) 0
    }
}

.primary-nav__services-inner {
    display: flex;
    flex-direction: column
}

.primary-nav__services-title-container {
    padding: var(--space-m, 3rem) var(--space-l, 4rem) var(--space-xs, 1.5rem) var(--space-l, 4rem);
    display: flex;
    align-items: center;
    gap: var(--space-m, 1.5rem)
}

@media (max-width: 1100px) {
    .primary-nav__services-title-container {
        padding: 0;
        gap: 0
    }
}

.primary-nav__services-title {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 4px
}

@media (max-width: 1100px) {
    .primary-nav__services-title {
        display: none
    }
}

.primary-nav__services-row {
    width: 100%;
    padding: var(--space-s) var(--space-m) var(--space-m);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s, 2rem)
}

@media (max-width: 1100px) {
    .primary-nav__services-row {
        flex-direction: column;
        gap: 0;
        padding: 0
    }
}

.primary-nav__services-item {
    border-radius: var(--border-radius-s, .6rem);
    width: calc(25% - var(--space-s));
    transition: background-color .2s ease-in-out
}

@media (min-width: 1101px) {
    .primary-nav__services-item:hover {
        background-color: #c4122f0d
    }
}

@media (max-width: 1100px) {
    .primary-nav__services-item {
        width: 100%;
        padding: 0
    }
}

.primary-nav__services-item-link {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: var(--space-xs, 1rem)
}

@media (max-width: 1100px) {
    .primary-nav__services-item-link {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: var(--space-2xs) var(--space-s)
    }
}

.primary-nav__services-item-title-container {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

@media (max-width: 1100px) {
    .primary-nav__services-item-title-container {
        margin-bottom: 0
    }
}

.primary-nav__services-item-title {
    font-weight: 700;
    color: var(--red);
    margin-bottom: 0;
    line-height: 120%
}

@media (max-width: 1100px) {
    .primary-nav__services-item-title {
        color: var(--white);
        font-size: var(--body);
        font-weight: 400
    }
}

.primary-nav__services-icon {
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(196,18,47,.1);
    margin-right: 1rem;
    flex-shrink: 0
}

    .primary-nav__services-icon svg {
        width: 2.2rem;
        height: 2.2rem
    }

        .primary-nav__services-icon svg path {
            fill: var(--red)
        }

@media (max-width: 1100px) {
    .primary-nav__services-icon {
        background: rgba(255,255,255,.2);
        width: 2rem;
        height: 2rem
    }

        .primary-nav__services-icon svg {
            width: 1.4rem;
            height: 1.4rem
        }

            .primary-nav__services-icon svg path {
                fill: var(--white)
            }
}

.primary-nav__services-desc {
    line-height: 130%
}

@media (max-width: 1100px) {
    .primary-nav__services-desc {
        display: none
    }
}

.primary-nav__mega-menu[data-type=company][data--is-open] {
    display: flex
}

.primary-nav__company-inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: 100%
}

@media (max-width: 1100px) {
    .primary-nav__company-inner {
        padding: var(--space-xs) 0;
        flex-direction: column;
        align-items: flex-start
    }
}

.primary-nav__company-sidebar {
    background: var(--white, #FFF);
    box-shadow: 4px 4px 10px #00000008;
    width: 100%;
    max-width: 30rem;
    padding: var(--space-m, 3rem) var(--space-l, 4rem)
}

@media (max-width: 1100px) {
    .primary-nav__company-sidebar {
        padding: 0;
        background: none;
        max-width: 100%
    }
}

.primary-nav__company-title {
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 4px
}

@media (max-width: 1100px) {
    .primary-nav__company-title {
        display: none
    }
}

.primary-nav__company-desc {
    color: var(--grey-500);
    margin-bottom: var(--space-m)
}

@media (max-width: 1100px) {
    .primary-nav__company-desc {
        display: none
    }
}

.primary-nav__company-media {
    background-color: var(--grey-100);
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--space-l, --space-xl)
}

@media (max-width: 1100px) {
    .primary-nav__company-media {
        display: none
    }
}

.primary-nav__company-media-title {
    font-weight: 700;
    margin-bottom: var(--space-s)
}

.primary-nav__company-media-row {
    display: flex;
    justify-content: flex-start;
    gap: var(--space-m, 3rem)
}

    .primary-nav__company-media-row .card {
        width: 100%;
        max-width: 33%
    }

.primary-nav__company-links {
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
    padding: var(--space-m) 0
}

@media (max-width: 1100px) {
    .primary-nav__company-links {
        width: 100%;
        gap: 0;
        padding: 0
    }
}

.primary-nav__company-link {
    text-decoration: underline;
    margin-bottom: 0
}

@media (max-width: 1100px) {
    .primary-nav__company-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--white);
        font-size: var(--body);
        font-weight: 400;
        padding: var(--space-2xs) var(--space-s);
        text-decoration: none
    }
}

.primary-nav__mega-menu[data-type=applications][data--is-open] {
    display: flex
}

@media (max-width: 1100px) {
    .primary-nav__mega-menu[data-type=applications] {
        padding: var(--space-xs) 0 0 0
    }
}

.primary-nav__applications-inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: 100%
}

@media (max-width: 1100px) {
    .primary-nav__applications-inner {
        flex-direction: column
    }
}

.primary-nav__applications-sidebar {
    position: relative;
    background: var(--white, #FFF);
    width: 100%;
    max-width: 30rem;
    padding: var(--space-m, 3rem) var(--space-l, 4rem) var(--space-xl) var(--space-l, 4rem)
}

    .primary-nav__applications-sidebar:before {
        position: absolute;
        top: 5rem;
        right: 0;
        content: "";
        width: 3px;
        height: calc(100% - 10rem);
        background-color: var(--grey-200)
    }

@media (max-width: 1100px) {
    .primary-nav__applications-sidebar {
        background: none;
        padding: 0;
        max-width: initial
    }
}

.primary-nav__applications-title {
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 4px
}

@media (max-width: 1100px) {
    .primary-nav__applications-title {
        display: none
    }
}

.primary-nav__applications-desc {
    color: var(--grey-500);
    margin-bottom: var(--space-s, 2rem)
}

@media (max-width: 1100px) {
    .primary-nav__applications-desc {
        display: none
    }
}

.primary-nav__applications-menu[data-level="1"] {
    width: 25%;
    padding: 5rem 3rem
}

.primary-nav__applications-menu[data-level="2"] {
    position: absolute;
    width: calc(75% - 30rem);
    top: 0;
    min-height: 100%;
    right: 0;
    padding: 5rem 3rem;
    background-color: #fff;
    display: none
}

    .primary-nav__applications-menu[data-level="2"][data--is-open] {
        display: block
    }

@media (max-width: 1100px) {
    .primary-nav__applications-menu {
        display: flex;
        flex-direction: column
    }

        .primary-nav__applications-menu[data-level="1"], .primary-nav__applications-menu[data-level="2"] {
            width: 100%;
            padding: 0;
            position: relative
        }

        .primary-nav__applications-menu[data-level="2"] {
            display: none;
            background: var(--grey-800);
            position: relative;
            padding: var(--space-2xs) 0 var(--space-2xs) var(--space-xs)
        }
}

.primary-nav__applications-item[data-level="2"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

    .primary-nav__applications-item[data-level="2"][data--is-active] {
        background-color: var(--grey-100)
    }

@media (min-width: 1101px) {
    .primary-nav__applications-item[data-level="2"] {
        border-radius: 3px
    }

        .primary-nav__applications-item[data-level="2"]:hover {
            background-color: var(--grey-200)
        }
}

@media (max-width: 1100px) {
    .primary-nav__applications-item[data-level="2"] {
        flex-direction: column;
        overflow: hidden
    }
}

.primary-nav__applications-item-link {
    text-decoration: underline;
    margin-bottom: 0;
    padding: var(--space-2xs, 1rem);
    display: inline-block;
    width: 100%
}

.header .primary-nav__applications-item-link[data-level="2"]:hover {
    text-decoration: underline
}

@media (max-width: 1100px) {
    .primary-nav__applications-item-link {
        display: none
    }
}

.primary-nav__applications-item-link[data-responsive=mobile-only] {
    display: none
}

.primary-nav__applications-menu-button {
    background: none;
    border: 0;
    box-shadow: none
}

@media (max-width: 1100px) {
    .primary-nav__applications-menu-button {
        display: none
    }
}

.primary-nav__applications-line {
    height: calc(100% - 10rem);
    top: 5rem;
    width: 3px;
    background-color: var(--grey-200);
    position: absolute;
    left: 0
}

@media (max-width: 1100px) {
    .primary-nav__applications-line {
        display: none
    }
}

.primary-nav__applications-image-container {
    position: absolute;
    right: 0;
    top: 4rem;
    width: 40%;
    height: calc(100% - 8rem);
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 1100px) {
    .primary-nav__applications-image-container {
        display: none
    }
}

.primary-nav__applications-image {
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-m, 1.2rem);
    object-fit: cover;
    margin-bottom: 2rem;
    min-height: 0;
    flex: 1 1 auto;
    aspect-ratio: 4/5
}

.primary-nav__applications-image-label {
    font-weight: 700;
    flex: 0 0
}

.primary-nav__applications-max-height-checker {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0
}

.primary-nav__applications-max-height-check {
    position: absolute
}

    .primary-nav__applications-max-height-check[data--check-height] {
        height: var(--header-menu-max-visible-height) !important
    }

.secondary-nav {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

@media (max-width: 1100px) {
    .secondary-nav {
        width: 100%;
        flex-direction: column
    }
}

.secondary-nav__main-menu-links {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-right: 4rem
}

@media (max-width: 1400px) {
    .secondary-nav__main-menu-links {
        display: none
    }
}

@media (max-width: 1100px) {
    .secondary-nav__main-menu-links {
        display: flex;
        width: 100%;
        flex-direction: column;
        padding-bottom: 4rem;
        padding-right: 0;
        gap: 0
    }
}

.secondary-nav__main-menu-buttons {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

@media (max-width: 1100px) {
    .secondary-nav__main-menu-buttons {
        flex-direction: column;
        width: 100%;
        padding: 0rem var(--space-xs)
    }
}

.secondary-nav__mobile-buttons-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

@media (max-width: 1100px) {
    .secondary-nav__mobile-buttons-wrapper {
        width: 100%
    }
}

.secondary-nav__top-list-item {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    position: relative
}

@media (max-width: 1100px) {
    .secondary-nav__top-list-item {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--space-s, 1.6rem) 0;
        border-bottom: 1px solid var(--gray-600, #475467)
    }
}

.secondary-nav__top-link {
    color: var(--navy, #2A3240);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 130%
}

    .secondary-nav__top-link:hover {
        cursor: pointer
    }

.active-megamenu .secondary-nav__top-link {
    font-weight: 700
}

@media (max-width: 1100px) {
    .secondary-nav__top-link {
        display: none;
        color: var(--white);
        font-family: Inter Tight,sans-serif;
        font-weight: 700;
        font-size: var(--h5)
    }
}

.secondary-nav__link-title {
    position: relative
}

.secondary-nav__top-menu-button {
    background: none;
    border: 0;
    box-shadow: none
}

@media (max-width: 1100px) {
    .secondary-nav__top-menu-button {
        padding: 0;
        display: none
    }
}

.secondary-nav__top-icon-desktop {
    font-size: 1.2rem;
    color: var(--grey-700);
    display: none
}

@media (min-width: 1101px) {
    .secondary-nav__top-icon-desktop {
        display: block
    }
}

.secondary-nav__top-icon-mobile {
    font-size: 2rem;
    color: var(--blue-300);
    display: none
}

@media (max-width: 1100px) {
    .secondary-nav__top-icon-mobile {
        display: block
    }
}

.secondary-nav ul, .secondary-nav li {
    margin-bottom: 0
}

.secondary-nav__menu {
    display: none;
    position: absolute;
    left: 0;
    top: 1.5rem
}

.secondary-nav__list-button .secondary-nav__menu {
    top: 2rem
}

.secondary-nav__menu[data--is-open] {
    display: flex
}

@media (max-width: 1100px) {
    .secondary-nav__menu {
        position: relative;
        width: 100%
    }
}

.secondary-nav__menu-inner {
    margin-top: 1.5rem;
    width: 100%;
    min-width: 13rem;
    padding: var(--space-2xs) var(--space-2xs);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-top: 1px solid var(--gray-400, #98A2B3);
    background: var(--white, #FFF);
    box-shadow: 0 3px 7px 1px #00000012
}

@media (max-width: 1100px) {
    .secondary-nav__menu-inner {
        padding: 0;
        margin: 0;
        background: none;
        border: 0;
        box-shadow: none
    }
}

.secondary-nav__list-item {
    line-height: 1;
    width: 100%
}

.secondary-nav__list-link {
    display: inline-block;
    width: 100%;
    padding: var(--space-3xs) var(--space-xs);
    margin: 0;
    transition: background-color .2s ease-in-out
}

    .secondary-nav__list-link:hover {
        background-color: #0000000d
    }

@media (max-width: 1100px) {
    .secondary-nav__list-link {
        padding: var(--space-2xs) var(--space-s);
        margin: 0;
        font-size: var(--body);
        color: var(--white);
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.secondary-nav__see-all-button {
    font-weight: 700
}

.secondary-nav__mobile-only-link {
    display: none
}

@media (max-width: 1100px) {
    .secondary-nav__mobile-only-link {
        display: block
    }
}

.secondary-nav__list-button {
    position: relative
}

    .secondary-nav__list-button[data-type=knowledge-center] {
        display: none
    }

@media (min-width: 1101px) and (max-width: 1400px) {
    .secondary-nav__list-button[data-type=knowledge-center] {
        display: flex
    }
}

@media (max-width: 1100px) {
    .secondary-nav__list-button {
        flex: 1
    }
}

.secondary-nav__list-button-link {
    position: relative;
    display: flex;
    padding: .75rem;
    align-items: center;
    border-radius: .5rem;
    border: 0;
    box-shadow: none;
    background: var(--grey-200, #EAECF0);
    transition: background-color .4s cubic-bezier(.23,.65,.63,.99)
}

    .secondary-nav__list-button-link i {
        color: var(--navy);
        font-size: 2.4rem
    }

    .secondary-nav__list-button-link:hover {
        cursor: pointer;
        background-color: var(--grey-300)
    }

@media (max-width: 1100px) {
    .secondary-nav__list-button-link {
        width: 100%;
        justify-content: center;
        padding: var(--space-xs-m) var(--space-s-m) var(--space-xs-m) var(--space-xs-s);
        background: var(--gray-500, #667085);
        gap: var(--space-4xs, .5rem)
    }

        .secondary-nav__list-button-link i {
            color: #fff;
            font-size: 1.8rem;
            position: relative;
            top: -1px
        }
}

@media (max-width: 1100px) {
    .secondary-nav__contact-button {
        width: 100%
    }
}

.secondary-nav__contact-button-link {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--red);
    border-radius: .5rem;
    padding: var(--space-xs);
    gap: var(--space-4xs, .5rem);
    transition: background-color .2s ease-in-out
}

@media (max-width: 1100px) {
    .secondary-nav__contact-button-link {
        padding: var(--space-xs-m) var(--space-s-m) var(--space-xs-m) var(--space-xs-s)
    }
}

.secondary-nav__contact-button-link i {
    color: #fff;
    display: none
}

@media (max-width: 1100px) {
    .secondary-nav__contact-button-link i {
        display: block
    }
}

.secondary-nav__contact-button-link:hover {
    cursor: pointer;
    background: var(--red-hover)
}

.secondary-nav__contact-button-text {
    color: #fff;
    font-size: var(--button-small);
    font-weight: 700
}

@media (max-width: 1100px) {
    .secondary-nav__contact-button-text {
        text-align: center;
        font-size: var(--body-small)
    }
}

.secondary-nav__list-button-mobile-title {
    font-family: Inter Tight,sans-serif;
    font-size: var(--body-small);
    font-weight: 700;
    color: #fff;
    position: relative;
    bottom: 1px;
    display: none
}

@media (max-width: 1100px) {
    .secondary-nav__list-button-mobile-title {
        display: block
    }
}

.secondary-nav__cart-number {
    position: absolute;
    background-color: var(--red);
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    top: -.8rem;
    right: -.8rem;
    padding: .5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    min-height: 2.2rem
}

@media (max-width: 1100px) {
    .secondary-nav__cart-number {
        color: var(--white)
    }
}

.secondary-nav__icon-btn-dropdown {
    position: absolute;
    height: 10px;
    bottom: 10px;
    left: 0;
    opacity: 0;
    pointer-events: none
}

.user-is-tabbing .secondary-nav__icon-btn-dropdown:focus {
    bottom: -10px;
    width: 100%;
    opacity: 1
}

.mobile-nav {
    width: 100%;
    padding: var(--page-padding);
    background-color: #fff;
    display: none
}

@media (max-width: 1100px) {
    .mobile-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end
    }
}

.mobile-nav__logo {
    margin-right: auto;
    height: 4rem
}

    .mobile-nav__logo img {
        width: 11.6rem;
        height: 4rem
    }

.mobile-nav__top-menu-buttons {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    align-items: stretch
}

.mobile-nav__top-menu-button {
    background: none;
    border: 0;
    box-shadow: none;
    margin-bottom: 0
}

    .mobile-nav__top-menu-button i {
        font-size: 1.2rem;
        color: var(--grey-700)
    }

@media (max-width: 549px) {
    .mobile-nav__top-menu-button[data-type=search] {
        display: none
    }
}

.mobile-nav__top-menu-button-link {
    position: relative;
    display: flex;
    padding: .75rem;
    align-items: center;
    border-radius: .5rem;
    border: 0;
    box-shadow: none;
    background: var(--grey-200, #EAECF0);
    transition: background-color .4s cubic-bezier(.23,.65,.63,.99)
}

    .mobile-nav__top-menu-button-link i {
        color: var(--navy);
        font-size: 2.4rem
    }

    .mobile-nav__top-menu-button-link:hover {
        cursor: pointer;
        background-color: var(--grey-300)
    }

[data-type=contact] .mobile-nav__top-menu-button-link {
    background-color: var(--navy)
}

    [data-type=contact] .mobile-nav__top-menu-button-link i {
        color: #fff
    }

[data-type=contact]:hover .mobile-nav__top-menu-button-link {
    background-color: var(--grey-900)
}

[data-type=menu] .mobile-nav__top-menu-button-link {
    background-color: var(--red)
}

.mobile-nav__cart-number {
    position: absolute;
    background-color: var(--red);
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    top: -.8rem;
    right: -.8rem;
    padding: .5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    min-height: 2.2rem
}

.mobile-nav__menu-toggle-button {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 3.9rem;
    padding: .75rem;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    border: 0;
    box-shadow: none;
    background: var(--red);
    transition: background-color .4s cubic-bezier(.23,.65,.63,.99)
}

    .mobile-nav__menu-toggle-button:hover {
        cursor: pointer;
        background-color: var(--red-hover)
    }

    .mobile-nav__menu-toggle-button .mobile-nav__line {
        height: 3px;
        width: 20px;
        margin-bottom: 3px;
        border-radius: 1px;
        background-color: #fff;
        transition: all .2s ease-out;
        transform-origin: center center;
        position: relative
    }

        .mobile-nav__menu-toggle-button .mobile-nav__line.mobile-nav__line-3 {
            margin-bottom: 0
        }

.mobile-menu-is-open .mobile-nav__menu-toggle-button .mobile-nav__line {
    background-color: #fff;
    margin-bottom: 0
}

.mobile-menu-is-open .mobile-nav__menu-toggle-button .mobile-nav__line-1 {
    top: 3px;
    transform: rotate(-45deg)
}

.mobile-menu-is-open .mobile-nav__menu-toggle-button .mobile-nav__line-2 {
    transform: rotate(45deg)
}

.mobile-menu-is-open .mobile-nav__menu-toggle-button .mobile-nav__line-3 {
    opacity: 0
}

.mobile-nav__top-icon {
    transition: transform .2s ease-in-out
}

@media (min-width: 1101px) {
    .mobile-nav__top-icon {
        display: none
    }
}

@media (max-width: 1100px) {
    [aria-expanded=true] > .mobile-nav__top-icon {
        transform: rotate(180deg)
    }
}

.mobile-nav__top-link {
    display: none;
    width: 100%;
    justify-content: space-between;
    background: none;
    box-shadow: none;
    border: 0;
    padding: 0
}

@media (max-width: 1100px) {
    .mobile-nav__top-link {
        display: flex;
        padding: 0 var(--space-s)
    }
}

.mobile-nav__top-link:hover {
    cursor: pointer
}

.mobile-nav__top-link-title {
    color: var(--white);
    font-family: Inter Tight,sans-serif;
    font-weight: 700;
    font-size: var(--h5)
}

.mobile-nav__top-icon, .mobile-nav__icon {
    font-size: 2rem;
    color: var(--blue-300)
}

@media (min-width: 1101px) {
    .mobile-nav__top-icon, .mobile-nav__icon {
        display: none
    }
}

@media (max-width: 1100px) {
    .mobile-nav__desktop-icon {
        display: none
    }
}

.mobile-nav__icon {
    display: none
}

@media (max-width: 1100px) {
    .mobile-nav__icon {
        display: block
    }
}

.mobile-nav__icon.i-arrow-dropdown-down-large {
    transition: transform .2s ease-in-out
}

[aria-expanded=true] > .mobile-nav__icon.i-arrow-dropdown-down-large {
    transform: rotate(180deg)
}

.mobile-nav__link {
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: none;
    box-shadow: none;
    border: 0;
    font-family: Inter,sans-serif;
    font-weight: 400;
    color: var(--white);
    padding: var(--space-2xs) var(--space-s);
    margin-bottom: 0
}

    .mobile-nav__link .i-arrow-chevron-right {
        display: none
    }

@media (max-width: 1100px) {
    .mobile-nav__link {
        display: flex
    }
}

.mobile-nav__link:hover {
    cursor: pointer
}

.mobile-nav__link-title {
    color: var(--white);
    text-decoration: none;
    font-size: var(--body);
    padding-left: 0
}

@media (max-width: 1100px) {
    body.body--fixed:not(.is-searching) {
        overflow: hidden
    }

        body.body--fixed:not(.is-searching) > #content-container {
            position: relative;
            z-index: 1050
        }

    .mobile-menu-is-open.header {
        background: var(--navy)
    }
}

.page-header {
    position: relative;
    height: 100%;
    width: 100%;
    padding: var(--space-xl) 0 var(--space-2xl);
    display: flex;
    align-items: center
}

.page-header__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

@media (max-width: 549px) {
    .page-header__container {
        align-items: center;
        text-align: center
    }
}

@media (max-width: 549px) {
    .page-header__container .button-group {
        justify-content: center
    }
}

.page-header__brand-logo {
    max-width: 200px;
    width: 100%;
    padding-bottom: var(--space-m)
}

.page-header--background-image {
    background: linear-gradient(0deg,rgba(0,28,54,.7) 0%,rgba(0,28,54,.7) 100%)
}

    .page-header--background-image .page-header__content {
        padding-bottom: var(--space-s)
    }

        .page-header--background-image .page-header__content p {
            margin-bottom: var(--space-s)
        }

.page-header--background-video {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-2xl);
    height: 100vh;
    background: linear-gradient(90deg,rgba(0,28,54,.7) 0%,rgba(0,28,54,0) 120%)
}

    .page-header--background-video .page-header__video-container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

        .page-header--background-video .page-header__video-container video {
            position: absolute;
            left: 50%;
            top: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            transform: translate(-50%) translateY(-50%);
            z-index: -1
        }

    .page-header--background-video .page-header__content {
        padding-bottom: var(--space-s)
    }

        .page-header--background-video .page-header__content p {
            margin-bottom: var(--space-s)
        }

.page-header--inline-image {
    background-color: var(--gray-50)
}

    .page-header--inline-image .wrapper {
        column-gap: var(--space-2xl)
    }

        .page-header--inline-image .wrapper.left {
            flex-direction: row
        }

@media (max-width: 1000px) {
    .page-header--inline-image .wrapper.left {
        flex-direction: column-reverse;
        row-gap: var(--space-s)
    }
}

.page-header--inline-image .wrapper.right {
    flex-direction: row-reverse
}

@media (max-width: 1000px) {
    .page-header--inline-image .wrapper.right {
        flex-direction: column-reverse;
        row-gap: var(--space-s)
    }
}

.page-header--inline-image .wrapper picture {
    padding: var(--space-2xs);
    width: 40%
}

@media (max-width: 1000px) {
    .page-header--inline-image .wrapper picture {
        width: 100%;
        padding: 0
    }
}

.page-header--inline-image .wrapper .page-header__bg-image {
    position: relative;
    z-index: 0;
    border-radius: var(--border-radius-m);
    box-shadow: var(--shadow-large-image-heavy)
}

.page-header--inline-image .wrapper .breadcrumb-wrapper li, .page-header--inline-image .wrapper .breadcrumb-wrapper a, .page-header--inline-image .wrapper .breadcrumb-wrapper li:after {
    color: var(--navy)
}

    .page-header--inline-image .wrapper .breadcrumb-wrapper a i.i-home-simple {
        color: var(--gray-600)
    }

    .page-header--inline-image .wrapper .breadcrumb-wrapper li.active .breadcrumbs__icon {
        background: rgba(42,50,64,.1)
    }

        .page-header--inline-image .wrapper .breadcrumb-wrapper li.active .breadcrumbs__icon svg path {
            fill: var(--navy)
        }

.page-header--inline-image .wrapper .page-header__container {
    width: 60%
}

@media (max-width: 1000px) {
    .page-header--inline-image .wrapper .page-header__container {
        width: 100%
    }
}

.page-header--inline-image .wrapper .page-header__container .page-header__content {
    margin-bottom: var(--space-s)
}

    .page-header--inline-image .wrapper .page-header__container .page-header__content h1 {
        color: var(--navy)
    }

    .page-header--inline-image .wrapper .page-header__container .page-header__content p {
        margin-bottom: var(--space-s);
        color: var(--navy)
    }

.page-header.page-header--on-page-nav {
    min-height: calc(100vh - 70px - var(--header-nav-height-px))
}

@media (max-width: 825px) {
    .page-header.page-header--on-page-nav {
        min-height: calc(100vh - 100px - var(--header-nav-height-px))
    }
}

@media (max-width: 549px) {
    .page-header.page-header--on-page-nav {
        min-height: calc(100vh - var(--header-nav-height-px))
    }
}

.whats-up .whats-up-index__header-btns {
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: var(--space-xs) var(--space-s) var(--space-s) var(--space-s);
    align-items: center;
    border-radius: var(--border-radius-s);
    border: solid 1px var(--white)
}

    .whats-up .whats-up-index__header-btns > legend {
        font-size: var(--body-xsmall);
        color: var(--white);
        font-weight: 700;
        padding: 0 var(--space-3xs)
    }

    .whats-up .whats-up-index__header-btns .button-group {
        margin-bottom: 0
    }

.knowledge-center, .videos-index, .articles-index, .downloads-index, .faqs-index {
    padding: var(--space-4xl) 0
}

    .knowledge-center .wrapper.page-header__container {
        align-items: center
    }

    .knowledge-center .page-header__content {
        width: 100%;
        align-items: center
    }

        .knowledge-center .page-header__content p {
            text-align: center
        }

.knowledge-center__header-btns {
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: var(--space-xs) var(--space-s) var(--space-s) var(--space-s);
    align-items: center;
    border-radius: var(--border-radius-s);
    border: solid 1px var(--white)
}

    .knowledge-center__header-btns > legend {
        font-size: var(--body-xsmall);
        color: var(--white);
        font-weight: 700;
        padding: 0 var(--space-3xs);
        margin: 0 auto
    }

    .knowledge-center__header-btns .button-group {
        margin-bottom: 0;
        justify-content: center
    }

.page-header.products-index {
    padding-top: var(--space-xl-5xl);
    padding-bottom: var(--space-m)
}

.page-header.project {
    min-height: calc(100vh - var(--header-nav-height-px))
}

    .page-header.project .wrapper.page-header__container {
        align-items: center
    }

    .page-header.project .page-header__content {
        max-width: 700px;
        width: 100%;
        text-align: center
    }

    .page-header.project .button-group {
        margin-bottom: 0
    }

    .page-header.project .page-header__project-details {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding-top: var(--space-xl);
        padding-bottom: var(--space-m);
        gap: var(--space-2xl)
    }

        .page-header.project .page-header__project-details > div {
            display: flex;
            flex-direction: column;
            align-items: center
        }

    .page-header.project .page-header__project-details-title {
        font-weight: 700;
        color: var(--white)
    }

    .page-header.project .page-header__project-details-content {
        color: var(--white)
    }

.page-header--multi-image, .page-header--simple {
    position: relative
}

@media (max-width: 825px) {
    .page-header--multi-image, .page-header--simple {
        padding-top: var(--space-m)
    }
}

@media (max-width: 549px) {
    .page-header--multi-image, .page-header--simple {
        padding-top: var(--space-s)
    }
}

.page-header--multi-image:before, .page-header--simple:before {
    content: "";
    position: absolute;
    top: -16rem;
    left: 40%;
    width: 234.5rem;
    height: 234.5rem;
    z-index: -1;
    background-image: url(/dist/assets/ellipse-bg-full-0dc25eec.png);
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 825px) {
    .page-header--multi-image:before, .page-header--simple:before {
        left: 20%;
        top: -40rem
    }
}

@media (max-width: 549px) {
    .page-header--multi-image:before, .page-header--simple:before {
        left: -10%;
        top: -40rem
    }
}

.page-header--multi-image > .wrapper, .page-header--simple > .wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4xl)
}

@media (max-width: 1659px) {
    .page-header--multi-image > .wrapper, .page-header--simple > .wrapper {
        gap: var(--space-3xl)
    }
}

@media (max-width: 1199px) {
    .page-header--multi-image > .wrapper, .page-header--simple > .wrapper {
        gap: var(--space-xl)
    }
}

@media (max-width: 825px) {
    .page-header--multi-image > .wrapper, .page-header--simple > .wrapper {
        flex-direction: column;
        gap: var(--space-m)
    }
}

@media (max-width: 549px) {
    .page-header--multi-image > .wrapper, .page-header--simple > .wrapper {
        gap: var(--space-s)
    }
}

.page-header--multi-image .page-header__text-container, .page-header--simple .page-header__text-container {
    width: 45%;
    max-width: 60rem
}

@media (max-width: 1199px) {
    .page-header--multi-image .page-header__text-container, .page-header--simple .page-header__text-container {
        width: 50%
    }
}

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__text-container, .page-header--simple .page-header__text-container {
        width: 60%
    }
}

@media (max-width: 825px) {
    .page-header--multi-image .page-header__text-container, .page-header--simple .page-header__text-container {
        width: 100%;
        max-width: none
    }
}

.page-header--multi-image .page-header__text-container h1, .page-header--simple .page-header__text-container h1 {
    margin-bottom: var(--space-s)
}

@media (max-width: 1199px) {
    .page-header--multi-image .page-header__text-container h1, .page-header--simple .page-header__text-container h1 {
        font-size: var(--h2)
    }
}

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__text-container h1, .page-header--simple .page-header__text-container h1 {
        font-size: var(--h1)
    }
}

@media (max-width: 549px) {
    .page-header--multi-image .page-header__text-container h1, .page-header--simple .page-header__text-container h1 {
        font-size: var(--h2)
    }
}

.page-header--multi-image .page-header__text-container p, .page-header--simple .page-header__text-container p {
    margin-bottom: var(--space-l)
}

@media (max-width: 549px) {
    .page-header--multi-image .page-header__text-container p, .page-header--simple .page-header__text-container p {
        font-size: var(--body);
        margin-bottom: var(--space-s)
    }
}

.page-header--multi-image .page-header__text-container .button, .page-header--simple .page-header__text-container .button {
    font-size: var(--button)
}

.page-header--multi-image .page-header__image-container img, .page-header--simple .page-header__image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-m)
}

@media (max-width: 549px) {
    .page-header--multi-image .page-header__image-container img, .page-header--simple .page-header__image-container img {
        border-radius: var(--border-radius-s)
    }
}

.home-slideshow {
    height: calc(100vh - var(--header-nav-height-px));
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    position: relative
}

    .home-slideshow:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background-color: var(--red);
        box-shadow: 0 4px 14px #00000080;
        z-index: 1
    }

@media screen and (orientation: landscape) and (max-width: 825px) {
    .home-slideshow {
        align-items: flex-start
    }
}

.home-slideshow p {
    color: #fff;
    max-width: 1000px;
    opacity: .8
}

@media (max-width: 1659px) {
    .home-slideshow p {
        max-width: 800px
    }
}

.home-slideshow .loading-animation {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
    transition: all .2s ease-in-out;
    pointer-events: none
}

    .home-slideshow .loading-animation .lds-dual-ring {
        width: 50px;
        height: 50px
    }

        .home-slideshow .loading-animation .lds-dual-ring:after {
            width: 40px;
            height: 40px;
            border-width: 4px;
            border-color: var(--red) transparent var(--red) transparent
        }

.is-home-hero-video-loaded .home-slideshow .loading-animation {
    opacity: 0
}

.carousel-inner {
    margin-top: 0;
    display: flex;
    overflow: visible;
    z-index: 1;
    opacity: 0;
    width: 100%;
    transition: all .2s ease-in-out
}

.is-home-hero-video-loaded .carousel-inner {
    opacity: 1
}

.carousel {
    width: 100%;
    min-height: 90vh;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

@media screen and (orientation: landscape) {
    .carousel {
        min-height: calc(100vh - var(--header-nav-height-px))
    }
}

@media (max-width: 1000px) {
    .carousel .wrapper {
        justify-content: center
    }
}

.carousel ul {
    margin: 0;
    padding: 0
}

.carousel.active {
    position: relative
}

.slide {
    width: 100%;
    pointer-events: none;
    padding: 0;
    margin: 0;
    height: 100%;
    position: absolute;
    overflow: hidden;
    border: none;
    display: none;
    top: 0;
    left: 0;
    z-index: 200;
    visibility: hidden
}

    .slide .wrapper {
        flex-direction: row;
        z-index: 2
    }

@media (max-width: 1000px) {
    .slide .wrapper {
        flex-direction: column
    }
}

@media screen and (max-width: 1000px) and (orientation: landscape) {
    .slide .wrapper {
        margin-top: 2rem
    }
}

.slide .btn-primary, .slide .btn-secondary {
    opacity: 0;
    transform: translateY(2rem);
    transition: all .7s cubic-bezier(.53,-.01,0,1.03)
}

.slide .slide__bg-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .2
}

.slide.current {
    pointer-events: auto;
    display: flex;
    z-index: 5;
    visibility: visible;
    opacity: 1
}

    .slide.current video {
        animation: slideFadeIn 1s ease-in-out both
    }

    .slide.current .slide__bg-image {
        animation: slideImgFadeIn 1s cubic-bezier(.23,.65,.63,.99) both
    }

    .slide.current:focus {
        outline: 0
    }

    .slide.current .button--primary, .slide.current .button--secondary-alt {
        opacity: 1;
        transform: translateY(0)
    }

.slide.prev .button--primary, .slide.prev .button--secondary-alt {
    opacity: 0;
    transform: translateY(2rem)
}

.slide[slide-type=video]:before, .slide[slide-type=video]:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.slide[slide-type=video]:before {
    bottom: 0;
    background: linear-gradient(0deg,rgba(0,28,54,.8) 25%,rgba(0,28,54,0) 100%);
    z-index: 1
}

@media (max-width: 1000px) {
    .slide[slide-type=video]:before {
        background: rgba(0,28,54,.7)
    }
}

.slide[slide-type=video]:after {
    top: 0;
    background: linear-gradient(90deg,rgba(0,28,54,.8) 0%,rgba(0,28,54,0) 100%)
}

@media (max-width: 1000px) {
    .slide[slide-type=video]:after {
        background: none
    }
}

.slide[slide-type=image]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,28,54,.9)
}

.active .slide.next, .active .slide.prev {
    opacity: 0
}

    .active .slide.next.in-transition, .active .slide.prev.in-transition {
        visibility: visible
    }

.home-slideshow video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

@media (max-width: 1000px) {
    .home-slideshow video.slide__video-desktop {
        display: none
    }
}

.home-slideshow video.slide__video-mobile {
    display: none
}

@media (max-width: 1000px) {
    .home-slideshow video.slide__video-mobile {
        display: block
    }
}

.home-slideshow__primary {
    max-width: 1100px;
    width: 100%;
    position: relative;
    z-index: 3;
    transition: opacity .75s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: var(--header-nav-height-px)
}

    .home-slideshow__primary:focus {
        outline: 0
    }

.is-home-hero-video-loaded .home-slideshow__primary {
    opacity: 1
}

@media (max-width: 1000px) {
    .home-slideshow__primary {
        text-align: center;
        align-items: center;
        padding: 0 2%;
        width: 100%
    }
}

@media (max-width: 320px) {
    .home-slideshow__primary {
        padding: 0;
        margin-top: -2rem
    }
}

.home-slideshow__primary p {
    animation: titleFadeSlide .7s cubic-bezier(.23,.65,.63,.99) both .2s
}

@media (max-width: 450px) {
    .home-slideshow__primary p {
        font-size: var(--body)
    }
}

@media (max-width: 320px) {
    .home-slideshow__primary p {
        margin: 1.5rem
    }
}

.home-slideshow__primary > a:last-of-type {
    margin-right: 0
}

.home-slideshow__primary br {
    display: none
}

@media (max-width: 768px) {
    .home-slideshow__primary br {
        display: inherit
    }
}

.home-slideshow__title {
    font-size: var(--home-hero);
    color: #fff;
    animation: titleFadeSlide .7s cubic-bezier(.23,.65,.63,.99) both .1s
}

.home-carousel__actions {
    display: flex;
    align-items: flex-start
}

@media (max-width: 549px) {
    .home-carousel__actions .button-group {
        justify-content: center
    }
}

.home-carousel__actions .button:nth-child(1) {
    animation: titleFadeSlide .6s cubic-bezier(.23,.65,.63,.99) both .35s
}

.home-carousel__actions .button:nth-child(2) {
    animation: titleFadeSlide .6s cubic-bezier(.23,.65,.63,.99) both .4s
}

.home-carousel__actions .button:nth-child(3) {
    animation: titleFadeSlide .6s cubic-bezier(.23,.65,.63,.99) both .45s
}

@media (max-width: 1000px) {
    .home-carousel__actions {
        justify-content: center
    }
}

@keyframes titleFadeSlide {
    0% {
        opacity: 0;
        transform: translateY(2rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.home-slideshow__tabs-wrapper {
    position: absolute;
    bottom: 7rem;
    z-index: 5;
    opacity: 0;
    width: 100%;
    transition: opacity .75s ease-in-out
}

@media (max-width: 1000px) {
    .home-slideshow__tabs-wrapper {
        top: auto;
        bottom: 8rem;
        right: auto;
        transform: translateY(0);
        width: 100%
    }
}

@media (max-width: 1000px) and (orientation: landscape) {
    .home-slideshow__tabs-wrapper {
        bottom: 3rem
    }
}

@media (max-width: 768px) {
    .home-slideshow__tabs-wrapper {
        bottom: 5rem
    }
}

@media (max-width: 320px) {
    .home-slideshow__tabs-wrapper {
        bottom: 3.5rem
    }
}

.is-home-hero-video-loaded .home-slideshow__tabs-wrapper {
    opacity: 1
}

.home-slideshow__tabs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    right: auto;
    gap: var(--space-xs-s)
}

@media (max-width: 1000px) {
    .home-slideshow__tabs {
        flex-direction: row;
        margin-right: 0;
        justify-content: center;
        padding-top: 5rem
    }
}

@media (max-width: 450px) {
    .home-slideshow__tabs {
        padding-top: 2rem
    }
}

@media (max-width: 310px) {
    .home-slideshow__tabs {
        gap: 0
    }
}

.home-slideshow__tabs li {
    position: relative
}

    .home-slideshow__tabs li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 20px;
        width: 15px;
        height: 2px;
        background-color: var(--red)
    }

@media (max-width: 768px) {
    .home-slideshow__tabs li:before {
        left: 50%;
        transform: translate(-50%)
    }
}

.home-slideshow__tabs button {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--space-3xs);
    color: var(--white);
    position: relative;
    padding: var(--space-xs);
    background: transparent;
    border: none;
    flex: 0;
    opacity: 1;
    cursor: pointer;
    text-align: left;
    transition: all .3s ease-in-out
}

@media (max-width: 768px) {
    .home-slideshow__tabs button {
        flex-direction: column-reverse;
        text-align: center
    }
}

.home-slideshow__tabs button > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3xs)
}

@media (max-width: 768px) {
    .home-slideshow__tabs button > div {
        align-items: center
    }
}

.home-slideshow__tabs button span.home-slideshow__tab-position {
    font-family: Inter,sans-serif;
    font-size: var(--body-xsmall);
    color: var(--gray-300)
}

.home-slideshow__tabs button span.home-slideshow__tab-text-primary {
    display: block;
    color: var(--white);
    font-size: var(--body-small);
    font-family: Inter Tight,sans-serif;
    font-weight: 700;
    transition: all .2s ease-in-out
}

.home-slideshow__tabs button.current {
    border-radius: 4px;
    border: 2px solid var(--red);
    background: rgba(196,18,47,.4);
    align-items: center
}

    .home-slideshow__tabs button.current span.home-slideshow__tab-position {
        color: var(--white)
    }

@media screen and (max-width: 1000px) and (orientation: landscape) {
    .home-carousel__button--primary {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .home-slideshow__tab-deco {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translate(-50%)
    }
}

.home-slideshow__tabs .circle-container {
    width: 24px;
    height: 24px;
    transform: rotate(-90deg) translate(2px);
    opacity: 0;
    transition: opacity .3s ease-in-out;
    margin-left: 4px;
    display: none
}

@media (max-width: 768px) {
    .home-slideshow__tabs .circle-container {
        width: 27px;
        height: 27px;
        transform: rotate(-90deg) translate(3px,-2px)
    }
}

.home-slideshow__tabs button.current .circle-container {
    opacity: 1;
    display: block
}

.home-slideshow__tabs .circle-container__background {
    fill: none;
    stroke: var(--red-alt);
    stroke-width: 4px;
    opacity: .3
}

.home-slideshow__tabs .circle-container__progress {
    fill: none;
    stroke: var(--red-alt);
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 4px
}

@keyframes slideFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: .99
    }
}

@keyframes slideImgFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: .2
    }
}

@keyframes slideImgFadeInLight {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.controls {
    position: absolute;
    bottom: 9rem;
    z-index: 600;
    display: flex;
    right: calc((100% - 1660px)/2 + 17px);
    opacity: 0;
    transition: all .2s ease-in-out
}

.is-home-hero-video-loaded .controls {
    opacity: 1
}

@media (max-width: 1659px) {
    .controls {
        right: 4rem
    }
}

@media (max-width: 1000px) {
    .controls {
        right: 2.3rem;
        top: 5rem;
        bottom: initial
    }
}

.controls .btn-prev, .controls .btn-next, .controls .home-slideshow__btn-start {
    width: 3rem;
    height: 3rem;
    background: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    transition: all .15s ease-in-out;
    border: 0;
    cursor: pointer
}

    .controls .btn-prev:before, .controls .btn-next:before, .controls .home-slideshow__btn-start:before {
        font-family: icoMoon;
        color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: 2.4rem
    }

    .controls .btn-prev:hover, .controls .btn-prev:focus, .controls .btn-next:hover, .controls .btn-next:focus, .controls .home-slideshow__btn-start:hover, .controls .home-slideshow__btn-start:focus {
        background-color: #ffffff4d
    }

    .controls .home-slideshow__btn-start:hover, .controls .home-slideshow__btn-start:focus {
        background-color: #ffffff4d
    }

    .controls .home-slideshow__btn-start[data-action=stop]:before {
        content: ""
    }

    .controls .home-slideshow__btn-start[data-action=start]:before {
        content: ""
    }

    .controls .btn-next:hover, .controls .btn-prev:hover {
        opacity: 1;
        cursor: pointer
    }

    .controls .btn-next:focus, .controls .btn-prev:focus {
        outline: 3px solid #efdd03
    }

    .controls .btn-prev:before {
        content: ""
    }

    .controls .btn-next:before {
        content: ""
    }

.breadcrumb-wrapper {
    display: flex;
    width: 100%;
    margin-bottom: var(--space-l)
}

@media (max-width: 549px) {
    .breadcrumb-wrapper {
        margin-bottom: var(--space-m)
    }
}

.breadcrumb-wrapper.in-header {
    padding-bottom: var(--space-xl)
}

.breadcrumbs ul {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3xs-2xs)
}

    .breadcrumbs ul li {
        margin-bottom: 0;
        position: relative;
        display: flex;
        align-items: center;
        gap: var(--space-3xs)
    }

        .breadcrumbs ul li a {
            color: var(--blue);
            font-size: var(--body-xxsmall);
            text-decoration: underline .2rem rgba(255,255,255,0);
            transition: text-decoration-color .3s ease-in-out
        }

            .breadcrumbs ul li a i.i-home-simple {
                display: inline-block;
                margin-top: 5px;
                font-size: var(--body-large)
            }

            .breadcrumbs ul li a:hover {
                text-decoration-color: #fff
            }

        .breadcrumbs ul li:after {
            content: "";
            font-family: "Font Awesome 6 Pro";
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--grey-400);
            margin-left: var(--space-3xs);
            margin-right: var(--space-3xs)
        }

        .breadcrumbs ul li.active {
            color: var(--grey-600);
            font-size: var(--body-xxsmall);
            margin-bottom: 0
        }

            .breadcrumbs ul li.active:after {
                display: none
            }

            .breadcrumbs ul li.active .breadcrumbs__icon {
                display: flex;
                width: 25px;
                height: 25px;
                justify-content: center;
                border-radius: 50%;
                background: rgba(255,255,255,.2)
            }

                .breadcrumbs ul li.active .breadcrumbs__icon svg {
                    width: 15px
                }

                    .breadcrumbs ul li.active .breadcrumbs__icon svg path {
                        fill: var(--white)
                    }

        .breadcrumbs ul li:last-child a {
            font-weight: 700
        }

        .breadcrumbs ul li:last-child:after {
            display: none
        }

.breadcrumbs--dark ul li:after, .breadcrumbs--dark ul li.active {
    color: var(--navy)
}

.breadcrumbs--dark ul li a {
    color: var(--navy);
    text-decoration: underline .2rem rgba(42,50,64,0)
}

    .breadcrumbs--dark ul li a:hover {
        text-decoration-color: #2a3240
    }

.breadcrumbs--dark ul a i.i-home-simple {
    color: var(--gray-600)
}

.breadcrumbs--dark ul li.active .breadcrumbs__icon {
    background: rgba(42,50,64,.2)
}

    .breadcrumbs--dark ul li.active .breadcrumbs__icon svg path {
        fill: var(--navy)
    }

.footer {
    width: 100%;
    background: radial-gradient(402.67% 100.2% at 72.09% 62.12%,#243666 0%,#084A88 100%)
}

    .footer a, .footer span, .footer div, .footer p {
        color: var(--white)
    }

    .footer a {
        line-height: 1
    }

.footer__row {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1199px) {
    .footer__row.footer__row--primary {
        flex-direction: column
    }
}

@media (max-width: 1000px) {
    .footer__row.footer__row--secondary {
        flex-direction: column;
        row-gap: var(--space-m)
    }
}

.footer__row--contact, .footer__row--primary {
    position: relative
}

    .footer__row--contact:after, .footer__row--primary:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: color-mix(in srgb,var(--blue-400) 70%,transparent 30%)
    }

.footer__row--contact {
    align-items: flex-start;
    padding-bottom: var(--space-l)
}

@media (max-width: 359px) {
    .footer__row--contact {
        flex-direction: column
    }
}

.footer__row--primary {
    align-items: flex-end;
    padding-top: var(--space-m);
    padding-bottom: var(--space-l)
}

@media (max-width: 1199px) {
    .footer__row--primary {
        align-items: flex-start
    }
}

@media (max-width: 1000px) {
    .footer__row--primary .footer-logos {
        width: 100%
    }

        .footer__row--primary .footer-logos ul {
            gap: var(--space-m);
            justify-content: space-between
        }

        .footer__row--primary .footer-logos li {
            width: calc(25% - var(--space-m));
            max-width: 17rem
        }

        .footer__row--primary .footer-logos .footer__badge {
            width: 100%
        }
}

@media (max-width: 825px) {
    .footer__row--primary .footer-logos ul {
        justify-content: flex-start
    }
}

@media (max-width: 549px) {
    .footer__row--primary .footer-logos li {
        width: calc(50% - var(--space-m))
    }
}

.footer__row--secondary {
    padding-top: var(--space-l);
    flex-direction: row-reverse
}

    .footer__row--secondary .footer__copyright-text {
        font-size: var(--body-xxsmall)
    }

.app-footer .footer__row--secondary {
    flex-direction: row
}

.footer--divider {
    border-top: 3px solid var(--gray-200)
}

.footer__wrapper {
    display: flex;
    flex-direction: column
}

.footer__nav-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: var(--space-l, 4rem) 0rem var(--space-m, 3rem) 0rem
}

.footer__about-col {
    display: flex;
    flex-direction: row
}

.app-footer .footer__about-col {
    flex-direction: column
}

@media (max-width: 1199px) {
    .footer__about-col--left {
        flex-direction: column;
        width: 100%
    }

    .app-footer .footer__about-col--left {
        width: auto
    }
}

.footer__about-col--left .footer__logo-btn-container {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1199px) {
    .footer__about-col--left .footer__logo-btn-container {
        width: 100%;
        margin-bottom: var(--space-s)
    }
}

.footer__about-col--left, .footer__about-col--left .footer__contact-info {
    column-gap: var(--space-l)
}

    .footer__about-col--left .footer__contact-info {
        display: flex
    }

@media (max-width: 549px) {
    .footer__about-col--left .footer__contact-info {
        flex-direction: column
    }
}

.app-footer .footer__about-col--left .footer__contact-info {
    flex-direction: column;
    margin-top: var(--space-s)
}

@media (max-width: 1199px) {
    .app-footer .footer__about-col--left .footer__contact-info {
        margin-top: 0
    }
}

.footer__about-col--right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.footer__row--primary .footer__about-col--right {
    row-gap: var(--space-s);
    column-gap: calc(var(--space-xl) - var(--space-2xs))
}

@media (max-width: 1199px) {
    .footer__row--primary .footer__about-col--right {
        margin-top: var(--space-l)
    }
}

@media (max-width: 1000px) {
    .footer__row--primary .footer__about-col--right {
        column-gap: 0;
        justify-content: flex-start
    }
}

.footer__about-col--right li:nth-of-type(3) {
    display: flex;
    align-items: center
}

@media (max-width: 549px) {
    .app-footer .footer__about-col--right {
        position: absolute;
        top: 0;
        right: 0
    }
}

.footer__about-col--right .logout-btn {
    height: 4.9rem;
    column-gap: var(--space-2xs);
    padding-left: var(--space-xs);
    padding-right: var(--space-2xs);
    background-color: var(--blue-600)
}

@media (max-width: 549px) {
    .footer__about-col--right .logout-btn {
        height: 4rem
    }
}

.footer__about-col--right .logout-btn:hover, .footer__about-col--right .logout-btn:focus {
    background-color: color-mix(in srgb,var(--blue-600) 85%,var(--black) 15%)
}

.footer__about-col--right .logout-btn span.fa-right-from-bracket {
    font-size: 1.9rem;
    transition: .2s cubic-bezier(.23,.65,.63,.99);
    position: relative
}

@media (max-width: 549px) {
    .footer__about-col--right .logout-btn span.fa-right-from-bracket {
        font-size: 1.6rem
    }
}

.footer__about-col--right .logout-btn span.fa-right-from-bracket:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 3.2rem;
    height: 3.2rem;
    background-color: color-mix(in srgb,var(--white) 20%,transparent 80%);
    border-radius: 50%
}

.footer__about-col .button.button--footer {
    background-color: var(--blue-600)
}

    .footer__about-col .button.button--footer:hover, .footer__about-col .button.button--footer:focus {
        background-color: color-mix(in srgb,var(--blue-600) 90%,var(--black) 10%)
    }

    .footer__about-col .button.button--footer.mobile {
        display: none
    }

@media (max-width: 1199px) {
    .footer__about-col .button.button--footer.mobile {
        display: block
    }
}

@media (max-width: 359px) {
    .footer__about-col .button.button--footer.mobile {
        display: none
    }
}

@media (max-width: 1199px) {
    .footer__about-col .button.button--footer:not(.mobile) {
        display: none
    }
}

@media (max-width: 359px) {
    .footer__about-col .button.button--footer:not(.mobile) {
        display: block;
        margin-top: var(--space-s)
    }
}

.footer__logo {
    width: 13.6rem;
    height: auto;
    transition: opacity .2s ease-out;
    padding: var(--space-4xs) 0
}

    .footer__logo:hover {
        opacity: .7
    }

@media (max-width: 1199px) {
    .footer__logo {
        width: 12rem
    }
}

.footer__about-title {
    font-weight: 700;
    margin-bottom: 0
}

@media (max-width: 549px) {
    .footer__about-title {
        font-size: var(--body-large)
    }
}

.footer__about-location {
    margin-bottom: 0;
    line-height: 1.7
}

.footer__about-contact-types {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

@media (max-width: 549px) {
    .footer__about-contact-types {
        margin-top: var(--space-xs)
    }

    .app-footer .footer__about-contact-types {
        margin-top: 0
    }
}

.app-footer .footer__about-contact-types {
    margin-bottom: var(--space-s)
}

@media (max-width: 549px) {
    .app-footer .footer__about-contact-types {
        margin-bottom: var(--space-xs)
    }
}

.footer__about-phone, .footer__about-fax, .footer__about-email {
    margin-bottom: 0;
    font-weight: 700
}

.footer__about-phone-link, .footer__about-fax-link, .footer__about-email-link {
    font-weight: 700;
    text-decoration: none;
    color: var(--navy);
    transition: .2s cubic-bezier(.23,.65,.63,.99)
}

    .footer__about-phone-link:hover, .footer__about-phone-link:focus, .footer__about-fax-link:hover, .footer__about-fax-link:focus, .footer__about-email-link:hover, .footer__about-email-link:focus {
        opacity: .8
    }

@media (max-width: 549px) {
    .footer__about-phone, .footer__about-fax, .footer__about-email {
        font-size: var(--body-xsmall)
    }
}

.app-footer .footer__about-phone, .app-footer .footer__about-fax, .app-footer .footer__about-email {
    font-weight: 400
}

.footer__socials-row {
    display: flex;
    align-items: flex-start;
    gap: 1rem
}

@media (max-width: 549px) {
    .footer__socials-row {
        gap: 2rem;
        padding: 1rem 0
    }
}

.footer__social-icon {
    color: var(--grey-600);
    transition: opacity .2s ease-out
}

    .footer__social-icon i {
        font-size: 2.4rem
    }

    .footer__social-icon:hover {
        opacity: .6
    }

.footer__nav-col-container {
    container-name: footer-nav;
    container-type: inline-size;
    width: 100%
}

.footer__nav-col-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-l, 4rem);
    justify-content: flex-start;
    width: 75.5rem
}

@media (max-width: 825px) {
    .footer__nav-col-wrapper {
        width: auto
    }
}

@media (max-width: 549px) {
    .footer__nav-col-wrapper {
        gap: var(--space-2xs, 1rem)
    }
}

@media (max-width: 359px) {
    .footer__nav-col-wrapper {
        column-gap: var(--space-m, 3rem)
    }
}

.footer__row--secondary .footer__nav-col-wrapper {
    justify-content: flex-end
}

@media (max-width: 1000px) {
    .footer__row--secondary .footer__nav-col-wrapper {
        justify-content: flex-start
    }
}

@media (max-width: 549px) {
    .footer__row--secondary .footer__nav-col-wrapper {
        column-gap: var(--space-m)
    }
}

.footer__row--secondary .footer__nav-col-wrapper a, .footer__row--secondary .footer__nav-col-wrapper p {
    font-size: var(--button-small)
}

.footer__nav-col {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs, 1rem)
}

    .footer__nav-col > .button.button--tertiary-underline:not(.button--no-hover):hover, .footer__nav-col > .button.button--tertiary-underline.js-hover:not(.button--no-hover), .footer__nav-col > .button.button--tertiary-underline:not(.button--no-hover):focus {
        opacity: .8
    }

    .footer__nav-col > .button.button--tertiary-underline:after {
        background-color: color-mix(in srgb,var(--blue-100) 30%,transparent 70%)
    }

    .footer__nav-col > ul {
        width: 22.5rem
    }

@media (max-width: 549px) {
    .footer__nav-col > ul {
        width: 16.75rem
    }
}

@media (max-width: 359px) {
    .footer__nav-col > ul {
        width: 12.75rem
    }
}

.footer__nav-col--services {
    width: 100%
}

    .footer__nav-col--services > ul {
        width: auto;
        column-count: 3;
        column-gap: var(--space-l)
    }

@media (max-width: 825px) {
    .footer__nav-col--services > ul {
        column-count: 2;
        width: 100%;
        max-width: 49rem
    }
}

@media (max-width: 549px) {
    .footer__nav-col--services > ul {
        max-width: 32rem
    }
}

.footer__nav-col--services > ul li {
    width: 22.5rem
}

@media (max-width: 1659px) {
    .footer__nav-col--services > ul li {
        max-width: 22.5rem
    }
}

@media (max-width: 549px) {
    .footer__nav-col--services > ul li {
        width: 16.75rem
    }
}

@media (max-width: 359px) {
    .footer__nav-col--services > ul li {
        width: 12.75rem
    }
}

.footer__nav-link-title {
    font-weight: 700
}

@media (max-width: 549px) {
    .footer__nav-link {
        display: none
    }
}

.footer__nav-link-parent, .footer__nav-link-parent a, .footer__nav-link-child, .footer__nav-link-child a {
    transition: .2s cubic-bezier(.23,.65,.63,.99)
}

    .footer__nav-link-parent:not(.button--no-hover):hover, .footer__nav-link-parent:not(.button--no-hover):focus, .footer__nav-link-parent a:not(.button--no-hover):hover, .footer__nav-link-parent a:not(.button--no-hover):focus, .footer__nav-link-child:not(.button--no-hover):hover, .footer__nav-link-child:not(.button--no-hover):focus, .footer__nav-link-child a:not(.button--no-hover):hover, .footer__nav-link-child a:not(.button--no-hover):focus {
        opacity: .8
    }

.footer__nav-link-parent {
    font-size: var(--button-large)
}

.footer__nav-link-child {
    margin-bottom: var(--space-2xs)
}

@media (max-width: 549px) {
    .footer__nav-link-child {
        margin-bottom: var(--space-xs)
    }
}

.footer__nav-link-child a {
    font-size: var(--button);
    font-weight: 400
}

.footer__nav-link-title, .footer__nav-link {
    margin-bottom: 0;
    color: var(--navy);
    transition: color .2s ease-out
}

    .footer__nav-link-title:hover, .footer__nav-link:hover {
        color: var(--red)
    }

.app-dashboard-header {
    position: relative
}

.app-dashboard-header__bg-img {
    position: absolute;
    width: 100%;
    height: 150%;
    bottom: 0;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%)
}

.app-dashboard-header .wrapper {
    padding-top: var(--space-l);
    padding-bottom: var(--space-s);
    flex-direction: row;
    justify-content: space-between;
    gap: var(--space-m)
}

@media (max-width: 768px) {
    .app-dashboard-header .wrapper {
        flex-direction: column
    }
}

.app-dashboard-header__primary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 58.3333333333%
}

@media (max-width: 768px) {
    .app-dashboard-header__primary {
        width: 100%
    }
}

.app-dashboard-header__primary h1 {
    margin-bottom: var(--space-2xs)
}

.app-dashboard-header__type, .app-dashboard-header__group {
    margin-bottom: 0
}

.app-dashboard-header__secondary {
    width: 33.3333333333%;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media (max-width: 768px) {
    .app-dashboard-header__secondary {
        width: 100%;
        align-items: center
    }
}

.app-dashboard-header .digital-id-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3xs);
    max-width: 210px;
    width: 100%;
    padding: var(--space-s);
    background-color: var(--blue);
    border-radius: var(--border-radius-m)
}

@media (max-width: 768px) {
    .app-dashboard-header .digital-id-card {
        max-width: 100%
    }
}

.app-dashboard-header .digital-id-card .fa-id-card {
    color: var(--yellow);
    font-size: var(--h4)
}

.app-dashboard-header .digital-id-card__title {
    margin-bottom: 0;
    font-weight: 700;
    color: var(--white)
}

.app-dashboard-header .button-group {
    flex-direction: column;
    align-items: stretch
}

@media (max-width: 768px) {
    .app-dashboard-header .button-group {
        width: 100%
    }
}

.app-dashboard-header__button {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: var(--space-xs) var(--space-s);
    background-color: var(--blue);
    border-radius: var(--border-radius-s)
}

    .app-dashboard-header__button .fa-arrow-up-right-from-square, .app-dashboard-header__button .fa-arrow-right, .app-dashboard-header__button .fa-arrow-down {
        font-size: var(--body-xsmall);
        margin-left: auto
    }

    .app-dashboard-header__button .fa-file-shield, .app-dashboard-header__button .fa-cloud-snow, .app-dashboard-header__button .fa-calendar {
        font-size: var(--space-m)
    }

    .app-dashboard-header__button .link-text {
        color: var(--white);
        font-size: var(--body-xsmall);
        font-weight: 700
    }

.app-dashboard-header__button--wsib .fa-file-shield, .app-dashboard-header__button--wsib .fa-cloud-snow, .app-dashboard-header__button--snow .fa-file-shield, .app-dashboard-header__button--snow .fa-cloud-snow {
    color: var(--yellow)
}

.app-dashboard-header__button--wsib .fa-arrow-up-right-from-square, .app-dashboard-header__button--wsib .fa-arrow-right, .app-dashboard-header__button--snow .fa-arrow-up-right-from-square, .app-dashboard-header__button--snow .fa-arrow-right {
    color: var(--white)
}

.app-dashboard-header__button--wsib .fa-arrow-up-right-from-square, .app-dashboard-header__button--snow .fa-arrow-up-right-from-square {
    transition: transform .3s cubic-bezier(.23,.65,.63,.99)
}

.app-dashboard-header__button--wsib .fa-arrow-right, .app-dashboard-header__button--snow .fa-arrow-right {
    overflow: hidden;
    position: relative
}

    .app-dashboard-header__button--wsib .fa-arrow-right:before, .app-dashboard-header__button--wsib .fa-arrow-right:after, .app-dashboard-header__button--snow .fa-arrow-right:before, .app-dashboard-header__button--snow .fa-arrow-right:after {
        transition: transform .4s cubic-bezier(.64,.39,.03,1)
    }

    .app-dashboard-header__button--wsib .fa-arrow-right:before, .app-dashboard-header__button--snow .fa-arrow-right:before {
        display: block
    }

    .app-dashboard-header__button--wsib .fa-arrow-right:after, .app-dashboard-header__button--snow .fa-arrow-right:after {
        content: "";
        position: absolute;
        display: inline-block;
        font: var(--fa-font-solid);
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: translate(-192%);
        top: 0
    }

.app-dashboard-header__button--wsib:hover, .app-dashboard-header__button--snow:hover {
    background-color: var(--blue-hover)
}

    .app-dashboard-header__button--wsib:hover .fa-arrow-up-right-from-square, .app-dashboard-header__button--snow:hover .fa-arrow-up-right-from-square {
        transform: scale(1.1)
    }

    .app-dashboard-header__button--wsib:hover .fa-arrow-right:before, .app-dashboard-header__button--snow:hover .fa-arrow-right:before {
        transform: translate(300%)
    }

    .app-dashboard-header__button--wsib:hover .fa-arrow-right:after, .app-dashboard-header__button--snow:hover .fa-arrow-right:after {
        transform: translate(0) translateY(0)
    }

.app-dashboard-header__button--tickets {
    background-color: transparent;
    border: 2px solid var(--blue)
}

    .app-dashboard-header__button--tickets .link-text {
        color: var(--blue)
    }

    .app-dashboard-header__button--tickets .fa-calendar {
        color: var(--blue-500)
    }

    .app-dashboard-header__button--tickets .fa-arrow-down {
        overflow: hidden;
        position: relative
    }

        .app-dashboard-header__button--tickets .fa-arrow-down:before, .app-dashboard-header__button--tickets .fa-arrow-down:after {
            transition: transform .4s cubic-bezier(.64,.39,.03,1)
        }

        .app-dashboard-header__button--tickets .fa-arrow-down:before {
            display: block
        }

        .app-dashboard-header__button--tickets .fa-arrow-down:after {
            content: "";
            position: absolute;
            display: inline-block;
            font: var(--fa-font-solid);
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            transform: translateY(-192%);
            top: 0
        }

    .app-dashboard-header__button--tickets:hover .fa-arrow-down:before {
        transform: translateY(110%)
    }

    .app-dashboard-header__button--tickets:hover .fa-arrow-down:after {
        transform: translate(0) translateY(0)
    }

.homepage-intro {
    display: flex;
    padding: var(--space-2xl) 0;
    justify-content: center;
    align-items: center;
    background-color: var(--gray-75)
}

    .homepage-intro .wrapper {
        flex-direction: row;
        align-items: center;
        gap: var(--space-xl)
    }

@media (max-width: 660px) {
    .homepage-intro .wrapper {
        flex-direction: column
    }
}

.homepage-intro__logo-container {
    transition: width .3s ease-in-out
}

    .homepage-intro__logo-container img {
        width: 100%
    }

.homepage-intro__primary {
    display: flex;
    flex-direction: column;
    gap: var(--space-s)
}

@media (max-width: 660px) {
    .homepage-intro__primary {
        text-align: center;
        align-items: center
    }
}

.homepage-intro__primary h2 {
    margin-bottom: 1rem;
    position: relative
}

    .homepage-intro__primary h2:after {
        content: "";
        position: absolute;
        left: 2px;
        bottom: -10px;
        width: 22px;
        height: var(--space-4xs);
        flex-shrink: 0;
        background: var(--red-alt)
    }

@media (max-width: 660px) {
    .homepage-intro__primary h2:after {
        left: 50%;
        transform: translate(-50%)
    }
}

.homepage-intro__primary p {
    margin-bottom: 0
}

.homepage-brands {
    display: flex;
    padding: var(--space-2xl) 0;
    justify-content: center;
    align-items: center
}

@media (max-width: 1000px) {
    .homepage-brands {
        padding-right: 0;
        padding-left: 0
    }
}

.homepage-brands .wrapper {
    flex-direction: row;
    gap: var(--space-m);
    align-items: center
}

@media (max-width: 1000px) {
    .homepage-brands .wrapper {
        flex-direction: column
    }
}

@media (max-width: 660px) {
    .homepage-brands .wrapper {
        gap: var(--space-l)
    }
}

.homepage-brands__primary {
    display: flex;
    flex-direction: column;
    padding-right: var(--space-l);
    width: 29.1666666667%
}

@media (max-width: 1000px) {
    .homepage-brands__primary {
        width: 100%;
        padding-right: 0
    }
}

.homepage-brands__primary h3 {
    margin-bottom: var(--space-2xs)
}

.homepage-brands__primary p {
    margin-bottom: var(--space-s)
}

.homepage-brands__feed {
    display: flex;
    width: 100%;
    gap: var(--space-s)
}

@media (max-width: 660px) {
    .homepage-brands__feed {
        flex-direction: column;
        gap: var(--space-m)
    }
}

.homepage-brands__feed .col--third {
    border-right: solid 4px var(--gray-100)
}

@media (max-width: 660px) {
    .homepage-brands__feed .col--third {
        border-right: none;
        border-bottom: solid 4px var(--gray-100);
        width: 100%;
        padding-left: 0;
        margin-bottom: 0
    }
}

@media (max-width: 1000px) {
    .homepage-brands__feed .col--third:first-child {
        padding-left: 0
    }
}

@media (max-width: 1000px) {
    .homepage-brands__feed .col--third:first-child .card--hero-brand {
        padding-left: 0
    }
}

.homepage-brands__feed .col--third:last-child {
    border-right: none
}

@media (max-width: 1000px) {
    .homepage-brands__feed .col--third:last-child {
        padding-right: 0
    }
}

@media (max-width: 660px) {
    .homepage-brands__feed .col--third:last-child {
        border-bottom: none
    }
}

@media (max-width: 1000px) {
    .homepage-brands__feed .col--third:last-child .card--hero-brand {
        padding-right: 0
    }
}

.homepage-brands__feed .col--third .card--hero-brand {
    background: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: var(--space-2xs)
}

@media (max-width: 660px) {
    .homepage-brands__feed .col--third .card--hero-brand {
        padding-top: 0
    }
}

@media (max-width: 1000px) {
    .homepage-brands__feed .col--third .card--hero-brand .card-image.card-image--small {
        width: var(--space-6xl)
    }
}

.homepage-brands__feed .col--third .card--hero-brand a.button {
    padding-top: 0;
    padding-bottom: 0
}

.homepage-industries {
    display: flex;
    flex-direction: column;
    background-color: var(--navy);
    padding: var(--space-2xl) 0;
    position: relative
}

.homepage-industries__title p {
    color: var(--white)
}

.homepage-industries__summary p {
    color: var(--white);
    margin-bottom: var(--space-m)
}

.homepage-applications {
    display: flex;
    flex-direction: column;
    padding: var(--space-2xl) 0;
    justify-content: center;
    align-items: center
}

.homepage-applications__summary p {
    margin-bottom: var(--space-s)
}

.homepage-services {
    display: flex;
    padding: var(--space-3xs) 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 4px solid var(--gray-200, #EAECF0);
    border-bottom: 4px solid var(--gray-200, #EAECF0)
}

.homepage-services__bg-container {
    background: var(--gray-75, #F6F7F9);
    width: 100%
}

.homepage-services .wrapper {
    flex-direction: row;
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
    gap: var(--space-s)
}

@media (max-width: 1000px) {
    .homepage-services .wrapper {
        flex-direction: column
    }
}

@media (max-width: 660px) {
    .homepage-services .wrapper {
        gap: var(--space-l)
    }
}

.homepage-services__primary {
    display: flex;
    flex-direction: column;
    padding-right: var(--space-l);
    width: 29.1666666667%
}

@media (max-width: 1000px) {
    .homepage-services__primary {
        padding-right: 0;
        width: 100%
    }
}

.homepage-services__title {
    margin-bottom: var(--space-xs)
}

.homepage-services__summary {
    margin-bottom: var(--space-s)
}

.homepage-services__feed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-s-m);
    flex: 1 0 0
}

@media (max-width: 1000px) {
    .homepage-services__feed {
        align-items: flex-start
    }
}

@media (max-width: 660px) {
    .homepage-services__feed {
        flex-direction: column
    }
}

.homepage-services__feed .col--third {
    border-right: solid 4px var(--gray-200)
}

@media (max-width: 660px) {
    .homepage-services__feed .col--third {
        width: 100%;
        border-right: 0;
        border-bottom: solid 4px var(--gray-200);
        margin-bottom: 0;
        padding-left: 0
    }
}

@media (max-width: 1000px) {
    .homepage-services__feed .col--third:first-child {
        padding-left: 0
    }
}

.homepage-services__feed .col--third:last-child {
    border: none
}

.homepage-services__feed .col--third .card--service .card-content {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 660px) {
    .homepage-services__feed .col--third .card--service .card-content {
        padding-top: 0
    }
}

.homepage-services__feed .col--third .card--service .card-content .card-content__title {
    width: max-content
}

@media (max-width: 1299px) {
    .homepage-services__feed .col--third .card--service .card-content .card-content__title {
        width: 100%
    }
}

.homepage-event-press {
    display: flex;
    padding: var(--space-l) 0px;
    justify-content: center;
    align-items: center
}

    .homepage-event-press .wrapper {
        padding-top: var(--space-s);
        padding-bottom: var(--space-s)
    }

.homepage-event-press__row {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--space-m);
    align-self: stretch
}

@media (max-width: 1199px) {
    .homepage-event-press__row {
        flex-wrap: wrap
    }
}

@media (max-width: 660px) {
    .homepage-event-press__row {
        flex-direction: column
    }
}

.homepage-event-press__row .card--event {
    width: 33.3333333333%;
    flex: auto
}

@media (max-width: 660px) {
    .homepage-event-press__row .card--event {
        width: 100%
    }
}

.homepage-event-press__row .card--press-release {
    width: 33.3333333333%;
    flex: auto
}

@media (max-width: 660px) {
    .homepage-event-press__row .card--press-release {
        width: 100%
    }
}

.homepage-event-press__row .insta-feed {
    display: flex;
    min-width: 270px;
    width: 18.75%;
    padding: var(--space-xs) var(--space-s);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs)
}

@media (max-width: 660px) {
    .homepage-event-press__row .insta-feed {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.homepage-event-press__row .insta-feed__pretitle {
    display: flex;
    align-items: center;
    gap: var(--space-2xs)
}

    .homepage-event-press__row .insta-feed__pretitle i {
        color: var(--red)
    }

    .homepage-event-press__row .insta-feed__pretitle span {
        font-size: var(--body-xxsmall);
        font-weight: 700
    }

.homepage-event-press__row .insta-feed__container {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--space-2xs);
    flex-wrap: wrap
}

    .homepage-event-press__row .insta-feed__container img {
        width: 67px;
        height: 67px
    }

.homepage-event-press__row .whats-up-cta {
    display: flex;
    padding: var(--space-xs) var(--space-s);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs);
    flex: 1 0 0;
    min-width: 350px
}

@media (max-width: 768px) {
    .homepage-event-press__row .whats-up-cta {
        min-width: auto
    }
}

@media (max-width: 660px) {
    .homepage-event-press__row .whats-up-cta {
        padding-left: 0;
        padding-right: 0
    }
}

.homepage-event-press__row .whats-up-cta__pretitle {
    display: flex;
    align-items: center;
    gap: var(--space-2xs)
}

    .homepage-event-press__row .whats-up-cta__pretitle i {
        color: var(--red)
    }

    .homepage-event-press__row .whats-up-cta__pretitle span {
        font-size: var(--body-xxsmall);
        font-weight: 700
    }

.homepage-event-press__row .whats-up-cta__title {
    font-size: var(--body-large);
    font-weight: 700
}

.application-index__applications {
    padding: var(--space-2xl) 0
}

    .application-index__applications .application-row:nth-child(odd) .application-row__container {
        flex-direction: row-reverse
    }

@media (max-width: 1000px) {
    .application-index__applications .application-row:nth-child(odd) .application-row__container {
        flex-direction: column-reverse
    }
}

.application__related-industries {
    margin-bottom: var(--space-m)
}

    .application__related-industries .wrapper {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-s)
    }

        .application__related-industries .wrapper:before {
            content: "";
            position: absolute;
            width: 95%;
            height: 1px;
            background-color: var(--gray-300);
            top: 0
        }

.application__related-products {
    display: flex;
    flex-direction: column;
    padding: var(--space-2xl) 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background-color: var(--gray-100)
}

    .application__related-products .wrapper h2 {
        position: relative
    }

.application__related-downloads {
    padding: var(--space-l) 0
}

    .application__related-downloads .feed--download .card--download > .card-container {
        flex-direction: row !important;
        align-items: center !important
    }

.industries-index__industries {
    padding: var(--space-2xl) 0
}

.industries-index__grid {
    display: grid;
    gap: var(--space-m-l);
    grid-template-columns: 1fr 1fr 1fr
}

@media (max-width: 825px) {
    .industries-index__grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 549px) {
    .industries-index__grid {
        grid-template-columns: 1fr
    }
}

.industry__related-products {
    display: flex;
    flex-direction: column;
    padding: var(--space-2xl) 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background-color: var(--gray-100, )
}

    .industry__related-products .wrapper h2 {
        position: relative
    }

.industry__related-downloads {
    padding: var(--space-l) 0
}

    .industry__related-downloads .feed--download .card--download > .card-container {
        flex-direction: row !important;
        align-items: center !important
    }

.hero-brand-index__main-content {
    padding-top: var(--space-xl)
}

.hero-brand-index__brand-row {
    display: flex;
    padding: var(--space-m) 0;
    border-bottom: 3px solid var(--gray-100);
    align-items: center
}

    .hero-brand-index__brand-row:last-child {
        border-bottom: none
    }

@media (max-width: 1000px) {
    .hero-brand-index__brand-row {
        flex-wrap: wrap
    }
}

.hero-brand-index__brand {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding-right: var(--space-xl);
    padding-bottom: var(--space-s);
    width: 37.5%
}

@media (max-width: 1000px) {
    .hero-brand-index__brand {
        width: 100%
    }
}

.hero-brand-index__brand .button-group {
    flex-wrap: wrap
}

.hero-brand-index__brand-content p {
    color: var(--gray-600);
    font-size: var(--body-xsmall);
    margin-bottom: var(--space-2xs)
}

.hero-brand-index__brand-image {
    max-width: 250px;
    width: 100%
}

.hero-brand-index__products-row {
    display: flex;
    flex-direction: column;
    width: 100%
}

.hero-brand-index__products-row-title {
    font-weight: 700
}

.hero-brand-index__products {
    display: flex;
    gap: var(--space-2xs)
}

@media (max-width: 549px) {
    .hero-brand-index__products {
        flex-wrap: wrap
    }
}

.hero-brand-index__products .card.card--product {
    width: 33.3333333333%
}

@media (max-width: 549px) {
    .hero-brand-index__products .card.card--product {
        width: 100%
    }
}

.hero-brand-index__feat-vendors {
    background-color: var(--gray-100);
    padding: var(--space-xl) 0
}

.hero-brand-index__vendor {
    display: flex;
    flex-wrap: wrap
}

    .hero-brand-index__vendor > div {
        margin-bottom: var(--space-s)
    }

.hero-brand-view {
    padding-bottom: var(--space-2xl)
}

.hero-brand__related-industries {
    display: flex;
    flex-direction: column;
    background-color: var(--navy);
    padding: var(--space-2xl) 0;
    position: relative
}

.hero-brand__related-industries-title p {
    color: var(--white)
}

.hero-brand__related-industries-summary p {
    color: var(--white);
    margin-bottom: var(--space-m);
    max-width: 900px;
    width: 100%
}

.hero-brand__related-applications {
    display: flex;
    flex-direction: column;
    padding: var(--space-2xl) 0px;
    justify-content: center;
    align-items: center
}

.hero-brand__related-applications-summary p {
    margin-bottom: var(--space-s)
}

.hero-brand__related-products {
    display: flex;
    flex-direction: column;
    padding: var(--space-2xl) 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background-color: var(--gray-100)
}

    .hero-brand__related-products .wrapper h2 {
        position: relative
    }

.hero-brand__related-downloads {
    padding: var(--space-l) 0
}

    .hero-brand__related-downloads .feed--download .card--download > .card-container {
        flex-direction: row !important;
        align-items: center !important
    }

.whats-up-row {
    display: flex;
    padding: var(--space-xl) 0;
    justify-content: center;
    align-items: center;
    align-self: stretch
}

.whats-up-row__heading-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch
}

.whats-up-row__events-row, .whats-up-row__press-releases-row {
    display: flex;
    gap: var(--space-s-m)
}

@media (max-width: 1000px) {
    .whats-up-row__events-row, .whats-up-row__press-releases-row {
        flex-wrap: wrap
    }
}

.whats-up-row__event, .whats-up-row__press-release {
    width: 33.3333333333%
}

@media (max-width: 1000px) {
    .whats-up-row__event, .whats-up-row__press-release {
        width: 47.9166666667%
    }
}

@media (max-width: 549px) {
    .whats-up-row__event, .whats-up-row__press-release {
        width: 100%
    }
}

.whats-up-row--press-releases {
    background-color: var(--gray-100)
}

.whats-up-row--insta {
    padding: var(--space-2xl) 0
}

    .whats-up-row--insta .wrapper {
        flex-direction: row;
        gap: var(--space-l);
        align-items: center
    }

@media (max-width: 1000px) {
    .whats-up-row--insta .wrapper {
        flex-direction: column
    }
}

.whats-up-row--insta .whats-up-row__primary-container {
    display: flex;
    flex-direction: column;
    width: 37.5%
}

@media (max-width: 1000px) {
    .whats-up-row--insta .whats-up-row__primary-container {
        width: 100%
    }
}

.whats-up-row--insta .whats-up-row__primary-container > i {
    display: block;
    color: var(--red);
    font-size: var(--space-l);
    margin-bottom: var(--space-s)
}

.whats-up-row--insta .whats-up-row__primary-container p {
    margin-bottom: var(--space-m)
}

.whats-up-row--insta .whats-up-row__insta-feed {
    width: 62.5%;
    display: flex;
    gap: var(--space-s);
    flex-wrap: wrap
}

@media (max-width: 1000px) {
    .whats-up-row--insta .whats-up-row__insta-feed {
        width: 100%
    }
}

.whats-up-row--insta .whats-up-row__insta-feed img {
    max-width: 200px;
    width: 100%;
    border-radius: var(--border-radius-s)
}

@media (max-width: 825px) {
    .whats-up-row--insta .whats-up-row__insta-feed img {
        max-width: var(--space-5xl)
    }
}

.press-release-index {
    padding: var(--space-xl) 0
}

.press-release-index__row {
    row-gap: var(--space-s)
}

@media (max-width: 825px) {
    .press-release-index__row .col--quarter {
        margin-bottom: 0
    }
}

.knowledge-center-search {
    display: flex;
    padding: var(--space-xl) 0 var(--space-l) 0;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: var(--gray-100)
}

    .knowledge-center-search .wrapper {
        gap: var(--space-2xs)
    }

        .knowledge-center-search .wrapper .reset-all-filters {
            display: flex;
            justify-content: flex-end
        }

@media (max-width: 1000px) {
    .knowledge-center-search .wrapper .reset-all-filters {
        justify-content: center
    }
}

.knowledge-center-search .wrapper .reset-all-filters .button--size-small {
    padding: 0
}

.knowledge-center-search__no-results {
    padding: var(--space-xl) 0 var(--space-5xl) 0
}

.knowledge-center-search--faq-index {
    background: transparent;
    padding-bottom: 0
}

.knowledge-center-section {
    display: flex;
    padding: var(--space-xl) 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch
}

    .knowledge-center-section .row.no-gutter {
        gap: var(--space-xs);
        flex-wrap: nowrap
    }

@media (max-width: 825px) {
    .knowledge-center-section .row.no-gutter {
        flex-wrap: wrap
    }
}

.knowledge-center-section .row.no-gutter .col--quarter, .knowledge-center-section .row.no-gutter .col--third {
    margin-bottom: 0
}

@media (max-width: 825px) {
    .knowledge-center-section .row.no-gutter .col--quarter, .knowledge-center-section .row.no-gutter .col--third {
        width: calc(50% - var(--space-xs))
    }
}

@media (max-width: 549px) {
    .knowledge-center-section .row.no-gutter .col--quarter, .knowledge-center-section .row.no-gutter .col--third {
        width: 100%
    }
}

.knowledge-center-section .row.no-gutter.row--results {
    flex-wrap: wrap
}

    .knowledge-center-section .row.no-gutter.row--results .col--quarter {
        width: calc(25% - var(--space-xs));
        margin-bottom: 0
    }

@media (max-width: 825px) {
    .knowledge-center-section .row.no-gutter.row--results .col--quarter {
        width: calc(50% - var(--space-xs))
    }
}

@media (max-width: 549px) {
    .knowledge-center-section .row.no-gutter.row--results .col--quarter {
        width: 100%
    }
}

.knowledge-center-section .row.no-gutter.row--results .col--third {
    width: calc(33.33333333% - var(--space-xs))
}

@media (max-width: 825px) {
    .knowledge-center-section .row.no-gutter.row--results .col--third {
        width: calc(50% - var(--space-xs))
    }
}

@media (max-width: 549px) {
    .knowledge-center-section .row.no-gutter.row--results .col--third {
        width: 100%
    }
}

.knowledge-center-section--downloads, .knowledge-center-section--faqs {
    background: var(--gray-100)
}

.knowledge-center-section__primary-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch
}

@media (max-width: 825px) {
    .knowledge-center-section__primary-container {
        margin-right: var(--space-xs)
    }
}

@media (max-width: 549px) {
    .knowledge-center-section__primary-container {
        flex-direction: column;
        margin-bottom: var(--space-s)
    }
}

.knowledge-center-section__primary-container div {
    display: flex;
    padding-bottom: var(--space-s);
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--space-xs)
}

    .knowledge-center-section__primary-container div h2 {
        margin-bottom: 0
    }

        .knowledge-center-section__primary-container div h2 span {
            font-weight: 400
        }

    .knowledge-center-section__primary-container div ul {
        display: flex;
        align-items: flex-start;
        gap: var(--space-xs-s)
    }

@media (max-width: 825px) {
    .knowledge-center-section__primary-container div ul {
        flex-wrap: wrap
    }
}

.knowledge-center-section__primary-container div ul li {
    margin-bottom: 0;
    color: var(--red);
    font-size: var(--body-xsmall)
}

    .knowledge-center-section__primary-container div ul li a:hover {
        opacity: .8
    }

.knowledge-center-section__primary-container .link-text {
    width: max-content
}

.knowledge-center-section--downloads .card--download {
    background-color: var(--white)
}

.knowledge-center-section--downloads-index {
    background: transparent;
    padding: var(--space-xl) 0 var(--space-xs) 0
}

    .knowledge-center-section--downloads-index:last-child {
        padding-bottom: var(--space-xl)
    }

    .knowledge-center-section--downloads-index .card--download {
        background-color: var(--gray-50)
    }

.knowledge-center-section--faq-index {
    background: transparent;
    padding: var(--space-xl) 0 var(--space-xs) 0
}

    .knowledge-center-section--faq-index:last-child {
        padding-bottom: var(--space-xl)
    }

    .knowledge-center-section--faq-index .card--faq {
        max-width: 100%
    }

        .knowledge-center-section--faq-index .card--faq a.button {
            display: none
        }

.type-filter {
    display: flex;
    padding: var(--space-l) 0px var(--space-s) 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch
}

.type-filter--faq-index {
    padding-top: var(--space-4xs)
}

.type-filter .wrapper {
    gap: var(--space-xs, 15px)
}

.type-filter__title {
    font-size: var(--body);
    font-weight: 700
}

.type-filter button.button--secondary {
    padding: var(--space-xs)
}

    .type-filter button.button--secondary.button--navy {
        border: none;
        background-color: var(--gray-200)
    }

.type-filter .video-type-filter__buttons, .type-filter .article-type-filter__buttons, .type-filter .download-type-filter__buttons, .type-filter .faq-type-filter__buttons {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    flex-wrap: wrap
}

.type-filter button.video-type-button--active, .type-filter button.article-type-button--active, .type-filter button.download-type-button--active, .type-filter button.faq-type-button--active {
    color: var(--white)
}

    .type-filter button.video-type-button--active.button--navy, .type-filter button.article-type-button--active.button--navy, .type-filter button.download-type-button--active.button--navy, .type-filter button.faq-type-button--active.button--navy {
        background-color: var(--navy)
    }

.knowledge-center-section--results {
    min-height: 60vh
}

.video-view {
    display: flex;
    padding: var(--space-2xl) 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch
}

.video-view__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--space-m-l);
    padding-bottom: var(--space-2xl)
}

@media (max-width: 1000px) {
    .video-view__wrapper {
        flex-direction: column
    }
}

.video-view__video {
    width: 60%
}

@media (max-width: 1000px) {
    .video-view__video {
        width: 100%
    }
}

.video-view__video > div {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: var(--border-radius-s)
}

    .video-view__video > div:after {
        padding-top: 56.25%;
        display: block;
        content: ""
    }

    .video-view__video > div iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.video-view__content {
    width: 40%
}

@media (max-width: 1000px) {
    .video-view__content {
        width: 100%
    }
}

.video-view__content p {
    margin-bottom: var(--space-s)
}

.video-view__pretitle {
    display: flex;
    align-items: center;
    gap: var(--space-3xs);
    font-size: var(--body);
    color: var(--red);
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: var(--space-s)
}

.video-view__taglist {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-3xs)
}

    .video-view__taglist span {
        font-size: var(--body-xsmall);
        color: var(--gray-600);
        font-weight: 700;
        display: flex;
        align-items: center
    }

    .video-view__taglist li {
        margin-bottom: 0;
        line-height: 1;
        position: relative
    }

        .video-view__taglist li:after {
            content: ",";
            position: absolute;
            right: -4px;
            top: 1px;
            color: var(--red)
        }

        .video-view__taglist li a {
            font-size: var(--body-xsmall);
            font-weight: 400;
            text-decoration: underline
        }

        .video-view__taglist li:last-child:after {
            display: none
        }

.video-view__video-feed .row {
    gap: var(--space-s);
    flex-wrap: nowrap
}

@media (max-width: 825px) {
    .video-view__video-feed .row {
        flex-wrap: wrap
    }
}

.video-view__video-feed .row .col--quarter {
    margin-bottom: 0
}

@media (max-width: 825px) {
    .video-view__video-feed .row .col--quarter {
        width: calc(50% - var(--space-s))
    }
}

@media (max-width: 549px) {
    .video-view__video-feed .row .col--quarter {
        width: 100%
    }
}

.events-index__upcoming {
    display: flex;
    padding: var(--space-xl) 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: var(--gray-100)
}

.events-index__upcoming-swiper.swiper {
    display: flex;
    flex-direction: column;
    padding: var(--space-2xs) 0;
    width: 100%
}

    .events-index__upcoming-swiper.swiper .swiper-wrapper {
        align-items: stretch
    }

.events-index__upcoming-slide.swiper-slide {
    display: flex;
    height: auto
}

.events-index__upcoming-swiper-nav {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    padding: var(--space-s) 0;
    gap: var(--space-2xs)
}

@media (max-width: 549px) {
    .events-index__upcoming-swiper-nav {
        justify-content: center
    }
}

.events-index__upcoming-swiper-nav .swiper-button-prev, .events-index__upcoming-swiper-nav .swiper-button-next {
    position: unset;
    margin-top: 0
}

    .events-index__upcoming-swiper-nav .swiper-button-prev:after, .events-index__upcoming-swiper-nav .swiper-button-next:after {
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: var(--navy);
        border: 2px solid var(--navy);
        border-radius: 50%;
        font-size: var(--body-large)
    }

    .events-index__upcoming-swiper-nav .swiper-button-prev:after {
        content: ""
    }

    .events-index__upcoming-swiper-nav .swiper-button-next:after {
        content: ""
    }

.events-index__upcoming-swiper-nav .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: unset;
    width: auto
}

    .events-index__upcoming-swiper-nav .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
        width: var(--space-xs);
        height: var(--space-xs);
        border: 1px solid var(--gray-400);
        background: transparent;
        opacity: 1
    }

    .events-index__upcoming-swiper-nav .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
        background: var(--gray-400)
    }

.events-index__upcoming-swiper-nav .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    left: 0;
    transform: translate(0)
}

    .events-index__upcoming-swiper-nav .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev, .events-index__upcoming-swiper-nav .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .events-index__upcoming-swiper-nav .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next, .events-index__upcoming-swiper-nav .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
        transform: scale(1)
    }

.events-index__past {
    display: flex;
    padding: var(--space-xl) 0 var(--space-m) 0;
    justify-content: center;
    align-items: center;
    align-self: stretch
}

    .events-index__past .filter-search-bar--events {
        position: relative;
        margin-bottom: 0
    }

        .events-index__past .filter-search-bar--events label {
            display: none
        }

.search-results__list--events-index {
    padding-bottom: var(--space-xl)
}

    .search-results__list--events-index .row.no-gutter {
        gap: var(--space-s)
    }

        .search-results__list--events-index .row.no-gutter .col--quarter {
            width: calc(25.333% - var(--space-s));
            margin-bottom: 0
        }

@media (max-width: 825px) {
    .search-results__list--events-index .row.no-gutter .col--quarter {
        width: calc(51% - var(--space-s))
    }
}

@media (max-width: 549px) {
    .search-results__list--events-index .row.no-gutter .col--quarter {
        width: 100%
    }
}

.events-index-search__no-results {
    padding: var(--space-xl) 0 var(--space-5xl) 0
}

.event-details {
    display: flex;
    position: relative;
    margin-bottom: var(--space-xl)
}

@media (max-width: 1000px) {
    .event-details {
        margin-bottom: var(--space-5xl)
    }
}

@media (max-width: 549px) {
    .event-details {
        margin-bottom: 0
    }
}

.event-details .wrapper {
    align-items: center
}

.event-details__container {
    display: flex;
    padding: var(--space-xs) var(--space-s);
    justify-content: center;
    align-items: center;
    gap: var(--space-m);
    border-radius: var(--border-radius-s);
    background: var(--white);
    box-shadow: var(--shadow-card-light);
    width: fit-content;
    position: absolute;
    top: -20px;
    transform: translateY(-10%);
    margin: 0 var(--page-padding)
}

@media (max-width: 1000px) {
    .event-details__container {
        flex-direction: column
    }
}

@media (max-width: 549px) {
    .event-details__container {
        position: relative;
        margin-top: -40px;
        transform: translateY(0);
        top: 0;
        padding: var(--space-m) var(--space-s)
    }
}

.event-details__logo img {
    max-width: var(--space-5xl)
}

.event-details__info {
    display: flex;
    gap: var(--space-s)
}

@media (max-width: 1000px) {
    .event-details__info {
        gap: var(--space-s)
    }
}

@media (max-width: 549px) {
    .event-details__info {
        flex-direction: column;
        justify-content: center
    }
}

.event-details__detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3xs)
}

@media (max-width: 549px) {
    .event-details__detail {
        align-items: center
    }
}

.event-details__detail-title {
    font-size: var(--body-xsmall);
    font-weight: 700;
    color: var(--gray-500)
}

@media (max-width: 549px) {
    .event-details__detail-title {
        text-align: center;
        font-size: var(--body-small)
    }
}

.event-details__detail-content {
    font-size: var(--body-xsmall);
    color: var(--navy)
}

@media (max-width: 549px) {
    .event-details__detail-content {
        text-align: center;
        font-size: var(--body-small)
    }
}

.event-details .button-group {
    margin-left: var(--space-m);
    margin-bottom: 0
}

@media (max-width: 1000px) {
    .event-details .button-group {
        margin-left: 0
    }
}

@media (max-width: 549px) {
    .event-details .button-group {
        justify-content: center
    }
}

.service-index__service-feed {
    display: flex;
    padding: var(--space-xl) 0
}

    .service-index__service-feed .row {
        row-gap: var(--space-s)
    }

        .service-index__service-feed .row .col--quarter {
            margin-bottom: 0
        }

.projects-index__featured {
    display: flex;
    flex-direction: column;
    padding: var(--space-xl) 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: var(--gray-100)
}

    .projects-index__featured .projects-slider {
        padding-top: 0
    }

.projects-index__all-projects {
    display: flex;
    padding: var(--space-xl) 0 var(--space-m) 0;
    justify-content: center;
    align-items: center;
    align-self: stretch
}

    .projects-index__all-projects .filter-search-bar--projects {
        position: relative;
        margin-bottom: 0
    }

        .projects-index__all-projects .filter-search-bar--projects label {
            display: none
        }

.search-results__list--projects-index {
    padding-bottom: var(--space-xl)
}

    .search-results__list--projects-index .row.no-gutter {
        gap: var(--space-s)
    }

        .search-results__list--projects-index .row.no-gutter .col--quarter {
            width: calc(25.333% - var(--space-s));
            margin-bottom: 0
        }

@media (max-width: 825px) {
    .search-results__list--projects-index .row.no-gutter .col--quarter {
        width: calc(51% - var(--space-s))
    }
}

@media (max-width: 549px) {
    .search-results__list--projects-index .row.no-gutter .col--quarter {
        width: 100%
    }
}

.projects-index-search__no-results {
    padding: var(--space-xl) 0 var(--space-5xl) 0
}

.staff-dashboard {
    padding-top: var(--space-l);
    padding-bottom: var(--space-3xl)
}

.staff-dashboard__links-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--space-s)
}

    .staff-dashboard__links-grid li {
        margin-bottom: 0;
        display: flex
    }

@media (max-width: 768px) {
    .staff-dashboard__links-grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 359px) {
    .staff-dashboard__links-grid {
        grid-template-columns: 1fr
    }
}

.staff-dashboard__links-grid--span-two {
    grid-column-end: span 2
}

@media (max-width: 359px) {
    .staff-dashboard__links-grid--span-two {
        grid-column-end: span 1
    }
}

.staff-dashboard__quick-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3xs);
    background-color: var(--grey-100);
    border-radius: 1.4rem;
    padding: var(--space-s) var(--space-xs);
    width: 100%
}

    .staff-dashboard__quick-link .fa-solid {
        font-size: var(--space-m);
        color: var(--blue)
    }

.staff-dashboard__quick-link-text {
    color: var(--black);
    margin-bottom: 0;
    font-weight: 700;
    text-align: center
}

.customer-dashboard {
    padding-top: var(--space-l);
    padding-bottom: var(--space-3xl)
}

    .customer-dashboard h2 {
        margin-bottom: var(--space-m)
    }

.customer-dashboard__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--space-s)
}

@media (max-width: 1000px) {
    .customer-dashboard__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 549px) {
    .customer-dashboard__grid {
        grid-template-columns: 1fr
    }
}

.login-select {
    padding: var(--space-2xl) 0 var(--space-4xl);
    position: relative
}

@media (max-width: 359px) {
    .login-select {
        padding: var(--space-4xs) 0 var(--space-2xl)
    }
}

.login-select > .wrapper {
    row-gap: var(--space-l)
}

    .login-select > .wrapper:before {
        content: url(/dist/assets/select-login-bg-575690ac.png);
        position: absolute;
        width: 100%;
        height: auto;
        top: -30rem;
        left: -40rem;
        z-index: -1;
        opacity: .8
    }

@media (min-width: 2200px) {
    .login-select > .wrapper:before {
        left: -20rem
    }
}

.login-select > .wrapper .login-select__deco {
    position: absolute;
    z-index: -1
}

.login-select > .wrapper .login-select__deco--left {
    bottom: calc(0px - var(--space-4xl) - 1px);
    left: calc(0px - var(--space-6xl) * 2 - var(--space-2xl))
}

@media (max-width: 660px) {
    .login-select > .wrapper .login-select__deco--left {
        left: calc(0px - var(--space-3xl) * 2);
        width: 50rem;
        bottom: calc(0px - var(--space-6xl) - 1px)
    }
}

@media (min-width: 2200px) {
    .login-select > .wrapper .login-select__deco--left {
        left: calc(0px - var(--space-6xl) * 3)
    }
}

.login-select > .wrapper .login-select__deco--right {
    top: calc(0px - var(--space-6xl) - 1px);
    right: calc(0px - var(--space-6xl) * 2 - var(--space-2xl))
}

@media (max-width: 825px) {
    .login-select > .wrapper .login-select__deco--right {
        width: 65rem
    }
}

@media (max-width: 660px) {
    .login-select > .wrapper .login-select__deco--right {
        top: calc(0px - var(--space-6xl) - var(--space-2xl));
        right: calc(0px - var(--space-6xl) - var(--space-2xl));
        width: 50rem
    }
}

@media (min-width: 2200px) {
    .login-select > .wrapper .login-select__deco--right {
        right: calc(0px - var(--space-6xl) * 2 - var(--space-6xl) - var(--space-2xl))
    }
}

.login-select .section__intro {
    flex-direction: column;
    align-items: center
}

    .login-select .section__intro h1 {
        margin-bottom: var(--space-s)
    }

@media (max-width: 549px) {
    .login-select .section__intro h1 {
        font-size: var(--h2)
    }
}

.login-select .section__intro p, .login-select .section__intro h1 {
    text-align: center
}

.login-select .section__blocks {
    flex-wrap: nowrap;
    gap: var(--space-2xl);
    padding: 0 var(--space-3xl)
}

@media (max-width: 1659px) {
    .login-select .section__blocks {
        gap: 0
    }
}

@media (max-width: 1199px) {
    .login-select .section__blocks {
        padding: 0 var(--space-xl)
    }
}

@media (max-width: 825px) {
    .login-select .section__blocks {
        gap: var(--space-m);
        padding: 0
    }
}

@media (max-width: 549px) {
    .login-select .section__blocks {
        gap: var(--space-s)
    }
}

.login-select .select-block {
    width: 50%;
    padding: var(--space-xs);
    box-shadow: 0 4px 9px #0000001f;
    border-radius: 10px;
    opacity: .8;
    transition: .2s cubic-bezier(.23,.65,.63,.99);
    position: relative;
    background-color: var(--white)
}

@media (max-width: 1659px) {
    .login-select .select-block {
        margin: 0 var(--space-l)
    }
}

@media (max-width: 1000px) {
    .login-select .select-block {
        margin: 0 var(--space-m)
    }
}

@media (max-width: 825px) {
    .login-select .select-block {
        opacity: 1;
        margin: 0
    }

        .login-select .select-block:focus {
            border: 3px solid var(--yellow)
        }
}

.login-select .select-block:hover, .login-select .select-block:focus {
    opacity: 1;
    transform: scale(1.05)
}

    .login-select .select-block:hover .select-block__deco, .login-select .select-block:focus .select-block__deco {
        opacity: 1
    }

@media (max-width: 825px) {
    .login-select .select-block:hover, .login-select .select-block:focus {
        transform: none
    }
}

.user-is-tabbing .login-select .select-block:focus {
    outline: 3px solid var(--blue-400)
}

.login-select .select-block__img, .login-select .select-block__img img {
    width: 100%
}

    .login-select .select-block__img img {
        border-top-right-radius: var(--border-radius-s);
        border-top-left-radius: var(--border-radius-s)
    }

.login-select .select-block__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: var(--space-2xs)
}

    .login-select .select-block__text i {
        padding: var(--space-xs);
        font-size: var(--space-m);
        background-color: var(--blue);
        color: var(--yellow);
        border-radius: 50%;
        margin-top: calc(0px - var(--space-m))
    }

@media (max-width: 825px) {
    .login-select .select-block__text i {
        font-size: var(--space-s);
        margin-top: calc(0px - (var(--space-s) + var(--space-3xs)))
    }
}

.login-select .select-block__link-text {
    font-size: var(--h5);
    font-weight: 700;
    color: var(--black);
    padding: var(--space-2xs) 0;
    display: block;
    text-align: center
}

@media (max-width: 825px) {
    .login-select .select-block__link-text {
        font-size: var(--body);
        padding: var(--space-4xs) 0
    }
}

@media (max-width: 549px) {
    .login-select .select-block__link-text {
        font-size: var(--body-xsmall)
    }
}

.login-select .select-block__deco {
    position: absolute;
    opacity: 0;
    transition: .2s cubic-bezier(.23,.65,.63,.99)
}

@media (max-width: 1000px) {
    .login-select .select-block__deco {
        width: calc(var(--space-l) + var(--space-3xs))
    }
}

@media (max-width: 825px) {
    .login-select .select-block__deco {
        display: none
    }
}

.login-select .select-block--staff .select-block__deco--left {
    bottom: calc(100% - var(--space-xs));
    right: 100%
}

.login-select .select-block--staff .select-block__deco--right {
    top: calc(100% - var(--space-xs));
    left: 100%
}

.login-select .select-block--customer .select-block__deco--left, .login-select .select-block--customer .select-block__deco--right {
    transform: rotate(115deg)
}

.login-select .select-block--customer .select-block__deco--right {
    bottom: calc(100% - var(--space-xs));
    left: 100%
}

.login-select .select-block--customer .select-block__deco--left {
    top: calc(100% - var(--space-xs));
    right: 100%
}

.card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 720px;
    height: 100%;
    background-color: var(--white);
    border-radius: var(--border-radius-s);
    border: var(--border-card);
    box-shadow: var(--shadow-card-light);
    container-type: normal;
    container-name: card;
    position: relative
}

.card-image {
    width: 100%;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    height: calc(var(--space-xl-5xl) + 80px);
    flex-shrink: 0
}

@media (max-width: 549px) {
    .card-image {
        height: calc(var(--space-6xl) + 20px)
    }
}

.card-image--small {
    width: auto;
    border-radius: 4px
}

.card-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.card-content {
    padding: var(--space-s);
    display: flex;
    flex-direction: column;
    height: 100%
}

.card-content__title {
    font-weight: 700
}

.card-content a, .card-content button {
    margin-top: auto
}

.card-content .button-group {
    margin-top: auto;
    margin-bottom: 0
}

.card-content > p i {
    font-style: italic
}

.card--video .card-content__type, .card--partner .card-content__type {
    color: var(--grey-500)
}

.card--article .card-content {
    padding-top: var(--space-xs)
}

.card--article .card-content__type {
    color: var(--grey-500)
}

.card--event .card-content__type, .card--press-release .card-content__type {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: var(--space-4xs)
}

    .card--event .card-content__type i, .card--press-release .card-content__type i {
        color: var(--red)
    }

.card--event .card-content__date, .card--press-release .card-content__date {
    color: var(--grey-500)
}

.card--application, .card--industry {
    background: none !important;
    box-shadow: none;
    border: none
}

    .card--application .card-image, .card--industry .card-image {
        max-height: var(--space-6xl)
    }

    .card--application .card-content, .card--industry .card-content {
        padding: var(--space-s) var(--space-m) var(--space-s) 0
    }

    .card--application .card-content__title, .card--industry .card-content__title {
        margin-bottom: var(--space-2xs)
    }

.feed--small .card--application .card-content, .feed--small .card--industry .card-content {
    height: fit-content
}

.card--vendor, .card--partner {
    padding: var(--space-xs) var(--space-s);
    gap: var(--space-2xs)
}

    .card--vendor .card-image, .card--partner .card-image {
        height: 120px
    }

        .card--vendor .card-image img, .card--partner .card-image img {
            object-fit: contain
        }

    .card--vendor .card-content, .card--partner .card-content {
        padding: 0
    }

.card--product {
    padding: var(--space-s);
    gap: var(--space-s);
    height: auto
}

    .card--product .card-image {
        max-height: 150px;
        margin: 0 auto
    }

        .card--product .card-image .mediabox img {
            height: 100%;
            object-fit: contain
        }

    .card--product .card-content {
        padding: 0
    }

        .card--product .card-content > div {
            padding-bottom: var(--space-2xs)
        }

    .card--product .card-content__title {
        font-size: var(--body-large);
        margin-bottom: var(--space-4xs);
        line-height: 120%
    }

    .card--product .card-content__subline {
        color: var(--grey-500)
    }

    .card--product .card-content__subline--red {
        color: var(--red)
    }

.col--full .card--product, .col--three-quarters .card--product, .col--two-thirds .card--product, .col--half .card--product {
    flex-direction: row
}

@media (max-width: 549px) {
    .col--full .card--product, .col--three-quarters .card--product, .col--two-thirds .card--product, .col--half .card--product {
        flex-direction: column
    }
}

.col--full .card--product .card-image, .col--three-quarters .card--product .card-image, .col--two-thirds .card--product .card-image, .col--half .card--product .card-image {
    max-height: 200px;
    width: 200px;
    margin: auto 0
}

@media (max-width: 549px) {
    .col--full .card--product .card-image, .col--three-quarters .card--product .card-image, .col--two-thirds .card--product .card-image, .col--half .card--product .card-image {
        max-width: 100%;
        margin: auto
    }
}

.card-offset-anchor {
    position: absolute;
    top: -150px;
    pointer-events: none;
    z-index: -10;
    width: 0;
    height: 0;
    overflow: hidden
}

@container card (max-width: 300px) {
    .button-group {
        flex-wrap: wrap
    }
}

.accordion-row {
    border: 2px solid var(--grey-200);
    border-radius: var(--border-radius-s);
    box-shadow: 0 4px 9px #00032914;
    width: 100%;
    padding: var(--space-s) var(--space-m);
    position: relative;
    margin-bottom: var(--space-s)
}

.accordion-row__header {
    position: relative;
    cursor: pointer;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    padding: 0
}

    .accordion-row__header h2, .accordion-row__header h3, .accordion-row__header h4, .accordion-row__header h5, .accordion-row__header p {
        margin: 0;
        color: var(--blue)
    }

    .accordion-row__header:after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        position: absolute;
        right: 0;
        top: 47%;
        transform: translateY(-50%);
        color: var(--blue);
        font-size: var(--h4)
    }

    .accordion-row__header[aria-expanded=true]:after {
        content: ""
    }

.accordion-row__header-deco {
    position: absolute;
    width: var(--space-l);
    height: var(--space-l);
    top: 1%;
    left: -.3%;
    transform: translate(-25%,1%);
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.accordion-row .accordion-row__header[aria-expanded=true] ~ .accordion-row__header-deco {
    opacity: 1
}

.accordion-row__body > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: var(--space-m)
}

.accordion-row .block--image .image-container {
    box-shadow: var(--shadow-card-light);
    border-radius: var(--border-radius-s)
}

.btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s)
}

    .btn-group.btn-group--align-horizontal {
        align-items: center
    }

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

.card--video {
    overflow: hidden
}

    .card--video .button--tertiary-alt {
        color: var(--red)
    }

    .card--video .image-container {
        position: relative;
        padding-top: 56.25%;
        width: 100%
    }

    .card--video .card-image {
        cursor: pointer;
        border: none;
        height: auto
    }

        .card--video .card-image img {
            position: absolute;
            top: 0;
            left: 0
        }

    .card--video .card-content {
        padding-top: var(--space-xs)
    }

    .card--video .card-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: color-mix(in srgb,var(--navy) 90%,transparent);
        border-radius: 100%;
        width: var(--space-l);
        height: var(--space-l);
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid color-mix(in srgb,var(--white) 90%,transparent);
        box-shadow: var(--shadow-large-image-heavy)
    }

        .card--video .card-button i {
            color: var(--white);
            font-size: var(--body-large)
        }

.card--icon {
    box-shadow: none;
    border: none;
    border-radius: var(--border-radius-m);
    padding: var(--space-m) var(--space-m) var(--space-m-l) var(--space-m);
    width: 100%
}

    .card--icon .card-content {
        padding: 0;
        gap: var(--space-s)
    }

        .card--icon .card-content .fa-solid {
            font-size: var(--space-l)
        }

    .card--icon .card-content__title {
        font-weight: 700;
        margin-bottom: 0
    }

    .card--icon .card-content p {
        margin-bottom: 0
    }

    .card--icon.bg-light-blue {
        background-color: var(--grey-100)
    }

        .card--icon.bg-light-blue .card-content .fa-solid {
            color: var(--blue)
        }

    .card--icon.bg-brand-blue {
        background: rgba(9,77,141,.85)
    }

        .card--icon.bg-brand-blue .card-content .fa-solid {
            color: var(--yellow)
        }

        .card--icon.bg-brand-blue .card-content__title, .card--icon.bg-brand-blue .card-content p {
            color: var(--white)
        }

        .card--icon.bg-brand-blue .card-content .button--tertiary {
            margin-bottom: 0
        }

            .card--icon.bg-brand-blue .card-content .button--tertiary i, .card--icon.bg-brand-blue .card-content .button--tertiary .link-text {
                color: var(--white)
            }

            .card--icon.bg-brand-blue .card-content .button--tertiary:after {
                background-color: color-mix(in srgb,var(--blue) 65%,var(--white) 35%)
            }

            .card--icon.bg-brand-blue .card-content .button--tertiary:hover:after, .card--icon.bg-brand-blue .card-content .button--tertiary:focus:after {
                background-color: color-mix(in srgb,var(--blue) 10%,var(--white) 90%)
            }

.row-container--bg-light-blue .card--icon.card.bg-blue {
    background-color: var(--blue-100) !important
}

.card--service {
    container-type: inline-size;
    container-name: card--service
}

    .card--service.card--homepage-service {
        border: none;
        box-shadow: 0 4px 9px #0000001f
    }

    .card--service .card-content {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: var(--space-xs)
    }

    .card--service .card-content__img img {
        width: 100%;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .card--service .card-content__text {
        margin-top: -.6rem
    }

    .card--service .card-content__title {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
        line-height: 1.2;
        gap: var(--space-2xs)
    }

        .card--service .card-content__title .link-text {
            color: var(--black);
            text-align: center
        }

    .card--service .card-content .button {
        margin-top: auto
    }

        .card--service .card-content .button span.fa-solid {
            font-size: var(--button-small)
        }

    .card--service .card-content__icon {
        color: var(--blue);
        position: relative;
        left: 50%;
        transform: translate(-50%);
        margin-top: calc(0px - var(--space-l) / 2);
        width: var(--space-l);
        height: var(--space-l);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0
    }

        .card--service .card-content__icon:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--white);
            z-index: 0;
            border-radius: var(--border-radius-s)
        }

        .card--service .card-content__icon i {
            font-size: var(--h4);
            padding: var(--space-4xs)
        }

        .card--service .card-content__icon svg {
            width: var(--space-m);
            height: var(--space-m);
            z-index: 2
        }

            .card--service .card-content__icon svg path {
                fill: var(--blue)
            }

    .card--service .card-content__summary {
        text-align: center
    }

@container card--service (max-width: 300px) {
    .card-content__title .link-text {
        font-size: var(--body-small);
        line-height: 1.2
    }
}

.block--image .image-container {
    overflow: hidden;
    border-radius: var(--border-radius-m);
    box-shadow: var(--shadow-card-heavy)
}

.block--image .image-container, .block--image img {
    width: 100%;
    display: block
}

.block--image.block--image--decoration {
    position: relative
}

    .block--image.block--image--decoration .image-deco {
        position: absolute;
        top: calc(0px - var(--space-m));
        z-index: 1;
        width: var(--space-l-2xl);
        height: var(--space-l-2xl)
    }

    .block--image.block--image--decoration .image-deco--left {
        left: 0
    }

    .block--image.block--image--decoration .image-deco--right {
        right: 0
    }

.block--double-image {
    container-type: inline-size;
    container-name: block--double-image
}

    .block--double-image .card {
        box-shadow: none;
        border: none;
        border-radius: 0;
        background: none;
        max-width: 100%;
        display: grid;
        position: relative;
        grid-template-columns: repeat(11,1fr)
    }

        .block--double-image .card .card-image {
            container-type: inline-size;
            container-name: card-image;
            overflow: hidden;
            height: 100%
        }

            .block--double-image .card .card-image img {
                border-radius: var(--border-radius-m);
                width: 100%;
                display: block
            }

            .block--double-image .card .card-image:first-child {
                grid-row: 1;
                grid-column: 1/10
            }

            .block--double-image .card .card-image:last-child {
                grid-column: 6/11;
                grid-row: 2;
                width: 100%;
                height: 100%;
                position: relative;
                top: -40%;
                transform: rotate(8.213deg);
                max-width: 600px
            }

.col--full .block--double-image .card .card-image:last-child {
    max-height: 400px
}

.col--two-thirds .block--double-image .card .card-image:last-child, .col--three-quarters .block--double-image .card .card-image:last-child {
    max-height: 300px
}

.col--half .block--double-image .card .card-image:last-child {
    max-height: 200px
}

.col--third .block--double-image .card .card-image:last-child, .col--quarter .block--double-image .card .card-image:last-child {
    max-height: 150px
}

.block--double-image .card .card-image:last-child .image-container {
    width: 100%;
    height: 100%
}

.block--double-image .card .card-image:last-child img {
    border: var(--space-3xs) solid var(--white)
}

.image-block--settings {
    clear: both
}

.image-block--settings-align-left {
    float: left;
    margin-right: var(--space-m)
}

.image-block--settings-align-right {
    float: right;
    margin-left: var(--space-m);
    margin-bottom: var(--space-m)
}

.image-block--settings-size-small {
    padding-bottom: var(--space-s);
    max-width: 400px
}

@media (max-width: 660px) {
    .image-block--settings-size-small {
        float: none;
        max-width: 100%
    }
}

.image-block--settings-size-small p {
    margin-bottom: var(--space-s)
}

.image-block--settings-size-medium {
    padding-bottom: var(--space-s);
    padding-top: 0;
    max-width: 600px
}

@media (max-width: 825px) {
    .image-block--settings-size-medium {
        float: none;
        max-width: 100%
    }
}

.image-block--settings-size-medium p {
    margin-bottom: var(--space-s)
}

.image-block--settings-size-large {
    padding-bottom: var(--space-s);
    padding-top: 0;
    max-width: 800px
}

@media (max-width: 1000px) {
    .image-block--settings-size-large {
        float: none;
        max-width: 100%
    }
}

.image-block--settings-size-large p {
    font-size: var(--body-medium);
    margin-bottom: var(--space-s)
}

.image-block--settings-size-large span {
    font-size: var(--body)
}

.card--certification {
    border-radius: var(--border-radius-m);
    border: 2px solid var(--grey-300);
    max-width: 450px;
    container-type: inline-size;
    container-name: card--certification
}

    .card--certification .card-content {
        width: 100%;
        gap: var(--space-2xs)
    }

    .card--certification .card-content__primary {
        display: flex;
        gap: var(--space-2xs);
        justify-content: space-between;
        padding-bottom: var(--space-xs);
        border-bottom: 2px solid var(--grey-300)
    }

        .card--certification .card-content__primary > div h3 {
            margin-bottom: 0;
            font-weight: 700
        }

        .card--certification .card-content__primary > div p {
            margin-bottom: 0
        }

        .card--certification .card-content__primary > span {
            padding: var(--space-4xs);
            width: calc(var(--space-m) + 5px);
            height: calc(var(--space-m) + 5px);
            border: 3px solid var(--blue);
            color: var(--blue);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center
        }

    .card--certification .card-content__secondary {
        display: flex;
        column-gap: var(--space-l)
    }

        .card--certification .card-content__secondary > div {
            display: flex;
            flex-direction: column;
            gap: var(--space-4xs);
            padding: var(--space-4xs) 0
        }

    .card--certification .card-content__secondary-title {
        font-weight: 700;
        margin-bottom: 0
    }

    .card--certification .card-content__secondary-date {
        margin-bottom: 0
    }

@container card--certification (max-width: 290px) {
    .card-content__secondary {
        flex-direction: column
    }
}

@container card--certification (max-width: 200px) {
    .card-content__primary {
        flex-direction: column-reverse
    }
}

.card--building-site {
    border-radius: var(--border-radius-m);
    border: 2px solid var(--grey-300);
    max-width: 500px;
    container-type: inline-size;
    container-name: card--building-site
}

    .card--building-site .card-content {
        width: 100%;
        gap: var(--space-s)
    }

        .card--building-site .card-content h3 {
            margin-bottom: 0;
            font-weight: 700;
            padding-bottom: var(--space-xs);
            border-bottom: 2px solid var(--grey-300);
            color: var(--black)
        }

    .card--building-site .card-content__site-details {
        display: flex;
        flex-direction: column
    }

        .card--building-site .card-content__site-details > div {
            display: flex;
            align-items: center;
            gap: var(--space-3xs);
            margin-bottom: var(--space-xs)
        }

    .card--building-site .card-content__site-address {
        font-size: var(--body);
        font-weight: 700;
        color: var(--black);
        padding-top: .5rem
    }

    .card--building-site .card-content p {
        margin-bottom: var(--space-4xs);
        opacity: .85
    }

@container card--building-site (max-width: 240px) {
    .card--building-site .card-content__site-details > div {
        flex-direction: column;
        align-items: flex-start
    }
}

.special-cta-btn {
    column-gap: var(--space-s);
    border-radius: 5rem;
    padding: var(--space-s)
}

@media (max-width: 549px) {
    .special-cta-btn {
        padding: var(--space-xs)
    }
}

.special-cta-btn:hover .btn-icon, .special-cta-btn:focus .btn-icon {
    transform: none !important
}

.special-cta-btn .btn-icon {
    position: relative
}

    .special-cta-btn .btn-icon:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 5.2rem;
        height: 5.2rem;
        background-color: color-mix(in srgb,var(--white) 10%,transparent 90%);
        border-radius: 50%
    }

@media (max-width: 549px) {
    .special-cta-btn .btn-icon:after {
        width: 3.8rem;
        height: 3.8rem
    }
}

.special-cta-btn .btn-icon:before {
    position: relative;
    z-index: 1
}

.special-cta-btn span.fa-solid:first-of-type {
    font-size: 2.5rem;
    transition: .2s cubic-bezier(.23,.65,.63,.99)
}

@media (max-width: 549px) {
    .special-cta-btn span.fa-solid:first-of-type {
        font-size: 2rem
    }
}

.special-cta-btn .link-text {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    font-size: var(--body)
}

@media (max-width: 549px) {
    .special-cta-btn .link-text {
        font-size: var(--button)
    }
}

.special-cta-btn .link-text span.fa-solid {
    font-size: var(--button)
}

@media (max-width: 549px) {
    .special-cta-btn .link-text span.fa-solid {
        font-size: var(--button-small)
    }
}

.special-cta-btn--emergency-response.button {
    background-color: var(--yellow);
    color: color-mix(in srgb,var(--yellow) 35%,#000 65%);
    border: 3px solid #D3C79D;
    max-height: 6.9rem
}

    .special-cta-btn--emergency-response.button:hover, .special-cta-btn--emergency-response.button:focus {
        background-color: color-mix(in srgb,var(--yellow) 95%,#000 5%)
    }

    .special-cta-btn--emergency-response.button .btn-icon {
        position: relative
    }

        .special-cta-btn--emergency-response.button .btn-icon:after {
            background-color: color-mix(in srgb,var(--yellow) 55%,var(--white) 45%)
        }

        .special-cta-btn--emergency-response.button .btn-icon svg {
            position: relative;
            z-index: 1
        }

@media (max-width: 549px) {
    .special-cta-btn--emergency-response.button .btn-icon svg {
        width: 2.2rem;
        height: 2.2rem
    }
}

.special-cta-btn--emergency-response.button .btn-icon svg path {
    fill: color-mix(in srgb,var(--yellow) 35%,#000 65%)
}

.special-cta-btn--make-a-request .btn-icon {
    color: var(--yellow)
}

.special-cta-btn--other.special-cta-btn {
    background-color: var(--blue-300);
    color: var(--blue)
}

    .special-cta-btn--other.special-cta-btn:hover, .special-cta-btn--other.special-cta-btn:focus {
        background-color: color-mix(in srgb,var(--blue-300) 90%,var(--black) 10%)
    }

    .special-cta-btn--other.special-cta-btn .btn-icon, .special-cta-btn--other.special-cta-btn span.fa-solid {
        color: var(--blue)
    }

        .special-cta-btn--other.special-cta-btn .btn-icon:after {
            background-color: var(--blue-200)
        }

.table {
    position: relative;
    font-family: Inter,sans-serif;
    font-size: var(--body-xsmall);
    margin: 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--black);
    border-radius: 5px
}

.table-container {
    overflow-x: scroll;
    border: 2px solid var(--grey-200);
    border-radius: 5px
}

.table__wrapper {
    margin: var(--space-m) 0
}

.table__heading {
    font-weight: 700;
    margin-bottom: var(--space-m)
}

.table__footnote {
    max-width: 100%;
    margin-top: var(--space-m)
}

.table tbody {
    position: relative
}

    .table tbody:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 0;
        border-radius: 1rem
    }

.table thead th {
    font-size: var(--body-xsmall);
    padding: 1.2rem;
    position: sticky;
    top: 0;
    z-index: 1;
    background: color-mix(in srgb,var(--blue-100) 80%,transparent 20%);
    font-weight: 700;
    border-bottom: 2px solid var(--gray-200);
    vertical-align: middle
}

@media (max-width: 549px) {
    .table thead th {
        font-size: var(--body-xxsmall)
    }
}

.table thead th.sorted-asc, .table thead th.sorted-desc {
    background-color: var(--blue-200)
}

    .table thead th.sorted-asc:after, .table thead th.sorted-desc:after {
        font-family: "Font Awesome 6 Pro";
        font-size: var(--body-xxsmall);
        font-weight: 700;
        color: var(--blue);
        margin-left: var(--space-3xs)
    }

    .table thead th.sorted-asc:after {
        content: ""
    }

    .table thead th.sorted-desc:after {
        content: ""
    }

.table tr {
    position: relative
}

.table tbody tr:nth-of-type(2n) th, .table tbody tr:nth-of-type(2n) td {
    background-color: var(--grey-50)
}

.table td {
    position: relative;
    padding: 2rem;
    font-size: var(--body-xsmall);
    vertical-align: baseline
}

.table-narrow td {
    position: relative;
    padding: 1rem;
    font-size: var(--body-xsmall);
    vertical-align: baseline
}

@media (max-width: 549px) {
    .table td {
        font-size: var(--body-xxsmall)
    }
}

.table td[align=left] {
    text-align: left
}

.table th, .table td {
    overflow-wrap: break-word;
    line-height: 1.5
}

    .table th.text-align-center, .table td.text-align-center {
        text-align: center
    }

    .table th[align=center], .table td[align=center] {
        text-align: center !important
    }

    .table th[align=left], .table td[align=left] {
        text-align: left !important
    }

.table .col--small {
    min-width: 12rem
}

.table .col--medium {
    min-width: 18rem
}

.table .col--large {
    min-width: 30rem
}

.table .col--xlarge {
    min-width: 45rem
}

.table caption {
    text-align: left;
    padding: .25rem;
    position: sticky;
    left: 0
}

.table.table--sticky-col.table--is-sticking thead tr th:first-child, .table.table--sticky-col.table--is-sticking tbody tr td:first-child {
    box-shadow: 3px 0 4px #00000012;
    position: sticky;
    z-index: 2;
    left: 0
}

.table.table--sticky-col.table--is-sticking thead tr th:first-child {
    background-color: var(--gray-25);
    border-left: 1px solid var(--gray-300);
    border-top-left-radius: 0
}

.table.table--sticky-col.table--is-sticking tbody tr td:first-child {
    background-color: #fff;
    border-left: 1px solid var(--gray-300)
}

.table-pagination {
    border: 2px solid var(--grey-300);
    border-radius: 5rem;
    width: fit-content;
    display: flex;
    align-items: center;
    font-size: var(--body-small);
    font-weight: 700;
    overflow: hidden;
    margin: var(--space-2xs)
}

@media (max-width: 549px) {
    .table-pagination {
        font-size: var(--body-xsmall)
    }
}

.table-pagination > td {
    padding: 0
}

.table-pagination table td {
    padding: var(--space-4xs) 0;
    min-width: auto;
    position: relative
}

    .table-pagination table td:not(:last-of-type):after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 100%;
        background-color: var(--grey-300)
    }

    .table-pagination table td a {
        display: block;
        padding: 0 var(--space-xs)
    }

        .table-pagination table td a i {
            font-size: calc(var(--body-xxsmall) - 2px)
        }

            .table-pagination table td a i.fa-caret-left, .table-pagination table td a i.fa-caret-right {
                font-size: var(--body-xxsmall);
                position: relative;
                top: 1px
            }

.table-pagination .page-container {
    padding: 0 var(--space-s)
}

@media (max-width: 549px) {
    .table-pagination .page-container {
        padding: 0 var(--space-xs)
    }
}

.table-pagination span {
    display: inline-block
}

    .table-pagination span:last-of-type {
        margin-right: 0
    }

.table-pagination button {
    background: none;
    border: none;
    padding: var(--space-3xs) var(--space-xs);
    cursor: pointer
}

    .table-pagination button:active {
        background: var(--grey-200)
    }

    .table-pagination button:first-of-type {
        border-right: 2px solid var(--grey-300)
    }

        .table-pagination button:first-of-type i {
            margin-right: -3px
        }

    .table-pagination button:last-of-type {
        border-left: 2px solid var(--grey-300)
    }

        .table-pagination button:last-of-type i {
            margin-left: -3px
        }

    .table-pagination button i {
        font-size: var(--body-xxsmall);
        color: var(--blue)
    }

    .table-pagination button[disabled=""] {
        background-color: var(--grey-100);
        cursor: auto;
        pointer-events: none
    }

        .table-pagination button[disabled=""] i {
            color: color-mix(in srgb,var(--black) 25%,transparent 75%)
        }

.row--image-gallery {
    container-type: inline-size;
    container-name: row--image-gallery
}

    .row--image-gallery .row-content {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        column-gap: var(--space-m);
        row-gap: calc(var(--space-s) + 5px)
    }

    .row--image-gallery .image-container {
        position: relative;
        margin-bottom: 0
    }

        .row--image-gallery .image-container button {
            background: none;
            border: none;
            cursor: pointer;
            position: relative;
            padding: 0
        }

            .row--image-gallery .image-container button:after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                border-radius: var(--border-radius-m);
                transition: .2s ease
            }

            .row--image-gallery .image-container button:hover:after, .row--image-gallery .image-container button:focus:after {
                background: color-mix(in srgb,var(--black) 15%,transparent)
            }

            .row--image-gallery .image-container button:hover > i, .row--image-gallery .image-container button:focus > i {
                opacity: 1
            }

        .row--image-gallery .image-container i {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            color: var(--white);
            background-color: var(--blue);
            border-radius: 50%;
            padding: var(--space-xs);
            font-size: var(--body);
            z-index: 2;
            opacity: 0;
            transition: .2s ease
        }

.lg-toolbar .lg-icon, .lg-content .lg-icon {
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    font: var(--fa-font-solid) !important
}

.lg-toolbar .lg-close:after, .lg-toolbar .lg-download:after, .lg-toolbar .lg-zoom-in:after, .lg-toolbar .lg-zoom-out:after {
    font-size: var(--body-large);
    color: var(--white)
}

.lg-toolbar .lg-close:after {
    content: "" !important
}

.lg-toolbar .lg-download {
    padding-top: 13px
}

    .lg-toolbar .lg-download:after {
        content: "" !important
    }

.lg-toolbar .lg-zoom-in:after {
    content: "" !important
}

.lg-toolbar .lg-zoom-out:after {
    content: "" !important
}

.lg-content .lg-next:before {
    content: "" !important
}

.lg-content .lg-prev:after {
    content: "" !important
}

.lg-content .lg-next:before, .lg-content .lg-prev:after {
    font-size: var(--h2);
    color: var(--white)
}

@media (max-width: 660px) {
    .lg-content .lg-next:before, .lg-content .lg-prev:after {
        font-size: var(--h4)
    }
}

@container row--image-gallery (max-width: 1000px) {
    .row--image-gallery .row-content {
        grid-template-columns: repeat(3,1fr)
    }
}

@container row--image-gallery (max-width: 770px) {
    .row--image-gallery .row-content {
        grid-template-columns: repeat(2,1fr)
    }
}

@container row--image-gallery (max-width: 450px) {
    .row--image-gallery .row-content {
        grid-template-columns: repeat(1,1fr)
    }
}

.image-gallery {
    margin: var(--space-xl) 0
}

.image-gallery__wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

@media (max-width: 1000px) {
    .image-gallery__wrapper {
        flex-direction: column
    }
}

.image-gallery__slides-nav.slider-nav {
    width: 16.6666666667%;
    margin-right: var(--space-m)
}

@media (max-width: 1000px) {
    .image-gallery__slides-nav.slider-nav {
        width: 100%
    }
}

.image-gallery__slides-nav.slider-nav.slick-vertical .slick-slide {
    height: auto
}

.image-gallery__slides-nav.slider-nav.slick-slider {
    margin-bottom: 0
}

.image-gallery__slides-nav.slider-nav .slick-list {
    min-height: 100%
}

.image-gallery__slides-nav.slider-nav .slick-track {
    display: flex;
    flex-direction: column;
    min-height: fit-content
}

@media (max-width: 1000px) {
    .image-gallery__slides-nav.slider-nav .slick-track {
        flex-direction: row;
        margin: var(--space-xs) 0;
        gap: var(--space-xs)
    }
}

.image-gallery__slides-nav.slider-nav .slick-slide {
    cursor: pointer
}

@media (max-width: 1000px) {
    .image-gallery__slides-nav.slider-nav .slick-slide {
        margin-bottom: 0
    }
}

.image-gallery__slides-nav.slider-nav .slick-slide > div > div {
    position: relative;
    margin-bottom: var(--space-m)
}

@media (max-width: 1000px) {
    .image-gallery__slides-nav.slider-nav .slick-slide > div > div {
        margin-bottom: 0
    }
}

.image-gallery__slides-nav.slider-nav .slick-slide > div > div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f999;
    z-index: 1
}

.image-gallery__slides-nav.slider-nav .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    border-radius: var(--border-radius-s)
}

.image-gallery__slides-nav.slider-nav .slick-current.slick-active > div > div:before {
    background-color: transparent
}

.image-gallery__slides-nav.slider-nav .slick-current.slick-active img {
    border: 4px solid var(--yellow)
}

.image-gallery__navigation, .services-carousel__navigation {
    width: 8.3333333333%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2xs)
}

@media (max-width: 1000px) {
    .image-gallery__navigation, .services-carousel__navigation {
        order: 3;
        flex-direction: row;
        width: 100%
    }
}

.image-gallery__navigation button.slick-arrow, .services-carousel__navigation button.slick-arrow {
    background-color: var(--blue);
    border: none;
    border-radius: 50%;
    color: var(--white);
    width: var(--space-m);
    height: var(--space-m);
    display: flex;
    align-items: center;
    justify-content: center
}

    .image-gallery__navigation button.slick-arrow:not(.slick-disabled), .services-carousel__navigation button.slick-arrow:not(.slick-disabled) {
        cursor: pointer
    }

    .image-gallery__navigation button.slick-arrow i, .services-carousel__navigation button.slick-arrow i {
        font-size: var(--body-s)
    }

@media (max-width: 1000px) {
    .image-gallery__navigation button.slick-arrow i, .services-carousel__navigation button.slick-arrow i {
        transform: rotate(270deg)
    }
}

.image-gallery__navigation button.slick-arrow.image-gallery__btn--prev, .image-gallery__navigation button.slick-arrow.services-carousel__btn--prev, .services-carousel__navigation button.slick-arrow.image-gallery__btn--prev, .services-carousel__navigation button.slick-arrow.services-carousel__btn--prev {
    order: 1
}

.image-gallery__navigation button.slick-arrow.image-gallery__btn--next, .image-gallery__navigation button.slick-arrow.services-carousel__btn--next, .services-carousel__navigation button.slick-arrow.image-gallery__btn--next, .services-carousel__navigation button.slick-arrow.services-carousel__btn--next {
    order: 3
}

.image-gallery__navigation ul.slick-dots, .services-carousel__navigation ul.slick-dots {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2xs);
    position: unset
}

@media (max-width: 1000px) {
    .image-gallery__navigation ul.slick-dots, .services-carousel__navigation ul.slick-dots {
        flex-direction: row;
        width: auto
    }
}

.image-gallery__navigation ul.slick-dots li, .services-carousel__navigation ul.slick-dots li {
    margin: 0
}

    .image-gallery__navigation ul.slick-dots li button, .services-carousel__navigation ul.slick-dots li button {
        margin: 0;
        padding: 0;
        width: auto;
        height: auto
    }

        .image-gallery__navigation ul.slick-dots li button .slick-dot-icon, .services-carousel__navigation ul.slick-dots li button .slick-dot-icon {
            display: block;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            border: 1px solid var(--grey-500);
            color: transparent;
            background-color: transparent;
            opacity: 1
        }

        .image-gallery__navigation ul.slick-dots li button:focus .slick-dot-icon:before, .services-carousel__navigation ul.slick-dots li button:focus .slick-dot-icon:before {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 3px solid var(--yellow);
            margin-top: -3px;
            margin-left: -3px
        }

    .image-gallery__navigation ul.slick-dots li.slick-active button .slick-dot-icon, .services-carousel__navigation ul.slick-dots li.slick-active button .slick-dot-icon {
        color: transparent;
        background-color: var(--blue)
    }

.image-gallery__slides.slider-for {
    position: relative;
    display: flex;
    align-items: stretch;
    padding-right: var(--space-xs);
    width: 79.1666666667%
}

@media (max-width: 1000px) {
    .image-gallery__slides.slider-for {
        width: 100%;
        padding-right: 0
    }
}

.image-gallery__slides.slider-for.slick-slider.slick-dotted {
    margin-bottom: 0
}

.image-gallery__slides.slider-for .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch
}

.image-gallery__slides.slider-for .slick-slide > div {
    width: 100%
}

.image-gallery__slides.slider-for .slick-slide .image-gallery__silde {
    position: relative
}

    .image-gallery__slides.slider-for .slick-slide .image-gallery__silde:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        border-radius: var(--border-radius-m);
        background: linear-gradient(180deg,rgba(12,35,57,0) 45%,rgba(12,35,57,.37) 66.5%,#0C2339 100%);
        z-index: 1
    }

.image-gallery__slides.slider-for .slick-slide .image-gallery__silde-info {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--space-2xs);
    padding: var(--space-s-m) var(--space-m-l);
    transition: all .5s ease;
    z-index: 2
}

    .image-gallery__slides.slider-for .slick-slide .image-gallery__silde-info h3, .image-gallery__slides.slider-for .slick-slide .image-gallery__silde-info p {
        margin-bottom: 0;
        color: var(--white)
    }

@media (max-width: 660px) {
    .image-gallery__slides.slider-for .slick-slide .image-gallery__silde-info p {
        font-size: var(--body-xsmall)
    }
}

.image-gallery__slides.slider-for .slick-slide .image-gallery__silde img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-m)
}

@media (max-width: 1000px) {
    .image-gallery__slides.slider-for .slick-slide .image-gallery__silde img {
        max-height: 100vh;
        height: 100%;
        width: 100%;
        object-fit: cover
    }
}

.row--form {
    background-image: url(/images/interface/texture-bg.png);
    background-color: --navy;
    padding: var(--space-4xl) 0;
    position: relative
}

    .row--form:before {
        content: "";
        display: block;
        position: absolute;
        top: 4px;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: var(--white)
    }

    .row--form > .wrapper {
        flex-direction: row;
        align-items: center;
        gap: var(--space-3xl)
    }

@media (max-width: 1000px) {
    .row--form > .wrapper {
        flex-direction: column;
        gap: var(--space-xl)
    }

        .row--form > .wrapper .row__content, .row--form > .wrapper .form-container {
            width: 100%
        }
}

.row--form .row__content {
    width: 41.6666666667%
}

    .row--form .row__content .pretitle {
        display: flex;
        align-items: center;
        gap: var(--space-s);
        margin-bottom: var(--space-m)
    }

    .row--form .row__content .pretitle__icon {
        position: relative;
        display: flex
    }

        .row--form .row__content .pretitle__icon .mail-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-55%)
        }

    .row--form .row__content .pretitle__text {
        margin-bottom: var(--space-2xs);
        color: var(--blue-300)
    }

    .row--form .row__content h2, .row--form .row__content p, .row--form .row__content span {
        color: var(--white)
    }

    .row--form .row__content h2 {
        margin-bottom: 4.5rem;
        position: relative
    }

        .row--form .row__content h2:after {
            content: "";
            display: block;
            position: absolute;
            top: calc(100% + 2rem);
            left: 0;
            width: var(--space-3xl);
            height: 4px;
            background-color: var(--red)
        }

    .row--form .row__content p {
        margin-bottom: var(--space-s)
    }

    .row--form .row__content .expert {
        display: flex;
        align-items: center;
        min-height: 14rem;
        position: relative
    }

        .row--form .row__content .expert span {
            display: block
        }

    .row--form .row__content .expert-image {
        overflow: hidden;
        border-radius: 50%;
        max-width: 14rem;
        max-height: 14rem;
        position: absolute;
        left: 0;
        z-index: 1
    }

@media (max-width: 768px) {
    .row--form .row__content .expert-image {
        max-width: 12rem;
        max-height: 12rem
    }
}

.row--form .row__content .expert-image img {
    width: 100%
}

.row--form .row__content .expert-details {
    background: var(--grey-700);
    padding: var(--space-xs) var(--space-xl) var(--space-xs) calc(var(--space-2xl) + 1rem);
    border-radius: var(--border-radius-m);
    position: absolute;
    left: 7rem
}

@media (max-width: 768px) {
    .row--form .row__content .expert-details {
        padding-left: var(--space-2xl)
    }
}

.row--form .row__content .expert-details__name, .row--form .row__content .expert-details__role {
    color: var(--white);
    margin-bottom: 0
}

.row--form .row__content .expert-details__name {
    font-weight: 700
}

.row--form .row__content .expert-details .button {
    margin-top: var(--space-3xs)
}

.row--form .form-container {
    width: 58.3333333333%;
    display: block
}

    .row--form .form-container form {
        margin: 0
    }

.general-contact-cta {
    display: flex;
    padding: var(--space-4xl) 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

    .general-contact-cta:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: var(--white);
        top: 2px;
        left: 0
    }

.general-contact-cta__container {
    display: flex;
    align-items: center;
    gap: var(--space-3xl);
    align-self: stretch
}

@media (max-width: 1000px) {
    .general-contact-cta__container {
        flex-direction: column;
        gap: var(--space-l)
    }
}

.general-contact-cta__content {
    display: flex;
    padding: var(--space-m);
    flex-direction: column;
    max-width: 500px;
    width: 100%
}

@media (max-width: 1000px) {
    .general-contact-cta__content {
        max-width: 100%;
        padding: 0
    }
}

.general-contact-cta__pre-title {
    display: flex;
    align-items: center;
    gap: var(--space-s);
    margin-bottom: var(--space-m)
}

    .general-contact-cta__pre-title i {
        color: var(--white)
    }

    .general-contact-cta__pre-title span {
        font-size: var(--h5);
        color: var(--blue-300);
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: var(--space-4xs)
    }

.general-contact-cta h2 {
    color: var(--white);
    margin-bottom: var(--space-2xs)
}

.general-contact-cta__line-deco {
    width: 20%;
    height: 4px;
    margin: var(--space-s) 0;
    background-color: var(--red)
}

.general-contact-cta p {
    color: var(--white);
    margin-bottom: var(--space-s)
}

.general-contact-cta__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0
}

@media (max-width: 1000px) {
    .general-contact-cta__form {
        width: 100%
    }
}

.general-contact-cta__form .form-container {
    width: 100%
}

@media (max-width: 1000px) {
    .general-contact-cta__form .form-container .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }
}

.general-contact-cta__form .form-container form {
    margin: 0
}

@media (max-width: 1000px) {
    .general-contact-cta__form .form-container form {
        max-width: 100%
    }
}

.industries-slider {
    overflow: hidden;
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    width: 100%
}

    .industries-slider:before, .industries-slider:after {
        content: "";
        position: absolute;
        height: 100%;
        width: var(--space-2xl);
        top: 0;
        z-index: 2
    }

@media (max-width: 1499px) {
    .industries-slider:before, .industries-slider:after {
        display: none
    }
}

.industries-slider:before {
    background: linear-gradient(to right,#2A3240 0%,rgba(42,50,64,0) 100%);
    left: 0%
}

.industries-slider:after {
    background: linear-gradient(to left,#2A3240 0%,rgba(42,50,64,0) 100%);
    right: 0%
}

.industries-slider .wrapper.industries-slider__container {
    transition: padding .2s ease-in-out
}

@media (max-width: 499px) {
    .industries-slider .wrapper.industries-slider__container {
        padding: 0 var(--page-padding)
    }
}

.industries-slider__swiper.swiper {
    display: flex;
    flex-direction: column;
    padding: var(--space-2xs) 0;
    gap: var(--space-m);
    width: 100%;
    overflow: visible
}

@media (max-width: 1499px) {
    .industries-slider__swiper.swiper {
        overflow: hidden
    }
}

.industries-slider__swiper.swiper .swiper-wrapper {
    align-items: stretch
}

.industries-slider__slide {
    height: auto !important;
    padding: var(--space-s) var(--space-xs);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: var(--space-xs);
    border-radius: var(--border-radius-m);
    border: 2px solid var(--gray-600);
    box-shadow: var(--shadow-card-heavy)
}

    .industries-slider__slide.swiper-slide {
        display: flex
    }

.industries-slider__slide-icon {
    display: flex;
    width: var(--space-xl);
    height: var(--space-xl);
    padding: var(--space-4xs);
    justify-content: center;
    align-items: center;
    gap: var(--space-2xs);
    border-radius: var(--space-l);
    border: 2px solid rgba(196,18,47,.8)
}

    .industries-slider__slide-icon svg {
        width: var(--space-m);
        height: var(--space-m);
        flex-shrink: 0
    }

        .industries-slider__slide-icon svg path {
            fill: var(--gray-300)
        }

.industries-slider__slide-title {
    color: var(--white);
    font-size: var(--body);
    font-weight: 700
}

.industries-slider__slide p {
    color: var(--gray-400);
    font-size: var(--body-xsmall);
    text-align: center
}

.industries-slider__slide:hover, .industries-slider__slide:hover .industries-slider__slide-icon {
    border-color: var(--red-alt)
}

.industries-slider__swiper-nav {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    padding: var(--space-s);
    gap: var(--space-xs);
    z-index: 3
}

@media (max-width: 549px) {
    .industries-slider__swiper-nav {
        justify-content: center
    }
}

.industries-slider__swiper-nav.industries-slider__swiper-nav--with-button {
    justify-content: space-between;
    padding: var(--space-s) var(--space-m)
}

@media (max-width: 549px) {
    .industries-slider__swiper-nav.industries-slider__swiper-nav--with-button {
        flex-direction: column-reverse;
        justify-content: center;
        gap: var(--space-m)
    }
}

.industries-slider__swiper-nav.industries-slider__swiper-nav--with-button > div {
    display: flex;
    align-items: center;
    gap: var(--space-2xs)
}

.industries-slider__swiper-nav .industries-slider__swiper-button-prev, .industries-slider__swiper-nav .industries-slider__swiper-button-next {
    position: unset;
    margin-top: 0;
    cursor: pointer
}

    .industries-slider__swiper-nav .industries-slider__swiper-button-prev:after, .industries-slider__swiper-nav .industries-slider__swiper-button-next:after {
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: var(--white);
        border: 2px solid var(--white);
        border-radius: 50%;
        font-size: var(--body-large)
    }

    .industries-slider__swiper-nav .industries-slider__swiper-button-prev.swiper-button-disabled, .industries-slider__swiper-nav .industries-slider__swiper-button-next.swiper-button-disabled {
        opacity: .3;
        cursor: default
    }

    .industries-slider__swiper-nav .industries-slider__swiper-button-prev:after {
        content: ""
    }

    .industries-slider__swiper-nav .industries-slider__swiper-button-next:after {
        content: ""
    }

.industries-slider__swiper-nav .industries-slider__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: unset;
    width: auto
}

    .industries-slider__swiper-nav .industries-slider__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
        width: var(--space-xs);
        height: var(--space-xs);
        border: 1px solid var(--gray-400);
        background: transparent;
        opacity: 1
    }

    .industries-slider__swiper-nav .industries-slider__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
        background: var(--gray-400)
    }

    .industries-slider__swiper-nav .industries-slider__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
        left: 0;
        transform: translate(0)
    }

        .industries-slider__swiper-nav .industries-slider__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev, .industries-slider__swiper-nav .industries-slider__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .industries-slider__swiper-nav .industries-slider__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next, .industries-slider__swiper-nav .industries-slider__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
            transform: scale(1)
        }

.cta-row {
    margin: var(--space-m) 0
}

.cta-row--why-solar {
    padding: var(--space-xl) 0
}

    .cta-row--why-solar > .wrapper {
        flex-direction: row;
        align-items: center
    }

@media (max-width: 1000px) {
    .cta-row--why-solar > .wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-l)
    }
}

.cta-row--why-solar .cta-row__image {
    display: flex;
    flex-direction: column;
    width: 33.3333333333%;
    row-gap: var(--space-xs)
}

@media (max-width: 1000px) {
    .cta-row--why-solar .cta-row__image {
        width: 100%;
        max-width: 43.5rem
    }
}

.cta-row--why-solar .cta-row__image .image__top img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cta-row--why-solar .cta-row__image .image__bottom {
    display: flex;
    align-items: stretch;
    column-gap: var(--space-xs)
}

    .cta-row--why-solar .cta-row__image .image__bottom img {
        width: 50%;
        height: 100%;
        object-fit: cover
    }

.cta-row--why-solar .cta-row__image .image-link {
    width: 50%;
    border-radius: var(--border-radius-m);
    background-color: var(--blue-200);
    padding: var(--space-s) var(--space-s) var(--space-2xs);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .cta-row--why-solar .cta-row__image .image-link > span:not(.button) {
        font-size: var(--h3);
        font-weight: 700;
        display: inline-block;
        max-width: var(--space-4xl)
    }

    .cta-row--why-solar .cta-row__image .image-link > .button .link-text {
        padding-right: var(--space-2xs)
    }

.cta-row--why-solar .cta-row__text {
    width: 66.6666666667%;
    padding-left: var(--space-3xl)
}

@media (max-width: 1000px) {
    .cta-row--why-solar .cta-row__text {
        width: 100%;
        padding-left: 0
    }
}

.cta-row--why-solar .cta-row__text h2 {
    margin-bottom: var(--space-m);
    line-height: 1.5
}

.cta-row--why-solar .cta-row__text ul {
    column-count: 2;
    margin-bottom: var(--space-m)
}

@media (max-width: 549px) {
    .cta-row--why-solar .cta-row__text ul {
        column-count: 1
    }
}

.cta-row--why-solar .cta-row__text ul li {
    break-inside: avoid;
    display: flex;
    align-items: flex-start
}

.cta-row--why-solar .cta-row__text ul span.fa-solid {
    margin-right: var(--space-xs);
    margin-top: var(--space-4xs);
    color: var(--blue-400)
}

.cta-row--digital-tools .cta-row__container {
    overflow: hidden;
    border-radius: var(--border-radius-m);
    background-color: color-mix(in srgb,var(--blue) 88%,transparent 12%);
    display: flex;
    margin: var(--space-m) 0;
    position: relative
}

@media (max-width: 1000px) {
    .cta-row--digital-tools .cta-row__container {
        background-color: color-mix(in srgb,var(--blue) 92%,transparent 5%)
    }
}

.cta-row--digital-tools .cta-row__text {
    padding: var(--space-xl) var(--space-l);
    display: flex;
    flex-direction: column;
    width: 64.1666666667%
}

@media (max-width: 768px) {
    .cta-row--digital-tools .cta-row__text {
        width: 66.6666666667%
    }
}

@media (max-width: 660px) {
    .cta-row--digital-tools .cta-row__text {
        width: 100%
    }
}

.cta-row--digital-tools .cta-row__text h2, .cta-row--digital-tools .cta-row__text p, .cta-row--digital-tools .cta-row__text li, .cta-row--digital-tools .cta-row__text a {
    color: var(--white)
}

.cta-row--digital-tools .cta-row__text h2 {
    margin-bottom: var(--space-xs);
    width: fit-content
}

@media (max-width: 825px) {
    .cta-row--digital-tools .cta-row__text h2 {
        font-size: var(--h3)
    }
}

@media (max-width: 549px) {
    .cta-row--digital-tools .cta-row__text h2 {
        font-size: var(--h3)
    }
}

.cta-row--digital-tools .cta-row__text h2 span {
    position: relative;
    display: inline-block
}

.cta-row--digital-tools .cta-row__text .title-deco {
    position: absolute;
    top: calc(0px - var(--space-m) + var(--space-4xs));
    right: calc(0px - var(--space-l));
    width: calc(var(--space-l) + var(--space-2xs));
    height: calc(var(--space-l) + var(--space-2xs));
    transform: rotate(-75deg)
}

@media (max-width: 400px) {
    .cta-row--digital-tools .cta-row__text .title-deco {
        display: none
    }
}

.cta-row--digital-tools .cta-row__text ul, .cta-row--digital-tools .cta-row__text li {
    display: flex;
    align-items: center
}

.cta-row--digital-tools .cta-row__text ul {
    column-gap: var(--space-xl);
    row-gap: 0;
    flex-wrap: wrap
}

.cta-row--digital-tools .cta-row__text li {
    column-gap: var(--space-3xs)
}

.cta-row--digital-tools .cta-row__text span.fa-solid.fa-sun-bright {
    color: var(--yellow)
}

.cta-row--digital-tools .cta-row__text a.button {
    border-color: var(--white);
    margin-top: auto
}

@media (max-width: 1000px) {
    .cta-row--digital-tools .cta-row__image {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }
}

@media (max-width: 825px) {
    .cta-row--digital-tools .cta-row__image {
        right: calc(0px - var(--space-2xl));
        height: 100%
    }
}

@media (max-width: 768px) {
    .cta-row--digital-tools .cta-row__image {
        right: calc(0px - var(--space-l))
    }
}

@media (max-width: 660px) {
    .cta-row--digital-tools .cta-row__image {
        display: none
    }
}

.cta-row--digital-tools .cta-row__image img {
    height: 100%
}

.page-header--home {
    position: relative;
    padding-bottom: var(--space-l)
}

@media (max-width: 1415px) {
    .page-header--home:after {
        content: "";
        position: absolute;
        top: -22rem;
        left: 0;
        width: 100%;
        height: calc(100% + 50rem);
        background: linear-gradient(to right,rgb(255,255,255),rgba(255,255,255,0));
        z-index: -1
    }
}

@media (max-width: 1415px) and (max-width: 1000px) {
    .page-header--home:after {
        background: linear-gradient(to top right,rgba(255,255,255,.9),rgba(255,255,255,.9),rgba(255,255,255,.7),rgba(255,255,255,0))
    }
}

@media (max-width: 1415px) and (max-width: 825px) {
    .page-header--home:after {
        background: linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,.9),rgba(255,255,255,.7),rgba(255,255,255,.2))
    }
}

@media (max-width: 1415px) and (max-width: 549px) {
    .page-header--home:after {
        background: linear-gradient(to top right,rgba(255,255,255,.9),rgba(255,255,255,.85),rgba(255,255,255,.6))
    }
}

@media (max-width: 549px) {
    .page-header--home {
        padding-top: var(--space-l)
    }
}

@media (max-width: 359px) {
    .page-header--home {
        padding-top: var(--space-xs)
    }
}

.page-header--home:before {
    content: "";
    position: absolute;
    top: -72rem;
    left: -7rem;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgb(233,244,254),rgba(255,255,255,0));
    transform: rotate(-37deg);
    z-index: -1
}

@media (max-width: 1415px) {
    .page-header--home:before {
        left: -15rem;
        width: 120%;
        z-index: 0;
        background: linear-gradient(rgba(178,213,245,.25),rgba(255,255,255,0))
    }
}

@media (max-width: 1199px) {
    .page-header--home:before {
        left: -20rem;
        top: -50rem
    }
}

@media (max-width: 1000px) {
    .page-header--home:before {
        top: -28rem
    }
}

@media (max-width: 825px) {
    .page-header--home:before {
        top: -22rem
    }
}

@media (max-width: 549px) {
    .page-header--home:before {
        left: 0;
        top: -30rem
    }
}

.page-header--home .page-header__img {
    position: absolute;
    top: -29rem;
    right: -57.3rem;
    z-index: -1;
    opacity: 0;
    animation: .5s ease-in 1.5s forwards fadeIn
}

@media (max-width: 1659px) {
    .page-header--home .page-header__img {
        top: -29rem;
        right: -50rem;
        width: 150rem
    }
}

@media (max-width: 1415px) {
    .page-header--home .page-header__img {
        right: -40rem;
        width: auto
    }
}

@media (max-width: 1000px) {
    .page-header--home .page-header__img {
        left: -8rem;
        right: -35rem;
        top: -26rem
    }
}

@media (max-width: 549px) {
    .page-header--home .page-header__img {
        top: -28rem;
        left: auto;
        right: -65%
    }
}

@media (max-width: 500px) {
    .page-header--home .page-header__img {
        right: -78%
    }
}

@media (max-width: 400px) {
    .page-header--home .page-header__img {
        top: -30rem;
        right: -90%
    }
}

@media (max-width: 359px) {
    .page-header--home .page-header__img {
        top: -22rem;
        right: -100%
    }
}

.page-header--home .page-header__img img {
    width: 100%
}

@media (max-width: 549px) {
    .page-header--home .page-header__img img {
        width: 100rem
    }
}

@media (max-width: 359px) {
    .page-header--home .page-header__img img {
        width: 90rem
    }
}

.page-header--home .page-header__main-text {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-l);
    max-width: 53rem;
    padding-top: var(--space-xl);
    opacity: 0;
    animation: .3s ease-in .3s forwards fadeIn
}

@media (max-width: 768px) {
    .page-header--home .page-header__main-text {
        padding-top: 0
    }
}

@media (max-width: 549px) {
    .page-header--home .page-header__main-text {
        row-gap: var(--space-s)
    }
}

@media (max-width: 359px) {
    .page-header--home .page-header__main-text {
        row-gap: var(--space-xs);
        padding-top: var(--space-xs)
    }
}

@media (max-width: 1659px) {
    .page-header--home .page-header__main-text h1, .page-header--home .page-header__main-text p {
        max-width: 53rem
    }
}

@media (max-width: 1000px) {
    .page-header--home .page-header__main-text h1, .page-header--home .page-header__main-text p {
        max-width: 47rem
    }
}

@media (max-width: 825px) {
    .page-header--home .page-header__main-text h1, .page-header--home .page-header__main-text p {
        width: 75%
    }
}

@media (max-width: 500px) {
    .page-header--home .page-header__main-text h1, .page-header--home .page-header__main-text p {
        width: 90%
    }
}

@media (max-width: 549px) {
    .page-header--home .page-header__main-text p {
        font-size: var(--body)
    }
}

@media (max-width: 359px) {
    .page-header--home .page-header__main-text p {
        font-size: var(--body-small)
    }
}

.page-header--home .page-header__main-text .btn-group {
    gap: var(--space-xs)
}

@media (max-width: 549px) {
    .page-header--home .page-header__main-text .button {
        font-size: var(--button);
        padding: 1.2rem 2.4rem
    }
}

.page-header--home .page-header__title h1 {
    font-size: 7rem;
    margin-bottom: 0
}

@media (max-width: 1659px) {
    .page-header--home .page-header__title h1 {
        font-size: var(--home-hero)
    }
}

.page-header--home .page-header__title span {
    position: relative;
    display: inline-block
}

.page-header--home .page-header__title img {
    position: absolute;
    top: var(--space-4xs);
    left: 100%;
    width: var(--space-s-l)
}

@media (max-width: 825px) {
    .page-header--home .page-header__title img {
        display: block;
        width: 3.2rem;
        left: calc(100% + var(--space-4xs))
    }
}

@media (max-width: 549px) {
    .page-header--home .page-header__title img {
        display: none
    }
}

.page-header--home .page-header__cta-buttons {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: var(--space-xs);
    margin-top: calc(0px - (var(--space-l) + var(--space-2xs)))
}

@media (max-width: 1000px) {
    .page-header--home .page-header__cta-buttons {
        margin-top: var(--space-2xl)
    }
}

@media (max-width: 825px) {
    .page-header--home .page-header__cta-buttons {
        align-items: stretch;
        flex-direction: row;
        flex-wrap: wrap
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0%
    }

    to {
        opacity: 100%
    }
}

.page-header--multi-image.page-header--why-solar > .wrapper {
    align-items: center
}

@media (max-width: 825px) {
    .page-header--multi-image.page-header--why-solar > .wrapper {
        align-items: flex-start
    }
}

.page-header--multi-image.page-header--why-solar .pretitle {
    padding: 0
}

    .page-header--multi-image.page-header--why-solar .pretitle:before {
        display: none
    }

.page-header--multi-image.page-header--why-solar:before {
    background-image: url(/dist/assets/inverted-swipe-bg-1ec7da4e.png);
    background-size: contain;
    left: 0;
    width: 90vw;
    height: 141.5rem
}

@media (max-width: 1199px) {
    .page-header--multi-image.page-header--why-solar:before {
        width: 120vw
    }
}

@media (max-width: 1000px) {
    .page-header--multi-image.page-header--why-solar:before {
        width: 150%
    }
}

@media (max-width: 825px) {
    .page-header--multi-image.page-header--why-solar:before {
        width: 200%
    }
}

@media (max-width: 549px) {
    .page-header--multi-image.page-header--why-solar:before {
        width: 90rem;
        height: 100vh;
        top: 0
    }
}

.page-header--multi-image.page-header--why-solar .page-header__image--square {
    grid-column: 1/3;
    position: relative
}

@media (max-width: 1000px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--square {
        grid-column: 1/4
    }
}

@media (max-width: 825px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--square {
        grid-column: 1/3
    }
}

.page-header--multi-image.page-header--why-solar .page-header__image--square .image-deco {
    position: absolute;
    bottom: 85%;
    right: 85%;
    z-index: 2;
    width: var(--space-2xl);
    height: var(--space-2xl);
    transform: rotate(-12deg)
}

@media (max-width: 1000px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--square .image-deco {
        width: var(--space-xl);
        height: var(--space-xl)
    }
}

@media (max-width: 825px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--square .image-deco {
        display: none
    }
}

.page-header--multi-image.page-header--why-solar .page-header__image--rectangle:nth-of-type(2) {
    grid-column: 3/4
}

@media (max-width: 1000px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--rectangle:nth-of-type(2) {
        grid-column: 4/6
    }
}

@media (max-width: 825px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--rectangle:nth-of-type(2) {
        grid-column: 3/4
    }
}

.page-header--multi-image.page-header--why-solar .page-header__image--rectangle:nth-of-type(3) {
    grid-column: 4/5
}

@media (max-width: 1000px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--rectangle:nth-of-type(3) {
        grid-column: 2/4
    }
}

@media (max-width: 825px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--rectangle:nth-of-type(3) {
        grid-column: 4/5
    }
}

.page-header--multi-image.page-header--why-solar .page-header__image--rectangle:nth-of-type(3) .image-deco {
    display: none
}

.page-header--multi-image.page-header--why-solar .page-header__image--square-small {
    grid-column: 3/4
}

@media (max-width: 1000px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--square-small {
        grid-column: 4/6
    }
}

@media (max-width: 825px) {
    .page-header--multi-image.page-header--why-solar .page-header__image--square-small {
        grid-column: 3/4
    }
}

.page-header--multi-image .page-header__image-container {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(24,1fr);
    width: 55%;
    height: 100%;
    max-height: 50rem;
    max-width: 64rem;
    gap: var(--space-xs);
    margin-top: var(--space-m)
}

@media (max-width: 1199px) {
    .page-header--multi-image .page-header__image-container {
        width: 50%
    }
}

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__image-container {
        width: 40%;
        grid-template-columns: repeat(5,1fr);
        grid-template-rows: repeat(42,1fr)
    }
}

@media (max-width: 825px) {
    .page-header--multi-image .page-header__image-container {
        width: 100%;
        max-width: none;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: repeat(24,1fr)
    }
}

@media (max-width: 549px) {
    .page-header--multi-image .page-header__image-container {
        gap: var(--space-3xs)
    }
}

.page-header--multi-image .page-header__image--square {
    order: 4;
    grid-row: 5/20;
    grid-column: 3/5;
    margin-top: calc(0px - var(--space-4xs))
}

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__image--square {
        grid-column: 3/6;
        grid-row: 6/22
    }
}

@media (max-width: 825px) {
    .page-header--multi-image .page-header__image--square {
        grid-row: 5/20;
        grid-column: 3/5
    }
}

.page-header--multi-image .page-header__image--rectangle:nth-of-type(2), .page-header--multi-image .page-header__image--rectangle:nth-of-type(3) {
    position: relative
}

    .page-header--multi-image .page-header__image--rectangle:nth-of-type(2) .image-deco, .page-header--multi-image .page-header__image--rectangle:nth-of-type(3) .image-deco {
        position: absolute;
        bottom: 93%;
        right: 90%;
        width: var(--space-2xl);
        height: var(--space-2xl);
        transform: rotate(-12deg)
    }

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__image--rectangle:nth-of-type(2) .image-deco, .page-header--multi-image .page-header__image--rectangle:nth-of-type(3) .image-deco {
        width: var(--space-xl);
        height: var(--space-xl)
    }
}

@media (max-width: 825px) {
    .page-header--multi-image .page-header__image--rectangle:nth-of-type(2) .image-deco, .page-header--multi-image .page-header__image--rectangle:nth-of-type(3) .image-deco {
        width: var(--space-xl);
        height: var(--space-xl)
    }
}

.page-header--multi-image .page-header__image--rectangle:nth-of-type(2) {
    order: 2;
    grid-row: 2/17;
    grid-column: 2/3
}

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__image--rectangle:nth-of-type(2) {
        grid-column: 1/3;
        grid-row: 1/19
    }
}

@media (max-width: 825px) {
    .page-header--multi-image .page-header__image--rectangle:nth-of-type(2) {
        grid-row: 2/17;
        grid-column: 2/3
    }
}

.page-header--multi-image .page-header__image--rectangle:nth-of-type(2) .image-deco {
    display: none
}

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__image--rectangle:nth-of-type(2) .image-deco {
        display: block
    }
}

@media (max-width: 825px) {
    .page-header--multi-image .page-header__image--rectangle:nth-of-type(2) .image-deco {
        display: none
    }
}

.page-header--multi-image .page-header__image--rectangle:nth-of-type(3) {
    order: 1;
    grid-row: 5/20;
    grid-column: 1/2
}

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__image--rectangle:nth-of-type(3) {
        grid-row: 22/41;
        grid-column: 3/5
    }

        .page-header--multi-image .page-header__image--rectangle:nth-of-type(3) .image-deco {
            display: none
        }
}

@media (max-width: 825px) {
    .page-header--multi-image .page-header__image--rectangle:nth-of-type(3) {
        grid-row: 5/20;
        grid-column: 1/2
    }

        .page-header--multi-image .page-header__image--rectangle:nth-of-type(3) .image-deco {
            display: none
        }
}

.page-header--multi-image .page-header__image--square-small {
    order: 3;
    grid-row: 17/24;
    grid-column: 2/3
}

@media (max-width: 1000px) {
    .page-header--multi-image .page-header__image--square-small {
        grid-column: 1/3;
        grid-row: 19/29
    }
}

@media (max-width: 825px) {
    .page-header--multi-image .page-header__image--square-small {
        grid-row: 17/24;
        grid-column: 2/3
    }
}

@media (max-width: 549px) {
    .page-header--simple {
        padding-top: var(--space-s)
    }
}

.page-header--simple > .wrapper {
    flex-direction: column;
    row-gap: 0
}

.page-header--simple .page-header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4xl);
    width: 100%
}

@media (max-width: 1659px) {
    .page-header--simple .page-header__content {
        gap: var(--space-3xl)
    }
}

@media (max-width: 1199px) {
    .page-header--simple .page-header__content {
        gap: var(--space-xl)
    }
}

@media (max-width: 825px) {
    .page-header--simple .page-header__content {
        flex-direction: column;
        gap: var(--space-l)
    }
}

@media (max-width: 549px) {
    .page-header--simple .page-header__content {
        gap: var(--space-m)
    }
}

.page-header--simple .page-header__text-container {
    width: 54.1666666667%
}

.page-header--simple .page-header__image-container {
    width: 45.8333333333%;
    position: relative;
    margin-left: var(--space-l)
}

@media (max-width: 825px) {
    .page-header--simple .page-header__image-container {
        margin-left: 0
    }
}

.page-header--simple .page-header__image-container--service:before {
    content: url(/dist/assets/bling-left-c889f8c8.svg);
    position: absolute;
    top: calc(var(--space-m) - var(--space-4xs));
    left: calc(0px - (var(--space-2xl)) - var(--space-2xs));
    z-index: 2
}

@media (max-width: 825px) {
    .page-header--simple .page-header__image-container--service:before {
        display: none
    }
}

@media (max-width: 825px) {
    .page-header--simple .page-header__image-container img {
        max-height: 30rem
    }
}

@media (max-width: 549px) {
    .page-header--simple .page-header__image-container img {
        max-height: 20rem
    }
}

@media (max-width: 359px) {
    .page-header--simple .page-header__image-container img {
        max-height: 15rem
    }
}

.page-header--simple .page-header__image-container .icon-container {
    display: block;
    position: absolute;
    z-index: 2;
    top: var(--space-xl);
    left: calc(0px - var(--space-2xl) / 2);
    border-radius: var(--border-radius-m);
    overflow: hidden
}

@media (max-width: 825px) {
    .page-header--simple .page-header__image-container .icon-container {
        top: 0;
        left: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media (max-width: 549px) {
    .page-header--simple .page-header__image-container .icon-container {
        border-top-left-radius: var(--border-radius-s);
        border-bottom-right-radius: var(--border-radius-s)
    }
}

.page-header--simple .page-header__image-container .icon-container, .page-header--simple .page-header__image-container .icon-container svg {
    width: var(--space-2xl);
    height: var(--space-2xl)
}

@media (max-width: 549px) {
    .page-header--simple .page-header__image-container .icon-container, .page-header--simple .page-header__image-container .icon-container svg {
        width: var(--space-xl);
        height: var(--space-xl)
    }
}

.page-header--simple .page-header__image-container svg {
    background-color: var(--blue);
    padding: var(--space-4xs)
}

    .page-header--simple .page-header__image-container svg path {
        fill: color-mix(in srgb,var(--white) 80%,transparent 20%)
    }

@media (max-width: 825px) {
    .page-header--simple .page-header__text-container, .page-header--simple .page-header__image-container {
        width: 100%
    }
}

.page-header--simple .page-header__contact-info-container {
    width: 41.6666666667%;
    background: color-mix(in srgb,var(--grey-25) 80%,transparent 20%);
    padding: var(--space-m);
    box-shadow: 0 4px 35px #00000026;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: var(--border-radius-m);
    position: relative
}

@media (max-width: 825px) {
    .page-header--simple .page-header__contact-info-container {
        width: 100%
    }
}

.page-header--simple .page-header__contact-info-container span {
    display: block
}

.page-header--simple .page-header__contact-info-container a:hover, .page-header--simple .page-header__contact-info-container a:focus {
    opacity: .8
}

@media (max-width: 825px) {
    .page-header--simple .page-header__contact-info-container address {
        display: flex;
        gap: var(--space-l)
    }

        .page-header--simple .page-header__contact-info-container address .contact-info__details {
            margin-top: calc(var(--space-m) + var(--space-4xs))
        }
}

@media (max-width: 660px) {
    .page-header--simple .page-header__contact-info-container address {
        flex-direction: column;
        gap: var(--space-s)
    }

        .page-header--simple .page-header__contact-info-container address .contact-info__details {
            margin-top: 0
        }
}

.page-header--simple .page-header__contact-info-container .contact-info__name {
    font-weight: 700
}

.page-header--simple .page-header__contact-info-container .contact-info__name {
    margin-bottom: var(--space-3xs)
}

.page-header--simple .page-header__contact-info-container .contact-info__address {
    margin-bottom: 0
}

@media (max-width: 825px) {
    .page-header--simple .page-header__contact-info-container .contact-info__address {
        font-size: var(--body-small)
    }
}

.page-header--simple .page-header__contact-info-container .contact-info__map-link {
    column-gap: var(--space-4xs)
}

.page-header--simple .page-header__contact-info-container .contact-info__details {
    margin-top: var(--space-m)
}

    .page-header--simple .page-header__contact-info-container .contact-info__details, .page-header--simple .page-header__contact-info-container .contact-info__details a {
        font-size: var(--body)
    }

@media (max-width: 1199px) {
    .page-header--simple .page-header__contact-info-container .contact-info__details, .page-header--simple .page-header__contact-info-container .contact-info__details a {
        font-size: var(--body-xsmall)
    }
}

@media (max-width: 825px) {
    .page-header--simple .page-header__contact-info-container .contact-info__details, .page-header--simple .page-header__contact-info-container .contact-info__details a {
        font-size: var(--body-small)
    }
}

.page-header--simple .page-header__contact-info-container .contact-info__details a {
    padding: var(--space-4xs) 0
}

.page-header--simple .page-header__contact-info-container .contact-info__numbers {
    display: flex;
    gap: var(--space-s)
}

@media (max-width: 1199px) {
    .page-header--simple .page-header__contact-info-container .contact-info__numbers {
        flex-direction: column;
        gap: 0
    }
}

.page-header--simple .page-header__contact-info-container .contact-info__email a {
    display: flex;
    align-items: center;
    gap: 0
}

.page-header--simple .page-header__contact-info-container .contact-info__email .fa-solid {
    font-size: var(--button-large);
    margin-top: 2px
}

.page-header--simple .page-header__contact-info-container .contact-info__map-link:hover .fa-solid, .page-header--simple .page-header__contact-info-container .contact-info__map-link:focus .fa-solid, .page-header--simple .page-header__contact-info-container .contact-info__email a:hover .fa-solid, .page-header--simple .page-header__contact-info-container .contact-info__email a:focus .fa-solid {
    transform: none
}

.page-header--simple .page-header__contact-info-container .contact-info__deco {
    position: absolute;
    top: calc(0px - var(--space-s));
    right: var(--space-m);
    width: var(--space-2xl);
    height: var(--space-2xl)
}

@media (max-width: 1000px) {
    .page-header--simple .page-header__contact-info-container .contact-info__deco {
        width: var(--space-xl);
        height: var(--space-xl)
    }
}

.services-carousel {
    display: flex
}

.home-section--window-cleaning .wrapper, .home-section--window-cleaning .section__info, .home-section--why-solar .wrapper, .home-section--why-solar .section__info {
    align-items: center
}

.home-section--window-cleaning .section__info, .home-section--why-solar .section__info {
    flex-direction: column;
    text-align: center;
    gap: var(--space-2xs)
}

    .home-section--window-cleaning .section__info h2, .home-section--why-solar .section__info h2 {
        margin-bottom: var(--space-s)
    }

.home-section--window-cleaning .section__blocks, .home-section--why-solar .section__blocks {
    flex-wrap: nowrap;
    column-gap: var(--space-m)
}

@media (max-width: 825px) {
    .home-section--window-cleaning .section__blocks, .home-section--why-solar .section__blocks {
        flex-wrap: wrap
    }
}

.home-section--window-cleaning {
    margin-top: var(--space-xl)
}

    .home-section--window-cleaning .wrapper, .home-section--window-cleaning .section__info {
        align-items: center
    }

    .home-section--window-cleaning .wrapper {
        gap: var(--space-xl)
    }

    .home-section--window-cleaning .section__info {
        max-width: 80rem
    }

@media (max-width: 1199px) {
    .home-section--window-cleaning .section__info {
        max-width: 60rem
    }
}

.home-section--window-cleaning .section__info .deco-icon {
    width: var(--space-2xl);
    margin-bottom: var(--space-xs)
}

@media (max-width: 549px) {
    .home-section--window-cleaning .section__info .deco-icon {
        margin-bottom: var(--space-4xs)
    }
}

.home-section--window-cleaning .section__blocks > div.col:first-of-type {
    position: relative
}

.home-section--window-cleaning .section__blocks .deco-swipe--image, .home-section--window-cleaning .section__blocks .deco-swipe--colour {
    position: absolute;
    bottom: calc(100% - 2px);
    right: 50%;
    width: 120%;
    z-index: -1
}

@media (max-width: 1659px) {
    .home-section--window-cleaning .section__blocks .deco-swipe--image, .home-section--window-cleaning .section__blocks .deco-swipe--colour {
        width: 100%
    }
}

@media (max-width: 1415px) {
    .home-section--window-cleaning .section__blocks .deco-swipe--image, .home-section--window-cleaning .section__blocks .deco-swipe--colour {
        right: 40%
    }
}

@media (max-width: 825px) {
    .home-section--window-cleaning .section__blocks .deco-swipe--image, .home-section--window-cleaning .section__blocks .deco-swipe--colour {
        display: none
    }
}

.home-section--window-cleaning .section__blocks .deco-swipe--colour {
    display: none
}

@media (max-width: 825px) {
    .home-section--window-cleaning .section__blocks .deco-swipe--colour {
        opacity: .9;
        width: 90%;
        right: 50%;
        display: block
    }
}

.home-section--services {
    margin: var(--space-2xl) 0
}

    .home-section--services .wrapper {
        gap: var(--space-s)
    }

@media (max-width: 825px) {
    .home-section--services .wrapper {
        gap: var(--space-l)
    }
}

.home-section--services .section__info {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: var(--space-l);
    row-gap: var(--space-2xs)
}

@media (max-width: 825px) {
    .home-section--services .section__info {
        flex-wrap: wrap
    }
}

.home-section--services .section__info-btn {
    flex: 1 0 auto
}

.home-section--services .section__blocks {
    justify-content: flex-end
}

@media (max-width: 549px) {
    .home-section--services .section__blocks {
        justify-content: center
    }
}

.home-section--services .services-carousel {
    width: 100%;
    position: relative
}

    .home-section--services .services-carousel:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: linear-gradient(to right,rgba(255,255,255,0),rgb(255,255,255));
        height: 100%;
        width: var(--space-l);
        z-index: 1
    }

    .home-section--services .services-carousel.left-fade:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(to left,rgba(255,255,255,0),rgb(255,255,255));
        height: 100%;
        width: var(--space-l);
        z-index: 1
    }

    .home-section--services .services-carousel .slick-track {
        display: flex;
        align-items: stretch
    }

    .home-section--services .services-carousel .slick-list {
        padding: 0 6px 1rem
    }

    .home-section--services .services-carousel.slick-slider.slick-dotted {
        margin-bottom: var(--space-m)
    }

@media (max-width: 825px) {
    .home-section--services .services-carousel.slick-slider.slick-dotted {
        margin-bottom: var(--space-s)
    }
}

.home-section--services .services-carousel .slick-slide {
    height: auto
}

    .home-section--services .services-carousel .slick-slide:not(:last-of-type) {
        margin-right: var(--space-m)
    }

    .home-section--services .services-carousel .slick-slide > div {
        height: 100%
    }

.home-section--services .services-carousel__navigation {
    justify-content: flex-end;
    flex-direction: row;
    width: auto
}

    .home-section--services .services-carousel__navigation .slick-arrow.slick-disabled {
        opacity: .65
    }

    .home-section--services .services-carousel__navigation .slick-arrow i {
        width: var(--space-m);
        height: var(--space-m);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.6rem
    }

@media (max-width: 1000px) {
    .home-section--services .services-carousel__navigation .slick-arrow i {
        transform: rotate(0)
    }
}

.home-section--services .services-carousel__navigation .slick-dots {
    flex-direction: row
}

.home-section--why-solar {
    padding: var(--space-4xl) 0 var(--space-m);
    margin-top: calc(0px - var(--space-2xl));
    position: relative
}

    .home-section--why-solar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 703px;
        z-index: -1;
        background-image: url(/dist/assets/ellipse-bg-bf87eb7c.png);
        background-repeat: no-repeat;
        background-position: 42% 0;
        background-size: cover
    }

    .home-section--why-solar .wrapper {
        gap: var(--space-xs)
    }

        .home-section--why-solar .wrapper .button {
            margin-top: var(--space-s)
        }

.home-section--gallery {
    margin: var(--space-xl) 0 var(--space-2xl)
}

    .home-section--gallery .row--homepage-gallery {
        width: 110%;
        max-width: 210rem;
        margin: 0 auto
    }

@media (max-width: 549px) {
    .home-section--gallery .row--homepage-gallery {
        width: 150%
    }
}

.home-section--gallery ul {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: var(--space-2xs-m)
}

.home-section--gallery li {
    margin-bottom: 0
}

    .home-section--gallery li:nth-of-type(1), .home-section--gallery li:nth-of-type(2), .home-section--gallery li:nth-of-type(3), .home-section--gallery li:nth-of-type(4), .home-section--gallery li:nth-of-type(5) {
        position: relative;
        left: var(--space-xs)
    }

@media (min-width: 2000px) {
    .home-section--gallery li:nth-of-type(1), .home-section--gallery li:nth-of-type(2), .home-section--gallery li:nth-of-type(3), .home-section--gallery li:nth-of-type(4), .home-section--gallery li:nth-of-type(5) {
        left: 25%
    }
}

.home-section--gallery li:nth-of-type(6), .home-section--gallery li:nth-of-type(7), .home-section--gallery li:nth-of-type(8), .home-section--gallery li:nth-of-type(9), .home-section--gallery li:nth-of-type(10) {
    position: relative;
    right: 50%
}

@media (min-width: 2000px) {
    .home-section--gallery li:nth-of-type(6), .home-section--gallery li:nth-of-type(7), .home-section--gallery li:nth-of-type(8), .home-section--gallery li:nth-of-type(9), .home-section--gallery li:nth-of-type(10) {
        right: 25%
    }
}

@media (max-width: 825px) {
    .home-section--gallery li .image-container {
        border-radius: var(--border-radius-s)
    }
}

.page-container--services .section--window-cleaning, .page-container--services .section--other-services {
    margin: var(--space-xl) 0
}

.page-container--services .section--window-cleaning {
    margin-top: var(--space-2xl)
}

    .page-container--services .section--window-cleaning .section__blocks {
        flex-wrap: nowrap;
        column-gap: var(--space-m)
    }

@media (max-width: 825px) {
    .page-container--services .section--window-cleaning .section__blocks {
        flex-wrap: wrap
    }
}

.page-container--services .section--other-services .section__blocks {
    gap: var(--space-m);
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

@media (max-width: 1199px) {
    .page-container--services .section--other-services .section__blocks {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (max-width: 825px) {
    .page-container--services .section--other-services .section__blocks {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 549px) {
    .page-container--services .section--other-services .section__blocks {
        grid-template-columns: repeat(1,1fr)
    }
}

.page-container--services .section--other-services li {
    margin-bottom: 0
}

.page-container--services section.page-builder {
    position: relative;
    padding-top: var(--space-3xl)
}

    .page-container--services section.page-builder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 703px;
        z-index: -1;
        background-image: url(/dist/assets/ellipse-bg-bf87eb7c.png);
        background-repeat: no-repeat;
        background-position: 58% 3rem;
        background-size: cover
    }

.section--company-directory {
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-xl)
}

    .section--company-directory .row-container {
        padding-top: var(--space-2xl)
    }

    .section--company-directory .section__info {
        margin-bottom: var(--space-s)
    }

    .section--company-directory .section-info__text-container {
        width: 66.6666666667%;
        padding-right: var(--space-xl)
    }

@media (max-width: 825px) {
    .section--company-directory .section-info__text-container {
        width: 100%;
        padding-right: 0
    }
}

.section--company-directory .section-info__image {
    width: 33.3333333333%;
    position: relative
}

@media (max-width: 825px) {
    .section--company-directory .section-info__image {
        width: 100%;
        max-width: 80rem;
        margin-top: var(--space-m)
    }
}

.section--company-directory .section-info__image .image-deco {
    position: absolute;
    top: calc(0px - var(--space-m) - var(--space-4xs));
    left: calc(0px - var(--space-m));
    width: var(--space-2xl);
    height: var(--space-2xl);
    z-index: 2
}

@media (max-width: 825px) {
    .section--company-directory .section-info__image .image-deco {
        left: 0
    }
}

.section--company-directory .section-info__image img:not(.image-deco) {
    border-radius: var(--border-radius-m);
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 825px) {
    .section--company-directory .section-info__image img:not(.image-deco) {
        width: 100%;
        height: 35rem
    }
}

@media (max-width: 549px) {
    .section--company-directory .section-info__image img:not(.image-deco) {
        height: 20rem
    }
}

.section--company-directory .employee__role {
    margin-bottom: var(--space-4xs)
}

.section--warehouses {
    padding-top: var(--space-l);
    margin-bottom: var(--space-3xl)
}

@media (max-width: 825px) {
    .section--warehouses {
        padding-top: 0;
        margin-bottom: var(--space-xl)
    }
}

.section--warehouses .warehouse__address {
    margin-bottom: var(--space-2xs)
}

    .section--warehouses .warehouse__address p {
        margin-bottom: 0
    }

.section--warehouses .warehouse__numbers {
    display: flex;
    align-items: center;
    gap: var(--space-m)
}

@media (max-width: 400px) {
    .section--warehouses .warehouse__numbers {
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }
}

.section--warehouses .warehouse__phone a, .section--warehouses .warehouse__fax a {
    font-weight: 700
}

.section--company-directory .wrapper, .section--warehouses .wrapper {
    gap: var(--space-m)
}

.section--company-directory .employees, .section--company-directory .warehouses, .section--warehouses .employees, .section--warehouses .warehouses {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--space-s)
}

@media (max-width: 1199px) {
    .section--company-directory .employees, .section--company-directory .warehouses, .section--warehouses .employees, .section--warehouses .warehouses {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 768px) {
    .section--company-directory .employees, .section--company-directory .warehouses, .section--warehouses .employees, .section--warehouses .warehouses {
        grid-template-columns: repeat(1,1fr)
    }
}

.section--company-directory .employee, .section--company-directory .warehouse, .section--warehouses .employee, .section--warehouses .warehouse {
    background: var(--white);
    border: 2px solid var(--grey-200);
    border-radius: var(--border-radius-s);
    padding: var(--space-xs) var(--space-s) var(--space-s) var(--space-s)
}

    .section--company-directory .employee span, .section--company-directory .warehouse span, .section--warehouses .employee span, .section--warehouses .warehouse span {
        display: block
    }

.section--company-directory .employee__name, .section--company-directory .warehouse__name, .section--warehouses .employee__name, .section--warehouses .warehouse__name {
    margin-bottom: 0;
    font-weight: 700
}

.section--company-directory .employee__email, .section--company-directory .warehouse__email, .section--warehouses .employee__email, .section--warehouses .warehouse__email {
    line-break: anywhere
}

.section--company-directory .employee a, .section--company-directory .warehouse a, .section--warehouses .employee a, .section--warehouses .warehouse a {
    padding: 0
}

    .section--company-directory .employee a:hover, .section--company-directory .employee a:focus, .section--company-directory .warehouse a:hover, .section--company-directory .warehouse a:focus, .section--warehouses .employee a:hover, .section--warehouses .employee a:focus, .section--warehouses .warehouse a:hover, .section--warehouses .warehouse a:focus {
        opacity: .85
    }

        .section--company-directory .employee a:hover .fa-solid, .section--company-directory .employee a:focus .fa-solid, .section--company-directory .warehouse a:hover .fa-solid, .section--company-directory .warehouse a:focus .fa-solid, .section--warehouses .employee a:hover .fa-solid, .section--warehouses .employee a:focus .fa-solid, .section--warehouses .warehouse a:hover .fa-solid, .section--warehouses .warehouse a:focus .fa-solid {
            transform: none
        }

    .section--company-directory .employee a .fa-solid, .section--company-directory .warehouse a .fa-solid, .section--warehouses .employee a .fa-solid, .section--warehouses .warehouse a .fa-solid {
        margin-top: 1px
    }

    .section--company-directory .employee a .link-text, .section--company-directory .warehouse a .link-text, .section--warehouses .employee a .link-text, .section--warehouses .warehouse a .link-text {
        padding-left: var(--space-4xs)
    }

.app-login {
    padding-bottom: var(--space-xl);
    position: relative
}

    .app-login:before {
        content: url(/dist/assets/login-ellipse-5378466f.png);
        position: absolute;
        z-index: -1;
        right: 15%;
        top: -60rem
    }

@media (max-width: 1659px) {
    .app-login:before {
        right: 0%
    }
}

@media (max-width: 1199px) {
    .app-login:before {
        right: -10%
    }
}

@media (max-width: 1000px) {
    .app-login:before {
        right: -50%
    }
}

@media (max-width: 825px) {
    .app-login:before {
        right: -200%
    }
}

@media (max-width: 359px) {
    .app-login:before {
        right: -225%
    }
}

.app-login__bg {
    position: absolute;
    top: -12.5rem;
    right: -20%;
    min-height: 100vh;
    z-index: -2;
    height: 110%;
    width: auto
}

@media (max-width: 1659px) {
    .app-login__bg {
        right: -30%
    }
}

@media (max-width: 1199px) {
    .app-login__bg {
        right: -40%
    }
}

@media (max-width: 1000px) {
    .app-login__bg {
        right: -55%
    }
}

@media (max-width: 825px) {
    .app-login__bg {
        right: -70%
    }
}

@media (max-width: 359px) {
    .app-login__bg {
        height: 125%
    }
}

.app-login > .wrapper .app-login__container {
    max-width: 65rem
}

.app-login__container {
    padding-bottom: var(--space-3xl)
}

.app-login .text-container {
    margin-top: 10vh
}

    .app-login .text-container h1 {
        margin-bottom: var(--space-m)
    }

@media (max-width: 549px) {
    .app-login .text-container h1 {
        font-size: var(--h2)
    }
}

@media (max-width: 359px) {
    .app-login .text-container h1 {
        font-size: var(--h3)
    }
}

.app-login .text-container h1 span {
    position: relative;
    display: inline-block
}

.app-login .text-container h1 img {
    position: absolute;
    top: var(--space-3xs);
    left: calc(100% + var(--space-4xs));
    width: var(--space-l)
}

@media (max-width: 1000px) {
    .app-login .text-container h1 img {
        top: var(--space-4xs)
    }
}

@media (max-width: 549px) {
    .app-login .text-container h1 img {
        width: var(--space-m)
    }
}

@media (max-width: 359px) {
    .app-login .text-container h1 img {
        top: 0
    }
}

.app-login .form-container label.freeform-label.freeform-required:after {
    margin-left: 0
}

.app-login .form-container input {
    background-color: var(--white)
}

.row--work-with-us {
    position: relative;
    padding: var(--space-4xl) 0;
    overflow: hidden;
    background: linear-gradient(to bottom,rgba(233,244,254,.5),rgba(233,244,254,.5)),url(/dist/assets/tile-bg-4dd19401.png)
}

@media (max-width: 1000px) {
    .row--work-with-us {
        padding: var(--space-2xl) 0
    }
}

.row--work-with-us .image-container {
    position: absolute;
    top: calc(0px - (var(--space-4xl) + var(--space-2xs)));
    left: calc(0px - var(--space-l))
}

@media (max-width: 1659px) {
    .row--work-with-us .image-container {
        left: 0
    }
}

@media (max-width: 1000px) {
    .row--work-with-us .image-container {
        width: 12rem;
        left: calc(0px - var(--space-m))
    }

        .row--work-with-us .image-container img {
            width: 100%
        }
}

@media (max-width: 549px) {
    .row--work-with-us .image-container {
        top: calc(0px - (var(--space-l)));
        width: 8rem
    }
}

@media (max-width: 359px) {
    .row--work-with-us .image-container {
        width: 7rem
    }
}

.row--work-with-us .text-container {
    padding-left: var(--space-6xl);
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--space-l)
}

@media (max-width: 1199px) {
    .row--work-with-us .text-container {
        flex-wrap: wrap
    }
}

@media (max-width: 1000px) {
    .row--work-with-us .text-container {
        padding-left: var(--space-3xl)
    }
}

@media (max-width: 549px) {
    .row--work-with-us .text-container {
        padding-left: var(--space-2xl)
    }
}

@media (max-width: 359px) {
    .row--work-with-us .text-container {
        padding-left: var(--space-xl)
    }
}

.row--work-with-us .text-container__details {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs)
}

    .row--work-with-us .text-container__details h2 {
        margin-bottom: var(--space-s);
        position: relative;
        width: fit-content
    }

@media (max-width: 400px) {
    .row--work-with-us .text-container__details h2 {
        font-size: var(--h3)
    }
}

.row--work-with-us .text-container__details h2:before, .row--work-with-us .text-container__details h2:after {
    position: absolute
}

@media (max-width: 1000px) {
    .row--work-with-us .text-container__details h2:before, .row--work-with-us .text-container__details h2:after {
        transform: scale(.8)
    }
}

.row--work-with-us .text-container__details h2:before {
    content: url(/dist/assets/bling-left-c889f8c8.svg);
    bottom: calc(100% - var(--space-m));
    right: 100%
}

.row--work-with-us .text-container__details h2:after {
    content: url(/dist/assets/bling-right-38c82bc8.svg);
    top: calc(100% - var(--space-m));
    left: calc(100% - var(--space-3xs))
}

@media (max-width: 549px) {
    .row--work-with-us .text-container__details h2:after {
        display: none
    }
}

.row--work-with-us .text-container__details ul, .row--work-with-us .text-container__details li {
    display: flex;
    align-items: center
}

.row--work-with-us .text-container__details ul {
    column-gap: var(--space-l)
}

@media (max-width: 1659px) {
    .row--work-with-us .text-container__details ul {
        column-gap: var(--space-l)
    }
}

@media (max-width: 1199px) {
    .row--work-with-us .text-container__details ul {
        margin-bottom: var(--space-s)
    }
}

@media (max-width: 1000px) {
    .row--work-with-us .text-container__details ul {
        flex-wrap: wrap
    }
}

.row--work-with-us .text-container__details li {
    column-gap: var(--space-3xs)
}

.row--work-with-us .text-container__details span.fa-solid {
    color: color-mix(in srgb,var(--blue) 60%,transparent 40%)
}

.row--work-with-us .text-container__button {
    flex: 1 0 auto
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    overflow-x: hidden
}

    html.no-scroll {
        overflow: hidden
    }

* {
    box-sizing: border-box
}

body {
    font-family: Inter,sans-serif;
    color: var(--navy);
    background: var(--white)
}

    body.modal-open {
        padding-right: 0 !important
    }

.no-scroll body {
    padding-right: 15px
}

#page-container {
    position: relative
}

    #page-container.app-page-container {
        background-image: url(/dist/assets/body-bg-dark-a37bf43d.png);
        background-repeat: no-repeat
    }

        #page-container.app-page-container.no-background {
            background: none
        }

.dev-bubble {
    background-color: #00f;
    height: 5rem;
    width: 3rem;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    border-radius: 100%;
    color: #fff;
    z-index: 999
}

.dev-bubble--first {
    transform: none;
    left: .5rem;
    top: .5rem
}

.dev-bubble--a {
    background-color: #d884ff
}

.dev-bubble--b {
    background-color: #4fb5ff
}

.dev-bubble--c {
    background-color: #00b227
}

.dev-bubble--d {
    background-color: #ea7e00
}

.dev-bubble--e {
    background-color: #7b4cff
}

.dev-container {
    position: relative;
    min-height: 3rem;
    border: 2px dashed rgba(200,200,200,.3);
    z-index: 1;
    display: block;
    margin-top: 2rem;
    width: 100%
}

.inner .dev-container {
    border-color: #c8c8c8cc
}

.page-teaser-rows {
    margin: 5rem 0
}

.simple-block {
    border: 2px solid blue
}

.simple-block__img {
    width: 100%;
    height: auto
}

    .simple-block__img.lazyload {
        filter: blur(20px)
    }

.video-hero {
    margin-top: 2000px;
    position: relative;
    width: 100%;
    min-height: 70rem;
    height: 85vh;
    background-color: #333;
    overflow: hidden
}

@media (max-width: 825px) {
    .video-hero {
        min-height: 60rem;
        height: 100vh
    }
}

.video-hero #home-hero-video {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    opacity: 0;
    transition: opacity .4s ease-out
}

    .video-hero #home-hero-video.loaded {
        opacity: 1
    }

.video-hero__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

    .video-hero__image picture {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

        .video-hero__image picture img {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            object-fit: cover
        }

.video-hero .video-hero__loader {
    position: absolute;
    top: calc(50% - 48px);
    left: calc(50% - 48px);
    display: none
}

.video-hero__cover {
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: 1
}

    .video-hero__cover:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .5;
        background-color: #000
    }

@media (max-width: 549px) {
    .video-hero__cover {
        opacity: .7;
        background: linear-gradient(90deg,rgba(0,0,0,.4) 50%,rgba(255,255,255,.8) 100%)
    }
}

.video-hero .wrapper {
    display: flex;
    justify-content: center
}

.video-hero__content {
    padding: 6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    width: fit-content;
    position: absolute;
    z-index: 2
}

@media (max-width: 549px) {
    .video-hero__content {
        align-items: center
    }
}

.video-hero__title {
    color: #fff;
    max-width: 85rem;
    text-align: center
}

@media (max-width: 400px) {
    .video-hero__title {
        font-size: 3.7rem
    }
}

.video-hero__deco-line {
    height: 5px;
    width: 100%;
    max-width: 85rem;
    background: linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,0) 99.31%);
    margin-bottom: 2.5rem
}

.video-hero__desc {
    color: #fff;
    max-width: 75rem;
    margin-bottom: 2.7rem
}

@media (max-width: 549px) {
    .video-hero__desc {
        text-align: center
    }
}

.lazyload {
    filter: blur(1rem);
    transition: filter 5s ease-in-out
}

.mediabox {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden
}

    .mediabox img {
        height: auto
    }

#storybook-wrapper {
    max-width: 1200px
}

@font-face {
    font-family: lg;
    src: url(data:font/woff2;base64,d09GMgABAAAAAAkcAAsAAAAAEogAAAjNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgSQRCAqcLJZKCzoAATYCJANwBCAFgkoHIBupDgDm53Gzej8JpU0wqygVVyoWwphIsuuw60jpmBY6ppTa7mk7jtx57UQ0V2ulvfmteSIQji061T2HvfDEECASKizU5VUQXFjFRtgYTVg+woiYDVezOThR4tAvr/YYgOO/RZ+BAABzYtMA8Kl8Neg3UIDCoCkOyWBuLcCvSHycH78QvhFxmUCK03A0RwGSvXBAHgR8UB8DMvocJYAgbiZiJnqmYGbXjG3mz7P8nHhe8Uvxr0j+fzwPABAjWT1E83IJHh/x87G/jv1l7JtYR+y+WF2MKAai/qfDtfIRt7hBikI8D1IpipXqWqYSDgDBfwE7qDLw5EEALqFRDMKAsApNwchXAJgFL/WETMbKcDVSifR6QkjwkDaRTEugqlBtKVcL6Smi1dHlIqUmuii6Pic1JTIlFTX3uRenMNpiCiKOCZBm2ges0b/ScigDVgcb2MEHfloel7e1z208KrZUeQFjK0dIkbl6FOFczRhFE6zaRklPlz52tOXcKtmpdqisgHnbxRatg66vsZNHaWMPQ/eZmH6jaavlNASsipbKwVZSYrRm1mywI0670UEdhLy+yuscolSZJHKwg5IyNzRJQbKRZiicwnYiChjO1vSbKCBpkAgCjGIb6KCvA5GL0VHeUDwAQEHkSC2ToBJhKN9KAneim2ekLf1vENf3mjT3vAS295XY2MMgzRpSqTVWpt4ang+ksXynRUQPlkFOu+b6Yw0jBp8krbXbYbjc5mn6KpsNWKtqtcNz0D8xTTQKzthbZYAxLev3NkFgyYWsngBjGo8jg6a9Y3rKR9Pfqun10RvJi9X9foZGvrltMkJgWR7dhI7SSITEaBWIQQTMUSOJkTi5nlqpZUfNKcYD1Do/ZdkbR8UeVpKLSbMVgKLX0flzQYqCrLpll+/vus2IM9+lbdTgWWRLQJqvaq7eHKulgL2ssp7LrpxR2DBI/ja1zXvi7cS1E0Gr0uhy7PUGwPmdkkdjEYOjpGnQRXowC/GBq51eymLRXrsXsTzXX37VlXzeVxoI6m8Gy67oBnzsB6DoQYY7GHM2fbT4oS9zON45lPnwbmww2BL0G89EnfaVPi5eJ3NZFtjc277Wb9M1A+UWG2WZyrj6PMKmLHRoH04iZLuivlsHTmm9/qYJ1r2Z90DtuKYduK6SdNZ3dRRxHAoE+l4HGM6MyIe+0se+zHEfsP4s2sqqnVdSTE/8lCVYMRVsuBVEJOvT3fa1Xr4X2iDZflVFmxyDmpu1r8b9IsVzXUB9w1/l9ccf7WCszaI1ATtUx7oRztk1dtbBcciudJAi83Vv2yaTg9uON6toxLlIM2GVxClo2eVBt5gcOHRwHLIpptC92TeKRi3MjtBkTAOaoU+6P1q364+kdgt/+xh2fRvlOf2p5xR4ut7P4s0sPwY63OguajQWuYqMjUWaA9100ya6yHdHr/BMyxN9QmGa2zjPnbZr17KTy9weKwqXYtqjcMunRkgE9kP+Refvml14hAZw8WFQGmZnnaEi0eLUQTCc+tLSphVyaUH6lAJoXjF1MDiaFSOexNCRKYW8TOkhKzDEDjPDvHHI3c5hXbQLhujhUuPmBYd+N/EaktFsDqoDo4/G0yx70s3SSuXJDIvjMNsIQ7TDqb+/sv8NHGl6BvDAMOnsCpv9PQcP9tS6N294zEnwtNdt2tfTXSz7JGwAqALmbKpr90BaeqA9tlvduWP4/xa0thZcJMNDC6XqrFuy2xGF7YaiQkN7UfhEbMaNkOxQHezh7YVFBsP9TcoybgmzhaExmpxb/78Naf89LmVWthVvvSWh3rZUWtlMFStWENDf5uqEd2LiP/M/fvWEWUntjnTynpI2ainnLdjPUIvL2uGFJvoUQy0taZvPePLqxy0lK6mUo8yp6B+WtdyyTHivdrgLZrhbvAOlWMbQEJtJZ7JuXgRLC+hwe/kb90WvW4U4/PGGRUmLk995J1loWLRhQwVCKkve4JOS8YJASY+P8KQNe/vahGNU8TJRe/eCaaG7ozsrt6Ixu623v/ck0rvlG2EYBoAh6abIxoZ9UeHoNQAiMPKv/8pIi+47EAMHcfLh7dyX8q0Po+Iap94fFob+4fr/DXr96x+j1x2dhZ0dBfRqardjBIZ+M+S6Lo6ojE+4HKF7Kz7zG+eCOkwQ98UfOirDqrckKPVz3sR8srT/gsev3H0p3Rq7wkD1JLE/XZ+2Ze5pV5eqPiqqmBkc1PQYDBvlk5MdqQff21UyInvyhyjMsHXV33tD3zaQ7Us/NKfX44qLQ/8ffOtzXIjnymRNXampDWkGDR5yOyThG2/9UXC6liWEEz0hX+uR1Xg780i4eNOSig3Fk2pSkPpBqrrmx3/+TbB2ya9ePfrGJx98H8rvjKsRQoSh/G0s8cO6bhwwUI8vUz1c21B04cscrjVV1q8zzCVJkmv/T8y21/bLszJpxeqptculJZpleUyKrPX/X3QZBL+rl+hTWuR/2At7LhYVX9BBsULaqi9LWh+6xMDLW6V65dy2gsMbszemQ96XMDvrSfRM60ceo5R/oGDXB0KrxJsTACBhbV48S4Cd5IeyAVdU5Yg+2nPGKS+XAwmOljrwpIdMmdJPexI9ndnIXUIVgety83YzRdXD6E6YvF0gVGJRMhpOyQW6xGM0Zbq7zw8AoAcWAYa7cSOsARF+Fm8DBAAYgDUq07ZSWvm3UIoAAIAfde39SB7Hz+K/xR9vAkMBg0YE8PKEChkH47+9MDggitAdAEObxnBmZAFu5C4eyMxqN/2c3ZUK2qJ+tDUvrTR/BGHDbqZplsDNZVVQjIaim4XA6TE4YLCfEdweIwAKaArx8aN1JETYMNMDEWGYZdRjMJDAB4T7+EEiwAdiBKCBlRQCfnwjEgohbttG2AYb3yS+7tWIDW1rd/6mMedAM+yEHbAvWge0XgNevwdW20Cmdfb6NXBYqm+DtZHUyUW88R/abjA/OxeYpIa9sNmNGMqHbMgd2CAZPzVuOfQFg5H275pWwx73mQMODQAAAA==) format("woff2"),url(/dist/assets/lg-22b72ba5.ttf?io9a6k) format("truetype"),url(/dist/assets/lg-fefc5c0d.woff?io9a6k) format("woff"),url(/dist/assets/lg-f2fe1c00.svg?io9a6k#lg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: lg !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-container {
    font-family: 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"
}

.lg-next, .lg-prev {
    background-color: #00000073;
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1084;
    outline: none;
    border: none
}

    .lg-next.disabled, .lg-prev.disabled {
        opacity: 0 !important;
        cursor: default
    }

    .lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {
        color: #fff
    }

.lg-single-item .lg-next, .lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 20px
}

    .lg-next:before {
        content: ""
    }

.lg-prev {
    left: 20px
}

    .lg-prev:after {
        content: ""
    }

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-media-overlap .lg-toolbar {
    background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    will-change: color;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
    background: none;
    border: none;
    box-shadow: none
}

    .lg-toolbar .lg-icon.lg-icon-18 {
        font-size: 18px
    }

    .lg-toolbar .lg-icon:hover {
        color: #fff
    }

.lg-toolbar .lg-close:after {
    content: ""
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

    .lg-toolbar .lg-maximize:after {
        content: ""
    }

.lg-toolbar .lg-download:after {
    content: ""
}

.lg-sub-html {
    color: #eee;
    font-size: 16px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out 0s;
    -o-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

    .lg-sub-html h4 {
        margin: 0;
        font-size: 13px;
        font-weight: 700
    }

    .lg-sub-html p {
        font-size: 12px;
        margin: 5px 0 0
    }

    .lg-sub-html a {
        color: inherit
    }

        .lg-sub-html a:hover {
            text-decoration: underline
        }

.lg-media-overlap .lg-sub-html {
    background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-error-msg {
    font-size: 14px;
    color: #999
}

.lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle
}

.lg-closing .lg-toolbar, .lg-closing .lg-prev, .lg-closing .lg-next, .lg-closing .lg-sub-html {
    opacity: 0;
    -webkit-transition: -webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;
    -moz-transition: -moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;
    -o-transition: -o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;
    transition: transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
    opacity: 0;
    -moz-transform: scale3d(.5,.5,.5);
    -o-transform: scale3d(.5,.5,.5);
    -ms-transform: scale3d(.5,.5,.5);
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5);
    will-change: transform,opacity;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) !important;
    -moz-transition: -moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) !important;
    -o-transition: -o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) !important;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
    opacity: 1;
    -moz-transform: scale3d(1,1,1);
    -o-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    -webkit-transform: scale3d(1,1,1);
    transform: scaleZ(1)
}

.lg-icon:focus-visible {
    color: #fff;
    border-radius: 3px;
    outline: 1px dashed rgba(255,255,255,.6)
}

.lg-toolbar .lg-icon:focus-visible {
    border-radius: 8px;
    outline-offset: -5px
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-container {
    display: none;
    outline: none
}

.lg-on {
    scroll-behavior: unset
}

.lg-overlay-open {
    overflow: hidden
}

.lg-toolbar, .lg-prev, .lg-next, .lg-pager-outer, .lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    will-change: transform,opacity;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s
}

.lg-show-in .lg-toolbar, .lg-show-in .lg-prev, .lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: .001;
    outline: none;
    will-change: auto;
    overflow: hidden;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

    .lg-outer * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .lg-outer.lg-zoom-from-image, .lg-outer.lg-visible {
        opacity: 1
    }

    .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
        -webkit-transition-duration: inherit !important;
        transition-duration: inherit !important;
        -webkit-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important
    }

    .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important;
        opacity: 1
    }

    .lg-outer.lg-grab img.lg-object {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }

    .lg-outer.lg-grabbing img.lg-object {
        cursor: move;
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: -o-grabbing;
        cursor: -ms-grabbing;
        cursor: grabbing
    }

    .lg-outer .lg-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .lg-outer .lg-inner {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-transition: opacity 0s;
        -o-transition: opacity 0s;
        transition: opacity 0s;
        white-space: nowrap
    }

    .lg-outer .lg-item {
        display: none !important
    }

        .lg-outer .lg-item:not(.lg-start-end-progress) {
            background: url(/dist/assets/loading-298ad3ff.gif) no-repeat scroll center center transparent
        }

    .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css .lg-current {
        display: inline-block !important
    }

    .lg-outer .lg-item, .lg-outer .lg-img-wrap {
        display: inline-block;
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%
    }

        .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }

    .lg-outer .lg-img-wrap {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        white-space: nowrap;
        font-size: 0
    }

    .lg-outer .lg-item.lg-complete {
        background-image: none
    }

    .lg-outer .lg-item.lg-current {
        z-index: 1060
    }

    .lg-outer .lg-object {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        position: relative
    }

    .lg-outer .lg-empty-html.lg-sub-html, .lg-outer .lg-empty-html .lg-sub-html {
        display: none
    }

    .lg-outer.lg-hide-download .lg-download {
        opacity: .75;
        pointer-events: none
    }

    .lg-outer .lg-first-slide .lg-dummy-img {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
        -webkit-transform: translate3d(0,0%,0);
        transform: translateZ(0);
        opacity: 1
    }

    .lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
        opacity: 1;
        transition: opacity .2s ease-out .15s
    }

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    will-change: auto;
    -webkit-transition: opacity 333ms ease-in 0s;
    -o-transition: opacity 333ms ease-in 0s;
    transition: opacity 333ms ease-in 0s
}

    .lg-backdrop.in {
        opacity: 1
    }

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

    .lg-css3.lg-fade .lg-item.lg-current {
        opacity: 1
    }

    .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
        -webkit-transition: opacity .1s ease 0s;
        -moz-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        transition: opacity .1s ease 0s
    }

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;
    -o-transition: -o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;
    transition: transform 1s cubic-bezier(.175,.885,.32,1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
        -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
        -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
        transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
    }

.lg-container {
    display: none
}

    .lg-container.lg-show {
        display: block
    }

    .lg-container.lg-dragging-vertical .lg-backdrop {
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important
    }

    .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important;
        opacity: 1
    }

.lg-inline .lg-backdrop, .lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: ""
}

.lg-components {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    will-change: transform;
    -webkit-transition: -webkit-transform .35s ease-out 0s;
    -moz-transition: -moz-transform .35s ease-out 0s;
    -o-transition: -o-transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s;
    z-index: 1080;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0ms !important;
    transition-duration: 0ms !important
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;
    -moz-transition: -moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;
    -o-transition: -o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;
    transition: transform .5s cubic-bezier(.12,.415,.01,1.19) 0s
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    -webkit-transition: -webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform .8s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform .8s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .8s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
    -webkit-transform: scale3d(1,1,1);
    transform: scaleZ(1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s !important;
    -moz-transition: -moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s !important;
    -o-transition: -o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s !important;
    transition: transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

    .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
        transition: none !important
    }

    .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
        transform: scaleZ(1) translate3d(-50%,-50%,0) !important;
        max-width: none !important;
        max-height: none !important;
        top: 50% !important;
        left: 50% !important
    }

    .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
        transform: scaleZ(1) translate3d(-50%,0,0) !important;
        top: 0 !important;
        left: 50% !important;
        max-width: none !important;
        max-height: none !important
    }

    .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
        transform: scaleZ(1) translate3d(0,-50%,0) !important;
        top: 50% !important;
        left: 0% !important;
        max-width: none !important;
        max-height: none !important
    }

.lg-icon.lg-zoom-in:after {
    content: ""
}

.lg-actual-size .lg-icon.lg-zoom-in {
    opacity: .5;
    pointer-events: none
}

.lg-icon.lg-actual-size {
    font-size: 20px
}

    .lg-icon.lg-actual-size:after {
        content: ""
    }

.lg-icon.lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

    .lg-icon.lg-zoom-out:after {
        content: ""
    }

.lg-zoomed .lg-icon.lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer[data-lg-slide-type=video] .lg-zoom-in, .lg-outer[data-lg-slide-type=video] .lg-actual-size, .lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, .lg-outer[data-lg-slide-type=iframe] .lg-actual-size, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in, .lg-outer.lg-first-slide-loading .lg-actual-size, .lg-outer.lg-first-slide-loading .lg-zoom-out {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    float: left
}

    .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }

    .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
        cursor: move;
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: -o-grabbing;
        cursor: -ms-grabbing;
        cursor: grabbing
    }

    .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb, .lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important
    }

    .lg-outer .lg-thumb-outer.lg-thumb-align-middle {
        text-align: center
    }

    .lg-outer .lg-thumb-outer.lg-thumb-align-left {
        text-align: left
    }

    .lg-outer .lg-thumb-outer.lg-thumb-align-right {
        text-align: right
    }

.lg-outer.lg-single-item .lg-thumb-outer {
    display: none
}

.lg-outer .lg-thumb {
    padding: 5px 0;
    height: 100%;
    margin-bottom: -5px;
    display: inline-block;
    vertical-align: middle
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb {
        padding: 10px 0
    }
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    margin-bottom: 5px;
    will-change: border-color
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb-item {
        border-radius: 4px;
        border: 2px solid #fff;
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer .lg-toggle-thumb:after {
    content: ""
}

.lg-outer.lg-animate-thumb .lg-thumb {
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: slick;
    src: url(data:application/vnd.ms-fontobject;base64,QAgAAKQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAAAAgCAgAAAAAAAAAAAAAAEAAAAAAAAAuYRXJgAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTYzF/n8AAAeIAAAAHEdERUYAKQAOAAAHaAAAAB5PUy8yj7sB2gAAAVgAAABWY21hcIlxJ78AAAHIAAABamdhc3D//wADAAAHYAAAAAhnbHlmntpQOwAAA0gAAAI8aGVhZBf2+cMAAADcAAAANmhoZWED6QIFAAABFAAAACRobXR4BkoAgQAAAbAAAAAYbG9jYQJEAa4AAAM0AAAAEm1heHAATAA9AAABOAAAACBuYW1lAiaBzgAABYQAAAFucG9zdNlT+T8AAAb0AAAAaQABAAAAAQAAJleEuV8PPPUACwIAAAAAANtsXGMAAAAA22xcYwAlACEB2wHfAAAACAACAAAAAAAAAAEAAAHfAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAIADoAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAAAAAAgIAAAAAAAAAAAUGZFZABAICIltgHg/+AALgHf/98AAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQA3AAAAAwAAAAMAAAAcAAEAAAAAAGQAAwABAAAAHAAEAEgAAAAOAAgAAgAGAAAgIiGQIZIj+CW2//8AAAAAICIhkCGSI/gltv//AADf495z3nLcDtpRAAEAAAAAAAAAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFYArADQAQIBHgAAAAIAJQAlAdsB2wAlADkAACU1NCcmKwE3NjU0LwEmIyIPAgYUHwIWMzI/ATY1NC8BMzI3PgEUBwYHBiInJicmNDc2NzYyFxYXAZIFBgePNgUFGgUICQRoGgUFGmgECQgFGgUFNo8HBgVJHR4yMHwwMh4dHR4yMHwwMh7uJAgFBjYFBwgFGgUFZxoHDAcaZwUFGgUIBwU2BgVYfDAyHh0dHjIwfDAyHh0dHjIAAAACACUAJQHbAdsAJQA5AAAkNC8CJiMiDwEGFRQfASMiBwYdARQXFjsBBwYVFB8BFjMyPwI2FAcGBwYiJyYnJjQ3Njc2MhcWFwGUBRpoBAkIBRoFBTaPBwYFBQYHjzYFBRoFCAkEaBpMHR4yMHwwMh4dHR4yMHwwMh76DAcaZwUFGgUIBwU2BgUIJAgFBjYFBwgFGgUFZxpLfDAyHh0dHjIwfDAyHh0dHjIAAAAAAQAlACUB2wHbABMAAAAUBwYHBiInJicmNDc2NzYyFxYXAdsdHjIwfDAyHh0dHjIwfDAyHgE+fDAyHh0dHjIwfDAyHh0dHjIAAgAlACUB2wHbAA8AHwAAAREUBisBIiY1ETQ2OwEyFgURFAYrASImNRE0NjsBMhYB2woIkggKCgiSCAr/AAoIkggKCgiSCAoByf5uCAoKCAGSCAoKCP5uCAoKCAGSCAoKAAAAAAEANwAhAckB3wANAAAlBQYnJjURNDc2FwUWFAHC/oUGBQUFBQYBewf30wMCAwgBpAgDAgPTBAoAAAAMAJYAAQAAAAAAAQAFAAwAAQAAAAAAAgAHACIAAQAAAAAAAwAhAG4AAQAAAAAABAAFAJwAAQAAAAAABQALALoAAQAAAAAABgAFANIAAwABBAkAAQAKAAAAAwABBAkAAgAOABIAAwABBAkAAwBCACoAAwABBAkABAAKAJAAAwABBAkABQAWAKIAAwABBAkABgAKAMYAcwBsAGkAYwBrAABzbGljawAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABzAGwAaQBjAGsAIAA6ACAAMgA2AC0AOAAtADIAMAAyADAAAEZvbnRGb3JnZSAyLjAgOiBzbGljayA6IDI2LTgtMjAyMAAAcwBsAGkAYwBrAABzbGljawAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAcwBsAGkAYwBrAABzbGljawAAAAACAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAgAAAABAAIBAgEDAQQBBQEGEWFycm93LWNpcmNsZS1sZWZ0EmFycm93LWNpcmNsZS1yaWdodAZjaXJjbGUFcGF1c2UEcGxheQAAAAAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAcAAQAEAAAAAgAAAAAAAAABAAAAANXtRbgAAAAA22xcYwAAAADbbFxj);
    src: url(data:application/vnd.ms-fontobject;base64,QAgAAKQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAAAAgCAgAAAAAAAAAAAAAAEAAAAAAAAAuYRXJgAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTYzF/n8AAAeIAAAAHEdERUYAKQAOAAAHaAAAAB5PUy8yj7sB2gAAAVgAAABWY21hcIlxJ78AAAHIAAABamdhc3D//wADAAAHYAAAAAhnbHlmntpQOwAAA0gAAAI8aGVhZBf2+cMAAADcAAAANmhoZWED6QIFAAABFAAAACRobXR4BkoAgQAAAbAAAAAYbG9jYQJEAa4AAAM0AAAAEm1heHAATAA9AAABOAAAACBuYW1lAiaBzgAABYQAAAFucG9zdNlT+T8AAAb0AAAAaQABAAAAAQAAJleEuV8PPPUACwIAAAAAANtsXGMAAAAA22xcYwAlACEB2wHfAAAACAACAAAAAAAAAAEAAAHfAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAIADoAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAAAAAAgIAAAAAAAAAAAUGZFZABAICIltgHg/+AALgHf/98AAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQA3AAAAAwAAAAMAAAAcAAEAAAAAAGQAAwABAAAAHAAEAEgAAAAOAAgAAgAGAAAgIiGQIZIj+CW2//8AAAAAICIhkCGSI/gltv//AADf495z3nLcDtpRAAEAAAAAAAAAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFYArADQAQIBHgAAAAIAJQAlAdsB2wAlADkAACU1NCcmKwE3NjU0LwEmIyIPAgYUHwIWMzI/ATY1NC8BMzI3PgEUBwYHBiInJicmNDc2NzYyFxYXAZIFBgePNgUFGgUICQRoGgUFGmgECQgFGgUFNo8HBgVJHR4yMHwwMh4dHR4yMHwwMh7uJAgFBjYFBwgFGgUFZxoHDAcaZwUFGgUIBwU2BgVYfDAyHh0dHjIwfDAyHh0dHjIAAAACACUAJQHbAdsAJQA5AAAkNC8CJiMiDwEGFRQfASMiBwYdARQXFjsBBwYVFB8BFjMyPwI2FAcGBwYiJyYnJjQ3Njc2MhcWFwGUBRpoBAkIBRoFBTaPBwYFBQYHjzYFBRoFCAkEaBpMHR4yMHwwMh4dHR4yMHwwMh76DAcaZwUFGgUIBwU2BgUIJAgFBjYFBwgFGgUFZxpLfDAyHh0dHjIwfDAyHh0dHjIAAAAAAQAlACUB2wHbABMAAAAUBwYHBiInJicmNDc2NzYyFxYXAdsdHjIwfDAyHh0dHjIwfDAyHgE+fDAyHh0dHjIwfDAyHh0dHjIAAgAlACUB2wHbAA8AHwAAAREUBisBIiY1ETQ2OwEyFgURFAYrASImNRE0NjsBMhYB2woIkggKCgiSCAr/AAoIkggKCgiSCAoByf5uCAoKCAGSCAoKCP5uCAoKCAGSCAoKAAAAAAEANwAhAckB3wANAAAlBQYnJjURNDc2FwUWFAHC/oUGBQUFBQYBewf30wMCAwgBpAgDAgPTBAoAAAAMAJYAAQAAAAAAAQAFAAwAAQAAAAAAAgAHACIAAQAAAAAAAwAhAG4AAQAAAAAABAAFAJwAAQAAAAAABQALALoAAQAAAAAABgAFANIAAwABBAkAAQAKAAAAAwABBAkAAgAOABIAAwABBAkAAwBCACoAAwABBAkABAAKAJAAAwABBAkABQAWAKIAAwABBAkABgAKAMYAcwBsAGkAYwBrAABzbGljawAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABzAGwAaQBjAGsAIAA6ACAAMgA2AC0AOAAtADIAMAAyADAAAEZvbnRGb3JnZSAyLjAgOiBzbGljayA6IDI2LTgtMjAyMAAAcwBsAGkAYwBrAABzbGljawAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAcwBsAGkAYwBrAABzbGljawAAAAACAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAgAAAABAAIBAgEDAQQBBQEGEWFycm93LWNpcmNsZS1sZWZ0EmFycm93LWNpcmNsZS1yaWdodAZjaXJjbGUFcGF1c2UEcGxheQAAAAAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAcAAQAEAAAAAgAAAAAAAAABAAAAANXtRbgAAAAA22xcYwAAAADbbFxj) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVMAAsAAAAAB3gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC8AAAAhIAAAKwCrPFNEZGVE0AAAUgAAAAGgAAAByMxf5/R0RFRgAABQQAAAAcAAAAHgAnAAxPUy8yAAABYAAAAE4AAABgj9wB+WNtYXAAAAKMAAAAUQAAAWqJbSayaGVhZAAAAQgAAAAvAAAANhf2+cJoaGVhAAABOAAAAB0AAAAkA+cCA2htdHgAAAU8AAAAEAAAABAESgCBbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABsAAAANwAAAFuAiaBznBvc3QAAALgAAAAEAAAACAAAwABeJxjYGRgYADiTac3K8Tz23xl4GZiAIHbOTHJcFqVQYnxNuNdIJeDASwNACkUChYAeJxjYGRgYLzLwMCgx8QAAoy3GRgZUAETADCgAe8AAAAAAFAAAAYAAHicY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQOYVFBggIKANNcUBgcFJdVtjA/+P2DQY7z7/x5QmBEmz6AAhIwANykNXAAAeJxtjj1qw0AQhT/Zkk1+SJEi9TplQELewhiXKXSAFO6NWYSwkGBl3yNVqlQ+hg+QA+REeVovpEgWhvfN483OAPd8kDC+hEzdlSfMeY48ZUEXOVXmM3LGHZfIM3XfSibpjZzbMDXyhAceI0955SVyqsx75IwnzpFn8r8YaGnYc4ChbfaSNxw1J/k7vFpXn9qdoKLXbcegXgmHwVJQSjeq35+uvWVFzlpllRmLqu+OVe9rZ2xRmo0JG6V2la9zW1pF/t6z1SYvvwn7Dcuwk63zQ9N3Zln8N/UDkQcyTXicY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGwKCgpDhBcZLyD9Vt//+DFKLy7z+8V3iv4A7PLX+oOUiAEagbQ3AwAmbaGQ0A1lcSwAAAAHicY2BmQAaMDGgAAACOAAV4nFWRQWsTURDH56XZ5JEuaY2uKARtSQkiFA9eevHg3ZvGm4ewJHVjIN20EnoNum93Z/e9Vfae03pKMJJPkK8gfpL2kIUWdN5GBBl4b5j/m5nfm2FQLgNjrHI+dOwPwErA4GV+UMoPd/IH5chkaO6gWX5Ug4evG78R/zlmdbnIR/nYaMK3vSbAfhN+3GmC2SxZDajqMg04gqfwDJ7DCbzojsejybHtjO1h73jY61/8Fxg7p+8vtv5Z9+N572zYvSyAtlQATDCfBSxkCBVduwSfGGf77DF7U8/bm6mFXuD5vhAi8JDftHDdMaQfC/TwcyB8n7uuQWLoUcCLfMVbV25m+CpQmGASK6l4ll1fGVIlEQVQhUrwzNU1ipSiRqezaaFBYqDEVuC/Lq2DWj1/skmt4pGgRq0jwxde0UpEQnHdSAbJ30aSr9fEZ5AYC7UV+PcqaYmUSqk4QU5tOmudpOm+FElZZpBYsCWhFPz6SNMJ/UP+875mGBFDcefvrMPaTZq36arnbzdoJTKWSBZIT/Lbvc2p4cU++qEIQp1/e1KloQgVyFASB6/n6T20vpo1WuddKDH2KsTVdDmZTxZu5swGs35qo4396WDiTFyXjsG0jzZHO+2T6mTugt4upytc4TKdzxazLKNjni5xxXeJXwltkd5Uu0KDCIXeTYHS3qJoC/Uk2hWad6T032kYfPcP0cMZ9wAAeJxjYGRgYOABYjEgZmJgBEJWIGYB8xgAA9UANHicY2BgYGQAgqtvXXeA6Ns5MckwGgBPSAbNAAACAAAAAgAAJQAlACUAJQA3) format("woff"),url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTYzF/n8AAAeIAAAAHEdERUYAKQAOAAAHaAAAAB5PUy8yj7sB2gAAAVgAAABWY21hcIlxJ78AAAHIAAABamdhc3D//wADAAAHYAAAAAhnbHlmntpQOwAAA0gAAAI8aGVhZBf2+cMAAADcAAAANmhoZWED6QIFAAABFAAAACRobXR4BkoAgQAAAbAAAAAYbG9jYQJEAa4AAAM0AAAAEm1heHAATAA9AAABOAAAACBuYW1lAiaBzgAABYQAAAFucG9zdNlT+T8AAAb0AAAAaQABAAAAAQAAJleEuV8PPPUACwIAAAAAANtsXGMAAAAA22xcYwAlACEB2wHfAAAACAACAAAAAAAAAAEAAAHfAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAIADoAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAAAAAAgIAAAAAAAAAAAUGZFZABAICIltgHg/+AALgHf/98AAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQA3AAAAAwAAAAMAAAAcAAEAAAAAAGQAAwABAAAAHAAEAEgAAAAOAAgAAgAGAAAgIiGQIZIj+CW2//8AAAAAICIhkCGSI/gltv//AADf495z3nLcDtpRAAEAAAAAAAAAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFYArADQAQIBHgAAAAIAJQAlAdsB2wAlADkAACU1NCcmKwE3NjU0LwEmIyIPAgYUHwIWMzI/ATY1NC8BMzI3PgEUBwYHBiInJicmNDc2NzYyFxYXAZIFBgePNgUFGgUICQRoGgUFGmgECQgFGgUFNo8HBgVJHR4yMHwwMh4dHR4yMHwwMh7uJAgFBjYFBwgFGgUFZxoHDAcaZwUFGgUIBwU2BgVYfDAyHh0dHjIwfDAyHh0dHjIAAAACACUAJQHbAdsAJQA5AAAkNC8CJiMiDwEGFRQfASMiBwYdARQXFjsBBwYVFB8BFjMyPwI2FAcGBwYiJyYnJjQ3Njc2MhcWFwGUBRpoBAkIBRoFBTaPBwYFBQYHjzYFBRoFCAkEaBpMHR4yMHwwMh4dHR4yMHwwMh76DAcaZwUFGgUIBwU2BgUIJAgFBjYFBwgFGgUFZxpLfDAyHh0dHjIwfDAyHh0dHjIAAAAAAQAlACUB2wHbABMAAAAUBwYHBiInJicmNDc2NzYyFxYXAdsdHjIwfDAyHh0dHjIwfDAyHgE+fDAyHh0dHjIwfDAyHh0dHjIAAgAlACUB2wHbAA8AHwAAAREUBisBIiY1ETQ2OwEyFgURFAYrASImNRE0NjsBMhYB2woIkggKCgiSCAr/AAoIkggKCgiSCAoByf5uCAoKCAGSCAoKCP5uCAoKCAGSCAoKAAAAAAEANwAhAckB3wANAAAlBQYnJjURNDc2FwUWFAHC/oUGBQUFBQYBewf30wMCAwgBpAgDAgPTBAoAAAAMAJYAAQAAAAAAAQAFAAwAAQAAAAAAAgAHACIAAQAAAAAAAwAhAG4AAQAAAAAABAAFAJwAAQAAAAAABQALALoAAQAAAAAABgAFANIAAwABBAkAAQAKAAAAAwABBAkAAgAOABIAAwABBAkAAwBCACoAAwABBAkABAAKAJAAAwABBAkABQAWAKIAAwABBAkABgAKAMYAcwBsAGkAYwBrAABzbGljawAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABzAGwAaQBjAGsAIAA6ACAAMgA2AC0AOAAtADIAMAAyADAAAEZvbnRGb3JnZSAyLjAgOiBzbGljayA6IDI2LTgtMjAyMAAAcwBsAGkAYwBrAABzbGljawAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAcwBsAGkAYwBrAABzbGljawAAAAACAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAgAAAABAAIBAgEDAQQBBQEGEWFycm93LWNpcmNsZS1sZWZ0EmFycm93LWNpcmNsZS1yaWdodAZjaXJjbGUFcGF1c2UEcGxheQAAAAAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAcAAQAEAAAAAgAAAAAAAAABAAAAANXtRbgAAAAA22xcYwAAAADbbFxj) format("truetype"),url(/dist/assets/slick-32ae79ae.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-loading .slick-list {
    background: #fff url(/dist/assets/ajax-loader-e7b44c86.gif) center center no-repeat
}

.slick-next, .slick-prev {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    border: none;
    transform: translateY(-50%)
}

    .slick-next:focus .slick-next-icon, .slick-next:focus .slick-prev-icon, .slick-next:hover .slick-next-icon, .slick-next:hover .slick-prev-icon, .slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon, .slick-prev:hover .slick-next-icon, .slick-prev:hover .slick-prev-icon {
        opacity: 1
    }

    .slick-next:focus, .slick-prev:focus {
        top: calc(50% - 1px)
    }

        .slick-next:focus .slick-next-icon, .slick-next:focus .slick-prev-icon, .slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon {
            color: orange;
            font-size: 28px;
            margin-left: -2px
        }

    .slick-next.slick-disabled, .slick-prev.slick-disabled {
        cursor: default
    }

        .slick-next.slick-disabled .slick-next-icon, .slick-next.slick-disabled .slick-prev-icon, .slick-prev.slick-disabled .slick-next-icon, .slick-prev.slick-disabled .slick-prev-icon {
            opacity: .25
        }

    .slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon {
        display: block;
        color: #000;
        opacity: .75;
        font-family: slick;
        font-size: 24px;
        line-height: 1
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev .slick-prev-icon:before {
    content: "←"
}

[dir=rtl] .slick-prev .slick-prev-icon:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next .slick-next-icon:before {
    content: "→"
}

[dir=rtl] .slick-next .slick-next-icon:before {
    content: "←"
}

.slick-slider {
    margin-bottom: 30px
}

    .slick-slider.slick-dotted {
        margin-bottom: 60px
    }

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        padding: 0
    }

        .slick-dots li button {
            display: block;
            height: 20px;
            width: 20px;
            margin-top: -4px;
            margin-left: -4px;
            line-height: 0;
            font-size: 0;
            color: transparent;
            border: 0;
            background: 0 0;
            cursor: pointer
        }

            .slick-dots li button:focus .slick-dot-icon, .slick-dots li button:hover .slick-dot-icon {
                opacity: 1
            }

                .slick-dots li button:focus .slick-dot-icon:before {
                    color: orange
                }

            .slick-dots li button .slick-dot-icon {
                color: #000;
                opacity: .25
            }

                .slick-dots li button .slick-dot-icon:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: "•";
                    font-family: slick;
                    font-size: 12px;
                    line-height: 1;
                    text-align: center;
                    transition: all .05s linear
                }

        .slick-dots li.slick-active button:focus .slick-dot-icon {
            color: orange;
            opacity: 1
        }

        .slick-dots li.slick-active button .slick-dot-icon {
            color: #000;
            opacity: 1
        }

            .slick-dots li.slick-active button .slick-dot-icon:before {
                margin-top: -3px;
                margin-left: -2px;
                font-size: 18px
            }

.slick-sr-only {
    border: 0 !important;
    clip: rect(1px,1px,1px,1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.slick-autoplay-toggle-button {
    position: absolute;
    left: 5px;
    bottom: -32px;
    z-index: 10;
    opacity: .75;
    background: 0 0;
    border: 0;
    cursor: pointer;
    color: #000
}

    .slick-autoplay-toggle-button:focus, .slick-autoplay-toggle-button:hover {
        opacity: 1
    }

    .slick-autoplay-toggle-button:focus {
        color: orange
    }

    .slick-autoplay-toggle-button .slick-pause-icon:before {
        content: "⏸";
        width: 20px;
        height: 20px;
        font-family: slick;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        text-align: center
    }

    .slick-autoplay-toggle-button .slick-play-icon:before {
        content: "▶";
        width: 20px;
        height: 20px;
        font-family: slick;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        text-align: center
    }