@charset "UTF-8";

.s-17 {
            font-size: 1.1rem;
}

.question {
            margin-bottom: 30px;
}

.s-22 {
            font-size: 1.375rem;
}

.color--grey {
            color: #585f66;
}

.page {
            padding: 80px 0 0 0;
}

.multiDrop .row {
            min-width: 370px !important;
}

.multiDrop .col {
            width: 50%;
}

/* Shrink multidropdown */
@media only screen and (max-width: 375px) {
            .multiDrop a {
                        padding: 0 0 10px 0;
            }
            .multiDrop .row {
                        min-width: 100% !important;
                        overflow-x: scroll;
                        /* //  font-size: 0.8rem; */
            }

            .multiDrop .container {
                        padding: 0 !important;
            }
}

:root {
            --bs-blue: #185abd;
            --bs-indigo: #6610f2;
            --bs-purple: #9f1ae2;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #0dcaf0;
            --bs-black: #000;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #343a40;
            --bs-gray-900: #212529;
            --bs-primary: #185abd;
            --bs-secondary: #9f1ae2;
            --bs-success: #198754;
            --bs-info: #0dcaf0;
            --bs-warning: #ffc107;
            --bs-danger: #dc3545;
            --bs-light: #f8f9fa;
            --bs-dark: #212529;
            --bs-primary-rgb: 41, 55, 240;
            --bs-secondary-rgb: 159, 26, 226;
            --bs-success-rgb: 25, 135, 84;
            --bs-info-rgb: 13, 202, 240;
            --bs-warning-rgb: 255, 193, 7;
            --bs-danger-rgb: 220, 53, 69;
            --bs-light-rgb: 248, 249, 250;
            --bs-dark-rgb: 33, 37, 41;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-body-color-rgb: 33, 37, 41;
            --bs-body-bg-rgb: 255, 255, 255;
            --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
            --bs-body-font-family: Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            --bs-body-font-size: 1rem;
            --bs-body-font-weight: 500;
            --bs-body-line-height: 1.5;
            --bs-body-color: #212529;
            --bs-body-bg: #fff;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee2e6;
            --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
            --bs-border-radius: 0.375rem;
            --bs-border-radius-sm: 0.25rem;
            --bs-border-radius-lg: 0.5rem;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-2xl: 2rem;
            --bs-border-radius-pill: 50rem;
            --bs-link-color: #185abd;
            --bs-link-hover-color: #2461be;
            --bs-code-color: #d63384;
            --bs-highlight-bg: #fff3cd;
}
*,
::after,
::before {
            box-sizing: border-box;
}

.footer-links a {
            color: #6c757d;
            text-decoration: none;
}

.footer-links a:hover {
            color: black;
            text-decoration: none;
}

.footer-links p {
            margin-top: 0;
            margin-bottom: 0.5rem;
}

.footer-links ul {
            color: #6c757d;
            margin: 0;
            padding: 0;
            list-style: none;
}

.sm-ico {
            font-size: 1.3125rem;
            text-decoration: none;
}

.sm-ico:hover {
            text-decoration: none;
            color: #2461be;
}

.footer-socials {
            margin: 0;
            display: inline-block;
}

.footer-socials li {
            width: auto !important;
            display: inline-block !important;
            vertical-align: top;
            clear: none !important;
            margin: 0 0 0 7px;
}

@media (prefers-reduced-motion: no-preference) {
            :root {
                        scroll-behavior: smooth;
            }
}
.s-21 {
            font-size: 1rem;
}
.fbox-11 {
            display: flex;
            position: relative;
            flex-flow: row wrap;
            align-items: stretch !important;
            justify-content: flex-start;
}
.fbox-11 .fbox-ico {
            margin-top: 4px;
}
.topLine {
            margin-top: 200px;
}
@media only screen and (max-width: 800px) {
            .topLine {
                        margin-top: 100px;
            }
}
@media only screen and (max-width: 600px) {
            .topLine {
                        margin-top: 80px;
            }
}
.fbox-ico,
.fbox-ico.ico-rounded {
            margin-bottom: 20px;
}
.shape-ico {
            font-size: 2rem;
            position: relative !important;
            display: inline-block;
            margin: 0 auto;
            color: #1680fb !important;
}
.cbox-4 {
            margin-bottom: 2rem;
}
.fbox-txt {
            margin-bottom: 2rem;
}
.box-container {
            margin-top: 20px;
            min-height: 45px;
            position: relative;
}
.box-shape {
            position: absolute !important;
            left: 0;
            top: 0;
}
.box-title {
            position: absolute;
            left: 40px;
            top: 10px;
}
body {
            margin: 0;
            font-family: var(--bs-body-font-family);
            font-size: 1rem;
            font-weight: var(--bs-body-font-weight);
            line-height: var(--bs-body-line-height);
            text-align: var(--bs-body-text-align);
            background-color: var(--bs-body-bg);
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
            color: #585f66;
            line-height: 1.6666;
            font-weight: 400;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
            color: #353f4f;
            margin-top: 0;
            margin-bottom: 0.5rem;
            font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: 600;
            line-height: 1;
}
.h1,
h1 {
            font-size: calc(1rem + 1.5vw);
}
@media (min-width: 1200px) {
            .h1,
            h1 {
                        font-size: 2.4rem;
            }
}
.h2,
h2 {
            font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
            .h2,
            h2 {
                        font-size: 2rem;
            }
}
.h3,
h3 {
            font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
            .h3,
            h3 {
                        font-size: 1.75rem;
            }
}
.h4,
h4 {
            font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
            .h4,
            h4 {
                        font-size: 1.5rem;
            }
}
.h5,
h5 {
            font-size: 1.25rem;
}
.h6,
h6 {
            font-size: 1rem;
}
p {
            margin-top: 0;
            margin-bottom: 1rem;
}
address {
            margin-bottom: 1rem;
            font-style: normal;
            line-height: inherit;
}
ul {
            padding-left: 2rem;
}
ul {
            margin-top: 0;
            margin-bottom: 1rem;
}
ul ul {
            margin-bottom: 0;
}
b {
            font-weight: bolder;
}
.small,
small {
            font-size: 0.875em;
}
a {
            color: var(--bs-link-color);
            text-decoration: underline;
}
a:hover {
            color: var(--bs-link-hover-color);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none;
}
img {
            vertical-align: middle;
}
label {
            display: inline-block;
}
button {
            border-radius: 0;
}
button:focus:not(:focus-visible) {
            outline: 0;
}
button,
input,
textarea {
            margin: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
}
button {
            text-transform: none;
}
[role="button"] {
            cursor: pointer;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
            display: none !important;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
            -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
            cursor: pointer;
}
::-moz-focus-inner {
            padding: 0;
            border-style: none;
}
textarea {
            resize: vertical;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
            padding: 0;
}
::-webkit-inner-spin-button {
            height: auto;
}
[type="search"] {
            outline-offset: -2px;
            -webkit-appearance: textfield;
}
::-webkit-search-decoration {
            -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
            padding: 0;
}
::file-selector-button {
            font: inherit;
            -webkit-appearance: button;
}
[hidden] {
            display: none !important;
}
.display-1 {
            font-size: calc(1.625rem + 4.5vw);
            font-weight: 300;
            line-height: 1.2;
}
@media (min-width: 1200px) {
            .display-1 {
                        font-size: 5rem;
            }
}
.display-2 {
            font-size: calc(1.575rem + 3.9vw);
            font-weight: 300;
            line-height: 1.2;
}
@media (min-width: 1200px) {
            .display-2 {
                        font-size: 4.5rem;
            }
}
.display-3 {
            font-size: calc(1.525rem + 3.3vw);
            font-weight: 300;
            line-height: 1.2;
}
@media (min-width: 1200px) {
            .display-3 {
                        font-size: 4rem;
            }
}
.display-4 {
            font-size: calc(1.475rem + 2.7vw);
            font-weight: 300;
            line-height: 1.2;
}
@media (min-width: 1200px) {
            .display-4 {
                        font-size: 3.5rem;
            }
}
.display-5 {
            font-size: calc(1.425rem + 2.1vw);
            font-weight: 300;
            line-height: 1.2;
}
@media (min-width: 1200px) {
            .display-5 {
                        font-size: 3rem;
            }
}
.display-6 {
            font-size: calc(1.375rem + 1.5vw);
            font-weight: 300;
            line-height: 1.2;
}
@media (min-width: 1200px) {
            .display-6 {
                        font-size: 2.5rem;
            }
}
.img-fluid {
            max-width: 100%;
            height: auto;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * 0.5);
            padding-left: calc(var(--bs-gutter-x) * 0.5);
            margin-right: auto;
            margin-left: auto;
}
@media (min-width: 576px) {
            .container,
            .container-sm {
                        max-width: 540px;
            }
}
@media (min-width: 768px) {
            .container,
            .container-md,
            .container-sm {
                        max-width: 760px;
            }
}
@media (min-width: 992px) {
            .container,
            .container-lg,
            .container-md,
            .container-sm {
                        max-width: 980px;
            }
}
@media (min-width: 1200px) {
            .container,
            .container-lg,
            .container-md,
            .container-sm {
                        max-width: 1100px;
            }
}
@media (min-width: 1400px) {
            .container,
            .container-lg,
            .container-md,
            .container-sm {
                        max-width: 1320px;
            }
}
.row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-top: calc(-1 * var(--bs-gutter-y));
            margin-right: calc(-0.5 * var(--bs-gutter-x));
            margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * 0.5);
            padding-left: calc(var(--bs-gutter-x) * 0.5);
            margin-top: var(--bs-gutter-y);
}
.col {
            flex: 1 0 0%;
}
.row-cols-auto > * {
            flex: 0 0 auto;
            width: auto;
}
.row-cols-1 > * {
            flex: 0 0 auto;
            width: 100%;
}
.row-cols-2 > * {
            flex: 0 0 auto;
            width: 50%;
}
.row-cols-3 > * {
            flex: 0 0 auto;
            width: 33.3333333333%;
}
.row-cols-4 > * {
            flex: 0 0 auto;
            width: 25%;
}
.row-cols-5 > * {
            flex: 0 0 auto;
            width: 20%;
}
.row-cols-6 > * {
            flex: 0 0 auto;
            width: 16.6666666667%;
}
.col-auto {
            flex: 0 0 auto;
            width: auto;
}
.col-1 {
            flex: 0 0 auto;
            width: 8.33333333%;
}
.col-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
}
.col-3 {
            flex: 0 0 auto;
            width: 25%;
}
.col-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
}
.col-5 {
            flex: 0 0 auto;
            width: 41.66666667%;
}
.col-6 {
            flex: 0 0 auto;
            width: 50%;
}
.col-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
}
.col-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
}
.col-9 {
            flex: 0 0 auto;
            width: 75%;
}
.col-10 {
            flex: 0 0 auto;
            width: 83.33333333%;
}
.col-11 {
            flex: 0 0 auto;
            width: 91.66666667%;
}
.col-12 {
            flex: 0 0 auto;
            width: 100%;
}
@media (min-width: 576px) {
            .col-sm {
                        flex: 1 0 0%;
            }
            .row-cols-sm-auto > * {
                        flex: 0 0 auto;
                        width: auto;
            }
            .row-cols-sm-1 > * {
                        flex: 0 0 auto;
                        width: 100%;
            }
            .row-cols-sm-2 > * {
                        flex: 0 0 auto;
                        width: 50%;
            }
            .row-cols-sm-3 > * {
                        flex: 0 0 auto;
                        width: 33.3333333333%;
            }
            .row-cols-sm-4 > * {
                        flex: 0 0 auto;
                        width: 25%;
            }
            .row-cols-sm-5 > * {
                        flex: 0 0 auto;
                        width: 20%;
            }
            .row-cols-sm-6 > * {
                        flex: 0 0 auto;
                        width: 16.6666666667%;
            }
            .col-sm-auto {
                        flex: 0 0 auto;
                        width: auto;
            }
            .col-sm-1 {
                        flex: 0 0 auto;
                        width: 8.33333333%;
            }
            .col-sm-2 {
                        flex: 0 0 auto;
                        width: 16.66666667%;
            }
            .col-sm-3 {
                        flex: 0 0 auto;
                        width: 25%;
            }
            .col-sm-4 {
                        flex: 0 0 auto;
                        width: 33.33333333%;
            }
            .col-sm-5 {
                        flex: 0 0 auto;
                        width: 41.66666667%;
            }
            .col-sm-6 {
                        flex: 0 0 auto;
                        width: 50%;
            }
            .col-sm-7 {
                        flex: 0 0 auto;
                        width: 58.33333333%;
            }
            .col-sm-8 {
                        flex: 0 0 auto;
                        width: 66.66666667%;
            }
            .col-sm-9 {
                        flex: 0 0 auto;
                        width: 75%;
            }
            .col-sm-10 {
                        flex: 0 0 auto;
                        width: 83.33333333%;
            }
            .col-sm-11 {
                        flex: 0 0 auto;
                        width: 91.66666667%;
            }
            .col-sm-12 {
                        flex: 0 0 auto;
                        width: 100%;
            }
}
@media (min-width: 768px) {
            .col-md {
                        flex: 1 0 0%;
            }
            .row-cols-md-auto > * {
                        flex: 0 0 auto;
                        width: auto;
            }
            .row-cols-md-1 > * {
                        flex: 0 0 auto;
                        width: 100%;
            }
            .row-cols-md-2 > * {
                        flex: 0 0 auto;
                        width: 50%;
            }
            .row-cols-md-3 > * {
                        flex: 0 0 auto;
                        width: 33.3333333333%;
            }
            .row-cols-md-4 > * {
                        flex: 0 0 auto;
                        width: 25%;
            }
            .row-cols-md-5 > * {
                        flex: 0 0 auto;
                        width: 20%;
            }
            .row-cols-md-6 > * {
                        flex: 0 0 auto;
                        width: 16.6666666667%;
            }
            .col-md-auto {
                        flex: 0 0 auto;
                        width: auto;
            }
            .col-md-1 {
                        flex: 0 0 auto;
                        width: 8.33333333%;
            }
            .col-md-2 {
                        flex: 0 0 auto;
                        width: 16.66666667%;
            }
            .col-md-3 {
                        flex: 0 0 auto;
                        width: 25%;
            }
            .col-md-4 {
                        flex: 0 0 auto;
                        width: 33.33333333%;
            }
            .col-md-5 {
                        flex: 0 0 auto;
                        width: 41.66666667%;
            }
            .col-md-6 {
                        flex: 0 0 auto;
                        width: 50%;
            }
            .col-md-7 {
                        flex: 0 0 auto;
                        width: 58.33333333%;
            }
            .col-md-8 {
                        flex: 0 0 auto;
                        width: 66.66666667%;
            }
            .col-md-9 {
                        flex: 0 0 auto;
                        width: 75%;
            }
            .col-md-10 {
                        flex: 0 0 auto;
                        width: 83.33333333%;
            }
            .col-md-11 {
                        flex: 0 0 auto;
                        width: 91.66666667%;
            }
            .col-md-12 {
                        flex: 0 0 auto;
                        width: 100%;
            }
}
@media (min-width: 992px) {
            .col-lg {
                        flex: 1 0 0%;
            }
            .row-cols-lg-auto > * {
                        flex: 0 0 auto;
                        width: auto;
            }
            .row-cols-lg-1 > * {
                        flex: 0 0 auto;
                        width: 100%;
            }
            .row-cols-lg-2 > * {
                        flex: 0 0 auto;
                        width: 50%;
            }
            .row-cols-lg-3 > * {
                        flex: 0 0 auto;
                        width: 33.3333333333%;
            }
            .row-cols-lg-4 > * {
                        flex: 0 0 auto;
                        width: 25%;
            }
            .row-cols-lg-5 > * {
                        flex: 0 0 auto;
                        width: 20%;
            }
            .row-cols-lg-6 > * {
                        flex: 0 0 auto;
                        width: 16.6666666667%;
            }
            .col-lg-auto {
                        flex: 0 0 auto;
                        width: auto;
            }
            .col-lg-1 {
                        flex: 0 0 auto;
                        width: 8.33333333%;
            }
            .col-lg-2 {
                        flex: 0 0 auto;
                        width: 16.66666667%;
            }
            .col-lg-3 {
                        flex: 0 0 auto;
                        width: 25%;
            }
            .col-lg-4 {
                        flex: 0 0 auto;
                        width: 33.33333333%;
            }
            .col-lg-5 {
                        flex: 0 0 auto;
                        width: 41.66666667%;
            }
            .col-lg-6 {
                        flex: 0 0 auto;
                        width: 50%;
            }
            .col-lg-7 {
                        flex: 0 0 auto;
                        width: 58.33333333%;
            }
            .col-lg-8 {
                        flex: 0 0 auto;
                        width: 66.66666667%;
            }
            .col-lg-9 {
                        flex: 0 0 auto;
                        width: 75%;
            }
            .col-lg-10 {
                        flex: 0 0 auto;
                        width: 83.33333333%;
            }
            .col-lg-11 {
                        flex: 0 0 auto;
                        width: 91.66666667%;
            }
            .col-lg-12 {
                        flex: 0 0 auto;
                        width: 100%;
            }
}
.form-label {
            margin-left: 0.2rem;
            margin-bottom: 0.1rem;
            line-height: 1rem !important;
}

.col-form-label {
            padding-top: calc(0.375rem + 1px);
            padding-bottom: calc(0.375rem + 1px);
            margin-bottom: 0;
            font-size: inherit;
            line-height: 1.5;
}
.col-form-label-lg {
            padding-top: calc(0.5rem + 1px);
            padding-bottom: calc(0.5rem + 1px);
            font-size: 1.25rem;
}
.col-form-label-sm {
            padding-top: calc(0.25rem + 1px);
            padding-bottom: calc(0.25rem + 1px);
            font-size: 0.875rem;
}
.form-text {
            margin-top: 0.25rem;
            font-size: 0.875em;
            color: #6c757d;
}
.form-control {
            display: block;
            width: 100%;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 0.375rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
            .form-control {
                        transition: none;
            }
}
.form-control[type="file"] {
            overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
            cursor: pointer;
}
.form-control:focus {
            color: #212529;
            background-color: #fff;
            border-color: #949bf8;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(41, 55, 240, 0.25);
}
.form-control::-webkit-date-and-time-value {
            height: 1.5em;
}
.form-control::-moz-placeholder {
            color: #6c757d;
            opacity: 1;
}
.form-control::placeholder {
            color: #6c757d;
            opacity: 1;
}
.form-control:disabled {
            background-color: #e9ecef;
            opacity: 1;
}
.form-control::file-selector-button {
            padding: 0.375rem 0.75rem;
            margin: -0.375rem -0.75rem;
            -webkit-margin-end: 0.75rem;
            margin-inline-end: 0.75rem;
            color: #212529;
            background-color: #e9ecef;
            pointer-events: none;
            border-color: inherit;
            border-style: solid;
            border-width: 0;
            border-inline-end-width: 1px;
            border-radius: 0;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
            .form-control::file-selector-button {
                        transition: none;
            }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
            background-color: #dde0e3;
}
.form-control-sm {
            min-height: calc(1.5em + 0.5rem + 2px);
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
            border-radius: 0.25rem;
}
.form-control-sm::file-selector-button {
            padding: 0.25rem 0.5rem;
            margin: -0.25rem -0.5rem;
            -webkit-margin-end: 0.5rem;
            margin-inline-end: 0.5rem;
}
.form-control-lg {
            min-height: calc(1.5em + 1rem + 2px);
            padding: 0.5rem 1rem;
            font-size: 1.25rem;
            border-radius: 0.5rem;
}
.form-control-lg::file-selector-button {
            padding: 0.5rem 1rem;
            margin: -0.5rem -1rem;
            -webkit-margin-end: 1rem;
            margin-inline-end: 1rem;
}
textarea.form-control {
            min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
            min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
            min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
            width: 3rem;
            height: calc(1.5em + 0.75rem + 2px);
            padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
            cursor: pointer;
}
.form-control-color::-moz-color-swatch {
            border: 0 !important;
            border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
            border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
            height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
            height: calc(1.5em + 1rem + 2px);
}
.form-floating {
            position: relative;
}
.form-floating > .form-control {
            height: calc(3.5rem + 2px);
            line-height: 1.25;
}
.form-floating > label {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 1rem 0.75rem;
            overflow: hidden;
            text-align: start;
            text-overflow: ellipsis;
            white-space: nowrap;
            pointer-events: none;
            border: 1px solid transparent;
            transform-origin: 0 0;
            transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
            .form-floating > label {
                        transition: none;
            }
}
.form-floating > .form-control {
            padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder {
            color: transparent;
}
.form-floating > .form-control::placeholder {
            color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
            padding-top: 1.625rem;
            padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
            opacity: 0.65;
            transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
            opacity: 0.65;
            transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
            opacity: 0.65;
            transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.valid-feedback {
            display: none;
            width: 100%;
            margin-top: 0.25rem;
            font-size: 0.875em;
            color: #198754;
}
.is-valid ~ .valid-feedback {
            display: block;
}
.form-control.is-valid {
            border-color: #198754;
            padding-right: calc(1.5em + 0.75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%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(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus {
            border-color: #198754;
            box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
textarea.form-control.is-valid {
            padding-right: calc(1.5em + 0.75rem);
            background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.form-control-color.is-valid {
            width: calc(3rem + calc(1.5em + 0.75rem));
}
.invalid-feedback {
            display: none;
            width: 100%;
            margin-top: 0.25rem;
            font-size: 0.875em;
            color: #dc3545;
}
.is-invalid ~ .invalid-feedback {
            display: block;
}
.form-control.is-invalid {
            border-color: #dc3545;
            padding-right: calc(1.5em + 0.75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
textarea.form-control.is-invalid {
            padding-right: calc(1.5em + 0.75rem);
            background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.form-control-color.is-invalid {
            width: calc(3rem + calc(1.5em + 0.75rem));
}
.btn {
            --bs-btn-padding-x: 0.75rem;
            --bs-btn-padding-y: 0.375rem;
            --bs-btn-font-family: "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --bs-btn-font-size: 1rem;
            --bs-btn-font-weight: 500;
            --bs-btn-line-height: 1.5;
            --bs-btn-color: #212529;
            --bs-btn-bg: transparent;
            --bs-btn-border-width: 1px;
            --bs-btn-border-color: transparent;
            --bs-btn-border-radius: 0.375rem;
            --bs-btn-hover-border-color: transparent;
            --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
            --bs-btn-disabled-opacity: 0.65;
            --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
            display: inline-block;
            padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
            font-family: var(--bs-btn-font-family);
            font-size: var(--bs-btn-font-size);
            font-weight: var(--bs-btn-font-weight);
            line-height: var(--bs-btn-line-height);
            color: var(--bs-btn-color);
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
            border-radius: var(--bs-btn-border-radius);
            background-color: var(--bs-btn-bg);
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
            .btn {
                        transition: none;
            }
}
.btn:hover {
            color: var(--bs-btn-hover-color);
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color);
}
.btn:focus-visible {
            color: var(--bs-btn-hover-color);
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color);
            outline: 0;
            box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:first-child:active,
:not(.btn-check) + .btn:active {
            color: var(--bs-btn-active-color);
            background-color: var(--bs-btn-active-bg);
            border-color: var(--bs-btn-active-border-color);
}
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
            box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled {
            color: var(--bs-btn-disabled-color);
            pointer-events: none;
            background-color: var(--bs-btn-disabled-bg);
            border-color: var(--bs-btn-disabled-border-color);
            opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #185abd;
            --bs-btn-border-color: #185abd;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #2461be;
            --bs-btn-hover-border-color: #2461be;
            --bs-btn-focus-shadow-rgb: 73, 85, 242;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #2461be;
            --bs-btn-active-border-color: #1b5dbf;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #185abd;
            --bs-btn-disabled-border-color: #185abd;
}
.btn-secondary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #9f1ae2;
            --bs-btn-border-color: #9f1ae2;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #8716c0;
            --bs-btn-hover-border-color: #7f15b5;
            --bs-btn-focus-shadow-rgb: 173, 60, 230;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #7f15b5;
            --bs-btn-active-border-color: #7714aa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #9f1ae2;
            --bs-btn-disabled-border-color: #9f1ae2;
}
.btn-success {
            --bs-btn-color: #fff;
            --bs-btn-bg: #198754;
            --bs-btn-border-color: #198754;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #157347;
            --bs-btn-hover-border-color: #146c43;
            --bs-btn-focus-shadow-rgb: 60, 153, 110;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #146c43;
            --bs-btn-active-border-color: #13653f;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #198754;
            --bs-btn-disabled-border-color: #198754;
}
.btn-danger {
            --bs-btn-color: #fff;
            --bs-btn-bg: #dc3545;
            --bs-btn-border-color: #dc3545;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #bb2d3b;
            --bs-btn-hover-border-color: #b02a37;
            --bs-btn-focus-shadow-rgb: 225, 83, 97;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #b02a37;
            --bs-btn-active-border-color: #a52834;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #dc3545;
            --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
            --bs-btn-color: #000;
            --bs-btn-bg: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #d3d4d5;
            --bs-btn-hover-border-color: #c6c7c8;
            --bs-btn-focus-shadow-rgb: 211, 212, 213;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #c6c7c8;
            --bs-btn-active-border-color: #babbbc;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: #f8f9fa;
            --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
            --bs-btn-color: #fff;
            --bs-btn-bg: #212529;
            --bs-btn-border-color: #212529;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #424649;
            --bs-btn-hover-border-color: #373b3e;
            --bs-btn-focus-shadow-rgb: 66, 70, 73;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #4d5154;
            --bs-btn-active-border-color: #373b3e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #212529;
            --bs-btn-disabled-border-color: #212529;
}
.btn-link {
            --bs-btn-font-weight: 500;
            --bs-btn-color: var(--bs-link-color);
            --bs-btn-bg: transparent;
            --bs-btn-border-color: transparent;
            --bs-btn-hover-color: var(--bs-link-hover-color);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-active-color: var(--bs-link-hover-color);
            --bs-btn-active-border-color: transparent;
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-border-color: transparent;
            --bs-btn-box-shadow: none;
            --bs-btn-focus-shadow-rgb: 73, 85, 242;
            text-decoration: underline;
}
.btn-link:focus-visible {
            color: var(--bs-btn-color);
}
.btn-link:hover {
            color: var(--bs-btn-hover-color);
}
.btn-lg {
            --bs-btn-padding-y: 0.5rem;
            --bs-btn-padding-x: 1rem;
            --bs-btn-font-size: 1.25rem;
            --bs-btn-border-radius: 0.5rem;
}
.btn-sm {
            --bs-btn-padding-y: 0.25rem;
            --bs-btn-padding-x: 0.5rem;
            --bs-btn-font-size: 0.875rem;
            --bs-btn-border-radius: 0.25rem;
}
.fade {
            transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
            .fade {
                        transition: none;
            }
}
.fade:not(.show) {
            opacity: 0;
}
.collapse:not(.show) {
            display: none;
}
.dropdown,
.dropdown-center {
            position: relative;
}
.dropdown-toggle {
            white-space: nowrap;
}
.dropdown-toggle::after {
            display: inline-block;
            margin-left: 0.255em;
            vertical-align: 0.255em;
            content: "";
            border-top: 0.3em solid;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
            margin-left: 0;
}
.dropdown-menu {
            --bs-dropdown-zindex: 1000;
            --bs-dropdown-min-width: 10rem;
            --bs-dropdown-padding-x: 0;
            --bs-dropdown-padding-y: 0.5rem;
            --bs-dropdown-spacer: 0.125rem;
            --bs-dropdown-font-size: 1rem;
            --bs-dropdown-color: #212529;
            --bs-dropdown-bg: #fff;
            --bs-dropdown-border-color: var(--bs-border-color-translucent);
            --bs-dropdown-border-radius: 0.375rem;
            --bs-dropdown-border-width: 1px;
            --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
            --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
            --bs-dropdown-divider-margin-y: 0.5rem;
            --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            --bs-dropdown-link-color: #212529;
            --bs-dropdown-link-hover-color: #1e2125;
            --bs-dropdown-link-hover-bg: #e9ecef;
            --bs-dropdown-link-active-color: #fff;
            --bs-dropdown-link-active-bg: #185abd;
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-item-padding-x: 1rem;
            --bs-dropdown-item-padding-y: 0.25rem;
            --bs-dropdown-header-color: #6c757d;
            --bs-dropdown-header-padding-x: 1rem;
            --bs-dropdown-header-padding-y: 0.5rem;
            position: absolute;
            z-index: var(--bs-dropdown-zindex);
            display: none;
            min-width: var(--bs-dropdown-min-width);
            padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
            margin: 0;
            font-size: var(--bs-dropdown-font-size);
            color: var(--bs-dropdown-color);
            text-align: left;
            list-style: none;
            background-color: var(--bs-dropdown-bg);
            background-clip: padding-box;
            border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
            border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
            top: 100%;
            left: 0;
            margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-end {
            --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
            right: 0;
            left: auto;
}
@media (min-width: 576px) {
            .dropdown-menu-sm-end {
                        --bs-position: end;
            }
            .dropdown-menu-sm-end[data-bs-popper] {
                        right: 0;
                        left: auto;
            }
}
@media (min-width: 768px) {
            .dropdown-menu-md-end {
                        --bs-position: end;
            }
            .dropdown-menu-md-end[data-bs-popper] {
                        right: 0;
                        left: auto;
            }
}
@media (min-width: 992px) {
            .dropdown-menu-lg-end {
                        --bs-position: end;
            }
            .dropdown-menu-lg-end[data-bs-popper] {
                        right: 0;
                        left: auto;
            }
}
.dropdown-item {
            display: block;
            width: 100%;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
            clear: both;
            font-weight: 500;
            color: var(--bs-dropdown-link-color);
            text-align: inherit;
            text-decoration: none;
            white-space: nowrap;
            background-color: transparent;
            border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
            border-radius: 0.275rem;
            color: var(--bs-dropdown-link-hover-color);
            background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item:active {
            color: var(--bs-dropdown-link-active-color);
            text-decoration: none;
            background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
            color: var(--bs-dropdown-link-disabled-color);
            pointer-events: none;
            background-color: transparent;
}
.dropdown-header {
            display: block;
            padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
            margin-bottom: 0;
            font-size: 0.875rem;
            color: var(--bs-dropdown-header-color);
            white-space: nowrap;
}
.dropdown-item-text {
            display: block;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
            color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
            --bs-dropdown-color: #dee2e6;
            --bs-dropdown-bg: #343a40;
            --bs-dropdown-border-color: var(--bs-border-color-translucent);
            --bs-dropdown-link-color: #dee2e6;
            --bs-dropdown-link-hover-color: #fff;
            --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
            --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
            --bs-dropdown-link-active-color: #fff;
            --bs-dropdown-link-active-bg: #185abd;
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-header-color: #adb5bd;
}
.nav {
            --bs-nav-link-padding-x: 1rem;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-color: var(--bs-link-color);
            --bs-nav-link-hover-color: var(--bs-link-hover-color);
            --bs-nav-link-disabled-color: #6c757d;
            display: flex;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
}
.nav-link {
            display: block;
            padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
            font-size: var(--bs-nav-link-font-size);
            font-weight: var(--bs-nav-link-font-weight);
            color: var(--bs-nav-link-color);
            text-decoration: none;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
            .nav-link {
                        transition: none;
            }
}
.nav-link:focus,
.nav-link:hover {
            color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
            color: var(--bs-nav-link-disabled-color);
            pointer-events: none;
            cursor: default;
}
.navbar {
            --bs-navbar-padding-x: 0;
            --bs-navbar-padding-y: 0.5rem;
            --bs-navbar-color: rgba(0, 0, 0, 0.55);
            --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
            --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
            --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-brand-padding-y: 0.3125rem;
            --bs-navbar-brand-margin-end: 1rem;
            --bs-navbar-brand-font-size: 1.25rem;
            --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-nav-link-padding-x: 1rem;
            --bs-navbar-toggler-padding-y: 0.25rem;
            --bs-navbar-toggler-padding-x: 0.75rem;
            --bs-navbar-toggler-font-size: 1.25rem;
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
            --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
            --bs-navbar-toggler-border-radius: 0.375rem;
            --bs-navbar-toggler-focus-width: 0.25rem;
            --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm {
            display: flex;
            flex-wrap: inherit;
            align-items: center;
            justify-content: space-between;
}
.navbar-brand {
            padding-top: var(--bs-navbar-brand-padding-y);
            padding-bottom: var(--bs-navbar-brand-padding-y);
            margin-right: var(--bs-navbar-brand-margin-end);
            font-size: var(--bs-navbar-brand-font-size);
            color: var(--bs-navbar-brand-color);
            text-decoration: none;
            white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
            color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
            --bs-nav-link-padding-x: 0;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-color: var(--bs-navbar-color);
            --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
            --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
            display: flex;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
}
.navbar-nav .dropdown-menu {
            position: static;
}
.navbar-text {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
            color: var(--bs-navbar-active-color);
}
.navbar-collapse {
            flex-basis: 100%;
            flex-grow: 1;
            align-items: center;
}
.navbar-toggler {
            padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
            font-size: var(--bs-navbar-toggler-font-size);
            line-height: 1;
            color: rgb(39, 39, 39) !important;
            background-color: transparent;
            border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
            border-radius: var(--bs-navbar-toggler-border-radius);
            transition: color 0.3s ease-in-out;
}

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

.navbar-toggler:active {
            background-color: #185abd;
            color: white !important;
            outline: 0;
            box-shadow: 0 0 0 0;
}

.navbar-toggler-icon {
            display: inline-block;
            width: 1.5em;
            height: 1.5em;
            vertical-align: middle;
            background-image: var(--bs-navbar-toggler-icon-bg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
}
@media (min-width: 576px) {
            .navbar-expand-sm {
                        flex-wrap: nowrap;
                        justify-content: flex-start;
            }
            .navbar-expand-sm .navbar-nav {
                        flex-direction: row;
            }
            .navbar-expand-sm .navbar-nav .dropdown-menu {
                        position: absolute;
            }
            .navbar-expand-sm .navbar-nav .nav-link {
                        padding-right: var(--bs-navbar-nav-link-padding-x);
                        padding-left: var(--bs-navbar-nav-link-padding-x);
            }
            .navbar-expand-sm .navbar-collapse {
                        display: flex !important;
                        flex-basis: auto;
            }
            .navbar-expand-sm .navbar-toggler {
                        display: none;
            }
}
@media (min-width: 768px) {
            .navbar-expand-md {
                        flex-wrap: nowrap;
                        justify-content: flex-start;
            }
            .navbar-expand-md .navbar-nav {
                        flex-direction: row;
            }
            .navbar-expand-md .navbar-nav .dropdown-menu {
                        position: absolute;
            }
            .navbar-expand-md .navbar-nav .nav-link {
                        padding-right: var(--bs-navbar-nav-link-padding-x);
                        padding-left: var(--bs-navbar-nav-link-padding-x);
            }
            .navbar-expand-md .navbar-collapse {
                        display: flex !important;
                        flex-basis: auto;
            }
            .navbar-expand-md .navbar-toggler {
                        display: none;
            }
}
@media (min-width: 992px) {
            .navbar-expand-lg {
                        flex-wrap: nowrap;
                        justify-content: flex-start;
            }
            .navbar-expand-lg .navbar-nav {
                        flex-direction: row;
            }
            .navbar-expand-lg .navbar-nav .dropdown-menu {
                        position: absolute;
            }
            .navbar-expand-lg .navbar-nav .nav-link {
                        padding-right: var(--bs-navbar-nav-link-padding-x);
                        padding-left: var(--bs-navbar-nav-link-padding-x);
            }
            .navbar-expand-lg .navbar-collapse {
                        display: flex !important;
                        flex-basis: auto;
            }
            .navbar-expand-lg .navbar-toggler {
                        display: none;
            }
}
.navbar-expand {
            flex-wrap: nowrap;
            justify-content: flex-start;
}
.navbar-expand .navbar-nav {
            flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
}
.navbar-expand .navbar-toggler {
            display: none;
}
.navbar-dark {
            --bs-navbar-color: rgba(255, 255, 255, 0.55);
            --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
            --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
            --bs-navbar-active-color: #fff;
            --bs-navbar-brand-color: #fff;
            --bs-navbar-brand-hover-color: #fff;
            --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.page-link {
            position: relative;
            display: block;
            padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
            font-size: var(--bs-pagination-font-size);
            color: var(--bs-pagination-color);
            text-decoration: none;
            background-color: var(--bs-pagination-bg);
            border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
            .page-link {
                        transition: none;
            }
}
.page-link:hover {
            z-index: 2;
            color: var(--bs-pagination-hover-color);
            background-color: var(--bs-pagination-hover-bg);
            border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
            z-index: 3;
            color: var(--bs-pagination-focus-color);
            background-color: var(--bs-pagination-focus-bg);
            outline: 0;
            box-shadow: var(--bs-pagination-focus-box-shadow);
}
.disabled > .page-link,
.page-link.disabled {
            color: var(--bs-pagination-disabled-color);
            pointer-events: none;
            background-color: var(--bs-pagination-disabled-bg);
            border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
            margin-left: -1px;
}
.page-item:first-child .page-link {
            border-top-left-radius: var(--bs-pagination-border-radius);
            border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
            border-top-right-radius: var(--bs-pagination-border-radius);
            border-bottom-right-radius: var(--bs-pagination-border-radius);
}
@keyframes progress-bar-stripes {
            0% {
                        background-position-x: 1rem;
            }
}
.btn-close {
            box-sizing: content-box;
            width: 1em;
            height: 1em;
            padding: 0.25em 0.25em;
            color: #000;
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
            border: 0;
            border-radius: 0.375rem;
            opacity: 0.5;
}
.btn-close:hover {
            color: #000;
            text-decoration: none;
            opacity: 0.75;
}
.btn-close:focus {
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(41, 55, 240, 0.25);
            opacity: 1;
}
.btn-close.disabled,
.btn-close:disabled {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            opacity: 0.25;
}
.btn-close-white {
            filter: invert(1) grayscale(100%) brightness(200%);
}

.modal .question {
}

.modal .response {
            display: none;
}
.modal {
            --bs-modal-zindex: 1055;
            --bs-modal-width: 500px;
            --bs-modal-padding: 1rem;
            --bs-modal-margin: 0.5rem;
            --bs-modal-bg: #fff;
            --bs-modal-border-color: var(--bs-border-color-translucent);
            --bs-modal-border-width: 1px;
            --bs-modal-border-radius: 0.5rem;
            --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            --bs-modal-inner-border-radius: calc(0.5rem - 1px);
            --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: 1px;
            --bs-modal-title-line-height: 1.5;
            --bs-modal-footer-gap: 0.5rem;
            --bs-modal-footer-border-color: var(--bs-border-color);
            --bs-modal-footer-border-width: 1px;
            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 0.3s ease-out;
            transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
            .modal.fade .modal-dialog {
                        transition: none;
            }
}
.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-header {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: space-between;
            background-color: #185abd;
            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) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
            margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.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) * 0.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) * 0.5);
}
@media only screen and (max-width: 375px) {
            .modal {
                        font-size: 0.9rem;
            }
}
@media (min-width: 576px) {
            .modal {
                        --bs-modal-margin: 1.75rem;
                        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            }
            .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 {
                        --bs-modal-width: 800px;
            }
}
@keyframes spinner-border {
            to {
                        transform: rotate(360deg);
            }
}
@keyframes spinner-grow {
            0% {
                        transform: scale(0);
            }
            50% {
                        opacity: 1;
                        transform: none;
            }
}
.placeholder {
            display: inline-block;
            min-height: 1em;
            vertical-align: middle;
            cursor: wait;
            background-color: currentcolor;
            opacity: 0.5;
}
.placeholder.btn::before {
            display: inline-block;
            content: "";
}
.placeholder-sm {
            min-height: 0.8em;
}
.placeholder-lg {
            min-height: 1.2em;
}
@keyframes placeholder-glow {
            50% {
                        opacity: 0.2;
            }
}
@keyframes placeholder-wave {
            100% {
                        -webkit-mask-position: -200% 0;
                        mask-position: -200% 0;
            }
}
.text-bg-primary {
            color: #fff !important;
            background-color: RGBA(41, 55, 240, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
            color: #fff !important;
            background-color: RGBA(159, 26, 226, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
            color: #fff !important;
            background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
            color: #fff !important;
            background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
            color: #000 !important;
            background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
            color: #fff !important;
            background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
            color: #185abd !important;
}
.link-primary:focus,
.link-primary:hover {
            color: #2461be !important;
}
.link-secondary {
            color: #9f1ae2 !important;
}
.link-secondary:focus,
.link-secondary:hover {
            color: #7f15b5 !important;
}
.link-success {
            color: #198754 !important;
}
.link-success:focus,
.link-success:hover {
            color: #146c43 !important;
}
.link-danger {
            color: #dc3545 !important;
}
.link-danger:focus,
.link-danger:hover {
            color: #b02a37 !important;
}
.link-light {
            color: #f8f9fa !important;
}
.link-light:focus,
.link-light:hover {
            color: #f9fafb !important;
}
.link-dark {
            color: #212529 !important;
}
.link-dark:focus,
.link-dark:hover {
            color: #1a1e21 !important;
}
.fixed-top {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030;
}
.align-top {
            vertical-align: top !important;
}
.align-text-top {
            vertical-align: text-top !important;
}
.d-block {
            display: block !important;
}
.d-grid {
            display: grid !important;
}
.d-flex {
            display: flex !important;
}
.d-none {
            display: none !important;
}
.shadow {
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
            box-shadow: none !important;
}
.top-0 {
            top: 0 !important;
}
.top-50 {
            top: 50% !important;
}
.top-100 {
            top: 100% !important;
}
.end-0 {
            right: 0 !important;
}
.end-50 {
            right: 50% !important;
}
.end-100 {
            right: 100% !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-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-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-white {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-1 {
            --bs-border-width: 1px;
}
.border-2 {
            --bs-border-width: 2px;
}
.border-3 {
            --bs-border-width: 3px;
}
.border-4 {
            --bs-border-width: 4px;
}
.border-5 {
            --bs-border-width: 5px;
}
.w-25 {
            width: 25% !important;
}
.w-50 {
            width: 50% !important;
}
.w-75 {
            width: 75% !important;
}
.w-100 {
            width: 100% !important;
}
.w-auto {
            width: auto !important;
}
.h-25 {
            height: 25% !important;
}
.h-50 {
            height: 50% !important;
}
.h-75 {
            height: 75% !important;
}
.h-100 {
            height: 100% !important;
}
.h-auto {
            height: auto !important;
}
.flex-row {
            flex-direction: row !important;
}
.justify-content-end {
            justify-content: flex-end !important;
}
.justify-content-center {
            justify-content: center !important;
}
.align-items-end {
            align-items: flex-end !important;
}
.align-items-center {
            align-items: center !important;
}
.align-content-end {
            align-content: flex-end !important;
}
.align-content-center {
            align-content: center !important;
}
.m-0 {
            margin: 0 !important;
}
.m-1 {
            margin: 0.25rem !important;
}
.m-2 {
            margin: 0.5rem !important;
}
.m-3 {
            margin: 1rem !important;
}
.m-4 {
            margin: 1.5rem !important;
}
.m-5 {
            margin: 3rem !important;
}
.m-auto {
            margin: auto !important;
}
.mx-0 {
            margin-right: 0 !important;
            margin-left: 0 !important;
}
.mx-1 {
            margin-right: 0.25rem !important;
            margin-left: 0.25rem !important;
}
.mx-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
}
.mx-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
}
.mx-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
}
.mx-5 {
            margin-right: 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: 0.25rem !important;
            margin-bottom: 0.25rem !important;
}
.my-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
}
.my-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
}
.my-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
}
.my-5 {
            margin-top: 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: 0.25rem !important;
}
.mt-2 {
            margin-top: 0.5rem !important;
}
.mt-3 {
            margin-top: 1rem !important;
}
.mt-4 {
            margin-top: 1.5rem !important;
}
.mt-5 {
            margin-top: 3rem !important;
}
.mt-auto {
            margin-top: auto !important;
}
.me-0 {
            margin-right: 0 !important;
}
.me-1 {
            margin-right: 0.25rem !important;
}
.me-2 {
            margin-right: 0.5rem !important;
}
.me-3 {
            margin-right: 1rem !important;
}
.me-4 {
            margin-right: 1.5rem !important;
}
.me-5 {
            margin-right: 3rem !important;
}
.me-auto {
            margin-right: auto !important;
}
.mb-0 {
            margin-bottom: 0 !important;
}
.mb-1 {
            margin-bottom: 0.25rem !important;
}
.mb-2 {
            margin-bottom: 0.5rem !important;
}
.mb-3 {
            margin-bottom: 1rem !important;
}
.mb-4 {
            margin-bottom: 1.5rem !important;
}
.mb-5 {
            margin-bottom: 3rem !important;
}
.mb-auto {
            margin-bottom: auto !important;
}
.ms-0 {
            margin-left: 0 !important;
}
.ms-1 {
            margin-left: 0.25rem !important;
}
.ms-2 {
            margin-left: 0.5rem !important;
}
.ms-3 {
            margin-left: 1rem !important;
}
.ms-4 {
            margin-left: 1.5rem !important;
}
.ms-5 {
            margin-left: 3rem !important;
}
.ms-auto {
            margin-left: auto !important;
}
.p-0 {
            padding: 0 !important;
}
.p-1 {
            padding: 0.25rem !important;
}
.p-2 {
            padding: 0.5rem !important;
}
.p-3 {
            padding: 1rem !important;
}
.p-4 {
            padding: 1.5rem !important;
}
.p-5 {
            padding: 3rem !important;
}
.px-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
}
.px-1 {
            padding-right: 0.25rem !important;
            padding-left: 0.25rem !important;
}
.px-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
}
.px-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
}
.px-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
}
.px-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
}
.py-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
}
.py-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
}
.py-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
}
.py-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
}
.py-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
}
.py-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
}
.fw-light {
            font-weight: 300 !important;
}
.fw-bold {
            font-weight: 700 !important;
}
.fw-bolder {
            font-weight: bolder !important;
}
.text-end {
            text-align: right !important;
}
.text-center {
            text-align: center !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-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-black-50 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, 0.5) !important;
}
.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-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-gradient {
            background-image: var(--bs-gradient) !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-2xl) !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-end {
            border-top-right-radius: var(--bs-border-radius) !important;
            border-bottom-right-radius: var(--bs-border-radius) !important;
}
@media (min-width: 576px) {
            .d-sm-block {
                        display: block !important;
            }
            .d-sm-grid {
                        display: grid !important;
            }
            .d-sm-flex {
                        display: flex !important;
            }
            .d-sm-none {
                        display: none !important;
            }
            .flex-sm-row {
                        flex-direction: row !important;
            }
            .justify-content-sm-end {
                        justify-content: flex-end !important;
            }
            .justify-content-sm-center {
                        justify-content: center !important;
            }
            .align-items-sm-end {
                        align-items: flex-end !important;
            }
            .align-items-sm-center {
                        align-items: center !important;
            }
            .align-content-sm-end {
                        align-content: flex-end !important;
            }
            .align-content-sm-center {
                        align-content: center !important;
            }
            .m-sm-0 {
                        margin: 0 !important;
            }
            .m-sm-1 {
                        margin: 0.25rem !important;
            }
            .m-sm-2 {
                        margin: 0.5rem !important;
            }
            .m-sm-3 {
                        margin: 1rem !important;
            }
            .m-sm-4 {
                        margin: 1.5rem !important;
            }
            .m-sm-5 {
                        margin: 3rem !important;
            }
            .m-sm-auto {
                        margin: auto !important;
            }
            .mx-sm-0 {
                        margin-right: 0 !important;
                        margin-left: 0 !important;
            }
            .mx-sm-1 {
                        margin-right: 0.25rem !important;
                        margin-left: 0.25rem !important;
            }
            .mx-sm-2 {
                        margin-right: 0.5rem !important;
                        margin-left: 0.5rem !important;
            }
            .mx-sm-3 {
                        margin-right: 1rem !important;
                        margin-left: 1rem !important;
            }
            .mx-sm-4 {
                        margin-right: 1.5rem !important;
                        margin-left: 1.5rem !important;
            }
            .mx-sm-5 {
                        margin-right: 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: 0.25rem !important;
                        margin-bottom: 0.25rem !important;
            }
            .my-sm-2 {
                        margin-top: 0.5rem !important;
                        margin-bottom: 0.5rem !important;
            }
            .my-sm-3 {
                        margin-top: 1rem !important;
                        margin-bottom: 1rem !important;
            }
            .my-sm-4 {
                        margin-top: 1.5rem !important;
                        margin-bottom: 1.5rem !important;
            }
            .my-sm-5 {
                        margin-top: 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: 0.25rem !important;
            }
            .mt-sm-2 {
                        margin-top: 0.5rem !important;
            }
            .mt-sm-3 {
                        margin-top: 1rem !important;
            }
            .mt-sm-4 {
                        margin-top: 1.5rem !important;
            }
            .mt-sm-5 {
                        margin-top: 3rem !important;
            }
            .mt-sm-auto {
                        margin-top: auto !important;
            }
            .me-sm-0 {
                        margin-right: 0 !important;
            }
            .me-sm-1 {
                        margin-right: 0.25rem !important;
            }
            .me-sm-2 {
                        margin-right: 0.5rem !important;
            }
            .me-sm-3 {
                        margin-right: 1rem !important;
            }
            .me-sm-4 {
                        margin-right: 1.5rem !important;
            }
            .me-sm-5 {
                        margin-right: 3rem !important;
            }
            .me-sm-auto {
                        margin-right: auto !important;
            }
            .mb-sm-0 {
                        margin-bottom: 0 !important;
            }
            .mb-sm-1 {
                        margin-bottom: 0.25rem !important;
            }
            .mb-sm-2 {
                        margin-bottom: 0.5rem !important;
            }
            .mb-sm-3 {
                        margin-bottom: 1rem !important;
            }
            .mb-sm-4 {
                        margin-bottom: 1.5rem !important;
            }
            .mb-sm-5 {
                        margin-bottom: 3rem !important;
            }
            .mb-sm-auto {
                        margin-bottom: auto !important;
            }
            .ms-sm-0 {
                        margin-left: 0 !important;
            }
            .ms-sm-1 {
                        margin-left: 0.25rem !important;
            }
            .ms-sm-2 {
                        margin-left: 0.5rem !important;
            }
            .ms-sm-3 {
                        margin-left: 1rem !important;
            }
            .ms-sm-4 {
                        margin-left: 1.5rem !important;
            }
            .ms-sm-5 {
                        margin-left: 3rem !important;
            }
            .ms-sm-auto {
                        margin-left: auto !important;
            }
            .p-sm-0 {
                        padding: 0 !important;
            }
            .p-sm-1 {
                        padding: 0.25rem !important;
            }
            .p-sm-2 {
                        padding: 0.5rem !important;
            }
            .p-sm-3 {
                        padding: 1rem !important;
            }
            .p-sm-4 {
                        padding: 1.5rem !important;
            }
            .p-sm-5 {
                        padding: 3rem !important;
            }
            .px-sm-0 {
                        padding-right: 0 !important;
                        padding-left: 0 !important;
            }
            .px-sm-1 {
                        padding-right: 0.25rem !important;
                        padding-left: 0.25rem !important;
            }
            .px-sm-2 {
                        padding-right: 0.5rem !important;
                        padding-left: 0.5rem !important;
            }
            .px-sm-3 {
                        padding-right: 1rem !important;
                        padding-left: 1rem !important;
            }
            .px-sm-4 {
                        padding-right: 1.5rem !important;
                        padding-left: 1.5rem !important;
            }
            .px-sm-5 {
                        padding-right: 3rem !important;
                        padding-left: 3rem !important;
            }
            .py-sm-0 {
                        padding-top: 0 !important;
                        padding-bottom: 0 !important;
            }
            .py-sm-1 {
                        padding-top: 0.25rem !important;
                        padding-bottom: 0.25rem !important;
            }
            .py-sm-2 {
                        padding-top: 0.5rem !important;
                        padding-bottom: 0.5rem !important;
            }
            .py-sm-3 {
                        padding-top: 1rem !important;
                        padding-bottom: 1rem !important;
            }
            .py-sm-4 {
                        padding-top: 1.5rem !important;
                        padding-bottom: 1.5rem !important;
            }
            .py-sm-5 {
                        padding-top: 3rem !important;
                        padding-bottom: 3rem !important;
            }
            .text-sm-end {
                        text-align: right !important;
            }
            .text-sm-center {
                        text-align: center !important;
            }
}
@media (min-width: 768px) {
            .d-md-block {
                        display: block !important;
            }
            .d-md-grid {
                        display: grid !important;
            }
            .d-md-flex {
                        display: flex !important;
            }
            .d-md-none {
                        display: none !important;
            }
            .flex-md-row {
                        flex-direction: row !important;
            }
            .justify-content-md-end {
                        justify-content: flex-end !important;
            }
            .justify-content-md-center {
                        justify-content: center !important;
            }
            .align-items-md-end {
                        align-items: flex-end !important;
            }
            .align-items-md-center {
                        align-items: center !important;
            }
            .align-content-md-end {
                        align-content: flex-end !important;
            }
            .align-content-md-center {
                        align-content: center !important;
            }
            .m-md-0 {
                        margin: 0 !important;
            }
            .m-md-1 {
                        margin: 0.25rem !important;
            }
            .m-md-2 {
                        margin: 0.5rem !important;
            }
            .m-md-3 {
                        margin: 1rem !important;
            }
            .m-md-4 {
                        margin: 1.5rem !important;
            }
            .m-md-5 {
                        margin: 3rem !important;
            }
            .m-md-auto {
                        margin: auto !important;
            }
            .mx-md-0 {
                        margin-right: 0 !important;
                        margin-left: 0 !important;
            }
            .mx-md-1 {
                        margin-right: 0.25rem !important;
                        margin-left: 0.25rem !important;
            }
            .mx-md-2 {
                        margin-right: 0.5rem !important;
                        margin-left: 0.5rem !important;
            }
            .mx-md-3 {
                        margin-right: 1rem !important;
                        margin-left: 1rem !important;
            }
            .mx-md-4 {
                        margin-right: 1.5rem !important;
                        margin-left: 1.5rem !important;
            }
            .mx-md-5 {
                        margin-right: 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: 0.25rem !important;
                        margin-bottom: 0.25rem !important;
            }
            .my-md-2 {
                        margin-top: 0.5rem !important;
                        margin-bottom: 0.5rem !important;
            }
            .my-md-3 {
                        margin-top: 1rem !important;
                        margin-bottom: 1rem !important;
            }
            .my-md-4 {
                        margin-top: 1.5rem !important;
                        margin-bottom: 1.5rem !important;
            }
            .my-md-5 {
                        margin-top: 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: 0.25rem !important;
            }
            .mt-md-2 {
                        margin-top: 0.5rem !important;
            }
            .mt-md-3 {
                        margin-top: 1rem !important;
            }
            .mt-md-4 {
                        margin-top: 1.5rem !important;
            }
            .mt-md-5 {
                        margin-top: 3rem !important;
            }
            .mt-md-auto {
                        margin-top: auto !important;
            }
            .me-md-0 {
                        margin-right: 0 !important;
            }
            .me-md-1 {
                        margin-right: 0.25rem !important;
            }
            .me-md-2 {
                        margin-right: 0.5rem !important;
            }
            .me-md-3 {
                        margin-right: 1rem !important;
            }
            .me-md-4 {
                        margin-right: 1.5rem !important;
            }
            .me-md-5 {
                        margin-right: 3rem !important;
            }
            .me-md-auto {
                        margin-right: auto !important;
            }
            .mb-md-0 {
                        margin-bottom: 0 !important;
            }
            .mb-md-1 {
                        margin-bottom: 0.25rem !important;
            }
            .mb-md-2 {
                        margin-bottom: 0.5rem !important;
            }
            .mb-md-3 {
                        margin-bottom: 1rem !important;
            }
            .mb-md-4 {
                        margin-bottom: 1.5rem !important;
            }
            .mb-md-5 {
                        margin-bottom: 3rem !important;
            }
            .mb-md-auto {
                        margin-bottom: auto !important;
            }
            .ms-md-0 {
                        margin-left: 0 !important;
            }
            .ms-md-1 {
                        margin-left: 0.25rem !important;
            }
            .ms-md-2 {
                        margin-left: 0.5rem !important;
            }
            .ms-md-3 {
                        margin-left: 1rem !important;
            }
            .ms-md-4 {
                        margin-left: 1.5rem !important;
            }
            .ms-md-5 {
                        margin-left: 3rem !important;
            }
            .ms-md-auto {
                        margin-left: auto !important;
            }
            .p-md-0 {
                        padding: 0 !important;
            }
            .p-md-1 {
                        padding: 0.25rem !important;
            }
            .p-md-2 {
                        padding: 0.5rem !important;
            }
            .p-md-3 {
                        padding: 1rem !important;
            }
            .p-md-4 {
                        padding: 1.5rem !important;
            }
            .p-md-5 {
                        padding: 3rem !important;
            }
            .px-md-0 {
                        padding-right: 0 !important;
                        padding-left: 0 !important;
            }
            .px-md-1 {
                        padding-right: 0.25rem !important;
                        padding-left: 0.25rem !important;
            }
            .px-md-2 {
                        padding-right: 0.5rem !important;
                        padding-left: 0.5rem !important;
            }
            .px-md-3 {
                        padding-right: 1rem !important;
                        padding-left: 1rem !important;
            }
            .px-md-4 {
                        padding-right: 1.5rem !important;
                        padding-left: 1.5rem !important;
            }
            .px-md-5 {
                        padding-right: 3rem !important;
                        padding-left: 3rem !important;
            }
            .py-md-0 {
                        padding-top: 0 !important;
                        padding-bottom: 0 !important;
            }
            .py-md-1 {
                        padding-top: 0.25rem !important;
                        padding-bottom: 0.25rem !important;
            }
            .py-md-2 {
                        padding-top: 0.5rem !important;
                        padding-bottom: 0.5rem !important;
            }
            .py-md-3 {
                        padding-top: 1rem !important;
                        padding-bottom: 1rem !important;
            }
            .py-md-4 {
                        padding-top: 1.5rem !important;
                        padding-bottom: 1.5rem !important;
            }
            .py-md-5 {
                        padding-top: 3rem !important;
                        padding-bottom: 3rem !important;
            }
            .text-md-end {
                        text-align: right !important;
            }
            .text-md-center {
                        text-align: center !important;
            }
}
@media (min-width: 992px) {
            .d-lg-block {
                        display: block !important;
            }
            .d-lg-grid {
                        display: grid !important;
            }
            .d-lg-flex {
                        display: flex !important;
            }
            .d-lg-none {
                        display: none !important;
            }
            .flex-lg-row {
                        flex-direction: row !important;
            }
            .justify-content-lg-end {
                        justify-content: flex-end !important;
            }
            .justify-content-lg-center {
                        justify-content: center !important;
            }
            .align-items-lg-end {
                        align-items: flex-end !important;
            }
            .align-items-lg-center {
                        align-items: center !important;
            }
            .align-content-lg-end {
                        align-content: flex-end !important;
            }
            .align-content-lg-center {
                        align-content: center !important;
            }
            .m-lg-0 {
                        margin: 0 !important;
            }
            .m-lg-1 {
                        margin: 0.25rem !important;
            }
            .m-lg-2 {
                        margin: 0.5rem !important;
            }
            .m-lg-3 {
                        margin: 1rem !important;
            }
            .m-lg-4 {
                        margin: 1.5rem !important;
            }
            .m-lg-5 {
                        margin: 3rem !important;
            }
            .m-lg-auto {
                        margin: auto !important;
            }
            .mx-lg-0 {
                        margin-right: 0 !important;
                        margin-left: 0 !important;
            }
            .mx-lg-1 {
                        margin-right: 0.25rem !important;
                        margin-left: 0.25rem !important;
            }
            .mx-lg-2 {
                        margin-right: 0.5rem !important;
                        margin-left: 0.5rem !important;
            }
            .mx-lg-3 {
                        margin-right: 1rem !important;
                        margin-left: 1rem !important;
            }
            .mx-lg-4 {
                        margin-right: 1.5rem !important;
                        margin-left: 1.5rem !important;
            }
            .mx-lg-5 {
                        margin-right: 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: 0.25rem !important;
                        margin-bottom: 0.25rem !important;
            }
            .my-lg-2 {
                        margin-top: 0.5rem !important;
                        margin-bottom: 0.5rem !important;
            }
            .my-lg-3 {
                        margin-top: 1rem !important;
                        margin-bottom: 1rem !important;
            }
            .my-lg-4 {
                        margin-top: 1.5rem !important;
                        margin-bottom: 1.5rem !important;
            }
            .my-lg-5 {
                        margin-top: 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: 0.25rem !important;
            }
            .mt-lg-2 {
                        margin-top: 0.5rem !important;
            }
            .mt-lg-3 {
                        margin-top: 1rem !important;
            }
            .mt-lg-4 {
                        margin-top: 1.5rem !important;
            }
            .mt-lg-5 {
                        margin-top: 3rem !important;
            }
            .mt-lg-auto {
                        margin-top: auto !important;
            }
            .me-lg-0 {
                        margin-right: 0 !important;
            }
            .me-lg-1 {
                        margin-right: 0.25rem !important;
            }
            .me-lg-2 {
                        margin-right: 0.5rem !important;
            }
            .me-lg-3 {
                        margin-right: 1rem !important;
            }
            .me-lg-4 {
                        margin-right: 1.5rem !important;
            }
            .me-lg-5 {
                        margin-right: 3rem !important;
            }
            .me-lg-auto {
                        margin-right: auto !important;
            }
            .mb-lg-0 {
                        margin-bottom: 0 !important;
            }
            .mb-lg-1 {
                        margin-bottom: 0.25rem !important;
            }
            .mb-lg-2 {
                        margin-bottom: 0.5rem !important;
            }
            .mb-lg-3 {
                        margin-bottom: 1rem !important;
            }
            .mb-lg-4 {
                        margin-bottom: 1.5rem !important;
            }
            .mb-lg-5 {
                        margin-bottom: 3rem !important;
            }
            .mb-lg-auto {
                        margin-bottom: auto !important;
            }
            .ms-lg-0 {
                        margin-left: 0 !important;
            }
            .ms-lg-1 {
                        margin-left: 0.25rem !important;
            }
            .ms-lg-2 {
                        margin-left: 0.5rem !important;
            }
            .ms-lg-3 {
                        margin-left: 1rem !important;
            }
            .ms-lg-4 {
                        margin-left: 1.5rem !important;
            }
            .ms-lg-5 {
                        margin-left: 3rem !important;
            }
            .ms-lg-auto {
                        margin-left: auto !important;
            }
            .p-lg-0 {
                        padding: 0 !important;
            }
            .p-lg-1 {
                        padding: 0.25rem !important;
            }
            .p-lg-2 {
                        padding: 0.5rem !important;
            }
            .p-lg-3 {
                        padding: 1rem !important;
            }
            .p-lg-4 {
                        padding: 1.5rem !important;
            }
            .p-lg-5 {
                        padding: 3rem !important;
            }
            .px-lg-0 {
                        padding-right: 0 !important;
                        padding-left: 0 !important;
            }
            .px-lg-1 {
                        padding-right: 0.25rem !important;
                        padding-left: 0.25rem !important;
            }
            .px-lg-2 {
                        padding-right: 0.5rem !important;
                        padding-left: 0.5rem !important;
            }
            .px-lg-3 {
                        padding-right: 1rem !important;
                        padding-left: 1rem !important;
            }
            .px-lg-4 {
                        padding-right: 1.5rem !important;
                        padding-left: 1.5rem !important;
            }
            .px-lg-5 {
                        padding-right: 3rem !important;
                        padding-left: 3rem !important;
            }
            .py-lg-0 {
                        padding-top: 0 !important;
                        padding-bottom: 0 !important;
            }
            .py-lg-1 {
                        padding-top: 0.25rem !important;
                        padding-bottom: 0.25rem !important;
            }
            .py-lg-2 {
                        padding-top: 0.5rem !important;
                        padding-bottom: 0.5rem !important;
            }
            .py-lg-3 {
                        padding-top: 1rem !important;
                        padding-bottom: 1rem !important;
            }
            .py-lg-4 {
                        padding-top: 1.5rem !important;
                        padding-bottom: 1.5rem !important;
            }
            .py-lg-5 {
                        padding-top: 3rem !important;
                        padding-bottom: 3rem !important;
            }
            .text-lg-end {
                        text-align: right !important;
            }
            .text-lg-center {
                        text-align: center !important;
            }
}
@media print {
            .d-print-block {
                        display: block !important;
            }
            .d-print-grid {
                        display: grid !important;
            }
            .d-print-flex {
                        display: flex !important;
            }
            .d-print-none {
                        display: none !important;
            }
}
html {
            scroll-padding-top: 4.5rem;
}
.bg-black {
            background-color: #000 !important;
}
.bg-gradient-primary-to-secondary {
            background: linear-gradient(45deg, #185abd, #9f1ae2) !important;
}
.font-alt {
            font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-gradient {
            background: -webkit-linear-gradient(#185abd, #9f1ae2);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}
#mainNav {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            background-color: #fff;
}
#mainNav .navbar-brand {
            font-family: "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#mainNav .navbar-brand:active,
#mainNav .navbar-brand:hover {
            color: #185abd;
}
#mainNav .navbar-toggler {
            font-size: 0.875rem;
            padding: 0.75rem 1rem;
            color: #212529;
}
#mainNav .navbar-nav .nav-item .nav-link {
            color: #212529;
}
#mainNav .navbar-nav .nav-item .nav-link:hover {
            color: #6c757d;
}

.device-wrapper {
            max-width: 300px;
            width: 100%;
}
.device {
            position: relative;
            background-size: cover;
}
.device::after {
            position: absolute;
            background-size: cover;
            width: 100%;
            height: 100%;
            pointer-events: none;
}
.device .button {
            position: absolute;
            cursor: pointer;
}
.device[data-device="iPhoneX"][data-orientation="portrait"][data-color="black"] {
            padding-bottom: 198.898071625%;
}
.device[data-device="iPhoneX"][data-orientation="portrait"][data-color="black"]::after {
            content: "";
            background-image: url(https://acrude.com/b5/assets/img/portrait_black.png);
}
.device[data-device="iPhoneX"][data-orientation="portrait"][data-color="black"] .button {
            display: none;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
}
.icon-feature {
            font-size: 4rem;
}
footer a {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
}
footer a:active,
footer a:focus,
footer a:hover {
            color: rgba(255, 255, 255, 0.75);
            text-decoration: underline;
}

.index-container {
            max-width: 1050px;
}

.index-text {
            text-align: left;
            margin-top: max(140px) !important;
            margin-top: calc(1vw * 10);
            font-size: 1.2rem;
            font-weight: 500;
}

.index-button {
            text-align: left;
            width: 100%;
            margin-top: max(140px) !important;
            margin-top: calc(1vw * 10);
}

.index-mobile-image {
            display: none;
}

.footer-logo {
            min-height: 15px;
            max-height: 25px;
            height: calc(1vw * 2);
}

.callToAction .container {
            background-color: #185abd;
            padding: 20px;
            border-radius: 10px;
}

.callToAction h3,
.callToAction p {
            color: white;
            font-size: 20px;
}
.callToAction .btn {
            background-color: white;
            color: #185abd;
            border: none;
            border-radius: 0.275rem;
            padding: 0.3rem 1rem;
            transition: all 0.2s ease-in-out;
}
.callToAction .btn:hover {
            background-color: #337ff1;
            color: white;
            cursor: pointer;
}

.invertedButton {
            border: 1px solid white;
            background-color: white;
            color: #185abd;
            border-radius: 0.275rem;
            padding: 0.3rem 1rem;
            transition: all 0.2s ease-in-out;
            margin-bottom: 10px;
            text-align: center !important;
}

.invertedButton:hover {
            cursor: pointer;
            background-color: #337ff1;
            color: white;
}

@media screen and (max-width: 1100px) {
            .mobile-spacing {
                        padding: 50px;
            }
}

@media screen and (max-width: 768px) {
            .mobile-spacing {
                        padding: 50px;
            }
            .rating-3 {
                        display: none !important;
            }

            .index-container {
                        max-width: 500px;
            }

            .index-container h1 {
                        font-size: calc(1vw * 5.5) !important;
            }

            .index-text {
                        text-align: center;
                        margin-top: calc(1vw * 20) !important;
            }

            .index-button {
                        text-align: center;
                        margin-top: calc(1vw * 20) !important;
            }
            .index-button .newAccount {
                        text-align: center;
                        margin: auto;
                        display: flex;
                        justify-content: center;
            }

            .index-into-image {
                        display: none;
            }

            .index-mobile-image {
                        text-align: center;
                        display: block;
            }
}

@media screen and (max-width: 600px) {
            .mobile-spacing {
                        padding: 20px;
            }

            .rating-4 {
                        display: none !important;
            }

            .index-container h1 {
                        font-size: calc(1vw * 7.8) !important;
            }
}