:root {
    --bs-dark-blue: #114f9d;
    --bs-blue: #2f80ed;
    --bs-indigo: #6610f2;
    --bs-purple: #b945e2;
    --bs-pink: #d63384;
    --bs-red: #d40a0e;
    --bs-orange: #ff5800;
    --bs-yellow: #ffc107;
    --bs-green: #299c26;
    --bs-teal: #20c997;
    --bs-cyan: #3cccd6;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #d2d2d2;
    --bs-gray-dark: #b9b9b9;
    --bs-light: #f5f5f5;
    --bs-gray-100: #f5f5f5;
    --bs-gray-200: #f5f5f5;
    --bs-gray-300: #e8e8e8;
    --bs-gray-400: #e8e8e8;
    --bs-gray-500: #d2d2d2;
    --bs-gray-600: #d2d2d2;
    --bs-gray-700: #b9b9b9;
    --bs-gray-800: #b9b9b9;
    --bs-gray-900: #808080;
    --bs-primary: #2f80ed;
    --bs-secondary: #d2d2d2;
    --bs-success: #299c26;
    --bs-info: #3cccd6;
    --bs-warning: #ffc107;
    --bs-danger: #d40a0e;
    --bs-light: #f5f5f5;
    --bs-dark: #808080;
    --bs-primary-rgb: 47, 128, 237;
    --bs-secondary-rgb: 210, 210, 210;
    --bs-success-rgb: 41, 156, 38;
    --bs-info-rgb: 60, 204, 214;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 212, 10, 14;
    --bs-light-rgb: 245, 245, 245;
    --bs-dark-rgb: 128, 128, 128;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 0, 0, 0;
    --bs-body-bg-rgb: 245, 245, 245;
    --bs-font-sans-serif: Roboto, "xMicrosoft JhengHei", "Microsoft JhengHei", Arial, sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.3;
    --bs-body-color: #000;
    --bs-body-bg: #f5f5f5;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #e8e8e8;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 10px;
    --bs-border-radius-sm: 8px;
    --bs-border-radius-lg: 99px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #000;
    --bs-link-hover-color: #000;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: 0.25;
}
h6,
h5,
h4,
h3,
h2,
h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: unset;
    color: unset;
    font-size: unset;
    font-weight: unset;
    margin: unset;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul {
    padding-left: 2rem;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 0.875em;
}
mark {
    padding: 0.1875em;
    background-color: var(--bs-highlight-bg);
}
sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: var(--bs-link-color);
    text-decoration: none;
}
a:hover {
    color: var(--bs-link-hover-color);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
}
a > code {
    color: inherit;
}
kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 8px;
}
kbd kbd {
    padding: 0;
    font-size: 1em;
}
figure {
    margin: 0 0 1rem;
}
img,
svg {
    vertical-align: middle;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #d2d2d2;
    text-align: left;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: inline-block;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
select:disabled {
    opacity: 1;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
    display: none !important;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
textarea {
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
}
legend + * {
    clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}
::-webkit-inner-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
iframe {
    border: 0;
}
summary {
    display: list-item;
    cursor: pointer;
}
progress {
    vertical-align: baseline;
}
[hidden] {
    display: none !important;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local(""), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    src: local(""), url("../fonts/roboto-v30-latin-500.woff2") format("woff2"), url("../fonts/roboto-v30-latin-500.woff") format("woff");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local(""), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff");
}
@font-face {
    font-family: "xMicrosoft JhengHei";
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: bold;
    src: local(MS Gothic), local(Yu Gothic);
}
@font-face {
    font-family: "xMicrosoft JhengHei";
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: normal;
    src: local(Microsoft JhengHei), local(Microsoft JhengHei);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 2rem;
    --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-sm,
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-md,
    .container-sm,
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px;
    }
}
.row {
    --bs-gutter-x: 2rem;
    --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%;
}
.offset-1 {
    margin-left: 8.33333333%;
}
.offset-2 {
    margin-left: 16.66666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333333%;
}
.offset-5 {
    margin-left: 41.66666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333333%;
}
.offset-8 {
    margin-left: 66.66666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333333%;
}
.offset-11 {
    margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
    --bs-gutter-x: 2rem;
}
.g-5,
.gy-5 {
    --bs-gutter-y: 2rem;
}
.g-6,
.gx-6 {
    --bs-gutter-x: 3rem;
}
.g-6,
.gy-6 {
    --bs-gutter-y: 3rem;
}
.g-7,
.gx-7 {
    --bs-gutter-x: 4rem;
}
.g-7,
.gy-7 {
    --bs-gutter-y: 4rem;
}
@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 2rem;
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 2rem;
    }
    .g-sm-6,
    .gx-sm-6 {
        --bs-gutter-x: 3rem;
    }
    .g-sm-6,
    .gy-sm-6 {
        --bs-gutter-y: 3rem;
    }
    .g-sm-7,
    .gx-sm-7 {
        --bs-gutter-x: 4rem;
    }
    .g-sm-7,
    .gy-sm-7 {
        --bs-gutter-y: 4rem;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
    .offset-md-2 {
        margin-left: 16.66666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333333%;
    }
    .offset-md-5 {
        margin-left: 41.66666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333333%;
    }
    .offset-md-8 {
        margin-left: 66.66666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333333%;
    }
    .offset-md-11 {
        margin-left: 91.66666667%;
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 2rem;
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 2rem;
    }
    .g-md-6,
    .gx-md-6 {
        --bs-gutter-x: 3rem;
    }
    .g-md-6,
    .gy-md-6 {
        --bs-gutter-y: 3rem;
    }
    .g-md-7,
    .gx-md-7 {
        --bs-gutter-x: 4rem;
    }
    .g-md-7,
    .gy-md-7 {
        --bs-gutter-y: 4rem;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }
    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333333%;
    }
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333333%;
    }
    .offset-lg-5 {
        margin-left: 41.66666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333333%;
    }
    .offset-lg-8 {
        margin-left: 66.66666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333333%;
    }
    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 2rem;
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 2rem;
    }
    .g-lg-6,
    .gx-lg-6 {
        --bs-gutter-x: 3rem;
    }
    .g-lg-6,
    .gy-lg-6 {
        --bs-gutter-y: 3rem;
    }
    .g-lg-7,
    .gx-lg-7 {
        --bs-gutter-x: 4rem;
    }
    .g-lg-7,
    .gy-lg-7 {
        --bs-gutter-y: 4rem;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }
    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 2rem;
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 2rem;
    }
    .g-xl-6,
    .gx-xl-6 {
        --bs-gutter-x: 3rem;
    }
    .g-xl-6,
    .gy-xl-6 {
        --bs-gutter-y: 3rem;
    }
    .g-xl-7,
    .gx-xl-7 {
        --bs-gutter-x: 4rem;
    }
    .g-xl-7,
    .gy-xl-7 {
        --bs-gutter-y: 4rem;
    }
}
@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }
    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 2rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 2rem;
    }
    .g-xxl-6,
    .gx-xxl-6 {
        --bs-gutter-x: 3rem;
    }
    .g-xxl-6,
    .gy-xxl-6 {
        --bs-gutter-y: 3rem;
    }
    .g-xxl-7,
    .gx-xxl-7 {
        --bs-gutter-x: 4rem;
    }
    .g-xxl-7,
    .gy-xxl-7 {
        --bs-gutter-y: 4rem;
    }
}
.form-label {
    margin-bottom: 0.5rem;
}
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.3;
}
.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: #d2d2d2;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    background-color: #f5f5f5;
    background-clip: padding-box;
    border: 1px solid #e8e8e8;
    appearance: none;
    border-radius: 4px;
    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: #000;
    background-color: #f5f5f5;
    border-color: #97c0f6;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(47, 128, 237, 0.25);
}
.form-control::-webkit-date-and-time-value {
    height: 1.3em;
}
.form-control::placeholder {
    color: #d2d2d2;
    opacity: 1;
}
.form-control:disabled {
    background-color: #f5f5f5;
    opacity: 1;
}
.form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #000;
    background-color: #f5f5f5;
    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: #e9e9e9;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.3;
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 0;
}
.form-control-plaintext:focus {
    outline: 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}
.form-control-sm {
    min-height: calc(1.3em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 8px;
}
.form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: 0.5rem;
}
.form-control-lg {
    min-height: calc(1.3em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 99px;
}
.form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem;
}
textarea.form-control {
    min-height: calc(1.3em + 0.75rem + 2px);
}
textarea.form-control-sm {
    min-height: calc(1.3em + 0.5rem + 2px);
}
textarea.form-control-lg {
    min-height: calc(1.3em + 1rem + 2px);
}
.form-control-color {
    width: 3rem;
    height: calc(1.3em + 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: 4px;
}
.form-control-color::-webkit-color-swatch {
    border-radius: 4px;
}
.form-control-color.form-control-sm {
    height: calc(1.3em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
    height: calc(1.3em + 1rem + 2px);
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    background-color: #f5f5f5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23B9B9B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}
.form-select:focus {
    border-color: #97c0f6;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(47, 128, 237, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}
.form-select:disabled {
    background-color: #f5f5f5;
}
.form-select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #000;
}
.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    border-radius: 8px;
}
.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: 99px;
}
.form-check {
    display: block;
    min-height: 1.3rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
}
.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}
.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.15em;
    vertical-align: top;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    print-color-adjust: exact;
}
.form-check-input[type="checkbox"] {
    border-radius: 0.25em;
}
.form-check-input[type="radio"] {
    border-radius: 50%;
}
.form-check-input:active {
    filter: brightness(90%);
}
.form-check-input:focus {
    border-color: #97c0f6;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(47, 128, 237, 0.25);
}
.form-check-input:checked {
    background-color: #2f80ed;
    border-color: #2f80ed;
}
.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
    background-color: #2f80ed;
    border-color: #2f80ed;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
    cursor: default;
    opacity: 0.5;
}
.form-switch {
    padding-left: 2.5em;
}
.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2397c0f6'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0;
}
.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65;
}
.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    appearance: none;
}
.form-range:focus {
    outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #f5f5f5, 0 0 0 0.25rem rgba(47, 128, 237, 0.25);
}
.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #f5f5f5, 0 0 0 0.25rem rgba(47, 128, 237, 0.25);
}
.form-range::-moz-focus-outer {
    border: 0;
}
.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #2f80ed;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none;
    }
}
.form-range::-webkit-slider-thumb:active {
    background-color: #c1d9fa;
}
.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #e8e8e8;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem;
}
.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #2f80ed;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        transition: none;
    }
}
.form-range::-moz-range-thumb:active {
    background-color: #c1d9fa;
}
.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #e8e8e8;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem;
}
.form-range:disabled {
    pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
    background-color: #d2d2d2;
}
.form-range:disabled::-moz-range-thumb {
    background-color: #d2d2d2;
}
.form-floating {
    position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    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-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    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,
.form-floating > .form-control-plaintext {
    padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
    color: rgba(0, 0, 0, 0);
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
    z-index: 3;
}
.input-group .btn {
    position: relative;
    z-index: 2;
}
.input-group .btn:focus {
    z-index: 3;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #f5f5f5;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 99px;
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 8px;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #299c26;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #000;
    background-color: rgba(41, 156, 38, 0.9);
    border-radius: 10px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #299c26;
    padding-right: calc(1.3em + 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='%23299C26' 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.325em + 0.1875rem) center;
    background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #299c26;
    box-shadow: 0 0 0 0.25rem rgba(41, 156, 38, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.3em + 0.75rem);
    background-position: top calc(0.325em + 0.1875rem) right calc(0.325em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #299c26;
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23B9B9B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23299C26' 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-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: #299c26;
    box-shadow: 0 0 0 0.25rem rgba(41, 156, 38, 0.25);
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
    width: calc(3rem + calc(1.3em + 0.75rem));
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: #299c26;
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: #299c26;
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(41, 156, 38, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #299c26;
}
.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 1;
}
.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
    z-index: 3;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #d40a0e;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(212, 10, 14, 0.9);
    border-radius: 10px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #d40a0e;
    padding-right: calc(1.3em + 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='%23D40A0E'%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='%23D40A0E' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.325em + 0.1875rem) center;
    background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #d40a0e;
    box-shadow: 0 0 0 0.25rem rgba(212, 10, 14, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.3em + 0.75rem);
    background-position: top calc(0.325em + 0.1875rem) right calc(0.325em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #d40a0e;
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23B9B9B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23D40A0E'%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='%23D40A0E' stroke='none'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: #d40a0e;
    box-shadow: 0 0 0 0.25rem rgba(212, 10, 14, 0.25);
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
    width: calc(3rem + calc(1.3em + 0.75rem));
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #d40a0e;
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: #d40a0e;
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(212, 10, 14, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #d40a0e;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
    z-index: 3;
}
.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: rgba(0, 0, 0, 0) 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: 10px;
    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(47, 128, 237, 0.25);
    opacity: 1;
}
.btn-close:disabled,
.btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: 0.25;
}
.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 99px;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: 98px;
    --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.3;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --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.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.6);
    outline: 0;
}
.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    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(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) 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 (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,
    .modal-xl {
        --bs-modal-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px;
    }
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
}
.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}
.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.ta-baseline {
    vertical-align: baseline !important;
}
.ta-top {
    vertical-align: top !important;
}
.ta-middle {
    vertical-align: middle !important;
}
.ta-bottom {
    vertical-align: bottom !important;
}
.ta-text-bottom {
    vertical-align: text-bottom !important;
}
.ta-text-top {
    vertical-align: text-top !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-grid {
    display: grid !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
.d-none {
    display: none !important;
}
.d-table-column-group {
    display: table-column-group !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;
}
.pos-static {
    position: static !important;
}
.pos-relative {
    position: relative !important;
}
.pos-absolute {
    position: absolute !important;
}
.pos-fixed {
    position: fixed !important;
}
.pos-sticky {
    position: sticky !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-right {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-right-0 {
    border-right: 0 !important;
}
.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-left {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-left-0 {
    border-left: 0 !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-left {
    justify-content: flex-start !important;
}
.flex-right {
    justify-content: flex-end !important;
}
.flex-center {
    justify-content: center !important;
}
.flex-space {
    justify-content: space-between !important;
}
.flex-even {
    justify-content: space-evenly !important;
}
.flex-top {
    align-items: flex-start !important;
}
.flex-bottom {
    align-items: flex-end !important;
}
.flex-middle {
    align-items: center !important;
}
.flex-baseline {
    align-items: baseline !important;
}
.flex-same {
    align-items: stretch !important;
}
.order-first {
    order: -1 !important;
}
.order-0 {
    order: 0 !important;
}
.order-1 {
    order: 1 !important;
}
.order-2 {
    order: 2 !important;
}
.order-3 {
    order: 3 !important;
}
.order-4 {
    order: 4 !important;
}
.order-5 {
    order: 5 !important;
}
.order-last {
    order: 6 !important;
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.m-5 {
    margin: 2rem !important;
}
.m-6 {
    margin: 3rem !important;
}
.m-7 {
    margin: 4rem !important;
}
.m-auto {
    margin: auto !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}
.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}
.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}
.mx-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}
.mx-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}
.mx-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 2rem !important;
}
.mt-6 {
    margin-top: 3rem !important;
}
.mt-7 {
    margin-top: 4rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-1 {
    margin-right: 0.25rem !important;
}
.mr-2 {
    margin-right: 0.5rem !important;
}
.mr-3 {
    margin-right: 1rem !important;
}
.mr-4 {
    margin-right: 1.5rem !important;
}
.mr-5 {
    margin-right: 2rem !important;
}
.mr-6 {
    margin-right: 3rem !important;
}
.mr-7 {
    margin-right: 4rem !important;
}
.mr-auto {
    margin-right: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 2rem !important;
}
.mb-6 {
    margin-bottom: 3rem !important;
}
.mb-7 {
    margin-bottom: 4rem !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: 0.25rem !important;
}
.ml-2 {
    margin-left: 0.5rem !important;
}
.ml-3 {
    margin-left: 1rem !important;
}
.ml-4 {
    margin-left: 1.5rem !important;
}
.ml-5 {
    margin-left: 2rem !important;
}
.ml-6 {
    margin-left: 3rem !important;
}
.ml-7 {
    margin-left: 4rem !important;
}
.ml-auto {
    margin-left: auto !important;
}
.m-n1 {
    margin: -0.25rem !important;
}
.m-n2 {
    margin: -0.5rem !important;
}
.m-n3 {
    margin: -1rem !important;
}
.m-n4 {
    margin: -1.5rem !important;
}
.m-n5 {
    margin: -2rem !important;
}
.m-n6 {
    margin: -3rem !important;
}
.m-n7 {
    margin: -4rem !important;
}
.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}
.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}
.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}
.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}
.mx-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
}
.mx-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}
.mx-n7 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
}
.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}
.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}
.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}
.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}
.my-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
}
.my-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}
.my-n7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
}
.mt-n1 {
    margin-top: -0.25rem !important;
}
.mt-n2 {
    margin-top: -0.5rem !important;
}
.mt-n3 {
    margin-top: -1rem !important;
}
.mt-n4 {
    margin-top: -1.5rem !important;
}
.mt-n5 {
    margin-top: -2rem !important;
}
.mt-n6 {
    margin-top: -3rem !important;
}
.mt-n7 {
    margin-top: -4rem !important;
}
.mr-n1 {
    margin-right: -0.25rem !important;
}
.mr-n2 {
    margin-right: -0.5rem !important;
}
.mr-n3 {
    margin-right: -1rem !important;
}
.mr-n4 {
    margin-right: -1.5rem !important;
}
.mr-n5 {
    margin-right: -2rem !important;
}
.mr-n6 {
    margin-right: -3rem !important;
}
.mr-n7 {
    margin-right: -4rem !important;
}
.mb-n1 {
    margin-bottom: -0.25rem !important;
}
.mb-n2 {
    margin-bottom: -0.5rem !important;
}
.mb-n3 {
    margin-bottom: -1rem !important;
}
.mb-n4 {
    margin-bottom: -1.5rem !important;
}
.mb-n5 {
    margin-bottom: -2rem !important;
}
.mb-n6 {
    margin-bottom: -3rem !important;
}
.mb-n7 {
    margin-bottom: -4rem !important;
}
.ml-n1 {
    margin-left: -0.25rem !important;
}
.ml-n2 {
    margin-left: -0.5rem !important;
}
.ml-n3 {
    margin-left: -1rem !important;
}
.ml-n4 {
    margin-left: -1.5rem !important;
}
.ml-n5 {
    margin-left: -2rem !important;
}
.ml-n6 {
    margin-left: -3rem !important;
}
.ml-n7 {
    margin-left: -4rem !important;
}
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.p-5 {
    padding: 2rem !important;
}
.p-6 {
    padding: 3rem !important;
}
.p-7 {
    padding: 4rem !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.px-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}
.px-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.px-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 0.25rem !important;
}
.pt-2 {
    padding-top: 0.5rem !important;
}
.pt-3 {
    padding-top: 1rem !important;
}
.pt-4 {
    padding-top: 1.5rem !important;
}
.pt-5 {
    padding-top: 2rem !important;
}
.pt-6 {
    padding-top: 3rem !important;
}
.pt-7 {
    padding-top: 4rem !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: 0.25rem !important;
}
.pr-2 {
    padding-right: 0.5rem !important;
}
.pr-3 {
    padding-right: 1rem !important;
}
.pr-4 {
    padding-right: 1.5rem !important;
}
.pr-5 {
    padding-right: 2rem !important;
}
.pr-6 {
    padding-right: 3rem !important;
}
.pr-7 {
    padding-right: 4rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 0.25rem !important;
}
.pb-2 {
    padding-bottom: 0.5rem !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-4 {
    padding-bottom: 1.5rem !important;
}
.pb-5 {
    padding-bottom: 2rem !important;
}
.pb-6 {
    padding-bottom: 3rem !important;
}
.pb-7 {
    padding-bottom: 4rem !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-1 {
    padding-left: 0.25rem !important;
}
.pl-2 {
    padding-left: 0.5rem !important;
}
.pl-3 {
    padding-left: 1rem !important;
}
.pl-4 {
    padding-left: 1.5rem !important;
}
.pl-5 {
    padding-left: 2rem !important;
}
.pl-6 {
    padding-left: 3rem !important;
}
.pl-7 {
    padding-left: 4rem !important;
}
.gap-0 {
    gap: 0 !important;
}
.gap-1 {
    gap: 0.25rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.gap-4 {
    gap: 1.5rem !important;
}
.gap-5 {
    gap: 2rem !important;
}
.gap-6 {
    gap: 3rem !important;
}
.gap-7 {
    gap: 4rem !important;
}
.fw-light {
    font-weight: 300 !important;
}
.fw-lighter {
    font-weight: lighter !important;
}
.fw-normal {
    font-weight: 400 !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-semibold {
    font-weight: 600 !important;
}
.fw-bolder {
    font-weight: bolder !important;
}
.ta-left {
    text-align: left !important;
}
.ta-right {
    text-align: right !important;
}
.ta-center {
    text-align: center !important;
}
.td-none {
    text-decoration: none !important;
}
.td-underline {
    text-decoration: underline !important;
}
.ws-wrap {
    white-space: normal !important;
}
.ws-nowrap {
    white-space: nowrap !important;
}
.text-dark-blue {
    color: #114f9d !important;
}
.text-blue {
    color: #2f80ed !important;
}
.text-indigo {
    color: #6610f2 !important;
}
.text-purple {
    color: #b945e2 !important;
}
.text-pink {
    color: #d63384 !important;
}
.text-red {
    color: #d40a0e !important;
}
.text-orange {
    color: #ff5800 !important;
}
.text-yellow {
    color: #ffc107 !important;
}
.text-green {
    color: #299c26 !important;
}
.text-teal {
    color: #20c997 !important;
}
.text-cyan {
    color: #3cccd6 !important;
}
.text-black {
    color: #000 !important;
}
.text-white {
    color: #fff !important;
}
.text-gray {
    color: #d2d2d2 !important;
}
.text-gray-dark {
    color: #b9b9b9 !important;
}
.text-light {
    color: #f5f5f5 !important;
}
.text-muted {
    color: #d2d2d2 !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
    color: inherit !important;
}
.bg-dark-blue {
    background-color: #114f9d !important;
}
.bg-blue {
    background-color: #2f80ed !important;
}
.bg-indigo {
    background-color: #6610f2 !important;
}
.bg-purple {
    background-color: #b945e2 !important;
}
.bg-pink {
    background-color: #d63384 !important;
}
.bg-red {
    background-color: #d40a0e !important;
}
.bg-orange {
    background-color: #ff5800 !important;
}
.bg-yellow {
    background-color: #ffc107 !important;
}
.bg-green {
    background-color: #299c26 !important;
}
.bg-teal {
    background-color: #20c997 !important;
}
.bg-cyan {
    background-color: #3cccd6 !important;
}
.bg-black {
    background-color: #000 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-gray {
    background-color: #d2d2d2 !important;
}
.bg-gray-dark {
    background-color: #b9b9b9 !important;
}
.bg-light {
    background-color: #f5f5f5 !important;
}
.bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
}
@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .d-sm-table-column-group {
        display: table-column-group !important;
    }
    .border-top-sm {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-top-sm-0 {
        border-top: 0 !important;
    }
    .border-right-sm {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-right-sm-0 {
        border-right: 0 !important;
    }
    .border-bottom-sm {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-bottom-sm-0 {
        border-bottom: 0 !important;
    }
    .border-left-sm {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-left-sm-0 {
        border-left: 0 !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-left {
        justify-content: flex-start !important;
    }
    .flex-sm-right {
        justify-content: flex-end !important;
    }
    .flex-sm-center {
        justify-content: center !important;
    }
    .flex-sm-space {
        justify-content: space-between !important;
    }
    .flex-sm-even {
        justify-content: space-evenly !important;
    }
    .flex-sm-top {
        align-items: flex-start !important;
    }
    .flex-sm-bottom {
        align-items: flex-end !important;
    }
    .flex-sm-middle {
        align-items: center !important;
    }
    .flex-sm-baseline {
        align-items: baseline !important;
    }
    .flex-sm-same {
        align-items: stretch !important;
    }
    .order-sm-first {
        order: -1 !important;
    }
    .order-sm-0 {
        order: 0 !important;
    }
    .order-sm-1 {
        order: 1 !important;
    }
    .order-sm-2 {
        order: 2 !important;
    }
    .order-sm-3 {
        order: 3 !important;
    }
    .order-sm-4 {
        order: 4 !important;
    }
    .order-sm-5 {
        order: 5 !important;
    }
    .order-sm-last {
        order: 6 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 2rem !important;
    }
    .m-sm-6 {
        margin: 3rem !important;
    }
    .m-sm-7 {
        margin: 4rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
    .mx-sm-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-sm-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-sm-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-sm-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 2rem !important;
    }
    .mt-sm-6 {
        margin-top: 3rem !important;
    }
    .mt-sm-7 {
        margin-top: 4rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-0 {
        margin-right: 0 !important;
    }
    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mr-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mr-sm-3 {
        margin-right: 1rem !important;
    }
    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mr-sm-5 {
        margin-right: 2rem !important;
    }
    .mr-sm-6 {
        margin-right: 3rem !important;
    }
    .mr-sm-7 {
        margin-right: 4rem !important;
    }
    .mr-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 2rem !important;
    }
    .mb-sm-6 {
        margin-bottom: 3rem !important;
    }
    .mb-sm-7 {
        margin-bottom: 4rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-0 {
        margin-left: 0 !important;
    }
    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }
    .ml-sm-2 {
        margin-left: 0.5rem !important;
    }
    .ml-sm-3 {
        margin-left: 1rem !important;
    }
    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }
    .ml-sm-5 {
        margin-left: 2rem !important;
    }
    .ml-sm-6 {
        margin-left: 3rem !important;
    }
    .ml-sm-7 {
        margin-left: 4rem !important;
    }
    .ml-sm-auto {
        margin-left: auto !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -2rem !important;
    }
    .m-sm-n6 {
        margin: -3rem !important;
    }
    .m-sm-n7 {
        margin: -4rem !important;
    }
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    .mx-sm-n5 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }
    .mx-sm-n6 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    .mx-sm-n7 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }
    .my-sm-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    .my-sm-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    .my-sm-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }
    .my-sm-n6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    .my-sm-n7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }
    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-sm-n3 {
        margin-top: -1rem !important;
    }
    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-sm-n5 {
        margin-top: -2rem !important;
    }
    .mt-sm-n6 {
        margin-top: -3rem !important;
    }
    .mt-sm-n7 {
        margin-top: -4rem !important;
    }
    .mr-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mr-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mr-sm-n3 {
        margin-right: -1rem !important;
    }
    .mr-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mr-sm-n5 {
        margin-right: -2rem !important;
    }
    .mr-sm-n6 {
        margin-right: -3rem !important;
    }
    .mr-sm-n7 {
        margin-right: -4rem !important;
    }
    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-sm-n5 {
        margin-bottom: -2rem !important;
    }
    .mb-sm-n6 {
        margin-bottom: -3rem !important;
    }
    .mb-sm-n7 {
        margin-bottom: -4rem !important;
    }
    .ml-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .ml-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .ml-sm-n3 {
        margin-left: -1rem !important;
    }
    .ml-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .ml-sm-n5 {
        margin-left: -2rem !important;
    }
    .ml-sm-n6 {
        margin-left: -3rem !important;
    }
    .ml-sm-n7 {
        margin-left: -4rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 2rem !important;
    }
    .p-sm-6 {
        padding: 3rem !important;
    }
    .p-sm-7 {
        padding: 4rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-sm-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
    .px-sm-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .px-sm-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .py-sm-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .py-sm-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
        padding-top: 2rem !important;
    }
    .pt-sm-6 {
        padding-top: 3rem !important;
    }
    .pt-sm-7 {
        padding-top: 4rem !important;
    }
    .pr-sm-0 {
        padding-right: 0 !important;
    }
    .pr-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pr-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pr-sm-3 {
        padding-right: 1rem !important;
    }
    .pr-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pr-sm-5 {
        padding-right: 2rem !important;
    }
    .pr-sm-6 {
        padding-right: 3rem !important;
    }
    .pr-sm-7 {
        padding-right: 4rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 2rem !important;
    }
    .pb-sm-6 {
        padding-bottom: 3rem !important;
    }
    .pb-sm-7 {
        padding-bottom: 4rem !important;
    }
    .pl-sm-0 {
        padding-left: 0 !important;
    }
    .pl-sm-1 {
        padding-left: 0.25rem !important;
    }
    .pl-sm-2 {
        padding-left: 0.5rem !important;
    }
    .pl-sm-3 {
        padding-left: 1rem !important;
    }
    .pl-sm-4 {
        padding-left: 1.5rem !important;
    }
    .pl-sm-5 {
        padding-left: 2rem !important;
    }
    .pl-sm-6 {
        padding-left: 3rem !important;
    }
    .pl-sm-7 {
        padding-left: 4rem !important;
    }
    .gap-sm-0 {
        gap: 0 !important;
    }
    .gap-sm-1 {
        gap: 0.25rem !important;
    }
    .gap-sm-2 {
        gap: 0.5rem !important;
    }
    .gap-sm-3 {
        gap: 1rem !important;
    }
    .gap-sm-4 {
        gap: 1.5rem !important;
    }
    .gap-sm-5 {
        gap: 2rem !important;
    }
    .gap-sm-6 {
        gap: 3rem !important;
    }
    .gap-sm-7 {
        gap: 4rem !important;
    }
    .ta-sm-left {
        text-align: left !important;
    }
    .ta-sm-right {
        text-align: right !important;
    }
    .ta-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .d-md-table-column-group {
        display: table-column-group !important;
    }
    .border-top-md {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-top-md-0 {
        border-top: 0 !important;
    }
    .border-right-md {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-right-md-0 {
        border-right: 0 !important;
    }
    .border-bottom-md {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-bottom-md-0 {
        border-bottom: 0 !important;
    }
    .border-left-md {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-left-md-0 {
        border-left: 0 !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-left {
        justify-content: flex-start !important;
    }
    .flex-md-right {
        justify-content: flex-end !important;
    }
    .flex-md-center {
        justify-content: center !important;
    }
    .flex-md-space {
        justify-content: space-between !important;
    }
    .flex-md-even {
        justify-content: space-evenly !important;
    }
    .flex-md-top {
        align-items: flex-start !important;
    }
    .flex-md-bottom {
        align-items: flex-end !important;
    }
    .flex-md-middle {
        align-items: center !important;
    }
    .flex-md-baseline {
        align-items: baseline !important;
    }
    .flex-md-same {
        align-items: stretch !important;
    }
    .order-md-first {
        order: -1 !important;
    }
    .order-md-0 {
        order: 0 !important;
    }
    .order-md-1 {
        order: 1 !important;
    }
    .order-md-2 {
        order: 2 !important;
    }
    .order-md-3 {
        order: 3 !important;
    }
    .order-md-4 {
        order: 4 !important;
    }
    .order-md-5 {
        order: 5 !important;
    }
    .order-md-last {
        order: 6 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 2rem !important;
    }
    .m-md-6 {
        margin: 3rem !important;
    }
    .m-md-7 {
        margin: 4rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-md-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
    .mx-md-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-md-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-md-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-md-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 2rem !important;
    }
    .mt-md-6 {
        margin-top: 3rem !important;
    }
    .mt-md-7 {
        margin-top: 4rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .mr-md-0 {
        margin-right: 0 !important;
    }
    .mr-md-1 {
        margin-right: 0.25rem !important;
    }
    .mr-md-2 {
        margin-right: 0.5rem !important;
    }
    .mr-md-3 {
        margin-right: 1rem !important;
    }
    .mr-md-4 {
        margin-right: 1.5rem !important;
    }
    .mr-md-5 {
        margin-right: 2rem !important;
    }
    .mr-md-6 {
        margin-right: 3rem !important;
    }
    .mr-md-7 {
        margin-right: 4rem !important;
    }
    .mr-md-auto {
        margin-right: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
        margin-bottom: 2rem !important;
    }
    .mb-md-6 {
        margin-bottom: 3rem !important;
    }
    .mb-md-7 {
        margin-bottom: 4rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-0 {
        margin-left: 0 !important;
    }
    .ml-md-1 {
        margin-left: 0.25rem !important;
    }
    .ml-md-2 {
        margin-left: 0.5rem !important;
    }
    .ml-md-3 {
        margin-left: 1rem !important;
    }
    .ml-md-4 {
        margin-left: 1.5rem !important;
    }
    .ml-md-5 {
        margin-left: 2rem !important;
    }
    .ml-md-6 {
        margin-left: 3rem !important;
    }
    .ml-md-7 {
        margin-left: 4rem !important;
    }
    .ml-md-auto {
        margin-left: auto !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -2rem !important;
    }
    .m-md-n6 {
        margin: -3rem !important;
    }
    .m-md-n7 {
        margin: -4rem !important;
    }
    .mx-md-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    .mx-md-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    .mx-md-n5 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }
    .mx-md-n6 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    .mx-md-n7 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }
    .my-md-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    .my-md-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    .my-md-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }
    .my-md-n6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    .my-md-n7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }
    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-md-n3 {
        margin-top: -1rem !important;
    }
    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-md-n5 {
        margin-top: -2rem !important;
    }
    .mt-md-n6 {
        margin-top: -3rem !important;
    }
    .mt-md-n7 {
        margin-top: -4rem !important;
    }
    .mr-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mr-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mr-md-n3 {
        margin-right: -1rem !important;
    }
    .mr-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mr-md-n5 {
        margin-right: -2rem !important;
    }
    .mr-md-n6 {
        margin-right: -3rem !important;
    }
    .mr-md-n7 {
        margin-right: -4rem !important;
    }
    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-md-n5 {
        margin-bottom: -2rem !important;
    }
    .mb-md-n6 {
        margin-bottom: -3rem !important;
    }
    .mb-md-n7 {
        margin-bottom: -4rem !important;
    }
    .ml-md-n1 {
        margin-left: -0.25rem !important;
    }
    .ml-md-n2 {
        margin-left: -0.5rem !important;
    }
    .ml-md-n3 {
        margin-left: -1rem !important;
    }
    .ml-md-n4 {
        margin-left: -1.5rem !important;
    }
    .ml-md-n5 {
        margin-left: -2rem !important;
    }
    .ml-md-n6 {
        margin-left: -3rem !important;
    }
    .ml-md-n7 {
        margin-left: -4rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 2rem !important;
    }
    .p-md-6 {
        padding: 3rem !important;
    }
    .p-md-7 {
        padding: 4rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-md-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
    .px-md-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .px-md-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .py-md-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .py-md-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 0.25rem !important;
    }
    .pt-md-2 {
        padding-top: 0.5rem !important;
    }
    .pt-md-3 {
        padding-top: 1rem !important;
    }
    .pt-md-4 {
        padding-top: 1.5rem !important;
    }
    .pt-md-5 {
        padding-top: 2rem !important;
    }
    .pt-md-6 {
        padding-top: 3rem !important;
    }
    .pt-md-7 {
        padding-top: 4rem !important;
    }
    .pr-md-0 {
        padding-right: 0 !important;
    }
    .pr-md-1 {
        padding-right: 0.25rem !important;
    }
    .pr-md-2 {
        padding-right: 0.5rem !important;
    }
    .pr-md-3 {
        padding-right: 1rem !important;
    }
    .pr-md-4 {
        padding-right: 1.5rem !important;
    }
    .pr-md-5 {
        padding-right: 2rem !important;
    }
    .pr-md-6 {
        padding-right: 3rem !important;
    }
    .pr-md-7 {
        padding-right: 4rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
        padding-bottom: 2rem !important;
    }
    .pb-md-6 {
        padding-bottom: 3rem !important;
    }
    .pb-md-7 {
        padding-bottom: 4rem !important;
    }
    .pl-md-0 {
        padding-left: 0 !important;
    }
    .pl-md-1 {
        padding-left: 0.25rem !important;
    }
    .pl-md-2 {
        padding-left: 0.5rem !important;
    }
    .pl-md-3 {
        padding-left: 1rem !important;
    }
    .pl-md-4 {
        padding-left: 1.5rem !important;
    }
    .pl-md-5 {
        padding-left: 2rem !important;
    }
    .pl-md-6 {
        padding-left: 3rem !important;
    }
    .pl-md-7 {
        padding-left: 4rem !important;
    }
    .gap-md-0 {
        gap: 0 !important;
    }
    .gap-md-1 {
        gap: 0.25rem !important;
    }
    .gap-md-2 {
        gap: 0.5rem !important;
    }
    .gap-md-3 {
        gap: 1rem !important;
    }
    .gap-md-4 {
        gap: 1.5rem !important;
    }
    .gap-md-5 {
        gap: 2rem !important;
    }
    .gap-md-6 {
        gap: 3rem !important;
    }
    .gap-md-7 {
        gap: 4rem !important;
    }
    .ta-md-left {
        text-align: left !important;
    }
    .ta-md-right {
        text-align: right !important;
    }
    .ta-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .d-lg-table-column-group {
        display: table-column-group !important;
    }
    .border-top-lg {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-top-lg-0 {
        border-top: 0 !important;
    }
    .border-right-lg {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-right-lg-0 {
        border-right: 0 !important;
    }
    .border-bottom-lg {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-bottom-lg-0 {
        border-bottom: 0 !important;
    }
    .border-left-lg {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-left-lg-0 {
        border-left: 0 !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-left {
        justify-content: flex-start !important;
    }
    .flex-lg-right {
        justify-content: flex-end !important;
    }
    .flex-lg-center {
        justify-content: center !important;
    }
    .flex-lg-space {
        justify-content: space-between !important;
    }
    .flex-lg-even {
        justify-content: space-evenly !important;
    }
    .flex-lg-top {
        align-items: flex-start !important;
    }
    .flex-lg-bottom {
        align-items: flex-end !important;
    }
    .flex-lg-middle {
        align-items: center !important;
    }
    .flex-lg-baseline {
        align-items: baseline !important;
    }
    .flex-lg-same {
        align-items: stretch !important;
    }
    .order-lg-first {
        order: -1 !important;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .order-lg-last {
        order: 6 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 2rem !important;
    }
    .m-lg-6 {
        margin: 3rem !important;
    }
    .m-lg-7 {
        margin: 4rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-lg-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
    .mx-lg-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-lg-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-lg-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-lg-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 2rem !important;
    }
    .mt-lg-6 {
        margin-top: 3rem !important;
    }
    .mt-lg-7 {
        margin-top: 4rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-0 {
        margin-right: 0 !important;
    }
    .mr-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mr-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mr-lg-3 {
        margin-right: 1rem !important;
    }
    .mr-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mr-lg-5 {
        margin-right: 2rem !important;
    }
    .mr-lg-6 {
        margin-right: 3rem !important;
    }
    .mr-lg-7 {
        margin-right: 4rem !important;
    }
    .mr-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 2rem !important;
    }
    .mb-lg-6 {
        margin-bottom: 3rem !important;
    }
    .mb-lg-7 {
        margin-bottom: 4rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-0 {
        margin-left: 0 !important;
    }
    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }
    .ml-lg-2 {
        margin-left: 0.5rem !important;
    }
    .ml-lg-3 {
        margin-left: 1rem !important;
    }
    .ml-lg-4 {
        margin-left: 1.5rem !important;
    }
    .ml-lg-5 {
        margin-left: 2rem !important;
    }
    .ml-lg-6 {
        margin-left: 3rem !important;
    }
    .ml-lg-7 {
        margin-left: 4rem !important;
    }
    .ml-lg-auto {
        margin-left: auto !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -2rem !important;
    }
    .m-lg-n6 {
        margin: -3rem !important;
    }
    .m-lg-n7 {
        margin: -4rem !important;
    }
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    .mx-lg-n5 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }
    .mx-lg-n6 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    .mx-lg-n7 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }
    .my-lg-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    .my-lg-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    .my-lg-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }
    .my-lg-n6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    .my-lg-n7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }
    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-lg-n3 {
        margin-top: -1rem !important;
    }
    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-lg-n5 {
        margin-top: -2rem !important;
    }
    .mt-lg-n6 {
        margin-top: -3rem !important;
    }
    .mt-lg-n7 {
        margin-top: -4rem !important;
    }
    .mr-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mr-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mr-lg-n3 {
        margin-right: -1rem !important;
    }
    .mr-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mr-lg-n5 {
        margin-right: -2rem !important;
    }
    .mr-lg-n6 {
        margin-right: -3rem !important;
    }
    .mr-lg-n7 {
        margin-right: -4rem !important;
    }
    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-lg-n5 {
        margin-bottom: -2rem !important;
    }
    .mb-lg-n6 {
        margin-bottom: -3rem !important;
    }
    .mb-lg-n7 {
        margin-bottom: -4rem !important;
    }
    .ml-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .ml-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .ml-lg-n3 {
        margin-left: -1rem !important;
    }
    .ml-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .ml-lg-n5 {
        margin-left: -2rem !important;
    }
    .ml-lg-n6 {
        margin-left: -3rem !important;
    }
    .ml-lg-n7 {
        margin-left: -4rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 2rem !important;
    }
    .p-lg-6 {
        padding: 3rem !important;
    }
    .p-lg-7 {
        padding: 4rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-lg-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
    .px-lg-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .px-lg-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .py-lg-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .py-lg-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pt-lg-3 {
        padding-top: 1rem !important;
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pt-lg-5 {
        padding-top: 2rem !important;
    }
    .pt-lg-6 {
        padding-top: 3rem !important;
    }
    .pt-lg-7 {
        padding-top: 4rem !important;
    }
    .pr-lg-0 {
        padding-right: 0 !important;
    }
    .pr-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pr-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pr-lg-3 {
        padding-right: 1rem !important;
    }
    .pr-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pr-lg-5 {
        padding-right: 2rem !important;
    }
    .pr-lg-6 {
        padding-right: 3rem !important;
    }
    .pr-lg-7 {
        padding-right: 4rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 2rem !important;
    }
    .pb-lg-6 {
        padding-bottom: 3rem !important;
    }
    .pb-lg-7 {
        padding-bottom: 4rem !important;
    }
    .pl-lg-0 {
        padding-left: 0 !important;
    }
    .pl-lg-1 {
        padding-left: 0.25rem !important;
    }
    .pl-lg-2 {
        padding-left: 0.5rem !important;
    }
    .pl-lg-3 {
        padding-left: 1rem !important;
    }
    .pl-lg-4 {
        padding-left: 1.5rem !important;
    }
    .pl-lg-5 {
        padding-left: 2rem !important;
    }
    .pl-lg-6 {
        padding-left: 3rem !important;
    }
    .pl-lg-7 {
        padding-left: 4rem !important;
    }
    .gap-lg-0 {
        gap: 0 !important;
    }
    .gap-lg-1 {
        gap: 0.25rem !important;
    }
    .gap-lg-2 {
        gap: 0.5rem !important;
    }
    .gap-lg-3 {
        gap: 1rem !important;
    }
    .gap-lg-4 {
        gap: 1.5rem !important;
    }
    .gap-lg-5 {
        gap: 2rem !important;
    }
    .gap-lg-6 {
        gap: 3rem !important;
    }
    .gap-lg-7 {
        gap: 4rem !important;
    }
    .ta-lg-left {
        text-align: left !important;
    }
    .ta-lg-right {
        text-align: right !important;
    }
    .ta-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-grid {
        display: grid !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
    .d-xl-none {
        display: none !important;
    }
    .d-xl-table-column-group {
        display: table-column-group !important;
    }
    .border-top-xl {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-top-xl-0 {
        border-top: 0 !important;
    }
    .border-right-xl {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-right-xl-0 {
        border-right: 0 !important;
    }
    .border-bottom-xl {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-bottom-xl-0 {
        border-bottom: 0 !important;
    }
    .border-left-xl {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-left-xl-0 {
        border-left: 0 !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-left {
        justify-content: flex-start !important;
    }
    .flex-xl-right {
        justify-content: flex-end !important;
    }
    .flex-xl-center {
        justify-content: center !important;
    }
    .flex-xl-space {
        justify-content: space-between !important;
    }
    .flex-xl-even {
        justify-content: space-evenly !important;
    }
    .flex-xl-top {
        align-items: flex-start !important;
    }
    .flex-xl-bottom {
        align-items: flex-end !important;
    }
    .flex-xl-middle {
        align-items: center !important;
    }
    .flex-xl-baseline {
        align-items: baseline !important;
    }
    .flex-xl-same {
        align-items: stretch !important;
    }
    .order-xl-first {
        order: -1 !important;
    }
    .order-xl-0 {
        order: 0 !important;
    }
    .order-xl-1 {
        order: 1 !important;
    }
    .order-xl-2 {
        order: 2 !important;
    }
    .order-xl-3 {
        order: 3 !important;
    }
    .order-xl-4 {
        order: 4 !important;
    }
    .order-xl-5 {
        order: 5 !important;
    }
    .order-xl-last {
        order: 6 !important;
    }
    .m-xl-0 {
        margin: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 2rem !important;
    }
    .m-xl-6 {
        margin: 3rem !important;
    }
    .m-xl-7 {
        margin: 4rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
    .mx-xl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-xl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xl-3 {
        margin-top: 1rem !important;
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xl-5 {
        margin-top: 2rem !important;
    }
    .mt-xl-6 {
        margin-top: 3rem !important;
    }
    .mt-xl-7 {
        margin-top: 4rem !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-0 {
        margin-right: 0 !important;
    }
    .mr-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mr-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mr-xl-3 {
        margin-right: 1rem !important;
    }
    .mr-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mr-xl-5 {
        margin-right: 2rem !important;
    }
    .mr-xl-6 {
        margin-right: 3rem !important;
    }
    .mr-xl-7 {
        margin-right: 4rem !important;
    }
    .mr-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xl-5 {
        margin-bottom: 2rem !important;
    }
    .mb-xl-6 {
        margin-bottom: 3rem !important;
    }
    .mb-xl-7 {
        margin-bottom: 4rem !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-0 {
        margin-left: 0 !important;
    }
    .ml-xl-1 {
        margin-left: 0.25rem !important;
    }
    .ml-xl-2 {
        margin-left: 0.5rem !important;
    }
    .ml-xl-3 {
        margin-left: 1rem !important;
    }
    .ml-xl-4 {
        margin-left: 1.5rem !important;
    }
    .ml-xl-5 {
        margin-left: 2rem !important;
    }
    .ml-xl-6 {
        margin-left: 3rem !important;
    }
    .ml-xl-7 {
        margin-left: 4rem !important;
    }
    .ml-xl-auto {
        margin-left: auto !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -2rem !important;
    }
    .m-xl-n6 {
        margin: -3rem !important;
    }
    .m-xl-n7 {
        margin: -4rem !important;
    }
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    .mx-xl-n5 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }
    .mx-xl-n6 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    .mx-xl-n7 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }
    .my-xl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    .my-xl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    .my-xl-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }
    .my-xl-n6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    .my-xl-n7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }
    .mt-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-xl-n3 {
        margin-top: -1rem !important;
    }
    .mt-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-xl-n5 {
        margin-top: -2rem !important;
    }
    .mt-xl-n6 {
        margin-top: -3rem !important;
    }
    .mt-xl-n7 {
        margin-top: -4rem !important;
    }
    .mr-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mr-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mr-xl-n3 {
        margin-right: -1rem !important;
    }
    .mr-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mr-xl-n5 {
        margin-right: -2rem !important;
    }
    .mr-xl-n6 {
        margin-right: -3rem !important;
    }
    .mr-xl-n7 {
        margin-right: -4rem !important;
    }
    .mb-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-xl-n5 {
        margin-bottom: -2rem !important;
    }
    .mb-xl-n6 {
        margin-bottom: -3rem !important;
    }
    .mb-xl-n7 {
        margin-bottom: -4rem !important;
    }
    .ml-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .ml-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .ml-xl-n3 {
        margin-left: -1rem !important;
    }
    .ml-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .ml-xl-n5 {
        margin-left: -2rem !important;
    }
    .ml-xl-n6 {
        margin-left: -3rem !important;
    }
    .ml-xl-n7 {
        margin-left: -4rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 2rem !important;
    }
    .p-xl-6 {
        padding: 3rem !important;
    }
    .p-xl-7 {
        padding: 4rem !important;
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
    .px-xl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .px-xl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .py-xl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .py-xl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xl-3 {
        padding-top: 1rem !important;
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xl-5 {
        padding-top: 2rem !important;
    }
    .pt-xl-6 {
        padding-top: 3rem !important;
    }
    .pt-xl-7 {
        padding-top: 4rem !important;
    }
    .pr-xl-0 {
        padding-right: 0 !important;
    }
    .pr-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pr-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pr-xl-3 {
        padding-right: 1rem !important;
    }
    .pr-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pr-xl-5 {
        padding-right: 2rem !important;
    }
    .pr-xl-6 {
        padding-right: 3rem !important;
    }
    .pr-xl-7 {
        padding-right: 4rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xl-5 {
        padding-bottom: 2rem !important;
    }
    .pb-xl-6 {
        padding-bottom: 3rem !important;
    }
    .pb-xl-7 {
        padding-bottom: 4rem !important;
    }
    .pl-xl-0 {
        padding-left: 0 !important;
    }
    .pl-xl-1 {
        padding-left: 0.25rem !important;
    }
    .pl-xl-2 {
        padding-left: 0.5rem !important;
    }
    .pl-xl-3 {
        padding-left: 1rem !important;
    }
    .pl-xl-4 {
        padding-left: 1.5rem !important;
    }
    .pl-xl-5 {
        padding-left: 2rem !important;
    }
    .pl-xl-6 {
        padding-left: 3rem !important;
    }
    .pl-xl-7 {
        padding-left: 4rem !important;
    }
    .gap-xl-0 {
        gap: 0 !important;
    }
    .gap-xl-1 {
        gap: 0.25rem !important;
    }
    .gap-xl-2 {
        gap: 0.5rem !important;
    }
    .gap-xl-3 {
        gap: 1rem !important;
    }
    .gap-xl-4 {
        gap: 1.5rem !important;
    }
    .gap-xl-5 {
        gap: 2rem !important;
    }
    .gap-xl-6 {
        gap: 3rem !important;
    }
    .gap-xl-7 {
        gap: 4rem !important;
    }
    .ta-xl-left {
        text-align: left !important;
    }
    .ta-xl-right {
        text-align: right !important;
    }
    .ta-xl-center {
        text-align: center !important;
    }
}
@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !important;
    }
    .d-xxl-grid {
        display: grid !important;
    }
    .d-xxl-table {
        display: table !important;
    }
    .d-xxl-table-row {
        display: table-row !important;
    }
    .d-xxl-table-cell {
        display: table-cell !important;
    }
    .d-xxl-flex {
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
    .d-xxl-none {
        display: none !important;
    }
    .d-xxl-table-column-group {
        display: table-column-group !important;
    }
    .border-top-xxl {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-top-xxl-0 {
        border-top: 0 !important;
    }
    .border-right-xxl {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-right-xxl-0 {
        border-right: 0 !important;
    }
    .border-bottom-xxl {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-bottom-xxl-0 {
        border-bottom: 0 !important;
    }
    .border-left-xxl {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-left-xxl-0 {
        border-left: 0 !important;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xxl-left {
        justify-content: flex-start !important;
    }
    .flex-xxl-right {
        justify-content: flex-end !important;
    }
    .flex-xxl-center {
        justify-content: center !important;
    }
    .flex-xxl-space {
        justify-content: space-between !important;
    }
    .flex-xxl-even {
        justify-content: space-evenly !important;
    }
    .flex-xxl-top {
        align-items: flex-start !important;
    }
    .flex-xxl-bottom {
        align-items: flex-end !important;
    }
    .flex-xxl-middle {
        align-items: center !important;
    }
    .flex-xxl-baseline {
        align-items: baseline !important;
    }
    .flex-xxl-same {
        align-items: stretch !important;
    }
    .order-xxl-first {
        order: -1 !important;
    }
    .order-xxl-0 {
        order: 0 !important;
    }
    .order-xxl-1 {
        order: 1 !important;
    }
    .order-xxl-2 {
        order: 2 !important;
    }
    .order-xxl-3 {
        order: 3 !important;
    }
    .order-xxl-4 {
        order: 4 !important;
    }
    .order-xxl-5 {
        order: 5 !important;
    }
    .order-xxl-last {
        order: 6 !important;
    }
    .m-xxl-0 {
        margin: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.5rem !important;
    }
    .m-xxl-5 {
        margin: 2rem !important;
    }
    .m-xxl-6 {
        margin: 3rem !important;
    }
    .m-xxl-7 {
        margin: 4rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xxl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
    .mx-xxl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xxl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xxl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .my-xxl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xxl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xxl-0 {
        margin-top: 0 !important;
    }
    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xxl-3 {
        margin-top: 1rem !important;
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xxl-5 {
        margin-top: 2rem !important;
    }
    .mt-xxl-6 {
        margin-top: 3rem !important;
    }
    .mt-xxl-7 {
        margin-top: 4rem !important;
    }
    .mt-xxl-auto {
        margin-top: auto !important;
    }
    .mr-xxl-0 {
        margin-right: 0 !important;
    }
    .mr-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .mr-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .mr-xxl-3 {
        margin-right: 1rem !important;
    }
    .mr-xxl-4 {
        margin-right: 1.5rem !important;
    }
    .mr-xxl-5 {
        margin-right: 2rem !important;
    }
    .mr-xxl-6 {
        margin-right: 3rem !important;
    }
    .mr-xxl-7 {
        margin-right: 4rem !important;
    }
    .mr-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xxl-5 {
        margin-bottom: 2rem !important;
    }
    .mb-xxl-6 {
        margin-bottom: 3rem !important;
    }
    .mb-xxl-7 {
        margin-bottom: 4rem !important;
    }
    .mb-xxl-auto {
        margin-bottom: auto !important;
    }
    .ml-xxl-0 {
        margin-left: 0 !important;
    }
    .ml-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .ml-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .ml-xxl-3 {
        margin-left: 1rem !important;
    }
    .ml-xxl-4 {
        margin-left: 1.5rem !important;
    }
    .ml-xxl-5 {
        margin-left: 2rem !important;
    }
    .ml-xxl-6 {
        margin-left: 3rem !important;
    }
    .ml-xxl-7 {
        margin-left: 4rem !important;
    }
    .ml-xxl-auto {
        margin-left: auto !important;
    }
    .m-xxl-n1 {
        margin: -0.25rem !important;
    }
    .m-xxl-n2 {
        margin: -0.5rem !important;
    }
    .m-xxl-n3 {
        margin: -1rem !important;
    }
    .m-xxl-n4 {
        margin: -1.5rem !important;
    }
    .m-xxl-n5 {
        margin: -2rem !important;
    }
    .m-xxl-n6 {
        margin: -3rem !important;
    }
    .m-xxl-n7 {
        margin: -4rem !important;
    }
    .mx-xxl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    .mx-xxl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    .mx-xxl-n5 {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }
    .mx-xxl-n6 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    .mx-xxl-n7 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }
    .my-xxl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    .my-xxl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    .my-xxl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    .my-xxl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    .my-xxl-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }
    .my-xxl-n6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    .my-xxl-n7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }
    .mt-xxl-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-xxl-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-xxl-n3 {
        margin-top: -1rem !important;
    }
    .mt-xxl-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-xxl-n5 {
        margin-top: -2rem !important;
    }
    .mt-xxl-n6 {
        margin-top: -3rem !important;
    }
    .mt-xxl-n7 {
        margin-top: -4rem !important;
    }
    .mr-xxl-n1 {
        margin-right: -0.25rem !important;
    }
    .mr-xxl-n2 {
        margin-right: -0.5rem !important;
    }
    .mr-xxl-n3 {
        margin-right: -1rem !important;
    }
    .mr-xxl-n4 {
        margin-right: -1.5rem !important;
    }
    .mr-xxl-n5 {
        margin-right: -2rem !important;
    }
    .mr-xxl-n6 {
        margin-right: -3rem !important;
    }
    .mr-xxl-n7 {
        margin-right: -4rem !important;
    }
    .mb-xxl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-xxl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-xxl-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-xxl-n5 {
        margin-bottom: -2rem !important;
    }
    .mb-xxl-n6 {
        margin-bottom: -3rem !important;
    }
    .mb-xxl-n7 {
        margin-bottom: -4rem !important;
    }
    .ml-xxl-n1 {
        margin-left: -0.25rem !important;
    }
    .ml-xxl-n2 {
        margin-left: -0.5rem !important;
    }
    .ml-xxl-n3 {
        margin-left: -1rem !important;
    }
    .ml-xxl-n4 {
        margin-left: -1.5rem !important;
    }
    .ml-xxl-n5 {
        margin-left: -2rem !important;
    }
    .ml-xxl-n6 {
        margin-left: -3rem !important;
    }
    .ml-xxl-n7 {
        margin-left: -4rem !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.5rem !important;
    }
    .p-xxl-5 {
        padding: 2rem !important;
    }
    .p-xxl-6 {
        padding: 3rem !important;
    }
    .p-xxl-7 {
        padding: 4rem !important;
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xxl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
    .px-xxl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .px-xxl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xxl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .py-xxl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .py-xxl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .pt-xxl-0 {
        padding-top: 0 !important;
    }
    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xxl-3 {
        padding-top: 1rem !important;
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xxl-5 {
        padding-top: 2rem !important;
    }
    .pt-xxl-6 {
        padding-top: 3rem !important;
    }
    .pt-xxl-7 {
        padding-top: 4rem !important;
    }
    .pr-xxl-0 {
        padding-right: 0 !important;
    }
    .pr-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .pr-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .pr-xxl-3 {
        padding-right: 1rem !important;
    }
    .pr-xxl-4 {
        padding-right: 1.5rem !important;
    }
    .pr-xxl-5 {
        padding-right: 2rem !important;
    }
    .pr-xxl-6 {
        padding-right: 3rem !important;
    }
    .pr-xxl-7 {
        padding-right: 4rem !important;
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xxl-5 {
        padding-bottom: 2rem !important;
    }
    .pb-xxl-6 {
        padding-bottom: 3rem !important;
    }
    .pb-xxl-7 {
        padding-bottom: 4rem !important;
    }
    .pl-xxl-0 {
        padding-left: 0 !important;
    }
    .pl-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .pl-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .pl-xxl-3 {
        padding-left: 1rem !important;
    }
    .pl-xxl-4 {
        padding-left: 1.5rem !important;
    }
    .pl-xxl-5 {
        padding-left: 2rem !important;
    }
    .pl-xxl-6 {
        padding-left: 3rem !important;
    }
    .pl-xxl-7 {
        padding-left: 4rem !important;
    }
    .gap-xxl-0 {
        gap: 0 !important;
    }
    .gap-xxl-1 {
        gap: 0.25rem !important;
    }
    .gap-xxl-2 {
        gap: 0.5rem !important;
    }
    .gap-xxl-3 {
        gap: 1rem !important;
    }
    .gap-xxl-4 {
        gap: 1.5rem !important;
    }
    .gap-xxl-5 {
        gap: 2rem !important;
    }
    .gap-xxl-6 {
        gap: 3rem !important;
    }
    .gap-xxl-7 {
        gap: 4rem !important;
    }
    .ta-xxl-left {
        text-align: left !important;
    }
    .ta-xxl-right {
        text-align: right !important;
    }
    .ta-xxl-center {
        text-align: center !important;
    }
}
@media print {
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-grid {
        display: grid !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
    .d-print-none {
        display: none !important;
    }
    .d-print-table-column-group {
        display: table-column-group !important;
    }
} /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}
.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
}
.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3);
}
@media (prefers-reduced-motion: reduce), print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
    .animate__animated[class*="Out"] {
        opacity: 0;
    }
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15%,
    45%,
    75%,
    70% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    30%,
    60%,
    90% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shakeX {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15%,
    45%,
    75%,
    70% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    30%,
    60%,
    90% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
}
@-webkit-keyframes shakeY {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}
@keyframes shakeY {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}
.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight;
}
@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}
.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}
.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}
.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}
.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.animate__bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.animate__bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}
.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}
.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}
.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}
.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animate__fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.animate__flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.animate__flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOutRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}
.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}
.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}
.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}
.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}
.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
@-webkit-keyframes zoomOut-bg {
    0% {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoomOut-bg {
    0% {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.zoomOut-bg {
    transform: scale(1.05);
    -webkit-animation-name: zoomOut-bg;
    animation-name: zoomOut-bg;
    opacity: 1 !important;
    animation: zoomOut-bg 0.7s linear forwards !important;
}
.animate__zoomIn {
    -webkit-animation-name: zoomOut-bg;
    animation-name: zoomOut-bg;
    opacity: 1 !important;
    animation: zoomOut-bg 0.7s linear forwards !important;
}
:root {
    --base-fs: 14px;
    --fs-1: 12px;
    --fs-2: 14px;
    --fs-3: 17px;
    --fs-4: 20px;
    --fs-5: 24px;
    --fs-6: 28px;
    --fs-7: 36px;
    --fs-8: 48px;
}
html {
    font-size: var(--base-fs);
}
body {
    font-size: 12px;
    overflow-x: hidden;
}
@media (min-width: 1400px) {
    .body-xl .container {
        max-width: 1600px;
    }
}
@media (min-width: 1400px) {
    .body-lg .container {
        max-width: 1400px;
    }
}
.db-tc {
    cursor: pointer;
}
@media (min-width: 768px) {
    .hover-tranform-top {
        transition: 0.25s all;
    }
    .hover-tranform-top:hover {
        transform: translateY(-5px);
    }
}
.btn {
    overflow: hidden;
    position: relative;
}
span.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple 600ms linear;
    background-color: rgba(255, 255, 255, 0.5);
}
.btn-pill span.ripple {
    background-color: rgba(44, 143, 204, 0.2);
}
@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}
body.locked2,
.locked3,
.locked {
    max-height: 100%;
    overflow: hidden;
}
button {
    border: none;
}
@media (min-width: 1400px) {
    .container {
        max-width: 1800px;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (max-width: 900px) {
    .container {
        max-width: 100% !important;
    }
}
@media (max-width: 991.98px) {
    .container {
        max-width: 100% !important;
    }
}
.options {
    width: 380px;
}
.options-none {
    width: 100%;
}
@media (min-width: 768px) {
    .options-md {
        width: 320px;
    }
    .options-md-none {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .options-lg {
        width: 320px;
    }
    .options-lg-none {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .options-xl {
        width: 380px;
    }
    .options-xl-none {
        width: 100%;
    }
}
main {
    padding: 0;
    min-height: calc(100vh - 317px);
}
.lang-en main {
    min-height: calc(100vh - 157px);
}
@media (min-width: 768px) {
    main {
        padding-top: 2rem;
    }
}
@media (max-width: 767.98px) {
    main {
        min-height: calc(100vh - 275px);
    }
}
.call,
.long {
    color: #299c26;
}
.put,
.short {
    color: #ff5800;
}
.bull {
    color: #2f80ed;
}
.bear {
    color: #d40a0e;
}
.up {
    color: #299c26;
}
.down {
    color: #d40a0e;
}
.fs-1 {
    font-size: var(--fs-1);
}
.fs-2 {
    font-size: var(--fs-2);
}
.fs-3 {
    font-size: var(--fs-3);
}
.fs-4 {
    font-size: var(--fs-4);
}
.fs-5 {
    font-size: var(--fs-5);
}
.fs-6 {
    font-size: var(--fs-6);
}
.fs-7 {
    font-size: var(--fs-7);
}
.fs-8 {
    font-size: var(--fs-7);
}
@media (min-width: 768px) {
    .fs-md-1 {
        font-size: var(--fs-1);
    }
    .fs-md-2 {
        font-size: var(--fs-2);
    }
    .fs-md-3 {
        font-size: var(--fs-3);
    }
    .fs-md-4 {
        font-size: var(--fs-4);
    }
    .fs-md-5 {
        font-size: var(--fs-5);
    }
    .fs-md-6 {
        font-size: var(--fs-6);
    }
    .fs-md-7 {
        font-size: var(--fs-7);
    }
    .fs-md-8 {
        font-size: var(--fs-7);
    }
}
@media (min-width: 992px) {
    .fs-lg-1 {
        font-size: var(--fs-1);
    }
    .fs-lg-2 {
        font-size: var(--fs-2);
    }
    .fs-lg-3 {
        font-size: var(--fs-3);
    }
    .fs-lg-4 {
        font-size: var(--fs-4);
    }
    .fs-lg-5 {
        font-size: var(--fs-5);
    }
    .fs-lg-6 {
        font-size: var(--fs-6);
    }
    .fs-lg-7 {
        font-size: var(--fs-7);
    }
    .fs-lg-8 {
        font-size: var(--fs-8);
    }
}
.main-title {
    font-size: 26px;
    position: relative;
    padding-bottom: 10px;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 20px;
}
.lang-en .main-title {
    font-size: 24px;
}
@media (min-width: 768px) {
    .main-title {
        margin-top: 0;
    }
}
@media (max-width: 767.98px) {
    .main-title {
        margin-top: 16px;
        margin-bottom: 14px;
    }
    .lang-en .main-title {
        font-size: 22px;
    }
}
.main-title:after {
    content: "";
    position: absolute;
    background: #d40a0e;
    bottom: 0;
    width: 54px;
    display: block;
    height: 4px;
}
.shadow {
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
}
.shadow-sm {
    box-shadow: 0 1px 5px rgba(56, 65, 74, 0.2);
}
.shadow-lg {
    box-shadow: 0 1px 12px rgba(56, 65, 74, 0.15);
}
.shadow-none {
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
}
.hr {
    height: 3px;
    background: #d40a0e;
    width: 100%;
}
.hr__red {
    background: #d40a0e;
}
.hr.nmargin {
    margin-left: -1rem;
    margin-right: -1rem;
    width: auto;
}
.hr.nmargin2 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: auto;
}
.pagination {
    display: flex;
    gap: 1rem !important;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 767.98px) {
    .pagination {
        gap: 0.75rem !important;
    }
}
.pagination .page-name {
    font-size: 12px;
    color: #d2d2d2;
}
.pagination .page-num {
    color: #d40a0e;
    font-weight: 700;
}
.pagination .page-link {
    width: 30px;
    height: 30px;
    color: #000;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    background-color: #fff;
    list-style: none;
    display: block;
    font-size: 14px;
    box-shadow: 0 0 0 0px rgba(212, 10, 14, 0.3), 0 2px 6px rgba(56, 65, 74, 0.2);
    text-decoration: none;
    transition: 0.2s box-shadow;
    outline: 0;
}
.pagination .page-link.active,
.pagination .page-link:hover {
    color: #fff;
    background-color: #d40a0e;
}
.pagination .page-link:hover {
    box-shadow: 0 0 0 4px rgba(212, 10, 14, 0.3), 0 2px 6px rgba(56, 65, 74, 0.2);
}
.pagination .page-link:active {
    box-shadow: 0 0 0 7px rgba(212, 10, 14, 0.3), 0 2px 6px rgba(56, 65, 74, 0.2);
}
.pagination .prev svg {
    margin-left: -1px;
}
@media (max-width: 767.98px) {
    .pagination .prev svg {
        height: 16px;
    }
}
.pagination .next svg {
    margin-right: -1px;
}
@media (max-width: 767.98px) {
    .pagination .next svg {
        height: 16px;
    }
}
.pagination .page-dots {
    color: #e8e8e8;
    width: 10px;
    height: 32px;
    text-align: center;
    line-height: 33px;
}
@media (max-width: 767.98px) {
    .pagination .page-dots {
        display: none;
    }
}
.pagination .pgNext .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
}
.pagination .pgNext .page-link:hover {
    color: #fff;
}
.pagination .pgEmpty {
    display: none;
}
.pagination .pgEmpty .page-link {
    color: #e8e8e8;
    pointer-events: none;
    display: none;
}
@media (max-width: 767.98px) {
    .pagination .pgEmpty .page-link {
        background-color: #fcfcfc;
        color: #f5f5f5;
    }
}
.switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 23px;
    border-radius: 40px;
    overflow: hidden;
    transition: 0.4s all;
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
}
.switch:hover {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.08);
}
.switch:active {
    box-shadow: 0 0 0 8px rgba(47, 128, 237, 0.2);
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d2d2d2;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 40px;
}
.switch__text {
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
}
.lang-en .switch__text {
    font-size: 14px;
    font-weight: 600;
    margin-top: 3px;
}
.switch__slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}
input:checked + .switch__slider {
    background-color: #2f80ed;
}
input:focus + .switch__slider {
    box-shadow: 0 0 1px #2f80ed;
}
input:checked + .switch__slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}
.form-floating.date {
    position: relative;
}
.form-floating.date:after {
    position: absolute;
    right: 1.5rem;
    top: 15px;
    width: 18px;
    height: 19px;
    content: "";
    background: url(/home/images/icons/icon-calendar.svg) no-repeat center;
    background-size: cover;
    pointer-events: none;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    background: #fff;
    border: none;
    border-radius: 99px;
    padding-left: 1.5rem;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    height: 44px;
}
@media (min-width: 992px) {
    .form-floating > .form-control,
    .form-floating > .form-control-plaintext {
        height: 48px;
        font-size: 17px;
        font-weight: 600;
        padding-top: 1.4rem !important;
        padding-bottom: 0 !important;
    }
}
@media (max-width: 991.98px) {
    .form-floating > .form-control,
    .form-floating > .form-control-plaintext {
        padding-right: 48px;
    }
}
.form-floating > label {
    padding-left: 1.5rem;
    color: #114f9d;
    font-size: 14px;
}
@media (min-width: 992px) {
    .form-floating > label {
        font-size: 17px;
        font-weight: 600;
    }
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
    opacity: 1;
    transform: translateY(-9px);
    font-size: 14px;
}
@media (max-width: 767.98px) {
    .form-floating > .form-control:focus ~ label,
    .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .form-floating > .form-control-plaintext ~ label,
    .form-floating > .form-select ~ label {
        font-size: 12px;
    }
}
.form-floating [type="text"].form-control,
.form-floating [type="date"].form-control {
    transition: 0.2s all;
}
.form-floating [type="text"].form-control:hover,
.form-floating [type="text"].form-control:focus,
.form-floating [type="date"].form-control:hover,
.form-floating [type="date"].form-control:focus {
    box-shadow: 0 0 0 6px rgba(47, 128, 237, 0.1), 0 2px 6px rgba(56, 65, 74, 0.2);
}
.input-btn {
    width: 48px;
    height: 100%;
    background: url(/home/images/icons/icon-search-white.svg) #2f80ed center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 99px 99px 0px;
    background-size: 20px;
    cursor: pointer;
    transition: 0.2s all;
}
.input-btn:hover {
    background-color: #114f9d;
}
@media (max-width: 767.98px) {
    .input-btn {
        width: 38px;
    }
}
.form-check {
    display: flex;
    align-items: center;
}
.form-check-input {
    width: 1rem;
    height: 1rem;
    margin: -4px 5px 0px 0;
}
.tag {
    height: 22px;
    display: inline-flex;
    width: 22px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    line-height: 1;
}
.lang-en .tag {
    width: 35px;
    font-size: 12px;
}
@media (max-width: 767.98px) {
    .lang-en .tag {
        width: 30px;
        font-size: 11px;
    }
}
@media (min-width: 992px) {
    .tag {
        font-size: 14px;
    }
}
.tag.tag-call {
    background: #299c26;
}
.tag.tag-put {
    background: #ff5800;
}
.tag.tag-bull {
    background: #2f80ed;
}
.tag.tag-bear {
    background: #d40a0e;
}
.tag.tag-name {
    width: auto;
    padding: 0 0.5rem;
    background: #f5f5f5;
    color: #000;
    transition: 0.2s all;
}
.tag.tag-green {
    background: #299c26;
    color: #fff !important;
}
.tag.tag-orange {
    background: #ff5800;
    color: #fff !important;
}
.tag.tag-red {
    background: #d40a0e;
    color: #fff !important;
}
.tag.tag-blue {
    background: #2f80ed;
    color: #fff !important;
}
a.tag-name:hover {
    box-shadow: 0 0 0 4px rgba(47, 128, 237, 0.3);
    text-decoration: none !important;
    cursor: pointer;
}
a.tag-name:active {
    box-shadow: 0 0 0 7px rgba(47, 128, 237, 0.3);
}
.more-link {
    font-size: 12px;
    display: inline-flex;
    position: relative;
    align-items: center;
    cursor: pointer;
    line-height: 1;
}
.more-link::after {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 100%;
    margin-left: 5px;
    box-shadow: 0 1px 5px rgba(56, 65, 74, 0.2);
    background: #fff;
}
.more-link:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
}
.btn-combo .btn-primary {
    border-radius: 0 0px 0 8px;
}
.btn-combo .btn-secondary {
    border-radius: 0 0 8px 0px;
}
.btn-inline {
    font-size: 17px;
    font-weight: 600;
    padding-left: 30px;
    transition: 0.15s all;
    cursor: pointer;
}
.btn-inline.download {
    background: url(/home/images/icons/icon-down-blue.svg) no-repeat left 12px center;
    padding-left: 21px;
    padding: 6px 10px;
    padding-left: 33px;
    border-radius: 6px;
    box-shadow: 0 0 0 0 #f5f5f5 !important;
}
.btn-inline.download:hover {
    background-color: #f5f5f5;
}
.btn-inline.download:active {
    box-shadow: 0 0 0 5px #f5f5f5 !important;
}
.lang-en .btn-inline.download {
    font-size: 14px !important;
}
.btn-inline.print {
    background: url(/home/images/icons/icon-print-green.svg) no-repeat left 12px center;
    padding: 6px 10px;
    padding-left: 39px;
    border-radius: 6px;
    background-size: 20px;
    box-shadow: 0 0 0 0px #f5f5f5 !important;
}
.btn-inline.print:hover {
    background-color: #f5f5f5;
}
.btn-inline.print:active {
    box-shadow: 0 0 0 5px #f5f5f5 !important;
}
.lang-en .btn-inline.print {
    font-size: 14px !important;
}
.btn-pill-group {
    display: flex;
}
.btn-pill-group .btn {
    margin-right: 1rem;
    white-space: nowrap;
}
.btn-pill-group > .btn:last-child {
    margin-right: 0;
}
.btn {
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0rem 2rem;
    color: #fff;
    font-size: 17px;
    border-radius: 99px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1;
    box-shadow: 0 1px 5px rgba(56, 65, 74, 0.2);
}
@media (min-width: 992px) {
    .btn {
        height: 48px;
    }
}
@media (max-width: 767.98px) {
    .btn {
        font-size: 16px;
    }
}
.btn.btn-primary {
    background: #599cf6;
    background: linear-gradient(128deg, rgb(110, 173, 255) 0%, #1e66c4 100%);
    color: #fff !important;
}
.btn.btn-primary:hover {
    background: #599cf6;
    background: linear-gradient(128deg, #297ff3 0%, #0f448c 100%);
}
.btn.btn-primary:active {
    background: #599cf6;
    background: linear-gradient(128deg, #0c65dd 0%, #0a2e5e 100%);
}
.btn.btn-secondary {
    background: #7b8a9e;
    background: linear-gradient(128deg, #656f7a 0%, #07172d 100%);
    color: #fff !important;
}
.btn.btn-secondary:hover {
    background: #7b8a9e;
    background: linear-gradient(128deg, #363f4a 0%, black 100%);
}
.btn.btn-secondary:active {
    background: #7b8a9e;
    background: linear-gradient(128deg, #4c5867 0%, black 100%);
}
.btn.btn-pill {
    height: 26px;
    padding: 0 1rem;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 4px;
    box-shadow: none;
    border: 1px solid #d2d2d2;
    color: #b9b9b9;
    transition: 0.15s all;
    font-weight: 400;
}
.btn.btn-pill:hover {
    border: 1px solid #2f80ed;
    color: #226bcd;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(47, 128, 237, 0.2);
}
.btn.btn-pill.active {
    border: 1px solid #2f80ed;
    color: #226bcd;
    background: #fff;
}
.btn.btn-pill.active:hover {
    border: 1px solid #2f80ed;
    color: #226bcd;
    background: #fff;
}
.btn.btn-pill.invert {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
}
.btn.btn-pill.invert:hover {
    background: rgba(255, 255, 255, 0.2);
}
.btn.btn-pill.invert.active {
    color: #114f9d;
    background: #fff;
    border: 1px solid #fff !important;
}
.btn.btn-nav {
    height: 32px;
    padding: 0 1rem;
    font-size: 12px;
    box-shadow: none;
    color: #000;
}
.btn.btn-nav:hover {
    background: #f5f5f5;
    color: #000;
}
.btn.btn-nav.active {
    color: #114f9d;
    background: rgba(47, 128, 237, 0.07);
}
.btn.btn-nav.active:hover {
    background: rgba(19, 102, 214, 0.07);
}
@media (min-width: 992px) {
    .btn.btn-nav {
        font-size: 17px;
        font-weight: 600;
        padding: 0 1.5rem;
    }
    .lang-en .btn.btn-nav {
        font-size: 15px;
        font-weight: 600;
        padding: 0 1rem;
    }
}
.btn.btn-sm {
    height: 28px;
    padding: 0rem 1rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}
.btn-group.locked .btn {
    pointer-events: none;
}
.btn-group .btn-pill {
    margin-right: 1rem;
}
.btn-group .btn-pill:last-child {
    margin-right: 0;
}
.hv-ball {
    position: relative;
}
.hv-ball .btn.btn-nav {
    background: rgba(0, 0, 0, 0) !important;
    position: relative;
}
.hv-ball .btn.btn-nav:hover {
    background: #f5f5f5 !important;
    color: #000;
}
.hv-ball .btn.btn-nav.active {
    background: rgba(0, 0, 0, 0) !important;
    color: #114f9d !important;
}
.btn-nav__ball {
    height: 32px;
    border-radius: 99px;
    background: rgba(47, 128, 237, 0.07);
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    transition: left 0.33s cubic-bezier(0.38, 0.9, 0.1, 1.2), width 0.2s cubic-bezier(0.38, 0.9, 0.1, 1.2);
    pointer-events: none;
}
.card {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
}
.card-body {
    padding: 1rem;
}
.card-left-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10px;
    background: #2f80ed;
    border-radius: 4px 0 0 4px;
    content: "";
}
@media (min-width: 768px) {
    .card-animate {
        transition: 0.4s all;
    }
    .card-animate:hover {
        box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    }
}
.card-none {
    background: rgba(0, 0, 0, 0);
    padding: 0;
}
.card-none-body {
    padding: 0rem;
}
@media (min-width: 768px) {
    .card-md {
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
        -webkit-appearance: none;
        -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    }
    .card-md-body {
        padding: 1rem;
    }
    .card-md-none {
        background: rgba(0, 0, 0, 0);
        padding: 0;
    }
    .card-md-none-body {
        padding: 0rem;
    }
}
@media (min-width: 992px) {
    .card-lg {
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
        -webkit-appearance: none;
        -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    }
    .card-lg-body {
        padding: 1rem;
    }
    .card-lg-none {
        background: rgba(0, 0, 0, 0);
        padding: 0;
    }
    .card-lg-none-body {
        padding: 0rem;
    }
}
@media (min-width: 1200px) {
    .card-xl {
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
        -webkit-appearance: none;
        -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    }
    .card-xl-body {
        padding: 1rem;
    }
    .card-xl-none {
        background: rgba(0, 0, 0, 0);
        padding: 0;
    }
    .card-xl-none-body {
        padding: 0rem;
    }
}
.pill {
    background: #fff;
    border-radius: 99px;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    padding: 10px 1rem;
}
select.selector {
    opacity: 0;
    pointer-events: none;
}
.select {
    border-radius: 99px;
    background: #fff;
    padding: 0 2rem 0 1.5rem;
    height: 44px;
    display: flex;
    position: relative;
    align-items: center;
    line-height: 1;
    cursor: pointer;
    transition: 0.2s all;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
}
@media (min-width: 992px) {
    .select {
        height: 48px;
    }
}
.select:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 0 6px rgba(47, 128, 237, 0.1), 0 2px 6px rgba(56, 65, 74, 0.2);
}
.select .selector {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute;
}
.select__icon {
    background-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 5px;
    display: none;
    flex: 0 0 25px;
}
.select.underlying .select__icon {
    background: url(/home/images/icons/icon-underlying.svg) #2f80ed center center no-repeat;
}
.select.issuer .select__icon {
    background: url(/home/images/icons/icon-issuer.svg) #ff5800 center center no-repeat;
}
.select.date .select__icon {
    background: url(/home/images/icons/icon-date.svg) #299c26 center center no-repeat;
    background-size: 14px;
}
.select.type .select__icon {
    background: url(/home/images/icons/icon-type.svg) #b945e2 center center no-repeat;
    background-size: 17px;
}
.select.icon .select__icon {
    display: block;
}
.select__label {
    color: #114f9d;
    margin-right: 5px;
    white-space: nowrap;
    overflow: visible;
}
.select__title {
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
}
.select__arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4.5px 0 4.5px;
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    right: 0.7rem;
    top: calc(50% - 3px);
}
.select.line-1 {
    display: flex;
    flex-wrap: nowrap;
    display: block;
}
@media (min-width: 768px) {
    .select.line-1 {
        font-size: 14px;
    }
}
.select.line-1 .select__title {
    width: auto;
    margin-top: 0px;
}
@media (min-width: 992px) {
    .select.line-1 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-1 .select__title {
        font-size: 15px;
    }
}
.select.line-1 .select__label {
    margin-right: 5px;
    width: auto;
}
@media (min-width: 992px) {
    .select.line-1 .select__label {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-1 .select__label {
        font-size: 15px;
    }
}
.select.line-1.icon .select__icon {
    display: block !important;
}
.select.line-2 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.select.line-2 .select__icon {
    display: none !important;
}
.select.line-2 .select__title {
    width: 100%;
    margin-top: 5px;
}
@media (min-width: 992px) {
    .select.line-2 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-2 .select__title {
        font-size: 15px;
    }
}
.select.line-2 .select__label {
    margin: 0;
    width: 1px;
}
@media (min-width: 992px) {
    .select.line-2 .select__label {
        font-weight: 600;
    }
}
.select.inline {
    display: inline-flex !important;
    padding-right: 2rem !important;
}
.select.block {
    display: flex !important;
    padding-right: 2rem !important;
}
@media (min-width: 768px) {
    .select.line-md-1 {
        display: flex;
        flex-wrap: nowrap;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .select.line-md-1 {
        font-size: 14px;
    }
}
@media (min-width: 768px) {
    .select.line-md-1 .select__title {
        width: auto;
        margin-top: 0px;
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .select.line-md-1 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-md-1 .select__title {
        font-size: 15px;
    }
}
@media (min-width: 768px) {
    .select.line-md-1 .select__label {
        margin-right: 5px;
        width: auto;
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .select.line-md-1 .select__label {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-md-1 .select__label {
        font-size: 15px;
    }
}
@media (min-width: 768px) {
    .select.line-md-1.icon .select__icon {
        display: block !important;
    }
}
@media (min-width: 768px) {
    .select.line-md-2 {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .select.line-md-2 .select__icon {
        display: none !important;
    }
    .select.line-md-2 .select__title {
        width: 100%;
        margin-top: 5px;
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .select.line-md-2 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-md-2 .select__title {
        font-size: 15px;
    }
}
@media (min-width: 768px) {
    .select.line-md-2 .select__label {
        margin: 0;
        width: 1px;
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .select.line-md-2 .select__label {
        font-weight: 600;
    }
}
@media (min-width: 768px) {
    .select.inline-md {
        display: inline-flex !important;
        padding-right: 2rem !important;
    }
}
@media (min-width: 768px) {
    .select.block-md {
        display: flex !important;
        padding-right: 1.5rem !important;
    }
}
@media (min-width: 992px) {
    .select.line-lg-1 {
        display: flex;
        flex-wrap: nowrap;
    }
}
@media (min-width: 992px) and (min-width: 768px) {
    .select.line-lg-1 {
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    .select.line-lg-1 .select__title {
        width: auto;
        margin-top: 0px;
    }
}
@media (min-width: 992px) and (min-width: 992px) {
    .select.line-lg-1 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-lg-1 .select__title {
        font-size: 15px;
    }
}
@media (min-width: 992px) {
    .select.line-lg-1 .select__label {
        margin-right: 5px;
        width: auto;
    }
}
@media (min-width: 992px) and (min-width: 992px) {
    .select.line-lg-1 .select__label {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-lg-1 .select__label {
        font-size: 15px;
    }
}
@media (min-width: 992px) {
    .select.line-lg-1.icon .select__icon {
        display: block !important;
    }
}
@media (min-width: 992px) {
    .select.line-lg-2 {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .select.line-lg-2 .select__icon {
        display: none !important;
    }
    .select.line-lg-2 .select__title {
        width: 100%;
        margin-top: 5px;
    }
}
@media (min-width: 992px) and (min-width: 992px) {
    .select.line-lg-2 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-lg-2 .select__title {
        font-size: 15px;
    }
}
@media (min-width: 992px) {
    .select.line-lg-2 .select__label {
        margin: 0;
        width: 1px;
    }
}
@media (min-width: 992px) and (min-width: 992px) {
    .select.line-lg-2 .select__label {
        font-weight: 600;
    }
}
@media (min-width: 992px) {
    .select.inline-lg {
        display: inline-flex !important;
        padding-right: 2rem !important;
    }
}
@media (min-width: 992px) {
    .select.block-lg {
        display: flex !important;
        padding-right: 2rem !important;
    }
}
@media (min-width: 1200px) {
    .select.line-xl-1 {
        display: flex;
        flex-wrap: nowrap;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .select.line-xl-1 {
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    .select.line-xl-1 .select__title {
        width: auto;
        margin-top: 0px;
    }
}
@media (min-width: 1200px) and (min-width: 992px) {
    .select.line-xl-1 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-xl-1 .select__title {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    .select.line-xl-1 .select__label {
        margin-right: 5px;
        width: auto;
    }
}
@media (min-width: 1200px) and (min-width: 992px) {
    .select.line-xl-1 .select__label {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-xl-1 .select__label {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    .select.line-xl-1.icon .select__icon {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .select.line-xl-2 {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .select.line-xl-2 .select__icon {
        display: none !important;
    }
    .select.line-xl-2 .select__title {
        width: 100%;
        margin-top: 5px;
    }
}
@media (min-width: 1200px) and (min-width: 992px) {
    .select.line-xl-2 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-xl-2 .select__title {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    .select.line-xl-2 .select__label {
        margin: 0;
        width: 1px;
    }
}
@media (min-width: 1200px) and (min-width: 992px) {
    .select.line-xl-2 .select__label {
        font-weight: 600;
    }
}
@media (min-width: 1200px) {
    .select.inline-xl {
        display: inline-flex !important;
        padding-right: 2rem !important;
    }
}
@media (min-width: 1200px) {
    .select.block-xl {
        display: flex !important;
        padding-right: 2rem !important;
    }
}
@media (min-width: 1400px) {
    .select.line-xxl-1 {
        display: flex;
        flex-wrap: nowrap;
    }
}
@media (min-width: 1400px) and (min-width: 768px) {
    .select.line-xxl-1 {
        font-size: 14px;
    }
}
@media (min-width: 1400px) {
    .select.line-xxl-1 .select__title {
        width: auto;
        margin-top: 0px;
    }
}
@media (min-width: 1400px) and (min-width: 992px) {
    .select.line-xxl-1 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-xxl-1 .select__title {
        font-size: 15px;
    }
}
@media (min-width: 1400px) {
    .select.line-xxl-1 .select__label {
        margin-right: 5px;
        width: auto;
    }
}
@media (min-width: 1400px) and (min-width: 992px) {
    .select.line-xxl-1 .select__label {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-xxl-1 .select__label {
        font-size: 15px;
    }
}
@media (min-width: 1400px) {
    .select.line-xxl-1.icon .select__icon {
        display: block !important;
    }
}
@media (min-width: 1400px) {
    .select.line-xxl-2 {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .select.line-xxl-2 .select__icon {
        display: none !important;
    }
    .select.line-xxl-2 .select__title {
        width: 100%;
        margin-top: 5px;
    }
}
@media (min-width: 1400px) and (min-width: 992px) {
    .select.line-xxl-2 .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .select.line-xxl-2 .select__title {
        font-size: 15px;
    }
}
@media (min-width: 1400px) {
    .select.line-xxl-2 .select__label {
        margin: 0;
        width: 1px;
    }
}
@media (min-width: 1400px) and (min-width: 992px) {
    .select.line-xxl-2 .select__label {
        font-weight: 600;
    }
}
@media (min-width: 1400px) {
    .select.inline-xxl {
        display: inline-flex !important;
        padding-right: 2rem !important;
    }
}
@media (min-width: 1400px) {
    .select.block-xxl {
        display: flex !important;
        padding-right: 2rem !important;
    }
}
.select__modal-container {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0px 4px 6px -2px rgba(237, 139, 0, 0.0509803922);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
    min-width: 290px;
    border: 1px solid #eceff1;
    border-radius: 6px;
    z-index: 9999999;
    max-width: 400px;
    animation: 0.2s modalIn linear forwards;
}
@media (max-width: 767.98px) {
    .select__modal-container {
        min-width: 220px;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: calc(100% - 2rem) !important;
        left: 1rem !important;
        overflow: hidden;
        border: none;
        transition: 0.2s all;
        position: fixed;
    }
}
.select__modal-container.toper {
    transform: translateY(calc(-100% - 68px));
}
.select__modal-container__listing {
    padding: 0.875rem 1rem 0.875rem 1rem;
    gap: 0.25rem;
}
.select__modal-container__scroll {
    max-height: 300px;
    overflow: auto;
}
@media (max-width: 767.98px) {
    .select__modal-container__scroll {
        max-height: 250px;
    }
}
.select__no-result {
    text-align: center;
    padding: 0.5rem 0.5rem 1rem 0.5rem;
    color: gray;
}
.select__no-result svg {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto 10px auto;
}
@media (min-width: 992px) {
    .select__no-result {
        font-size: 17px;
        font-weight: 600;
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    }
    .lang-en .select__no-result {
        font-size: 15px;
    }
}
.select__item {
    height: auto;
    padding-left: 40px;
    padding: 8px 8px 8px 40px;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
}
@media (max-width: 767.98px) {
    .select__item {
        font-size: 14px;
    }
}
.select__item.active {
    background-color: #f5f5f5 !important;
    position: relative;
}
.select__item:hover {
    background-color: #f5f5f5;
}
.select__item:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    top: calc(50% - 8px);
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    left: 12px;
    background-color: #fff;
}
.select__item.no-checkbox {
    padding-left: 16px;
}
.select__item.no-checkbox:before {
    display: none;
}
.select__item.no-checkbox:after {
    content: "";
    width: 100%;
    left: 0;
    bottom: -6px;
    height: 1px;
    background-color: #e8e8e8;
    display: block;
    position: absolute;
    display: none;
}
.select__item.no-checkbox svg {
    display: none !important;
}
.select__item.active:before {
    background: #2f80ed;
    border: none;
}
.select__item.active .select__item-tick {
    stroke-dashoffset: 0 !important;
}
.select__listing > div:last-child {
    border: none !important;
}
.select__item-tick {
    position: absolute;
    z-index: 1;
    left: 14px;
    top: calc(50% - 4px);
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    transition: 1.2s all;
}
.select__dropdown-close {
    background: url(/home/images/icon/icon-modal-close.svg) no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 2px;
    background-size: 12px;
}
.select__item-title {
    font-size: 15px;
    line-height: 20px;
}
@media (min-width: 992px) {
    .select__item-title {
        font-size: 17px;
        line-height: 24px;
        font-weight: 600;
    }
    .lang-en .select__item-title {
        font-size: 15px;
        line-height: 1.2;
    }
}
.select__item-title .selector__u {
    position: relative;
    text-decoration: none;
    color: #114f9d;
    font-weight: 600;
}
.select__item-label {
    font-size: 0.75rem;
    color: #000;
    line-height: 16px;
}
.select__item-label .selector__u {
    position: relative;
    text-decoration: none;
    color: #114f9d;
    font-weight: 600;
}
.select__btn-text {
    align-self: center;
}
.select__mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    top: 0;
    left: 0;
    display: none;
    z-index: 99;
}
.select__search {
    padding: 0.5rem;
}
.select__search .input-search {
    font-size: 15px;
    height: 36px;
    border: none;
    padding-left: 1rem;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 0 0px rgba(47, 128, 237, 0.1);
    background: url(/home/images/icons/icon-search-black.svg) right 1rem center no-repeat;
    background-size: 16px;
    padding-right: 20px;
    transition: 0.1s all;
}
@media (min-width: 992px) {
    .select__search .input-search {
        font-size: 15px;
        height: 40px;
    }
}
.select__search .input-search:focus {
    box-shadow: 0 0 0 4px rgba(47, 128, 237, 0.1);
    border-color: #2f80ed;
}
.select__search .input-search::placeholder {
    color: gray;
    opacity: 1;
}
.select__scroll {
    max-height: 300px;
    overflow: auto;
    position: relative;
}
@media (max-width: 767.98px) {
    .select__scroll {
        max-height: calc(90vh - 80px);
        overflow: auto;
    }
}
.select__footer .btn {
    width: 50%;
    border-radius: 0;
    box-shadow: none !important;
    border: 0;
}
.select__modal.focusing .select__modal-container {
    top: 30px !important;
    transition: 0.3s all;
    transform: translateY(0%) !important;
}
[type="date"] {
    -webkit-appearance: none;
    font-weight: 600 !important;
    width: 100%;
    padding-top: 1.6rem !important;
}
[type="date"]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    -webkit-appearance: none;
}
[type="date"]::-webkit-datetime-edit-day-field:focus,
[type="date"]::-webkit-datetime-edit-month-field:focus,
[type="date"]::-webkit-datetime-edit-year-field:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    outline: none;
    -webkit-appearance: none;
}
.safari [type="date"] {
    padding-bottom: 0 !important;
    padding-left: 3px !important;
}
.input-radio {
    position: relative;
    display: inline-flex;
    line-height: 1;
    align-items: center;
    cursor: pointer;
}
.input-radio input {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute;
}
.input-radio__ball {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    border-radius: 100%;
    border: 1px solid #e8e8e8;
    position: relative;
}
.input-radio__ball:before {
    background-color: rgba(212, 10, 14, 0.8);
    position: absolute;
    left: -4px;
    right: 0;
    top: -4px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    content: "";
    z-index: 0;
    opacity: 0;
}
.input-radio input:checked + .input-radio__ball {
    border: 6px solid #d40a0e;
}
.input-radio input:checked + .input-radio__ball:before {
    animation: 0.5s check-in linear forwards;
}
.input-radio .input-radio__ball {
    transition: 0.1s all;
    box-shadow: 0 0px 0 0px rgba(212, 10, 14, 0.1);
}
.input-radio:hover .input-radio__ball {
    box-shadow: 0 0px 0 4px rgba(212, 10, 14, 0.1);
    border: 2px solid #d40a0e;
}
@keyframes check-in {
    0% {
        opacity: 0;
        transform: translate(-13px, -13px) scale(0.1);
    }
    50% {
        opacity: 0.1;
        transform: translate(-13px, -13px) scale(1);
    }
    75% {
        opacity: 0.1;
        transform: translate(-13px, -13px) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(-13px, -13px) scale(1);
    }
}
.table {
    width: 100%;
}
.table .table-focus {
    white-space: nowrap;
}
.table .sortable {
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: 0.3s background;
    border-radius: 4px;
}
.table .sortable:active {
    background: #e1e1e1;
    border-radius: 4px;
}
.table__arrow {
    position: relative;
    display: block;
    margin-left: 5px;
    padding-left: 5px;
}
.table__arrow::before {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 2.5px 4px 2.5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d2d2d2 rgba(0, 0, 0, 0);
}
@media (min-width: 992px) {
    .table__arrow::before {
        top: calc(50% - 7.5px);
        border-width: 0 4px 6px 4px;
    }
}
.table__arrow::after {
    content: "";
    position: absolute;
    bottom: calc(50% - 5px);
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 2.5px 0 2.5px;
    border-color: #d2d2d2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
@media (min-width: 992px) {
    .table__arrow::after {
        bottom: calc(50% - 7.5px);
        border-width: 6px 4px 0 4px;
    }
}
.table .asc .table__arrow::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2f80ed rgba(0, 0, 0, 0);
}
.table .desc .table__arrow::after {
    border-color: #2f80ed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.table__td {
    padding: 0.5rem 0.35rem;
    line-height: 1.3;
    font-size: 12px;
    border-bottom: 1px solid #d2d2d2;
    background: #f5f5f5;
}
@media (min-width: 992px) {
    .table__td {
        font-size: 14px;
        line-height: 1.1;
        padding: 0.5rem 0.5rem;
    }
}
.table__td a {
    color: #000 !important;
}
.table__th {
    font-size: 10px;
    color: #a1a1a1;
    font-weight: 500;
    line-height: 1.1;
    padding: 0.5rem 0.35rem;
    border-bottom: 1px solid #d2d2d2;
    background: #f5f5f5;
}
@media (min-width: 768px) {
    .table__th {
        font-size: 12px;
        line-height: 1.2;
        font-weight: 600;
    }
}
@media (min-width: 992px) {
    .table__th {
        font-size: 14px;
        line-height: 1.1;
        font-weight: 600;
        color: #000;
        padding: 0.5rem 0.5rem;
    }
}
.table__th-wrapper {
    display: flex;
    align-items: center;
}
.table .ta-right .table__th-wrapper {
    justify-content: flex-end;
}
.table.bg-white .table__td,
.table.bg-white .table__th {
    background: #fff !important;
}
.table__header {
    position: fixed;
    top: 0;
}
.table a {
    color: #d2d2d2;
    text-decoration: none;
}
.table a:hover {
    text-decoration: underline;
}
.table__highlighted td {
    background: #d2d2d2 !important;
    color: #fff !important;
}
.td-space-small .table__td {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
@media (min-width: 992px) {
    .td-space-small .table__td {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}
.td-space-middle .table__td {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
@media (min-width: 992px) {
    .td-space-middle .table__td {
        padding-top: 6.5px !important;
        padding-bottom: 6.5px !important;
    }
}
.td-space-large .table__td {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
td {
    transition: 0.3s all;
    opacity: 1;
}
.table-fade td {
    opacity: 0;
}
.table-locker {
    pointer-events: none;
}
.table-locker th {
    cursor: pointer;
}
.e-table__setup {
    position: absolute;
    left: 0;
    top: 55px;
    padding: 1rem 1rem 1rem 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    z-index: 11;
    width: 300px;
}
.e-table__colvis-btn {
    border-radius: 10px;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0.5rem 1rem;
    cursor: pointer;
}
.e-table__wrapper {
    position: relative;
}
@media (max-width: 767.98px) {
    .e-table__wrapper {
        margin-left: -1rem;
        margin-right: -1rem;
        border-radius: 0 !important;
        border: none !important;
    }
}
.e-table__btn {
    padding: 0.5rem;
    border-radius: 10px;
    border: 1px solid #ccc;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
}
.e-table__btn.active {
    opacity: 1;
}
.e-table__fixed-element table {
    margin: 0 !important;
}
.e-table__fixed-element.scrolled thead tr > th:first-child,
.e-table__fixed-element.scrolled tbody tr > td:first-child {
    border-right: none !important;
}
.e-table__fixed-element.scrolled thead tr > th:first-child:after,
.e-table__fixed-element.scrolled tbody tr > td:first-child:after {
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    pointer-events: none;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #d2d2d2;
}
.e-table__wrapper.scrolled thead tr > th:first-child,
.e-table__wrapper.scrolled tbody tr > td:first-child {
    border-right: none !important;
}
.e-table__wrapper.scrolled thead tr > th:first-child:after,
.e-table__wrapper.scrolled tbody tr > td:first-child:after {
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    pointer-events: none;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #d2d2d2;
}
.e-table__mask {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.e-table__fixed-element tbody {
    visibility: hidden;
}
.hideArrow .sortable::before {
    display: none;
}
.e-table__fixed-element.scrolled thead tr > th:first-child:after {
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    pointer-events: none;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #d2d2d2;
}
#tc-lang-drop {
    top: 40px !important;
}
.e-table__header {
    border-bottom: 1px solid #d2d2d2;
}
@media (max-width: 767.98px) {
    .e-table__header {
        border: 0;
    }
}
.td-hide,
.th-hide {
    display: none !important;
}
.td-show,
.th-show {
    display: table-cell !important;
}
@keyframes modalIn {
    from {
        opacity: 0;
        margin-top: -10px;
    }
    to {
        opacity: 1;
        margin-top: 0px;
    }
}
@keyframes modalIn2 {
    from {
        opacity: 0;
        margin-top: -40px;
    }
    to {
        opacity: 1;
        margin-top: 0px;
    }
}
@keyframes modalOut {
    from {
        opacity: 1;
        margin-top: 0px;
    }
    to {
        opacity: 0;
        margin-top: -80px;
    }
}
@keyframes modalOut2 {
    from {
        opacity: 0.1;
    }
    to {
        opacity: 0;
    }
}
.footer-icon-list {
    position: fixed;
    bottom: 0;
    height: 60px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 7;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
}
.lang-en .footer-icon-list {
    height: 66px;
}
@media (min-width: 768px) {
    .footer-icon-list {
        display: none;
    }
}
.footer-icon-list__ul {
    display: flex;
    list-style: none;
    align-items: stretch;
    padding: 0;
    margin: 0;
}
.footer-icon-list__li {
    flex: 1 0 0;
}
.footer-icon-list__link {
    height: 60px;
    display: block;
    padding-top: 40px;
    text-align: center;
    font-size: 11px;
}
.footer-icon-list__link.search {
    background: url(/home/images/footer-icon/icon-search.svg) no-repeat top 8px center;
}
.footer-icon-list__link.cbbc-map {
    background: url(/home/images/footer-icon/icon-cbbc-map.svg) no-repeat top 8px center;
}
.footer-icon-list__link.calendar {
    background: url(/home/images/footer-icon/icon-calendar.svg) no-repeat top 8px center;
}
.footer-icon-list__link.new-list {
    background: url(/home/images/footer-icon/icon-new-list.svg) no-repeat top 8px center;
}
.footer-icon-list__link.moneyflow {
    background: url(/home/images/footer-icon/icon-moneyflow.svg) no-repeat top 8px center;
}
.footer-icon-list__link.video {
    background: url(/home/images/footer-icon/icon-video.svg) no-repeat top 8px center;
    background-size: 28px;
}
.footer-icon-list__link.focus {
    background: url(/home/images/footer-icon/icon-focus.png) no-repeat top 8px center;
    background-size: 28px;
}


.lang-en .footer-icon-list__link {
    line-height: 1;
    height: 70px;
    font-size: 11px;
    background-position: top 6px center !important;
}
.header {
    background: #fff;
    position: relative;
    z-index: 5;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
}
.header__container {
    align-items: center;
    display: flex;
    height: 60px;
}
@media (max-width: 767.98px) {
    .header__container {
        height: 56px;
    }
}
.header__logo img {
    height: 35px;
}
@media (max-width: 767.98px) {
    .header__logo img {
        height: 30px;
    }
}
.header__contact {
    line-height: 16px;
    margin-left: 5rem;
    margin-right: 3.5rem;
}
@media (max-width: 1199.98px) {
    .header__contact {
        margin-left: 2.5rem;
    }
}
.header__contact .hotline {
    margin-right: 20px;
}
.header__contact .hotline + a:hover {
    text-decoration: underline;
}
.header__search {
    margin-left: auto;
    position: relative;
}
.header__search.active .header__search-input {
    width: 400px;
}
@media (max-width: 1199.98px) {
    .header__search.active .header__search-input {
        width: 275px;
    }
}
.header__search-input {
    height: 30px;
    border: none;
    box-shadow: 0px 0px 6px 5px rgba(0, 0, 0, 0.04);
    width: 200px;
    border-radius: 15px;
    font-size: 14px;
    padding-left: 35px;
    background: url(/home/images/icons/icon-search-red.svg) left 1rem top 8px no-repeat;
    transition: 0.3s all;
    outline: 0px;
    border: 0px solid #2f80ed;
}
.header__search-input:hover,
.header__search-input:focus {
    background: url(/home/images/icons/icon-search-black.svg) left 1rem top 8px no-repeat;
    box-shadow: 0 0 0 6px rgba(47, 128, 237, 0.1), 0px 0px 6px 5px rgba(0, 0, 0, 0.04);
    transition: 0.2s all;
}
.header__search-input:focus {
    border: 1px solid #2f80ed;
}
@media (max-width: 767.98px) {
    .header__search-input {
        width: 150px;
        transition: none;
    }
}
.header__menu-line {
    width: 30px;
    height: 3px;
    background: #000;
    border-radius: 6px;
    display: block;
    right: 0;
    position: absolute;
    border-collapse: separate;
    transition: 0.25s all;
}
.header__menu-line.line1 {
    top: 5px;
    width: 24px;
}
.header__menu-line.line2 {
    top: 13px;
    width: 32px;
}
.header__menu-line.line3 {
    bottom: 5px;
    width: 15px;
}
.header__menu-name {
    font-size: 17px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 3px;
    color: #d40a0e;
}
.lang-en .header__menu-name {
    font-weight: 600;
    font-size: 15px;
    top: 5px;
}
.header__menu-btn {
    width: 77px;
    height: 30px;
    margin-left: 2rem;
    cursor: pointer;
    position: relative;
    padding-left: 2rem;
}
.header__menu-btn:hover .line1 {
    width: 32px;
}
.header__menu-btn:hover .line2 {
    width: 32px;
}
.header__menu-btn:hover .line3 {
    width: 32px;
}
.lang-en .header__menu-btn {
    padding-left: 2.2rem;
}
@media (max-width: 767.98px) {
    .header__menu-btn {
        margin-left: 1rem;
        padding-left: 0rem;
        width: 35px;
    }
}
.header__search-container {
    position: absolute;
    top: 30px;
    left: 0;
    padding-top: 15px;
    transition: 0.3s all;
    display: none;
    transform: translateY(-10px);
    opacity: 0;
    z-index: 9;
}
.header__search-container.active {
    transform: translateY(0px);
    opacity: 1;
}
@media (max-width: 767.98px) {
    .header__search-container {
        border: none;
        top: 28px !important;
        left: -12px !important;
        width: 100vw !important;
    }
}
.header__search-box {
    border-radius: 8px;
    background: #fff;
    width: 400px;
    line-height: 40px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    font-size: var(--fs-2);
    border: 1px solid #e8e8e8;
}
@media (max-width: 767.98px) {
    .header__search-box {
        border: 0;
        border-radius: 0;
        border-top: 1px solid #e8e8e8;
        box-shadow: none;
        width: auto;
        height: 100vh;
    }
}
.header .header-no-result img {
    width: 50px;
    display: block;
    height: 50px;
    margin: 2rem auto 0 auto;
}
.header__search-title {
    background: #f5f5f5;
    height: 44px;
    padding: 0 1rem;
    font-size: var(--fs-4);
    font-weight: 600;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}
.header__search-noHistory {
    text-align: center;
    padding-bottom: 1.5rem;
}
.header__search-noHistory img {
    width: 60px;
    display: block;
    height: 60px;
    margin: 2rem auto 0 auto;
}
.header__search-item {
    border-bottom: 1px solid #e8e8e8;
    height: 34px;
    cursor: pointer;
    padding: 0 1rem;
    display: flex;
    align-items: center;
}
.header__search-item:hover {
    background: #f5f5f5;
}
@media (max-width: 767.98px) {
    .header__search-item {
        height: 38px;
    }
}
.header__search-name {
    margin-right: 5px;
    font-size: 14px;
    line-height: 1;
    flex: 0 1 auto;
    width: 155px;
}
.header__search-name + .tag {
    margin-right: 10px;
}
.lang-en .header__search-name {
    font-size: 13px;
    width: 180px;
}
.header__search-price {
    margin-right: 5px;
    margin-left: 10px;
    font-size: 14px;
    margin-left: auto;
    flex: 0 0 auto;
}
.lang-en .header__search-price {
    font-size: 12px;
}
.header__search-change {
    margin-right: 5px;
    font-size: var(--fs-1);
    flex: 0 0 auto;
}
.header__search-utype {
    margin-left: auto;
}
.header__search-timestamp {
    padding-left: 1rem;
}
.header__menu-close {
    display: none;
}
.header .tag {
    font-size: 14px !important;
    flex: 0 0 auto;
}
.lang-en .header .tag {
    font-size: 12px !important;
    width: 32px;
    height: 18px;
}
.header .tag-name {
    width: 62px;
    margin-left: 5px;
}
@media (max-width: 767.98px) {
    .header-search-start .header__logo,
    .header-search-start .header__menu-btn {
        display: none;
    }
    .header-search-start .header__search.active .header__search-input {
        width: 100%;
    }
    .header-search-start .header__search {
        flex: 1;
    }
    .header-search-start .header__menu-close {
        display: flex;
        height: 20px;
        justify-content: center;
        align-items: center;
        padding: 0 5px 0 15px;
    }
}
:root {
    --menu-li-height: 45px;
}
.menu {
    position: fixed;
    width: 350px;
    z-index: 9;
    background: #fff;
    right: 0;
    font-size: 1rem;
    height: 100%;
    max-height: 100vh;
    overflow: auto;
    transform: translateX(100%);
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    transition: 0.5s all;
    display: none;
}
@media (max-width: 767.98px) {
    .menu {
        width: 260px;
    }
}
.menu.active {
    transform: translateX(0%);
}
.menu__mask {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 8;
    display: none;
    cursor: pointer;
}
.menu__ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu__li {
    list-style: none;
}
.menu__link {
    padding-left: 2rem;
    display: flex;
    height: var(--menu-li-height);
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    transition: 0.15s all;
}
.menu__link:hover {
    padding-left: 2.25rem;
    color: #d40a0e;
}
@media (min-width: 768px) {
    .menu__link {
        font-size: 17px;
        font-weight: 700;
    }
    .lang-en .menu__link {
        font-size: 16px;
        font-weight: 600;
    }
}
.menu__ul-lv2 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}
.menu__li-lv2 {
    list-style: none;
}
.menu__link-lv2 {
    padding-left: 2rem;
    display: flex;
    height: var(--menu-li-height);
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    background: #f5f5f5;
    transition: 0.15s all;
}
.menu__link-lv2:hover {
    padding-left: 2.25rem;
    color: #d40a0e;
}
.menu .hv-submenu {
    position: relative;
}
.menu .hv-submenu:after {
    position: absolute;
    width: 14px;
    height: 12px;
    content: "";
    right: 1rem;
    top: calc(50% - 8px);
    transform: rotate(180deg);
    transition: 0.15s all;
    background: url(/home/images/icons/icon-menu-arrow.svg) no-repeat;
}
.menu .hv-submenu.active:after {
    transform: rotate(0deg);
    top: calc(50% - 4px);
}
.menu__lang {
    display: flex;
    padding: 1rem 2rem;
}
.menu__lang-btn {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    cursor: pointer;
}
.menu__lang-btn:hover {
    background: #f5f5f5;
}
.footer {
    margin-top: 2rem;
    padding: 1rem 0;
    line-height: 2;
    background: #fff;
}
.footer__quick-bar {
    line-height: 1;
    margin-top: 5px;
}
.footer__quick-bar .border-right {
    border-right: 1px solid #b9b9b9;
}
.lang-en .footer {
    line-height: 1.7;
}
@media (max-width: 767.98px) {
    .footer {
        padding-bottom: 80px;
    }
}
.footer a:hover {
    text-decoration: underline;
}
@media (min-width: 1200px) {
    .search__row {
        flex-wrap: nowrap;
    }
}
@media (min-width: 1400px) {
    .search__card {
        width: 415px;
    }
}
@media (min-width: 1200px) {
    .search__card {
        width: 360px;
    }
}
@media (min-width: 1400px) {
    .search__right-container {
        width: calc(100% - 440px);
    }
}
@media (min-width: 1200px) {
    .search__right-container {
        width: calc(100% - 388px);
    }
}
@media (max-width: 767.98px) {
    .search__price-box {
        padding: 6px 1rem;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        margin: 0 -1rem;
    }
}
.search__btn-turn {
    background: #ff5800;
    color: #fff;
    height: 30px;
    padding: 0 1rem;
    font-size: 12px;
    border-radius: 6px;
    position: fixed;
    display: none;
    bottom: 90px;
    z-index: 8;
    right: 1rem;
    opacity: 0;
    transition: 0.3s all;
}
.search__btn-turn svg {
    animation: 0.7s btn-rotate linear 1 forwards;
    margin-top: -1px;
}
.search__card ::-webkit-scrollbar {
    width: 20px;
}
.search__card ::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-left: 14px solid #fff;
}
.search__card ::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    border-left: 14px solid #fff;
}
.search__card ::-webkit-scrollbar-thumb:hover {
    background: #b9b9b9;
    border-left: 14px solid #fff;
}
@media (orientation: landscape) {
    [device="mobile"].search__body .footer-icon-list {
        display: none;
    }
    [device="mobile"].search__body .search__btn-turn {
        display: none !important;
    }
    [device="mobile"].search__body .container {
        max-width: 100%;
    }
    [device="mobile"].search__body header,
    [device="mobile"].search__body .search__card,
    [device="mobile"].search__body footer {
        display: none;
    }
    [device="mobile"].search__body main {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    [device="mobile"].search__body .container {
        padding: 0;
    }
    [device="mobile"].search__body .table-container {
        margin-top: 0 !important;
    }
    [device="mobile"].search__body .e-table__wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    [device="mobile"].search__body .search__price-box {
        border-radius: 0;
        box-shadow: none;
        border-radius: 0;
        box-shadow: none;
        background: #fff;
        border: none;
        padding: 0rem !important;
        margin: 0 !important;
    }
    [device="mobile"].search__body .search__price-box .card-body {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        padding-left: 16px !important;
        border-bottom: 1px solid #d2d2d2;
        padding-right: 16px !important;
    }
    [device="mobile"].search__body .card-left-bar {
        width: 6px;
        border-radius: 0;
        display: block !important;
    }
    [device="mobile"].search__body .search__table-container {
        margin-top: 0 !important;
    }
    [device="mobile"].search__body td.table__td {
        line-height: 1;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        font-size: 10px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    [device="mobile"].search__body th.table__th {
        font-size: 10px;
        line-height: 1;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        font-size: 10px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    [device="mobile"].search__body .fs-md-5,
    [device="mobile"].search__body .fs-md-3 {
        font-size: 16px !important;
    }
    [device="mobile"].search__body .fs-md-4 {
        font-size: 12px !important;
    }
    [device="mobile"].search__body .time {
        display: block !important;
    }
    [device="mobile"].search__body .time .fs-1 {
        margin-top: 4px;
        font-size: 10px !important;
        display: block;
    }
    [device="mobile"].search__body .search__footer {
        padding: 0 1rem;
        margin-bottom: 1rem;
    }
    [device="mobile"].search__body .switch-col {
        display: none !important;
    }
}
.filter__box {
    max-height: calc(100vh - 420px);
    overflow: auto;
}
.filter__title {
    font-size: 12px;
    margin-bottom: 5px;
}
@media (min-width: 992px) {
    .filter__title {
        font-size: 17px;
        font-weight: 600;
        font-size: 15px;
    }
}
.filter__item {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
}
.filter__mask {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 8;
    top: 0;
    display: none;
    cursor: pointer;
}
.filter__side-container {
    position: fixed;
    width: 370px;
    z-index: 9;
    background: #fff;
    right: 0;
    font-size: 1rem;
    height: 100%;
    max-height: 100vh;
    overflow: auto;
    transform: translateX(calc(100% + 10px));
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    transition: 0.5s all;
    top: 0;
}
@media (max-width: 767.98px) {
    .filter__side-container {
        transform: translateX(calc(100% + 20px));
        width: calc(100vw - 40px);
    }
}
.filter__side-container ::-webkit-scrollbar {
    width: 20px;
}
.filter__side-container ::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-left: 14px solid #fff;
}
.filter__side-container ::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    border-left: 14px solid #fff;
}
.filter__side-container ::-webkit-scrollbar-thumb:hover {
    background: #b9b9b9;
    border-left: 14px solid #fff;
}
.filter__side-container.active {
    transform: translateX(0%) !important;
}
.filter__side-container .filter__container {
    padding: 1.5rem;
    overflow: hidden;
    max-height: 100%;
    padding-right: 0.5rem;
}
.filter__side-container .filter__box {
    max-height: calc(100vh - 120px);
    margin-bottom: 20px;
}
.filter__side-container .filter-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 9;
}
.filter__side-container .filter-btn .btn {
    border-radius: 0;
}
@keyframes btn-rotate {
    from {
        transform: rotate(90deg);
    }
    to {
        transform: rotate(180deg);
    }
}
.range-slider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px;
}
.range-slider__input-box {
    height: 20px;
    width: 50px;
    flex: 0 0 auto;
}
.range-slider__core-box {
    flex: 1;
    padding: 0 8px;
}
.range-slider__input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    outline: none !important;
    text-align: center;
    height: 20px;
    line-height: 20px;
    transition: 0.3s all;
}
.range-slider__input:hover,
.range-slider__input:focus {
    box-shadow: 0 0 0 4px rgba(47, 128, 237, 0.1);
    border: 1px solid #2f80ed;
}
@media (max-width: 767.98px) {
    .lang-en .range-slider__input {
        font-size: 12px;
    }
}
.share-area {
    background: #f5f5f5;
    display: flex;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    align-items: center;
}
.share-area__title {
    font-size: 14px;
    font-weight: 600;
}
.share-area__item {
    margin-left: 0.75rem;
    position: relative;
}
.share-area__img {
    width: 22px;
    height: 20px;
    display: block;
    transition: 0.2s all;
    position: relative;
    cursor: pointer;
}
.share-area__img:hover {
    transform: translateY(-2px);
}
.share-area__img:active {
    opacity: 0;
}
.share-area__img.whatsapp {
    background: url(/home/images/media-icon/icon-whatsapp.svg) center no-repeat;
}
.share-area__img.wechat {
    background: url(/home/images/media-icon/icon-wechat.svg) center no-repeat;
}
.share-area__img.facebook {
    background: url(/home/images/media-icon/icon-facebook.svg) center no-repeat;
}
.share-area__img.line {
    background: url(/home/images/media-icon/icon-line.svg) center no-repeat;
}
.share-area__img.copy {
    background: url(/home/images/media-icon/icon-copy.svg) center no-repeat;
    background-size: 15px;
}
.copy-msg {
    position: absolute;
    top: 30px;
    background: #000;
    border-radius: 3px;
    padding: 5px 10px;
    color: #fff;
    display: none;
    left: -20px;
    width: 60px;
}
.info-list {
    padding: 0 1rem;
    overflow: hidden;
}
.info-list__item {
    border-bottom: 1px solid #e8e8e8;
    line-height: 1.1;
    padding: 0.5rem 1rem;
    font-size: 14px;
}
.lang-en .info-list__item {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
}
@media (max-width: 767.98px) {
    .lang-en .info-list__item {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media (max-width: 767.98px) {
    .info-list {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .info-list__item {
        line-height: 1.1;
        padding: 0.3rem 1rem;
        font-size: 12px;
        border: none;
        position: relative;
    }
    .info-list__item:after {
        position: absolute;
        left: 0;
        width: 100vw;
        content: "";
        height: 1px;
        bottom: 0px;
        background: #e8e8e8;
    }
}
.chart__label {
    padding-left: 1.5rem;
    position: relative;
    font-size: 12px;
}
@media (max-width: 767.98px) {
    .chart__label {
        padding-left: 1.1rem;
    }
}
.chart__label:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 1px;
}
.chart__label.blue:before {
    background: #2f80ed;
}
.chart__label.orange:before {
    background: #ff5800;
}
.chart__label.red:before {
    background: #d40a0e;
}
.chart__label.green:before {
    background: #299c26;
}
.chart__label.dark:before {
    background: gray;
}
@media (max-width: 767.98px) {
    .chart__option {
        margin-right: -1rem;
        overflow: hidden;
    }
    .chart__option > .row .row {
        flex-wrap: nowrap;
    }
    .chart__option > .row .btn-group {
        display: flex;
        flex-wrap: nowrap;
    }
    .chart__option > .row .btn {
        flex: 0 0 auto;
    }
}
.chart__option .option-view1,
.chart__option .option-view2 {
    overflow: hidden;
}
.btn-pill.hv-label {
    position: relative;
}
.btn-pill.hv-label:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #2f80ed;
    margin-right: 2px;
}
.btn-pill.hv-label.ma10:before {
    background: #3cccd6;
}
.btn-pill.hv-label.ma20:before {
    background: #ffc107;
}
.btn-pill.hv-label.ma50:before {
    background: #d40a0e;
}
.btn-pill.hv-label.ma100:before {
    background: #b945e2;
}
.btn-pill.hv-label.ma200:before {
    background: gray;
}
.chart-donut__container {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 100%;
    background: #e8e8e8;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .chart-donut__container {
        width: 30vw;
        height: 30vw;
    }
}
.chart-donut__ring {
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 100px);
    height: 100%;
    position: absolute;
    width: 100%;
}
.chart-donut__ring + .chart-donut__ring {
    left: 1px;
}
@media (max-width: 767.98px) {
    .chart-donut__ring {
        clip: rect(0px, 30vw, 30vw, 15vw);
    }
}
.chart-donut__circle {
    background: #299c26;
    border-radius: 50%;
    clip: rect(0px, 100px, 200px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: monospace;
    font-size: 1.5rem;
    transition: 0.2s all linear;
}
.chart-donut__circle.part2 {
    transition: 0.2s all cubic-bezier(0.38, 0.9, 0.1, 1.2), width 0.2s cubic-bezier(0.38, 0.9, 0.1, 1.2);
    left: 0px;
}
@media (max-width: 767.98px) {
    .chart-donut__circle {
        clip: rect(0px, 15vw, 30vw, 0px);
    }
}
.chart-donut__circle.locked {
    transform: rotate(0deg) !important;
}
.chart-donut__center {
    background: #fff;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 85%;
    height: 85%;
    margin: auto;
    border-radius: 50%;
    line-height: 35px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 767.98px) {
    .chart-donut__center {
        width: 86%;
        height: 86%;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #f5f5f5;
    }
}
.chart-donut__text {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
}
.lang-en .chart-donut__text {
    font-size: 15px;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    .lang-en .chart-donut__text {
        font-size: 12px;
        padding: 0 15px;
    }
}
@media (max-width: 767.98px) {
    .chart-donut__text {
        font-size: 10px;
    }
}
.chart-donut__data {
    font-size: 48px;
    font-weight: 600;
    margin-top: 10px;
}
@media (max-width: 767.98px) {
    .chart-donut__data {
        font-size: 30px;
        line-height: 1.05;
        margin-top: 3px;
    }
}
.chart-donut__sub-data {
    font-size: 17px;
    font-weight: bold;
    margin-top: 5px;
}
.lang-en .chart-donut__sub-data {
    font-size: 15px;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    .chart-donut__sub-data {
        font-size: 10px;
        margin-top: 3px;
        line-height: 1.2;
    }
    .lang-en .chart-donut__sub-data {
        font-size: 10px;
    }
}
.chart-donut__container.green .chart-donut__circle {
    background: #299c26;
}
.chart-donut__container.green .chart-donut__data,
.chart-donut__container.green .chart-donut__sub-data {
    color: #299c26;
}
.chart-donut__container.orange .chart-donut__circle {
    background: #ff5800;
}
.chart-donut__container.orange .chart-donut__data,
.chart-donut__container.orange .chart-donut__sub-data {
    color: #ff5800;
}
.chart-donut__container.red .chart-donut__circle {
    background: #d40a0e;
}
.chart-donut__container.red .chart-donut__data,
.chart-donut__container.red .chart-donut__sub-data {
    color: #d40a0e;
}
[data-value="0"] .chart-donut__data,
.group0 .chart-donut__data {
    font-size: 32px;
    color: #000 !important;
}
[data-value="0"] .part1,
[data-value="0"] .part2,
.group0 .part1,
.group0 .part2 {
    display: none;
}
.dount-1 [data-value="0"] .chart-donut__data,
.dount-1 .group0 .chart-donut__data {
    font-size: 32px;
    color: #000 !important;
}
.dount-1 [data-value="0"] .part1,
.dount-1 [data-value="0"] .part2,
.dount-1 .group0 .part1,
.dount-1 .group0 .part2 {
    display: none;
}
.dount-1 .chart-donut__container.group4-1 .part1 {
    transform: rotate(70deg) !important;
}
.dount-1 .chart-donut__container.group4-1 .chart-donut__circle {
    background: #299c26;
}
.dount-1 .chart-donut__container.group4-1 .chart-donut__data,
.dount-1 .chart-donut__container.group4-1 .chart-donut__sub-data {
    color: #299c26;
}
.dount-1 .chart-donut__container.group4-2 .part1 {
    transform: rotate(160deg) !important;
}
.dount-1 .chart-donut__container.group4-2 .chart-donut__circle {
    background: #ffc107;
}
.dount-1 .chart-donut__container.group4-2 .chart-donut__data,
.dount-1 .chart-donut__container.group4-2 .chart-donut__sub-data {
    color: #f7b901;
}
.dount-1 .chart-donut__container.group4-3 .part1 {
    transform: rotate(180deg) !important;
}
.dount-1 .chart-donut__container.group4-3 .part2 {
    transform: rotate(60deg) !important;
}
.dount-1 .chart-donut__container.group4-3 .chart-donut__circle {
    background: #ff5800;
}
.dount-1 .chart-donut__container.group4-3 .chart-donut__data,
.dount-1 .chart-donut__container.group4-3 .chart-donut__sub-data {
    color: #ff5800;
}
.dount-1 .chart-donut__container.group4-4 .part1 {
    transform: rotate(180deg) !important;
}
.dount-1 .chart-donut__container.group4-4 .part2 {
    transform: rotate(130deg) !important;
}
.dount-1 .chart-donut__container.group4-4 .chart-donut__circle {
    background: #d40a0e;
}
.dount-1 .chart-donut__container.group4-4 .chart-donut__data,
.dount-1 .chart-donut__container.group4-4 .chart-donut__sub-data {
    color: #d40a0e;
}
.dount-2 .chart-donut__container.group4-1 .part1 {
    transform: rotate(60deg) !important;
}
.dount-2 .chart-donut__container.group4-1 .chart-donut__circle {
    background: #299c26;
}
.dount-2 .chart-donut__container.group4-1 .chart-donut__data,
.dount-2 .chart-donut__container.group4-1 .chart-donut__sub-data {
    color: #299c26;
}
.dount-2 .chart-donut__container.group4-2 .part1 {
    transform: rotate(140deg) !important;
}
.dount-2 .chart-donut__container.group4-2 .chart-donut__circle {
    background: #ffc107;
}
.dount-2 .chart-donut__container.group4-2 .chart-donut__data,
.dount-2 .chart-donut__container.group4-2 .chart-donut__sub-data {
    color: #f7b901;
}
.dount-2 .chart-donut__container.group4-3 .part1 {
    transform: rotate(180deg) !important;
}
.dount-2 .chart-donut__container.group4-3 .part2 {
    transform: rotate(80deg) !important;
}
.dount-2 .chart-donut__container.group4-3 .chart-donut__circle {
    background: #ff5800;
}
.dount-2 .chart-donut__container.group4-3 .chart-donut__data,
.dount-2 .chart-donut__container.group4-3 .chart-donut__sub-data {
    color: #ff5800;
}
.dount-2 .chart-donut__container.group4-4 .part1 {
    transform: rotate(180deg) !important;
}
.dount-2 .chart-donut__container.group4-4 .part2 {
    transform: rotate(140deg) !important;
}
.dount-2 .chart-donut__container.group4-4 .chart-donut__circle {
    background: #d40a0e;
}
.dount-2 .chart-donut__container.group4-4 .chart-donut__data,
.dount-2 .chart-donut__container.group4-4 .chart-donut__sub-data {
    color: #d40a0e;
}
.dount-3 .chart-donut__container.group4-1 .part1 {
    transform: rotate(80deg) !important;
}
.dount-3 .chart-donut__container.group4-1 .chart-donut__circle {
    background: #299c26;
}
.dount-3 .chart-donut__container.group4-1 .chart-donut__data,
.dount-3 .chart-donut__container.group4-1 .chart-donut__sub-data {
    color: #299c26;
}
.dount-3 .chart-donut__container.group4-2 .part1 {
    transform: rotate(170deg) !important;
}
.dount-3 .chart-donut__container.group4-2 .chart-donut__circle {
    background: #ffc107;
}
.dount-3 .chart-donut__container.group4-2 .chart-donut__data,
.dount-3 .chart-donut__container.group4-2 .chart-donut__sub-data {
    color: #f7b901;
}
.dount-3 .chart-donut__container.group4-3 .part1 {
    transform: rotate(180deg) !important;
}
.dount-3 .chart-donut__container.group4-3 .part2 {
    transform: rotate(40deg) !important;
}
.dount-3 .chart-donut__container.group4-3 .chart-donut__circle {
    background: #ff5800;
}
.dount-3 .chart-donut__container.group4-3 .chart-donut__data,
.dount-3 .chart-donut__container.group4-3 .chart-donut__sub-data {
    color: #ff5800;
}
.dount-3 .chart-donut__container.group4-4 .part1 {
    transform: rotate(180deg) !important;
}
.dount-3 .chart-donut__container.group4-4 .part2 {
    transform: rotate(160deg) !important;
}
.dount-3 .chart-donut__container.group4-4 .chart-donut__circle {
    background: #d40a0e;
}
.dount-3 .chart-donut__container.group4-4 .chart-donut__data,
.dount-3 .chart-donut__container.group4-4 .chart-donut__sub-data {
    color: #d40a0e;
}
.dount-3 [data-value="0日"].group4-4.chart-donut__container .part1 {
    transform: rotate(180deg) !important;
}
.dount-3 [data-value="0日"].group4-4.chart-donut__container .part2 {
    transform: rotate(180deg) !important;
}
.term__price-block {
    width: 245px;
    height: 80px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    line-height: 1.2;
    color: #fff;
    box-shadow: 0 1px 12px rgba(56, 65, 74, 0.15);
}
@media (max-width: 1500px) {
    .term__price-block {
        width: 225px;
    }
}
@media (max-width: 767.98px) {
    .term__price-block {
        width: 100%;
        height: 60px;
    }
}
.term__price-text {
    font-size: 17px;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    .term__price-text {
        font-size: 12px;
    }
}
.term__price-data {
    font-size: 46px;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    .term__price-data {
        font-size: 38px;
    }
}
.term__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 2em;
}
@media (max-width: 767.98px) {
    .term__grid {
        display: block;
    }
}
.term__grid-item > * {
    height: 100%;
}
@media (max-width: 767.98px) {
    .term__grid-item > * {
        height: auto;
    }
}
#term-price {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
#term-donunt {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}
#term-chart {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
#term-uintraday {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
#term-pintraday {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
#term-radar {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}


#term-data {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}
.chart-detailed #term-chart {
    grid-row-start: 1;
    grid-row-end: 4;
}
.chart-detailed #term-data {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
}
@media (min-width: 1400px) {
    .cbbc-terms #term-chart {
        grid-row-start: 1;
        grid-row-end: 4;
    }
    .cbbc-terms #term-data {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
    }
}
@media (max-width: 1399.98px) {
    #term-price {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    #term-donunt {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    #term-chart {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    #term-uintraday {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 4;
        grid-row-end: 5;
    }
    #term-pintraday {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
    }
    #term-radar {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
    }


    #term-data {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 5;
        grid-row-end: 6;
    }
    .chart-detailed #term-chart {
        grid-row-start: 1;
        grid-row-end: 4;
    }
    .chart-detailed #term-data {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
    }
}
@media (max-width: 767.98px) {
    #term-uintraday,
    #term-pintraday,
    #term-radar,
    #term-data {
        display: none;
    }
}
.main-nav {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    overflow: hidden;
}
.main-nav .btn-group {
    display: flex;
    padding-right: 2rem;
}
.main-nav .btn.btn-nav {
    flex: 0 0 auto;
    padding: 0 0.75rem;
    font-size: 12px;
}
.radio-bar {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #d40a0e;
}
.radio-bar__bar {
    height: 16px;
    position: relative;
    padding: 0;
}
.radio-bar__bar.bar-left {
    transition: 0.3s width cubic-bezier(0.38, 0.9, 0.1, 1.2);
    background: #2f80ed;
}
.radio-bar__bar.bar-left.locked {
    width: 0 !important;
}
.radio-bar__bar.bar-left .radio-bar__text {
    text-align: left;
    left: 10px;
}
.radio-bar__bar.bar-right {
    background: #d40a0e;
}
.radio-bar__bar.bar-right .radio-bar__text {
    text-align: right;
    right: 10px;
    white-space: nowrap;
}
.radio-bar__bar.wnt-color {
    background: #299c26 !important;
}
.radio-bar__bar.cbbc-color {
    background: #d40a0e !important;
}
.radio-bar__bar.market-color {
    background: #d2d2d2 !important;
}
.radio-bar__bar.long-color {
    background: #299c26 !important;
}
.radio-bar__bar.short-color {
    background: #d40a0e !important;
}
.radio-bar__text {
    font-size: 12px;
    position: absolute;
    color: #fff;
    line-height: 16px;
    z-index: 1;
}
.radio-bar__box {
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 1rem;
    height: 76px;
    transition: 0.3s all;
}
@media (max-width: 767.98px) {
    .radio-bar__box {
        height: auto;
        border-right: none;
    }
}
@media (max-width: 575.98px) {
    .radio-bar__box {
        padding: 0.5rem 1rem;
        border-right: none;
    }
}
.radio-bar__box:hover {
    background-color: rgba(0, 110, 235, 0.1) !important;
}
.radio-bar__box.underlying {
    border-right: none;
    height: auto;
}
.locked.cbbc-os-map__scroll-box .cbbc-os-map__bar {
    width: 0 !important;
}
.locked.cbbc-os-map__scroll-box .cbbc-os-map__bar-text {
    left: 0 !important;
}
.cbbc-os-map {
    position: relative;
}
@media (max-width: 767.98px) {
    .cbbc-os-map {
        margin-left: -1rem;
        margin-right: -1rem;
    }
}
.cbbc-os-map__fixed-left {
    position: absolute;
    top: 0;
    background: #fff;
    width: 100px;
    left: 0;
    z-index: 1;
    pointer-events: none;
    box-shadow: rgba(34, 54, 74, 0.25) 0px 0px 8px;
}
.cbbc-os-map__box {
    width: 100%;
}
.cbbc-os-map__wrapper {
    width: 100%;
    overflow: hidden;
}
.cbbc-os-map__th {
    font-size: 1rem;
    padding: 0.5rem 0rem;
    vertical-align: middle;
    font-weight: normal;
}
@media (max-width: 991.98px) {
    .cbbc-os-map__th {
        font-size: 12px;
        line-height: 1;
        padding: 0.5rem 0.5rem;
    }
}
@media (max-width: 767.98px) {
    .cbbc-os-map__th {
        padding: 0.5rem 0.3rem;
        font-size: 10px;
    }
}
.lang-en .cbbc-os-map__th {
    font-size: 12px;
}
@media (max-width: 767.98px) {
    .lang-en .cbbc-os-map__th {
        font-size: 10px;
    }
}
.cbbc-os-map__range,
.cbbc-os-map__highlight-box {
    font-size: 1rem;
    padding: 0.2rem 1rem;
    vertical-align: middle;
}
@media (max-width: 991.98px) {
    .cbbc-os-map__range,
    .cbbc-os-map__highlight-box {
        padding: 0.3rem 0.5rem;
    }
}
@media (max-width: 767.98px) {
    .cbbc-os-map__range,
    .cbbc-os-map__highlight-box {
        padding: 0.05rem 0.3rem;
        font-size: 10px !important;
        line-height: 10px;
    }
}
.lang-en .cbbc-os-map__range,
.lang-en .cbbc-os-map__highlight-box {
    font-size: 12px;
}
.cbbc-os-map__range {
    padding-left: 0;
    white-space: nowrap;
}
.cbbc-os-map__range.td {
    font-size: 12px;
}
@media (max-width: 991.98px) {
    .cbbc-os-map__range {
        padding-left: 1rem;
        font-size: 12px;
    }
}
.cbbc-os-map__bar-td {
    padding: 0;
    font-size: 12px;
}
.cbbc-os-map__bar-box {
    position: relative;
    width: 100%;
    height: 20px;
}
.cbbc-os-map__dead {
    right: 0;
    float: right;
    width: 0%;
    height: 100%;
    background: #d2d2d2;
}
.cbbc-os-map__bar {
    position: absolute;
    left: 0;
    top: 5px;
    height: 12px;
    width: 40%;
    border-radius: 0 8px 8px 0;
    transition: 0.3s all cubic-bezier(0.38, 0.9, 0.1, 1.2);
    overflow: hidden;
}
.cbbc-os-map__bar.init {
    width: 1% !important;
}
.cbbc-os-map__bar.bear-side {
    background: #d40a0e;
}
.cbbc-os-map__bar.bull-side {
    background: #2f80ed;
}
.cbbc-os-map__bar.bull-side.most-heavy {
    background-color: #2f80ed;
}
.cbbc-os-map__bar.dead-side {
    background: gray !important;
}
.cbbc-os-map__bar.most-increase {
    background-image: url(/home/images/animation-arrow.png);
    background-repeat: repeat-x;
    background-size: 11px;
    -webkit-animation: 3s arrow-go linear infinite forwards;
    animation: 3s arrow-go linear infinite forwards;
}
.cbbc-os-map__bar-text {
    left: 40%;
    position: absolute;
    top: 4px;
    padding-left: 0.5rem;
    transition: 0.3s all cubic-bezier(0.38, 0.9, 0.1, 1.2);
    font-size: 12px;
}
@media (max-width: 767.98px) {
    .cbbc-os-map__bar-text {
        font-size: 10px;
    }
}
.cbbc-os-map__bar-text.init {
    left: 1% !important;
}
.cbbc-os-map__chng {
    text-align: center;
    font-size: 1rem;
}
.cbbc-os-map__status {
    right: 0;
    position: absolute;
    top: 2px;
    padding-right: 0.5rem;
}
.cbbc-os-map__highlight {
    margin-right: 10px;
}
@media (max-width: 991.98px) {
    .cbbc-os-map__highlight {
        margin: 0;
    }
}
.cbbc-os-map__last {
    text-align: center;
    font-weight: bold;
}
.cbbc-os-map__past-title {
    text-align: right;
    padding-right: 0.5rem;
}
.cbbc-os-map__past-close {
    text-align: center;
    border-left: 1px solid #e8e8e8;
}
.cbbc-os-map__middle td {
    background-color: #f5f5f5;
}
.cbbc-os-map td {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    font-size: 1rem;
}
.cbbc-os-map td.small {
    font-size: 12px;
}
@media (max-width: 991.98px) {
    .cbbc-os-map td {
        font-size: 12px !important;
    }
}
@media (max-width: 767.98px) {
    .cbbc-os-map td {
        font-size: 10px !important;
    }
}
.cbbc-os-map__tbody tr:hover td {
    background-color: #f5f5f5;
}
.lang-en .cbbc-os-map__tbody td {
    font-size: 11px;
    line-height: 1.2;
}
.lang-en .cbbc-os-map__tbody td.ta-right {
    font-size: 12px;
}
@media (max-width: 767.98px) {
    .lang-en .cbbc-os-map__tbody td.ta-right {
        font-size: 10px;
    }
}
.cbbc-os-map__scroll-box {
    overflow-x: auto;
    position: relative;
}
.cbbc-os-map__middle-row {
    font-size: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.cbbc-os-map__popup {
    background-color: #000;
    padding: 0.75rem;
    color: #fff;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    margin-left: 436px;
    transition: 0.2s top;
    display: none;
    margin-top: -25px;
    width: 175px;
    pointer-events: none;
}
@media (max-width: 991.98px) {
    .cbbc-os-map__popup {
        margin-left: 557px;
    }
}
@media (max-width: 575.98px) {
    .cbbc-os-map__popup {
        display: none !important;
    }
}
.cbbc-os-map .arrow-ball {
    display: none;
}
@media (max-width: 767.98px) {
    .cbbc-os-map .arrow-ball {
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 1;
    }
    .cbbc-os-map .arrow-ball.left {
        left: 120px;
        background: #fff url(/home/images/icon/icon-arrow-left-light-blue.svg) no-repeat center center;
        background-size: 1rem;
    }
}
@media (max-width: 767.98px) and (max-width: 575.98px) {
    .cbbc-os-map .arrow-ball.left {
        left: 110px;
    }
}
@media (min-width: 500px) and (max-width: 767.98px) {
    .cbbc-os-map .arrow-ball {
        display: none !important;
    }
}
td:hover .cbbc-os-map__bar {
    animation: 1s fadeIn;
}
.flow-bar {
    font-size: 14px;
}
.flow-bar__container {
    height: 1.8em;
    width: 4em;
    position: relative;
}
.flow-bar__container:before {
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    position: absolute;
    top: 50%;
    content: "";
}
.flow-bar__bar {
    width: 10%;
    position: absolute;
    height: 1%;
    margin: 0 !important;
}
.flow-bar__bar.up {
    bottom: 50%;
    background-color: #299c26;
}
.flow-bar__bar.down {
    top: 50%;
    background-color: #d40a0e;
}
.flow-bar__bar:nth-child(1) {
    left: 5%;
}
.flow-bar__bar:nth-child(2) {
    left: 25%;
}
.flow-bar__bar:nth-child(3) {
    left: 45%;
}
.flow-bar__bar:nth-child(4) {
    left: 65%;
}
.flow-bar__bar:nth-child(5) {
    left: 85%;
}
.os-ratio .option-block {
    width: 100%;
}
.os-ratio .option-block .select {
    display: flex;
    flex-wrap: nowrap;
}
@media (min-width: 768px) {
    .os-ratio .option-block .select {
        font-size: 14px;
    }
}
.os-ratio .option-block .select .select__title {
    width: auto;
    margin-top: 0px;
}
@media (min-width: 992px) {
    .os-ratio .option-block .select .select__title {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .os-ratio .option-block .select .select__title {
        font-size: 15px;
    }
}
.os-ratio .option-block .select .select__label {
    margin-right: 5px;
    width: auto;
}
@media (min-width: 992px) {
    .os-ratio .option-block .select .select__label {
        font-size: 17px;
        font-weight: 600;
    }
    .lang-en .os-ratio .option-block .select .select__label {
        font-size: 15px;
    }
}
.os-ratio .option-block .select.icon .select__icon {
    display: block !important;
}
.option-view {
    overflow: hidden;
}
.option-view .btn-group {
    display: flex;
    flex-wrap: nowrap;
}
.option-view .btn-group .btn {
    flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
    #calendar {
        background: #fff;
        padding-top: 1rem;
    }
}
@media (max-width: 767.98px) {
    #calendar {
        margin: 0 -1rem;
    }
}
.ecalendar {
    table-layout: fixed;
    font-size: 12px;
}
.ecalendar__month {
    font-size: 14px;
}
.ecalendar__event-box {
    height: 6px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
}
.ecalendar__event-box.holiday {
    background-color: #ffe3e4;
    max-width: 53px;
    border-radius: 4px;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    max-width: 100%;
}
.ecalendar__event-box.holiday.holiday-us {
    background-color: #fff;
    right: 0px;
    bottom: 0px;
    content: "US";
    font-size: 9px;
    display: inline;
    height: 12px;
    width: 21px;
    line-height: 12px;
    text-align: center;
    background: #ff5800;
    color: #fff;
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 2px;
    z-index: 1;
}
.ecalendar__event-box.holiday.holiday-us:after {
    content: "US";
}
.ecalendar__event-box.federal {
    width: 23px;
    height: 5px;
    position: relative;
    border-radius: 5px;
    background: #3cccd6;
    margin-bottom: 2px;
    z-index: 1;
}
.ecalendar__event-box.market-result {
    width: 23px;
    height: 5px;
    position: relative;
    border-radius: 5px;
    background: #b945e2;
    margin-bottom: 2px;
    z-index: 1;
}
.ecalendar__event-box.dividend {
    width: 23px;
    height: 5px;
    position: relative;
    border-radius: 5px;
    background: #299c26;
    margin-bottom: 2px;
    z-index: 1;
}
.ecalendar__event-box.new-listing {
    width: 23px;
    height: 5px;
    position: relative;
    border-radius: 5px;
    background: #ff5800;
    margin-bottom: 2px;
    z-index: 1;
}
.ecalendar__event-box.econ-event {
    width: 23px;
    height: 5px;
    position: relative;
    border-radius: 5px;
    background: #2f80ed;
    margin-bottom: 2px;
    z-index: 1;
}
.ecalendar__event-box.stock-connect {
    right: 0px;
    bottom: 0px;
    font-size: 9px;
    display: inline;
    height: 12px;
    width: 21px;
    line-height: 12px;
    text-align: center;
    background: #d40a0e;
    color: #fff;
    border-radius: 2px;
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 2px;
}
.ecalendar__event-box.stock-connect:after {
    content: "北";
}
.ecalendar__event-box.expiring {
    background: #d40a0e;
    width: 7px;
    height: 7px;
    left: 0;
    right: 0;
    top: 7px;
    margin-left: auto;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 1;
    transform: translateX(-17px);
}
.ecalendar__event-box.expiring ~ .holiday {
    display: none;
}
.ecalendar__event-name {
    display: none;
}
.ecalendar__popup {
    z-index: 100;
}
.ecalendar__popup-box {
    width: 370px;
    padding: 20px 16px 0 16px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.07);
    z-index: 100;
    right: 0;
    margin-top: 30px;
    display: block;
    position: absolute !important;
}
.ecalendar__popup-box .ecalendar__dummy {
    top: 102px;
}
@media (max-width: 767.98px) {
    .ecalendar__popup-box .ecalendar__dummy {
        top: 130px;
    }
}
@media (max-width: 991.98px) {
    .ecalendar__popup-box {
        right: auto;
        left: 16px;
    }
}
@media (max-width: 767.98px) {
    .ecalendar__popup-box {
        left: 0 !important;
        width: 100% !important;
        top: 0 !important;
        position: fixed !important;
        margin: 0;
        height: 100%;
        padding-top: 3rem;
    }
}
.ecalendar__mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    top: 0;
    left: 0;
    display: none;
    z-index: 99;
}
.ecalendar__title {
    font-size: 1.875rem;
    line-height: 1;
}
.ecalendar__close {
    color: #8c8e90;
    cursor: pointer;
}
.ecalendar__close:hover {
    color: gray;
}
.ecalendar__year {
    font-size: 2.5rem;
    margin: 0;
    line-height: 2.25rem;
    text-align: center;
    font-weight: 600;
    color: #d40a0e;
    margin-right: 0.5rem;
}
@media (min-width: 992px) {
    .ecalendar__year {
        font-size: 3rem;
    }
}
.ecalendar__prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/home/images/icons/icon-calendar-left-arrow-red.svg) no-repeat center;
    cursor: pointer;
}
.ecalendar__prev:hover {
    background: url(/home/images/icons/icon-calendar-left-arrow-black.svg) no-repeat center;
}
.ecalendar__disabled {
    pointer-events: none;
    opacity: 0;
}
.ecalendar__next {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/home/images/icons/icon-calendar-right-arrow-red.svg) no-repeat center;
    cursor: pointer;
}
.ecalendar__next:hover {
    background: url(/home/images/icons/icon-calendar-right-arrow-black.svg) no-repeat center;
}
.ecalendar__weekday {
    text-align: center;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    height: 26px;
    vertical-align: middle;
    background: #f5f5f5;
}
.ecalendar__td {
    z-index: 4;
    padding: 0px !important;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}
.ecalendar__date-box {
    min-height: 58px;
    line-height: 30px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    position: relative;
    background: #fff;
}
.ecalendar__date-box.next-month,
.ecalendar__date-box.prev-month {
    color: #e8e8e8;
}
@media (min-width: 992px) {
    .ecalendar__date-box {
        min-height: 66px;
    }
}
.ecalendar__date-box.invert {
    height: 30px;
    line-height: 30px;
    margin-bottom: 23px;
    position: relative;
    background: #d8f5f7;
}
.ecalendar__date-box.invert.ecalendar__hvevent,
.ecalendar__date-box.invert[data-weekday="5"],
.ecalendar__date-box.invert[data-weekday="6"] {
    background: #fff;
}
.ecalendar__today {
    color: #2f80ed !important;
}
.ecalendar__dummy {
    position: absolute;
    left: 0;
    top: 0px;
}
.ecalendar__date-num {
    position: relative;
    z-index: 1;
    line-height: 1;
    padding: 10px 0 3px 0;
    font-weight: 600;
}
.calendar-toolip .calendar-tooltip__scroll {
    display: flex;
    flex-wrap: wrap;
}
.calendar-toolip .etooltip__content {
    background: #fff;
    color: #000;
    max-width: 450px;
    width: 420px;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    padding: 0;
}
.calendar-toolip .calendar-tooltip__container {
    overflow: hidden;
    width: 100%;
    order: 1;
}
.calendar-toolip .etooltip__tail {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    display: none;
}
.calendar-toolip .calendar-tooltip__scroll {
    max-height: 300px;
    width: 100%;
    overflow-y: auto;
}
.calendar-toolip .calendar-tooltip__title {
    padding: 0.5rem 1rem;
    background: #f5f5f5;
    border-bottom: 1px solid #d2d2d2;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}
.calendar-toolip .calendar-tooltip__links {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    font-size: 14px;
}
.calendar-toolip .calendar-tooltip__texts {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    font-size: 14px;
}
.calendar-toolip .calendar-tooltip__container.federal .calendar-tooltip__title {
    border-left: 4px solid #3cccd6;
}
.calendar-toolip .calendar-tooltip__container.stock-connect .calendar-tooltip__title {
    border-left: 4px solid #ff5800;
}
.calendar-toolip .calendar-tooltip__container.econ-event .calendar-tooltip__title {
    border-left: 4px solid #2f80ed;
}
.calendar-toolip .calendar-tooltip__container.market-result {
    order: 9;
}
.calendar-toolip .calendar-tooltip__container.market-result .calendar-tooltip__title {
    border-left: 4px solid #b945e2;
}
.calendar-toolip .calendar-tooltip__container.dividend .calendar-tooltip__title {
    border-left: 4px solid #299c26;
}
.calendar-toolip .calendar-tooltip__container.new-listing .calendar-tooltip__title {
    border-left: 4px solid #ff5800;
}
.calendar-toolip .calendar-tooltip__container.expiring .calendar-tooltip__title {
    border-left: 4px solid #d40a0e;
}
.calendar-toolip .calendar-tooltip__container.holiday-hk .calendar-tooltip__title,
.calendar-toolip .calendar-tooltip__container.holiday-us .calendar-tooltip__title,
.calendar-toolip .calendar-tooltip__container.holiday-china .calendar-tooltip__title {
    border-left: 4px solid #d40a0e;
}
.calendar-toolip .calendar-tooltip__container.holiday-hk {
    order: 1;
}
.calendar-toolip .calendar-tooltip__container.stock-connect {
    order: 2;
}
.calendar-toolip .calendar-tooltip__container.holiday-us {
    order: 3;
}
.calendar-toolip .calendar-tooltip__container.market-result {
    order: 4;
}
.calendar-toolip .calendar-tooltip__container.federal {
    order: 5;
}
.calendar-toolip .calendar-tooltip__container.econ-event {
    order: 6;
}
.calendar-toolip .calendar-tooltip__container.new-listing {
    order: 7;
}
.calendar-toolip .calendar-tooltip__container.dividend {
    order: 8;
}
.calendar-toolip .calendar-tooltip__container.expiring {
    order: 9;
}
.calendar-tooltip__box::-webkit-scrollbar {
    width: 18px;
}
.calendar-tooltip__box::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-left: 12px solid #004568;
}
.calendar-tooltip__box::-webkit-scrollbar-thumb {
    background: #fff;
    border-left: 12px solid #004568;
}
.calendar-tooltip__box::-webkit-scrollbar-thumb:hover {
    background: #fff;
}
.calendar-tooltip-event-item {
    overflow: hidden;
}
.calendar-tooltip-event-item + .calendar-tooltip-event-item {
    margin-top: 20px;
}
.ecalendar__event-box.alert {
    width: 5px;
    height: 5px;
    background: #d40a0e;
    padding: 0 !important;
    border-radius: 50%;
    border: none;
    right: auto;
    left: 5px;
    top: 10px;
}
.ecalendar__event-box.last-trade,
.ecalendar__event-box.first-trade {
    display: none;
}
.next-month .ecalendar__event-box,
.prev-month .ecalendar__event-box {
    display: none;
}
.calendar {
    overflow: hidden;
}
.calendar__remarks.inner {
    margin: 25px 0 0 3px;
}
@media (max-width: 767.98px) {
    .calendar__remarks.inner {
        margin: 20px -14px;
    }
}
.calendar__remarks.inner .row > * {
    border: 1px solid #e7e7e7;
    padding: 0;
    margin: 0 -1px -1px 0px;
}
.calendar__remarks.inner label {
    padding: 8px 10px 7px 10px;
    display: block;
    position: relative;
    cursor: pointer;
}
@media (max-width: 767.98px) {
    .calendar__remarks.inner label {
        padding-left: 1rem;
    }
}
.calendar__remarks.inner input {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
}
.calendar__remarks.inner .calendar__remarks-item {
    padding-right: 15px;
}
@media (max-width: 767.98px) {
    .calendar__inner-table {
        margin-left: -1rem;
        margin-right: -1rem;
        margin-right: -14px;
        width: calc(100% + 28px);
    }
}
.calendar .next.ecalendar {
    animation: 0.3s swipeOut2 linear forwards;
}
.calendar .next.ecalendar__dummy {
    animation: 0.3s swipeOut linear forwards;
}
.calendar .prev.ecalendar {
    animation: 0.3s swipeIn2 linear forwards;
}
.calendar .prev.ecalendar__dummy {
    animation: 0.3s swipeIn linear forwards;
}
.calendar__remarks-item {
    font-size: 14px;
    padding-left: 1.75rem;
    position: relative;
}
@media (max-width: 767.98px) {
    .calendar__remarks-item {
        font-size: 10px;
    }
}
.calendar__remarks-item:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 5px;
    border-radius: 3px;
    content: "";
}
.calendar__remarks-item.holiday:before {
    height: 18px;
    width: 18px;
    background: #ffe3e4;
    top: -1px;
}
.calendar__remarks-item.holiday-us:before {
    position: absolute;
    top: -1px;
    content: "US";
    font-size: 10px;
    display: inline;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    background: #ff5800;
    color: #fff;
    border-radius: 3px;
}
.calendar__remarks-item.stock-connect:before {
    position: absolute;
    top: -1px;
    content: "北";
    font-size: 12px;
    display: inline;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    background: #d40a0e;
    color: #fff;
    border-radius: 3px;
}
.calendar__remarks-item.econ-event:before {
    background: #2f80ed;
}
.calendar__remarks-item.federal:before {
    background: #3cccd6;
}
.calendar__remarks-item.market-result:before {
    background: #b945e2;
}
.calendar__remarks-item.dividend:before {
    background: #299c26;
}
.calendar__remarks-item.new-listing:before {
    background: #ff5800;
}
.calendar__remarks-item.expiring:before {
    width: 8px;
    height: 8px;
    background: #d40a0e;
    border-radius: 50%;
    top: 4px;
    left: 5px;
}
@keyframes swipeOut {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes swipeOut2 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}
@keyframes swipeIn {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(100%);
    }
}
@keyframes swipeIn2 {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
.etooltip {
    position: absolute;
    transform: translateY(-100%) translateX(-50%);
    z-index: 999;
}
@media (max-width: 767.98px) {
    .etooltip {
        position: fixed;
    }
}
.etooltip__container {
    position: relative;
    padding: 0 0 12px 0;
}
.etooltip.bottom-side .etooltip__container {
    position: relative;
    padding: 10px 0 0px 0;
}
.etooltip__content {
    background: #000;
    color: #fff;
    padding: 6px 12px;
    max-width: 300px;
    border-radius: 4px;
}
.etooltip__content.hold {
    pointer-events: none;
}
.etooltip__tail {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -1px;
}
.etooltip.bottom-side .etooltip__tail {
    width: 0;
    border-width: 0 6px 6px 6px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0);
    top: 4px;
}
.tooltip-fadeIn {
    animation: tooltip-fadeIn 0.15s linear forwards;
}
.bottom-side.tooltip-fadeIn {
    animation: tooltip-fadeIn2 0.15s linear forwards;
}
@media (max-width: 767.98px) {
    .etooltip.calendar-toolip {
        top: 50% !important;
        transform: translateY(-50%) !important;
        left: 1rem !important;
        right: 1rem !important;
        width: calc(100% - 2rem) !important;
        animation: none !important;
    }
    .etooltip.calendar-toolip .calendar-tooltip__scroll {
        max-height: 80vh;
    }
    .etooltip.calendar-toolip .etooltip__content {
        max-width: 100%;
        width: 100%;
    }
}
.tooltip__mask {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 8;
}
.tooltip__close {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/home/images/icons/icon-close-white.svg) #d40a0e center no-repeat;
    top: -12px;
    right: -12px;
    border-radius: 20px;
    background-size: 12px;
}
@keyframes tooltip-fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-115%) translateX(-50%);
    }
    to {
        opacity: 1;
        transform: translateY(-100%) translateX(-50%);
    }
}
@keyframes tooltip-fadeOut {
    0% {
        opacity: 1;
        transform: translateY(-100%) translateX(-50%);
    }
    to {
        opacity: 0;
        transform: translateY(-110%) translateX(-50%);
    }
}
@keyframes tooltip-fadeIn2 {
    0% {
        opacity: 0;
        transform: translateY(10%) translateX(-50%);
    }
    to {
        opacity: 1;
        transform: translateY(0) translateX(-50%);
    }
}
.underlying__tool {
    font-size: 17px;
    font-weight: 700;
    position: relative;
    width: 100%;
    height: 2rem;
    display: flex;
    background: #fff;
    justify-content: center;
    border-radius: 6px;
    align-items: center;
    height: 138px;
    padding: 0 0 0 0;
    flex-direction: column;
    border-left: 6px solid #000;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
}
.lang-en .underlying__tool {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    padding: 0 20px;
}
@media (max-width: 767.98px) {
    .lang-en .underlying__tool {
        font-size: 12px;
        padding: 0 10px 0 5px;
        text-align: left;
    }
    .lang-en .underlying__tool h2 {
        padding-left: 5px;
    }
}
.underlying__tool img {
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
}
@media (max-width: 1199.98px) {
    .underlying__tool {
        flex-direction: row;
        height: 40px;
    }
    .underlying__tool img {
        margin-bottom: 0px;
        width: 26px;
        height: 26px;
        margin-right: 5px;
    }
}
@media (max-width: 767.98px) {
    .underlying__tool {
        font-size: 14px;
        justify-content: left;
        padding-left: 0.75rem;
        align-items: center;
        line-height: 1;
    }
    .underlying__tool img {
        width: 18px;
        height: 18px;
        margin-right: 3px;
    }
}
.underlying__break-box {
    display: none;
}
.underlying .hidden {
    display: none;
}
@media (max-width: 1678px) {
    .underlying .btn.btn-pill {
        padding: 0 0.5rem;
    }
}
@media (max-width: 1580px) and (min-width: 1200px) {
    .underlying__uselect-box {
        margin-left: auto;
    }
    .underlying__break-box {
        display: block;
        width: 100%;
    }
    .underlying .hidden {
        display: block;
    }
    .underlying .no-hidden {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .underlying__name-box {
        order: 2;
    }
    .underlying__price-box {
        order: 2;
    }
    .underlying__uselect-box {
        order: 1;
    }
}
@media (max-width: 767.98px) {
    .underlying .main-title,
    .underlying .underlying__price {
        font-size: 24px;
        margin-top: 0;
    }
    .underlying .underlying__change {
        line-height: 1;
        text-align: right;
    }
    .underlying .main-title {
        margin-top: 3px;
    }
}
.focus-block {
    width: 100%;
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
}
.focus-block__code {
    font-size: 2rem;
    font-weight: 600;
}
.focus-block__name {
    font-size: 18px;
    font-weight: 600;
    margin-right: 3px;
}
.lang-en .focus-block__name {
    max-width: calc(100% - 50px);
    font-size: 15px;
}
.focus-block__data {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
}
.lang-en .focus-block__data {
    font-size: 12px;
}
@media (max-width: 767.98px) {
    .focus-block {
        padding: 0.5rem;
    }
}
.money-flow-chart__container.locked .money-flow-chart__bar {
    width: 0 !important;
}
.money-flow-chart__container.locked .money-flow-chart__value {
    left: 0 !important;
}
.money-flow-chart__container {
    position: relative;
    font-size: 14px;
    text-align: center;
    display: block !important;
}
@media (max-width: 767.98px) {
    .money-flow-chart__container {
        font-size: 12px;
        padding-top: 8px;
        border-top: 1px solid #e8e8e8;
    }
}
.money-flow-chart__item {
    position: relative;
    padding: 0px 0;
    display: flex;
}
.lang-en .money-flow-chart__item {
    align-items: stretch;
}
.money-flow-chart__bar {
    background-color: #2f80ed;
    position: absolute;
    height: 12px;
    left: 0px;
    top: calc(50% - 6px);
    border-radius: 0 7px 7px 0;
    transition: 0.3s all cubic-bezier(0.38, 0.9, 0.1, 1.2);
}
.money-flow-chart__value {
    position: absolute;
    color: gray;
    margin: 0;
    top: calc(50% - 7px);
    padding-left: 5px;
    font-size: 12px;
    transition: 0.3s all cubic-bezier(0.38, 0.9, 0.1, 1.2);
}
@media (max-width: 767.98px) {
    .money-flow-chart__value {
        font-size: 11px;
        margin-top: 1px;
    }
}
.money-flow-chart__focus {
    flex: 0 0 120px;
    display: flex;
    justify-content: space-between;
}
.lang-en .money-flow-chart__focus {
    flex: 0 0 135px;
    display: flex;
    align-items: center;
}
@media (max-width: 767.98px) {
    .lang-en .money-flow-chart__focus {
        flex: 0 0 97px;
    }
}
.money-flow-chart__focus a + a {
    margin-left: 2px;
}
.money-flow-chart__focus a:hover {
    text-decoration: underline;
}
@media (max-width: 767.98px) {
    .money-flow-chart__focus {
        flex: 0 0 97px;
        margin-top: 2px;
    }
    .lang-en .money-flow-chart__focus {
        margin-top: 0;
    }
}
.money-flow-chart__text {
    flex: 0 0 90px;
    color: #000;
    text-align: left;
}
.lang-en .money-flow-chart__text {
    flex: 0 0 130px;
    font-size: 13px;
    min-height: 20px;
    display: flex;
    align-items: center;
    border-right: 1px solid #e8e8e8;
    padding: 3px 0;
}
@media (max-width: 767.98px) {
    .money-flow-chart__text {
        flex: 0 0 57px;
    }
    .lang-en .money-flow-chart__text {
        flex: 0 0 65px;
        font-size: 11px;
        padding: 0;
    }
}
.money-flow-chart__heading {
    padding: 0.5rem 1rem;
}
.money-flow-chart__mid {
    position: relative;
    flex: 1;
    border-left: 1px solid #e8e8e8;
    height: 24px;
}
.lang-en .money-flow-chart__mid {
    border-left: none;
    height: auto !important;
}
@media (max-width: 767.98px) {
    .money-flow-chart__mid {
        height: 20px;
    }
    .lang-en .money-flow-chart__mid {
        font-size: 11px;
        line-height: 13px;
        border-left: none;
        height: auto !important;
    }
}
.money-flow-chart__head {
    display: flex;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}
@media (max-width: 767.98px) {
    .money-flow-chart__head {
        font-size: 12px;
        margin-bottom: 8px;
    }
}
.money-flow-chart__head-left {
    flex: 0 0 90px;
    text-align: left;
}
@media (max-width: 767.98px) {
    .money-flow-chart__head-left {
        flex: 0 0 57px;
    }
}
.money-flow-chart__head-right {
    margin-left: auto;
}
.flow-put .money-flow-chart__bar {
    background: #d40a0e;
}
.mflow-box__text {
    font-size: 15px;
    color: gray;
    font-weight: 700;
    margin-top: 1rem;
}
@media (max-width: 767.98px) {
    .mflow-box__text {
        font-size: 14px;
        margin-top: 0;
    }
}
.lang-en .mflow-box__text {
    font-size: 14px;
    font-weight: 600;
}
.mflow-box__data {
    font-size: 23px;
    font-weight: 600;
    margin-top: 0.75rem;
    padding-bottom: 1rem;
}
@media (max-width: 767.98px) {
    .mflow-box__data {
        font-size: 18px;
        margin-top: 0;
        padding-bottom: 0;
    }
}
.mflow-box__item {
    position: relative;
}
.mflow-box__item:after {
    right: 0;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    background: #e8e8e8;
    content: "";
    top: 0;
}
.mflow-box__item.last:after {
    display: none;
}
@media (max-width: 1399.98px) {
    .mflow-box__item.second:after {
        display: none;
    }
    .mflow-box__item.third,
    .mflow-box__item.last {
        border-top: 1px solid #e8e8e8;
    }
}
@media (max-width: 1399.98px) and (max-width: 767.98px) {
    .mflow-box__item.third,
    .mflow-box__item.last {
        border: none;
    }
}
@media (max-width: 767.98px) {
    .mflow-box__item {
        display: flex;
        justify-content: space-between;
        padding: 0 2rem;
        align-items: center;
        height: 32px;
        position: relative;
    }
    .mflow-box__item:after {
        content: "";
        height: 1px;
        width: calc(100% - 28px);
        top: 0;
        left: 14px;
        background: #e8e8e8;
        display: block !important;
    }
}
@media (max-width: 767.98px) {
    .mflow-box__container {
        background: #fff;
        margin-top: 16px;
        box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
        -webkit-appearance: none;
        -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
        border-radius: 8px;
        font-weight: 700;
    }
}
@media (max-width: 767.98px) {
    .mflow-box__header {
        font-size: 16px;
        padding: 0.5rem 1rem;
        border-bottom: 2px solid #d40a0e;
    }
}
.stock-connect__table-title {
    font-size: 17px;
    font-weight: 600;
    background: #f5f5f5;
    padding: 0.5rem 2rem;
    margin-left: -1rem;
    margin-right: -1rem;
}
@media (max-width: 767.98px) {
    .stock-connect__table-title {
        margin: 0;
        padding-left: 1rem;
    }
}
@media (min-width: 992px) {
    .stock-connect .table__th {
        font-size: 14px !important;
        padding: 0.3rem 0.5rem;
    }
}
@media (min-width: 992px) {
    .stock-connect .table__td {
        font-size: 14px !important;
        padding: 0.3rem 0.5rem;
    }
}
.link-download {
    background: url(/home/images/icons/icon-download.svg) no-repeat left center;
    font-size: 17px;
    font-weight: 600;
}
@media (min-width: 576px) {
    .link-download {
        background: url(/home/images/icons/icon-download.svg) no-repeat left 11px center;
        padding: 6px 12px;
        background-size: 15px;
        padding-left: 33px;
        border-radius: 5px;
        cursor: pointer;
        transition: 0.2s all;
        box-shadow: 0 0 0 0 #f5f5f5;
    }
    .link-download:hover {
        background-color: #f5f5f5;
    }
    .link-download:active {
        box-shadow: 0 0 0 4px #f5f5f5;
    }
}
@media (max-width: 767.98px) {
    .link-download {
        font-size: 12px;
        background-size: 14px;
        padding-left: 18px;
    }
}
.doc-area {
    display: none;
}
@media (max-width: 991.98px) {
    .doc-area {
        padding: 0.5rem;
        background: rgba(255, 255, 255, 0.6);
        margin-bottom: 1rem;
        border-radius: 3px;
        display: block;
    }
}
.label-area {
    padding: 0.5rem;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    font-size: 17px;
    font-weight: 700;
}
.label-area .chart__label {
    font-size: 17px;
}
.label-area .chart__label:before {
    top: 5px;
}
@media (max-width: 767.98px) {
    .label-area {
        font-size: 12px;
        margin: 1rem -1rem 0rem -1rem;
    }
    .label-area .chart__label {
        font-size: 12px;
    }
    .label-area .chart__label:before {
        top: 2px;
    }
}
.no-result__img {
    width: 120px;
    height: auto;
    margin: 60px auto 30px auto;
    display: block;
    max-width: 90%;
}
@media (max-width: 767.98px) {
    .no-result__img {
        width: 90px;
        margin: 60px auto 30px auto;
    }
}
.no-result__text {
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    color: #fff;
    background: #000;
    width: 280px;
    margin: 0 auto;
    border-radius: 6px;
    padding: 0.5rem 0rem;
}
.lang-en .no-result__text {
    font-weight: 600;
    font-size: 15px;
    padding: 0.5rem 1rem;
    margin: 0 auto;
    width: 310px;
}
@media (max-width: 767.98px) {
    .no-result__text {
        width: 240px;
        padding: 0.5rem 1.5rem;
        font-size: 16px;
    }
}
.drag-area {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    padding: 0 3px;
}
.drag-area::-webkit-scrollbar {
    display: none;
}
main.home {
    padding: 0;
    position: relative;
    z-index: 0;
}
.home-highlight__scroll {
    min-height: 298px;
}
.hero-banner__banner {
    background: url(/home/images/hero-banner/clsa-banner.jpg) left 0px center no-repeat #fff;
    height: 400px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    background-size: cover;
}
.hero-banner__banner.article {
    background: url(/home/images/hero-banner/bg-hero-2.png) center no-repeat #fff;
    background-size: cover;
}
.hero-banner__banner.focus-lists {
    background: url(/home/images/hero-banner/bg-hero-3.png) center no-repeat #fff;
    background-size: cover;
}
.hero-banner__title {
    font-size: 40px;
    font-weight: 600;
    left: 2rem;
    top: 50px;
    position: absolute;
}
.hero-banner__word{
    top: 50px;
    position: absolute;
    right: 8%;
    width: 328px;
    height: 133px;
    background: url(/home/images/hero-banner/slogan.png)  no-repeat;
}

@media (max-width: 767.98px) {
    .hero-banner__word {
        width: 215px;
        height: 100px;
        top: 20px;
        right: 20px;
        background-size: contain;
    }
}

.hero-banner__ftitle {
    font-size: 36px;
    font-weight: 600;
    left: 2rem;
    top: 35px;
    position: absolute;
}
.hero-banner__fbox {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 85px;
    left: 2rem;
    width: 100%;
}
.hero-banner__fbox .focus-block__container {
    flex: 0 0 auto;
    margin: 0.75rem 0;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-right: 2%;
    padding: 1%;
    border-radius: 7px;
    max-width: 180px
}



.hero-banner__news-title {
    font-size: 36px;
    font-weight: 600;
    left: 2rem;
    top: 30px;
    position: absolute;
}
.hero-banner__news-p {
    font-size: 22px;
    font-weight: 600;
    left: 2rem;
    line-height: 1.2;
    color: #000;
    margin-top: 1rem;
    padding-right: 3rem;
}
.hero-banner__box {
    position: relative;
    max-width: 1055px;
    flex: 0 0 100%;
}
.hero-banner__news-focus {
    position: absolute;
    top: 185px;
    left: 2rem;
    display: flex;
}
#recent_list .text-white{
    color: #000 !important;
}
.hero-banner .focus-block {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-right: 2rem;
    padding: 1.5rem 2rem;
}
.highlight-list {
    background: #599cf6;
    /* background: linear-gradient(149deg, rgb(89, 156, 246) 0%, rgb(20, 91, 186) 100%); */
    background: rgb(56,148,163);
background: linear-gradient(138deg, rgba(56,148,163,1) 0%, rgba(19,93,105,1) 58%);
    padding: 1rem;
    padding-right: 0;
    color: #fff;
    height: 400px;
    position: relative;
    z-index: 6;
}
.highlight-list__box {
    flex: 0 0 100%;
    max-width: 690px;
}
.highlight-list .more-link {
    color: #fff;
}
.highlight-list .btn.btn-pill {
    height: 34px;
    padding: 0 1rem;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 4px;
    box-shadow: none;
    border: 1px solid #fff;
    color: #fff;
}
.highlight-list .btn.btn-pill.active {
    color: #2f80ed;
}
.highlight-list .btn.btn-pill:hover {
    color: #2f80ed;
}
.highlight-list .focus-block {
    flex: 0 0 130px;
    width: auto;
    margin: 0.5rem;
    padding: 0.5rem;
    background: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
}
.highlight-list .focus-block__code {
    font-size: 1.7rem;
    font-weight: 600;
    color: #fff !important;
}
.highlight-list .focus-block__data {
    margin-top: 3px;
    white-space: nowrap;
}
.home-highlight__container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    flex-direction: column;
    max-height: 293px;
}
.home-index {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 5;
}
.home-index__box {
    display: flex;
    width: 480px;
}
.home-index__boxs-coantainer {
    width: 450px;
}
@media (min-width: 911.98px) {
.home-index__boxs-coantainer {
    margin-left: calc(59.5% - 512px);
}
} 

.home-index__item {
    background: #fff;
    border-radius: 9px;
    box-shadow: 0 1px 12px rgba(56, 65, 74, 0.15);
    padding: 0.7rem 1.5rem;
    margin-right: 1.2rem;
    color: #000;
}
.home-index__title {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
}
@media (max-width: 1199.98px) {
    .lang-en .home-index__title {
        font-size: 14px;
    }
}
@media (max-width: 767.98px) {
    .home-index__title {
        font-size: 15px;
    }
}
.home-index__price {
    font-size: 24px;
    font-weight: 600;
}
.home-index__change {
    font-size: 14px;
    white-space: nowrap;
}
.home-index .index-time {
    color: #fff;
}
.hero-banner__news-focus .focus-block__container {
    color: #fff;
}
.highlight-list__box .focus-block__container {
    color: #fff;
}
.home-top {
    box-shadow: 0 2px 20px rgba(56, 65, 74, 0.3);
    position: relative;
}
.home-item {
    padding: 1rem;
    padding-top: 2rem;
}
.home-item__container {
    border-right: 1px solid #e8e8e8;
}
.home-item__container.calendar,
.home-item__container.vh {
    border-right: none;
}
.home-item .input-radio__title {
    font-size: 17px;
    font-weight: 600;
}
.home-item .cbbc-os-map__box th:last-child,
.home-item .cbbc-os-map__box td:last-child {
    text-align: right;
}
.home-item .table .table__td,
.home-item .table .table__th {
    font-size: 12px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 36px;
}
.home-item .table .table__th {
    height: 24px;
}
.home-item .calendar__remarks-item {
    font-size: 11px;
    line-height: 18px;
}
.lang-en .home-item .calendar__remarks-item {
    line-height: 13px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.home-item .ecalendar__date-box {
    min-height: 52px;
}
.option-sbox {
    padding: 0.5rem 1rem;
    background: #fff;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.2);
    border-radius: 8px;
}
.option-sbox .filter__title {
    color: #114f9d;
    margin-bottom: 0;
}
.home-main {
    border-bottom: 1px solid #e8e8e8;
}
.swiper-pagination {
    left: 2rem !important;
    right: auto !important;
    width: auto !important;
    margin: 5px 0 0 0;
}
.home-index__box {
    overflow: visible !important;
}
.radio-row {
    justify-content: space-between;
}
.home #os_map .os-col-1 {
    width: 80px;
}
.home #os_map .os-col-3 {
    width: 60px;
}
@media (max-width: 1550px) {
    .home #os_map .os-col-3 {
        width: 50px;
    }
}
.home #os_map .os-col-4 {
    width: 44px;
}
.home #os_map .cbbc-os-map__range {
    padding-right: 0.5rem;
}
.cbbc-os-map__note {
    line-height: 1.1;
    padding-top: 2px;
    padding-bottom: 2px;
}
@media (max-width: 1550px) {
    .home .cbbc-os-map__bar-text {
        padding-left: 0.15rem;
    }
}
@media (max-width: 1800px) {
    .home .highlight-list__box .focus-block {
        flex: 0 0 auto;
        min-width: 130px;
    }
    .home .highlight-list__box .btn.btn-pill {
        flex: 0 0 auto;
    }
    .home .hero-banner__fbox {
        top: 75px;
    }
    .home .home-bottom .radio-row {
        justify-content: space-between;
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }
    .home .home-bottom .radio-row > * {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .home .home-bottom .home-item .input-radio__title {
        font-size: 15px;
    }
    .home .home-bottom .cbbc-os-map__th {
        font-size: 12px;
    }
    .home .home-bottom .cbbc-os-map__range,
    .home .home-bottom .cbbc-os-map__highlight-box {
        font-size: 12px;
        padding: 0.2rem 0.2rem;
        vertical-align: middle;
    }
    .home .home-bottom .cbbc-os-map td {
        font-size: 11px;
    }
    .home .home-bottom .cbbc-os-map__bar-text {
        font-size: 10px;
    }
    .home .home-bottom .os-col-1 {
        width: 83px;
    }
    .home .home-bottom .os-col-1 {
        width: 60px;
    }
    .home .home-bottom .cbbc-os-map__box thead {
        line-height: 1.1;
    }
    .home .home-bottom .cbbc-os-map__box thead br {
        display: block !important;
    }
    .home .home-bottom .main-title {
        font-size: 23px;
    }
    .home .home-bottom .calendar__remarks .row > * {
        width: 50% !important;
    }
    .home .hero-banner__banner.hv-index {
        background: url(/home/images/hero-banner/clsa-banner.jpg) left -90px top 0px no-repeat #fff;
        justify-content: flex-end;
        background-size: 1133px;
    }
}
@media (max-width: 1400px) {
    .home .home-bottom .radio-row {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .home .home-bottom .radio-row > * {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .home .home-bottom .home-item .input-radio__title {
        font-size: 17px;
    }
    .home .home-bottom .cbbc-os-map__th {
        font-size: 12px;
    }
    .home .home-bottom .cbbc-os-map__range,
    .home .home-bottom .cbbc-os-map__highlight-box {
        font-size: 12px;
        padding: 0.2rem 0.2rem;
        vertical-align: middle;
    }
    .home .home-bottom .cbbc-os-map td {
        font-size: 12px;
    }
    .home .home-bottom .os-col-1 {
        width: 90px;
    }
    .home .home-bottom .os-col-3 {
        width: 80px;
    }
    .home .home-bottom .cbbc-os-map__box thead {
        line-height: 1.1;
    }
    .home .home-bottom .cbbc-os-map__box thead br {
        display: none !important;
    }
    .home .home-bottom .os-map {
        border-right: none;
        border-bottom: 1px solid #e8e8e8;
    }
    .home .home-bottom .search {
        border-bottom: 1px solid #e8e8e8;
    }
    .home .hero-banner__banner.hv-index {
        background: url(/home/images/hero-banner/clsa-banner.jpg) left -90px top 0px no-repeat #fff;
        justify-content: flex-end;
        background-size: cover;
    }
    .home .home-bottom .calendar__remarks .row > * {
        width: 33.3% !important;
    }
    .home .hero-banner .focus-block {
        margin-right: 1rem;
        padding: 1rem;
    }
}
@media (max-width: 1200px) {
    .home .hero-banner__fbox .focus-block__container {
        flex: 0 0 25%;
    }
    .home .hero-banner .focus-block {
        margin-right: 1rem;
        padding: 0.5rem;
    }
    .home .focus-block__data {
        font-size: 12px;
    }
}
@media (max-width: 990px) {
    .home .hero-banner {
        height: 320px;
    }
    .home .home-index {
        bottom: auto;
        z-index: 7;
        top: 273px;
        display: block !important;
        padding-left: 21px;
        color: #fff;
    }
    .home .home-index__boxs-coantainer {
        display: block !important;
        opacity: 1 !important;
    }
    .home .hero-banner__news-p {
        font-size: 18px;
    }
    .home .hero-banner__news-focus {
        top: 133px;
    }
    .home .hero-banner .focus-block {
        margin-right: 2rem;
        padding: 0.5rem 1rem;
    }
    .home .hero-banner__ftitle {
        font-size: 28px;
        top: 17px;
    }
    .home .hero-banner__fbox {
        top: 50px;
        font-size: 12px;
    }
    .home .hero-banner__fbox .focus-block__code {
        font-size: 20px;
    }
    .home .hero-banner__fbox .focus-block__name {
        font-size: 16px;
    }
    .home .hero-banner__fbox .focus-block__data {
        margin-top: 3px;
        font-size: 12px;
        line-height: 1.4;
    }
    .home .hero-banner__fbox .focus-block__container {
        flex: 0 0 22%;
        margin: 0.15rem 0;
    }
    .home .hero-banner__news-title {
        font-size: 28px;
        left: 2rem;
        top: 15px;
        position: absolute;
    }
    .home .hero-banner__news-p {
        margin-top: 0.7rem;
    }
    .home .highlight-list {
        padding-top: 83px;
    }
    .home .highlight-list__box {
        max-width: 100%;
    }
    .home .highlight-list__box .home-highlight__container {
        min-width: 100%;
        flex-wrap: nowrap;
        margin-left: -6px;
        padding-right: 1rem;
        flex-direction: row;
    }
    .home .home-highlight__scroll {
        min-height: 144px;
    }
    .home .swiper-pagination-bullet-active {
        background: #fff;
    }
    .home .highlight-list {
        height: auto;
    }
    .home .home-bottom .radio-row {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .home .home-bottom .radio-row > * {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .home .home-bottom .home-item .input-radio__title {
        font-size: 17px;
    }
    .home .home-bottom .cbbc-os-map__th {
        font-size: 12px;
    }
    .home .home-bottom .cbbc-os-map__range,
    .home .home-bottom .cbbc-os-map__highlight-box {
        font-size: 12px;
        padding: 0.2rem 0.2rem;
        vertical-align: middle;
    }
    .home .home-bottom .cbbc-os-map td {
        font-size: 12px;
    }
    .home .home-bottom .os-col-1 {
        width: 90px;
    }
    .home .home-bottom .os-col-3 {
        width: 80px;
    }
    .home .home-bottom .cbbc-os-map__box thead {
        line-height: 1.1;
    }
    .home .home-bottom .os-map {
        border-right: none;
        border-bottom: 1px solid #e8e8e8;
    }
    .home .home-bottom .search {
        border-bottom: 1px solid #e8e8e8;
    }
    .home .hero-banner__banner.hv-index {
        background: url(/home/images/hero-banner/clsa-banner.jpg) left 0px top 0px no-repeat #fff;
        background-size: cover;
    }
}
@media (max-width: 767px) {
    .home .hero-banner {
        height: 300px;
    }
    .home .hero-banner__banner.hv-index {
        background: url(/home/images/hero-banner/clsa-banner.jpg) bottom left -90px no-repeat #fff;
        background-size: cover;
    }
    .home .hero-banner__title {
        font-size: 24px;
        left: 1.5rem;
        top: 70px;
    }
    .home .home-index__box {
        display: flex;
        max-width: calc(100% - 21px);
        padding: 7px 0;
        overflow: auto !important;
        width: 100%;
    }
    .home .highlight-list__box .focus-block {
        width: 130px;
    }
    .home .index-time {
        padding-right: 40px;
        margin-top: 5px !important;
    }
    .home .home-index {
        top: 244px;
        padding-right: 0;
        padding-left: 0;
    }
    .home .home-index__price {
        font-size: 20px;
    }
    .home .home-index__change {
        font-size: 12px;
    }
    .home .home-index__item {
        margin-left: 12px;
        margin-right: 0;
        transition: 0.2s all;
        padding: 0.7rem 0.75rem;
        width: calc(33% - 15px);
    }
    .home .home-index__item.last {
        margin-right: 10px;
    }
    .home .home-index__boxs-coantainer {
        display: block !important;
        opacity: 1 !important;
        margin-left: -24px;
        padding-left: 21px;
        width: auto;
        padding-right: 0;
        margin-right: -24px;
    }
    .home .hero-banner__news-p {
        font-size: 12px;
        margin-top: 5px;
        padding-right: 1rem;
        width: calc(100vw - 130px);
    }
    .home .hero-banner__news-title {
        font-size: 24px;
    }
    .home .hero-banner__news-focus {
        top: 115px;
        left: 1rem;
    }
    .home .hero-banner .focus-block {
        margin-right: 0.5rem;
        padding: 0.5rem 0.5rem;
    }
    .home .hero-banner__ftitle {
        font-size: 24px;
        top: 10px;
    }
    .home .hero-banner__fbox {
        top: 55px;
        font-size: 12px;
    }
    .home .hero-banner__fbox .focus-block__code {
        font-size: 18px;
    }
    .home .hero-banner__fbox .focus-block__name {
        font-size: 16px;
    }
    .home .hero-banner__fbox .focus-block__data {
        margin-top: 0px;
        font-size: 10px;
        line-height: 1.4;
    }
    .home .hero-banner__fbox > div:nth-child(n + 7) {
        display: none;
    }
    .home .focus-block__container {
        flex: 0 0 33% !important;
        margin-top: 1px !important;
        position: relative;
    }
    .home .focus-block__data {
        margin-top: 1px;
        font-size: 11px;
        line-height: 1.3;
    }
    .home .highlight-list {
        padding-top: 65px;
        padding-left: 0;
    }
    .home .highlight-list__box {
        max-width: 100%;
    }
    .home .highlight-list__box .home-highlight__container {
        min-width: 100%;
        flex-wrap: nowrap;
        margin-left: -6px;
        padding-right: 1rem;
        margin-top: 4px;
    }
    .home .head-focus-nav > div:first-child {
        margin-left: 1rem;
    }
    .home .home-highlight__scroll > div:first-child {
        margin-left: 0.5rem;
    }
    .home .swiper-pagination-bullet-active {
        background: #fff;
    }
    .home .highlight-list {
        height: auto;
    }
    .home .home-bottom .radio-row {
        margin-left: -0.4rem;
        margin-right: -0.4rem;
    }
    .home .home-bottom .radio-row > * {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
    .home .home-bottom .home-item .input-radio__title {
        font-size: 14px;
    }
    .home .home-bottom .cbbc-os-map__th {
        font-size: 10px;
    }
    .home .home-bottom .cbbc-os-map__range,
    .home .home-bottom .cbbc-os-map__highlight-box {
        font-size: 12px;
        padding: 0.2rem 0.2rem;
        vertical-align: middle;
    }
    .home .home-bottom .cbbc-os-map td {
        font-size: 12px;
    }
    .home .home-bottom .cbbc-os-map__box thead {
        line-height: 1.1;
    }
    .home .home-bottom .cbbc-os-map__box thead br {
        display: block !important;
    }
    .home .home-bottom .os-map {
        border-right: none;
        border-bottom: 1px solid #e8e8e8;
    }
    .home .home-bottom .search {
        border-bottom: 1px solid #e8e8e8;
    }
    .home .home-item {
        padding: 1rem 0rem;
    }
    .home .main-title {
        margin-top: 6px;
        margin-bottom: 0px;
    }
    .home .home-item__container {
        border: none !important;
    }
    .home .home-item__container.search,
    .home .home-item__container.os-map,
    .home .home-item__container.article,
    .home .home-item__container.new-listing {
        background: #f5f5f5;
    }
    .home .cbbc-os-map__tbody.bg-light{
        background: #fff !important;
    }
    .home .home-bottom .cbbc-os-map__range {
        padding-left: 1rem;
        line-height: 1.2;
    }
    .home .cbbc-os-map__tbody .ta-right,
    .home .cbbc-os-map__th.ta-right {
        padding-right: 1rem;
    }
    .home .os-col-1 {
        width: 90px !important;
    }
    .home .os-col-3 {
        width: 50px !important;
    }
    .home .os-col-4 {
        width: 45px !important;
    }
    .lang-en .home .os-col-4 {
        width: 50px !important;
    }
    .home .cbbc-os-map__th.ta-right {
        padding-right: 1rem !important;
    }
    .home .cbbc-os-map__bar-td + td + td {
        padding-right: 1rem !important;
    }
    .home .ecalendar__year {
        margin-left: 5px;
    }
    .home #recent_list .hero-banner__news-focus div:nth-child(4) {
        display: none;
    }
    .home #recent_list .focus-block__name {
        font-size: 14px;
    }
    .home #recent_list .home .focus-block__data {
        font-size: 10px;
    }
    .home #recent_list .hero-banner__news-title {
        left: 1rem;
    }
/*     .home #pick_list a:nth-child(7),
    .home #pick_list a:nth-child(8) {
        display: none !important;
    } */
    .home .cbbc-os-map__range br {
        display: none !important;
    }
}
.highlight-list__box .btn-pill {
    transition: 0.2s box-shadow;
    box-shadow: 0 0px 0 0px rgba(255, 255, 255, 0.2);
}
.highlight-list__box .btn-pill:hover {
    box-shadow: 0 0px 0 4px rgba(255, 255, 255, 0.2);
}
@media (max-width: 380px) {
    .home .home-index__price {
        font-size: 18px;
    }
}
.btn-banner {
    padding: 0 2rem;
    height: 38px;
}
@media (max-width: 767.98px) {
    .btn-banner {
        height: 34px;
    }
}
.first-banner .btn-banner {
    margin: 1rem 0 0 0;
}
.news-banner .btn-banner {
    position: absolute;
    right: 32px;
    top: 34px;
}
@media (max-width: 991.98px) {
    .news-banner .btn-banner {
        right: 60px;
        top: 18px;
        height: 36px;
    }
}
@media (max-width: 767.98px) {
    .news-banner .btn-banner {
        right: 16px;
        top: 55px;
        padding: 0 1rem;
        font-size: 14px;
        height: 28px;
    }
}
.red-box {
    background: #d40a0e;
    padding: 4px 12px;
    margin: 10px 0;
}
.disclaimer {
    font-size: 14px;
    padding-bottom: 2rem;
}
.disclaimer__title {
    font-size: 20px;
    margin-bottom: 0.75rem;
    margin-top: 2rem;
    font-weight: 700;
    display: inline-block;
}
.lang-en .disclaimer__title {
    font-weight: 600;
}
.disclaimer__subtitle {
    font-size: 17px;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    font-weight: 700;
    display: inline-block;
}
.lang-en .disclaimer__subtitle {
    font-weight: 600;
}
.disclaimer p {
    margin-bottom: 1rem;
}
.disclaimer ul {
    list-style: none;
    padding-left: 1.2rem;
}
.disclaimer li {
    list-style: disc;
    margin-bottom: 1rem;
}
.en-break {
    display: none;
}
.terms-calc__head-info {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin: 0;
    margin-top: 1.25rem;
    background: #f5f5f5;
}
.terms-calc__head-title {
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
}
@media (max-width: 767.98px) {
    .lang-en .terms-calc__head-title {
        font-size: 0.8rem;
    }
}
.terms-calc__head-value {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 5px;
    white-space: nowrap;
}
@media (max-width: 767.98px) {
    .terms-calc__head-value {
        margin-top: 2.5px;
    }
}
.terms-calc__head-item {
    position: relative;
    padding: 10px 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media (max-width: 767.98px) {
    .terms-calc__head-item {
        padding: 6px 1rem;
    }
}
.terms-calc__head-item:after {
    content: "";
    height: 20px;
    width: 1px;
    background: #e8e8e8;
    position: absolute;
    right: 0;
    top: 20px;
}
.terms-calc__head-item.date {
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 1600px) {
    .terms-calc__head-item.date {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lang-en .terms-calc__head-item.date {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.terms-calc__mid {
    margin-top: 1.5rem;
}
.terms-calc__mid-title {
    margin: -5px 0;
}
.terms-calc__mid-item {
    margin-top: 0.8rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e8e8e8;
}
.terms-calc__mid-item-title {
    font-size: 1.1rem;
    font-weight: normal;
    width: 105px;
}
@media (max-width: 767.98px) {
    .terms-calc__mid-item-title {
        font-size: 12px;
        width: 60px;
    }
}
.terms-calc__range-group {
    display: flex;
    align-items: center;
}
.terms-calc__range-group .irs--flat {
    flex: 1;
}
.terms-calc__bot {
    margin-top: 1rem;
}
.terms-calc__bot .info-list {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
}
.terms-calc__bot .info-list__item {
    border-color: #ddd;
}
.terms-calc__mid-item-value {
    width: 92px;
}
.terms-calc #calc-chart {
    background: url(/home/images/calc-chart-demo.jpg) no-repeat left center;
    height: 275px;
    width: 100%;
    margin-top: 0px;
}
.terms-calc .range-slider__input {
    width: 70px;
}
.terms-calc .irs--flat.irs-with-grid {
    height: 35px;
    margin: 10px 10px 0 10px;
}
.terms-calc .irs-single {
    display: block;
    top: -20px;
    background-color: #d40a0e !important;
}
.terms-calc .irs--flat .irs-single:before {
    border-top-color: #d40a0e;
}
.edu-accordion {
    margin-top: 50px;
}
@media (max-width: 767.98px) {
    .edu-accordion {
        margin-top: 25px;
    }
}
.edu-accordion__item {
    border-bottom: none;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0 1px 5px rgba(56, 65, 74, 0.1);
}
.edu-accordion__title {
    font-size: 22px;
    font-weight: bold;
    padding: 0px 1rem;
    position: relative;
    border-left: 4px solid #2f80ed;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 1;
    padding-right: 45px;
}
.red .edu-accordion__title {
    border-left: 4px solid #d40a0e;
}
.edu-accordion__title:after {
    content: "";
    border-radius: 100px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.05);
    position: absolute;
    right: 14px;
    top: calc(50% - 15px);
}
.edu-accordion__title:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(/home/images/icons/icon-expand-closed.svg) center no-repeat;
    right: 14px;
    top: calc(50% - 15px);
    transition: 0.3s all;
    transform: rotate(0deg);
}
.edu-accordion__title.active:before {
    background: url(/home/images/icons/icon-expand-opened.svg) center no-repeat;
    transform: rotate(360deg);
}
.edu-accordion__content {
    display: none;
    padding: 1rem 16px;
    border-top: 1px solid #e8e8e8;
    font-size: 1rem;
}
.risk-know__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #e8e8e8;
}
@media (max-width: 991.98px) {
    .risk-know__list {
        display: flex;
        flex-wrap: wrap;
        border-left: 1px solid #e8e8e8;
        margin-bottom: 20px;
        margin-top: 10px;
    }
}
.risk-know__list-item {
    border-bottom: 1px solid #e8e8e8;
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: pointer;
}
@media (max-width: 991.98px) {
    .risk-know__list-item {
        flex: 0 0 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #e8e8e8;
        min-height: 52px;
        background: #fff;
    }
    /* .risk-know__list-item[item="10"],
    .risk-know__list-item[item="9"] {
        flex: 0 0 50%;
    } */
}
@media (max-width: 991.98px) {
    .risk-know__list-item {
        min-height: 46px;
    }
}
.risk-know__list-item.active {
    background: #f5f5f5 !important;
    position: relative;
}
@media (max-width: 991.98px) {
    .risk-know__list-item.active {
        color: #d40a0e;
    }
    .risk-know__list-item.active a {
        color: #d40a0e;
    }
}
.risk-know__list-item.active:before {
    content: "";
    position: absolute;
    right: 14px;
    top: calc(50% - 7px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d40a0e;
}
@media (max-width: 991.98px) {
    .risk-know__list-item.active:before {
        display: none;
    }
}
.risk-know__list-item:hover {
    background: #f5f5f5;
}
.risk-know__list-title {
    padding: 0.75rem 1.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
}
@media (max-width: 991.98px) {
    .risk-know__list-title {
        font-size: 17px;
        padding: 0px 5px;
        text-align: center;
    }
}
@media (max-width: 767.98px) {
    .risk-know__list-title {
        font-size: 14px;
    }
    .edu-accordion__title{
        font-size: 18px;
    }
    .risk-know__content a{
        word-break: break-all;
    }
}
@media (max-width: 420px) {
    .risk-know__list-title {
        font-size: 13px;
    }
}
@media (max-width: 400px) {
    .risk-know__list-title {
        font-size: 12px;
    }
}


.risk-know__content {
    font-size: 1.1rem;
    display: none;
}
.risk-know__photo img {
    width: 100%;
    max-width: 100%;
}
.risk-know__tip {
    background: #f5f5f5 no-repeat;
}
.risk-know__help {
    background: #f5f5f5;
    padding: 1rem;
}
.risk-know__tip-titlei {
    background: url(/home/images/education/icon-idea.svg) no-repeat top 0px center;
    padding: 0rem;
    width: 198px;
    background-size: 90px;
    font-size: 2rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 105px;
    height: 120px;
}
.risk-know__tip-titlei.help {
    background: url(/home/images/education/icon-tick.svg) no-repeat top 0px center;
    background-size: 76px;
    padding-top: 95px;
}
@media (max-width: 991.98px) {
    .risk-know__tip-titlei {
        width: 120px;
        margin-left: 20px;
    }
}
@media (max-width: 767.98px) {
    .risk-know__tip-titlei {
        width: 100%;
        margin: 0;
    }
}
@media (max-width: 767.98px) {
    .risk-know__tip-title {
        flex: 0 0 100%;
        width: auto;
        margin-top: 20px;
    }
}
.risk-know__tip-content {
    padding: 1rem;
}
.risk-know__tip-list {
    margin: 0;
    list-style: none;
    padding: 0;
}
.risk-know__tip-list li {
    margin-bottom: 14px;
    position: relative;
    list-style: none;
    padding-left: 22px;
}
.risk-know__tip-list li:before {
    content: "";
    background: url(/home/images/icons/icon-tick.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: 13px;
}
.risk-know__tip-list li:last-child {
    margin-bottom: 0;
}
.quiz {
    max-width: 1100px;
    margin: 0 auto;
}
.quiz__item {
    border-bottom: none;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0 1px 5px rgba(56, 65, 74, 0.1);
    font-size: 17px;
    font-weight: bold;
}
.quiz__title {
    font-size: 1.5rem;
    padding: 1rem 1.5rem;
    border-left: 4px solid #2f80ed;
}
.quiz__choice {
    padding: 1rem 1.5rem;
    background: #f5f5f5;
    border-top: 1px solid #e8e8e8;
}
.quiz__btn-row {
    width: 350px;
    margin: 0 auto;
}
.quiz__tick {
    padding-top: 90px;
    background: url(/home/images/education/icon-like.svg) no-repeat top center;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    background-size: 80px;
    margin-top: 10px;
}
.quiz__wrong {
    padding-top: 110px;
    background: url(/home/images/education/icon-crying.svg) no-repeat top center;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    background-size: 100px;
    margin-top: 10px;
}
.quiz__content {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}
.quiz__content a {
    text-decoration: underline !important;
    color: #2f80ed !important;
}
.quiz__pic {
    background: url(/home/images/education/icon-trophy.svg) no-repeat;
    background-size: 200px;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
@media (max-width: 767.98px) {
    .quiz__pic {
        height: 180px;
        width: 180px;
        margin-top: 24px;
        background-size: cover;
    }
}
.quiz__h1 {
    font-size: 32px;
    position: relative;
    padding-bottom: 0px;
    font-weight: 600;
    margin-top: 20px !important;
    text-align: center;
}
.lang-en .quiz__h1 {
    font-size: 24px;
}
@media (min-width: 768px) {
    .quiz__h1 {
        margin-top: 0;
    }
}
@media (max-width: 767.98px) {
    .quiz__h1 {
        margin-top: 16px;
        margin-bottom: 14px;
    }
    .lang-en .quiz__h1 {
        font-size: 22px;
    }
}
.quiz__result {
    border-top: 1px solid #e8e8e8;
    margin: 10px 0;
}
.quiz__result-item {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
}
.quiz__intro {
    max-width: 600px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    margin: 16px auto 0 auto;
}
@media (max-width: 767.98px) {
    .quiz__intro {
        width: 100%;
        margin: 6px auto 0 auto;
    }
}
.best-practices__title {
    font-size: 26px;
    font-weight: bold;
}
@media (max-width: 767.98px) {
    .best-practices__title {
        font-size: 21px;
        padding: 5px 0;
    }
}
.best-practices__cover {
    max-width: 100%;
    background-position: center !important;
    aspect-ratio: 16/9;
    width: 100%;
}
.best-practices__right {
    font-size: 1rem;
    border-left: 1px solid #e8e8e8;
}
.best-practices__right p {
    margin-bottom: 1rem;
}
.best-practices__top {
    border-bottom: 2px solid #d40a0e;
}
.best-practices__guest {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
}
.best-practices__guest-pic {
    margin-right: 10px;
}
.best-practices__guest-pic img {
    width: 75px;
    border: 1px solid #e8e8e8;
}
.best-practices__guest-title {
    font-size: 1.2rem;
    font-weight: 700;
}
.best-practices__guest-pos {
    font-size: 0.85rem;
    color: gray;
    margin-top: 5px;
}
.best-practices__guest-item {
    display: flex;
    flex: 0 0 50%;
    margin-bottom: 16px;
}
.best-practices__btn {
    height: 40px;
    width: 150px;
    padding: 0;
}
@media (max-width: 767.98px) {
    .best-practices__btn {
        width: 100%;
    }
}
@media (max-width: 991.98px) {
    .best-practices__nav .btn {
        height: 41px;
        font-size: 17px;
        padding: 0rem 1.5rem;
    }
}
@media (max-width: 767.98px) {
    .best-practices__nav .btn {
        height: 35px;
        font-size: 16px;
        padding: 0rem 1.25rem;
        margin-bottom: 0.5rem;
    }
}
.best-practices__iframe {
    width: 100%;
    aspect-ratio: 16/9;
}
.insight__pic {
    width: 100%;
}
.insight__title {
    font-size: 26px;
    font-weight: 700;
}
.insight__content,
.insight__video-content {
    font-size: 1rem;
}
.insight__iframe {
    aspect-ratio: 16/9;
    width: 100%;
}
.insight__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.insight__list-li {
    font-size: 1rem;
    position: relative;
    padding-left: 2rem;
    padding: 10px 0px 10px 2rem;
}
.insight__list-li:nth-child(even) {
    background: #f5f5f5;
}
.insight__list-li:nth-child(odd) {
    background: #fff;
}

.insight__list-li:before {
    position: absolute;
    left: 12px;
    top: 13px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d40a0e;
}
.insight__list-li a {
    cursor: pointer;
}
.insight__video-cover {
    height: 140px;
}
.insight__video-list {
    margin-top: 1rem;
}
.insight__video-title {
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0 5px 0;
}
.insight__video-item {
    margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
    .insight .type-content {
        display: none;
    }
}
.chatbox__ball {
    position: fixed;
    right: 50px;
    bottom: 70px;
    width: 80px;
    height: 80px;
    background: url(/home/images/icons/icon-chat.svg) no-repeat center #d40a0e;
    background-size: 50px;
    -webkit-appearance: none;
    border-radius: 500px;
    z-index: 9;
    box-shadow: 0 2px 6px rgba(56, 65, 74, 0.6);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 6px rgba(56, 65, 74, 0.6);
    cursor: pointer;
}
@media (max-width: 767.98px) {
    .chatbox__ball {
        bottom: 100px;
        right: 24px;
        width: 65px;
        height: 65px;
        background-size: 40px;
    }
}
.chatbox__ball-title {
    position: fixed;
    right: 37px;
    bottom: 34px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    font-weight: 700;
    background: #000;
}
@media (max-width: 767.98px) {
    .chatbox__ball-title {
        right: 11px;
        bottom: 70px;
        font-size: 14px;
        padding: 4px 10px;
    }
}
.chatbox__title {
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #e8e8e8;
    padding: 0.75rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767.98px) {
    .chatbox__title {
        padding: 0.4rem 1.5rem;
    }
}
.chatbox__form {
    padding: 1rem 1.5rem;
}
.chatbox__form .input-radio__title {
    font-size: 17px;
    font-weight: 700;
}
@media (max-width: 767.98px) {
    .chatbox__form .input-radio__title {
        font-size: 14px;
    }
}
.chatbox__form .btn-combo .btn-primary {
    border-radius: 8px 0px 0 8px;
}
.chatbox__form .btn-combo .btn-secondary {
    border-radius: 0 8px 8px 0px;
}
.chatbox__form .form-control {
    height: 35px;
    background: #fff;
}
.chatbox__form .first {
    width: 75px;
    display: block;
}
.chatbox__textarea {
    border: 1px solid #e8e8e8;
    height: 120px;
    width: 100%;
    border-radius: 4px;
    font-size: 1rem;
    padding: 0.75rem;
}
.chatbox__img {
    height: 90px;
    width: 90px;
    background: url(/home/images/icons/icon-big-tick.svg) center no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.chatbox__msg {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
.chatbox__well {
    background: url(/home/images/icons/icon-customer-service2.svg) no-repeat left 17px center #f5f5f5;
    border-radius: 6px;
    margin-top: 1rem;
    padding: 1rem 1rem;
    padding-left: 70px;
    background-size: 37px;
}
.chatbox__close {
    background: url(/home/images/icons/icon-close.svg) no-repeat center;
    width: 24px;
    height: 24px;
    background-size: 10px;
    cursor: pointer;
    opacity: 0.5;
}
.chatbox__tc {
    max-height: 80px;
    font-size: 12px;
    overflow: auto;
    margin-top: 2rem;
}
@media (max-width: 767.98px) {
    .chatbox__tc {
        margin-top: 1rem;
    }
}
textarea:focus {
    color: #000;
    background-color: #f5f5f5;
    border-color: #97c0f6;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(47, 128, 237, 0.25);
    background: #fff;
}
.irs-hidden-input {
    opacity: 0;
}
.cal-error {
    height: 275px;
    display: flex;
    justify-content: center;
    font-size: 17px;
    font-weight: bold;
    align-items: center;
    background: #f5f5f5;
}
.minsignt__pic {
    width: 60px;
    height: 60px;
}
.minsignt__pic img {
    width: 60px;
    height: 60px;
}
.minsignt__pname,
.minsignt__intro,
.minsignt__title,
.minsignt__date {
    font-weight: bold;
}
.minsignt__intro {
    line-height: 1.2;
}
.minsignt__photo {
    float: left;
    margin-right: 14px;
    max-width: 250px;
}
.spider__item {
    width: 100%;
}
.spider__title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px 0;
}
.spider__text {
    font-size: 15px;
    padding: 5px 0px;
    text-align: center;
}
.spider__text.clas-side {
    background: #2f80ed;
    color: #fff;
}
.spider__text.market-side {
    background: #fff;
    color: #000;
}
.spider__table {
    margin: 0 -20px;
    width: calc(100% + 40px);
    font-size: 15px;
}
.spider__table td {
    border: 1px solid #e8e8e8;
    border-left: none;
    border-right: none;
}
.spider__table td.blue {
    background: #2f80ed;
    color: #fff;
}
.spider__table th.blue {
    color: #2f80ed;
}
.spider__table-head {
    background: #f5f5f5;
    font-weight: bold;
    text-align: center;
    text-align: left;
    padding: 5px 0 5px 14px;
}
.spider__table-title {
    background: #fff;
    padding: 4px 0 4px 14px;
}
.spider__table-content {
    background: #fff;
    padding: 4px 0 4px 14px;
}
.spider-chart-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.1;
}
.spider-chart-value {
    font-size: 12px;
    line-height: 1.3;
}
.spider-chart-value.blue {
    color: #2f80ed;
}
.highlight-row {
    background: #f5f5f5;
    margin-top: 10px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    font-weight: bold;
}
@media (max-width: 767.98px) {
    .highlight-row {
        background: #fff;
        margin-top: 0;
        border-top: none;
    }
}
@keyframes loading {
    to {
        background-position-x: -20%;
    }
}
.loading-block {
    position: relative;
}
.loading-block.loading-posa {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 10px 0 0 0;
    overflow: hidden;
    z-index: 7;
}
.loading-bar {
    height: 26px;
    width: 100%;
    margin-bottom: 12px;
    animation: 1s loading ease-in-out infinite;
    opacity: 1;
}
.loading-eff {
    min-height: 30px;
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s loading ease-in-out infinite;
    opacity: 1;
    border: none;
}
.block-loading {
    position: relative;
    overflow: hidden;
}
.sm .loading-bar {
    height: 20px;
}
.md .loading-bar {
    height: 30px;
}
.lg .loading-bar {
    height: 30px;
}
.lbg-gray.loading-posa {
    background: #f5f5f5;
}
.lbg-gray .loading-bar {
    background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 70%) #e7e7e7;
    background-size: 200% 100%;
    background-position-x: 180%;
}
@media (min-width: 768px) {
    .lbg-md-gray.loading-posa {
        background: #f5f5f5;
    }
    .lbg-md-gray .loading-bar {
        background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 70%) #e7e7e7;
        background-size: 200% 100%;
        background-position-x: 180%;
    }
}
@media (min-width: 992px) {
    .lbg-lg-gray.loading-posa {
        background: #f5f5f5;
    }
    .lbg-lg-gray .loading-bar {
        background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 70%) #e7e7e7;
        background-size: 200% 100%;
        background-position-x: 180%;
    }
}
.lbg-white.loading-posa {
    background: #fff;
}
.lbg-white .loading-bar {
    background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 70%) #f5f5f5;
    background-size: 200% 100%;
    background-position-x: 180%;
}
@media (min-width: 768px) {
    .lbg-md-white.loading-posa {
        background: #fff;
    }
    .lbg-md-white .loading-bar {
        background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 70%) #f5f5f5;
        background-size: 200% 100%;
        background-position-x: 180%;
    }
}
@media (min-width: 992px) {
    .lbg-lg-white.loading-posa {
        background: #fff;
    }
    .lbg-lg-white .loading-bar {
        background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 70%) #f5f5f5;
        background-size: 200% 100%;
        background-position-x: 180%;
    }
}


.irs--flat {
    margin: 0 5px;
}

.hero-banner__fbox .focus-block__container{
    padding: 20px;
}

.hero-banner__fbox .focus-block__container .tag{
    top: 12px !important;
    left: 93px !important;
}

.hero-banner__fbox .focus-block__container {
    flex: 0 0 auto !important;
    margin: 0.25rem 0;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-right: 2% !important;
    padding: 5px 10px;
    border-radius: 7px;
    max-width: 180px;
}




@media (min-width: 1200px){
.flex-box-line-breaker{
    width: 100%;
}}

@media (max-width: 1200px){
    .home .hero-banner__fbox a.focus-block__container:nth-child(n+9) {
        display: none;
    }
}
@media (max-width: 992px){
    .hero-banner__fbox .focus-block__container .tag{
        top: 8px !important;
        left: 73px !important;
    }
}

@media (max-width: 767px){
    .hero-banner__fbox .focus-block__container {
        flex: 0 0 auto !important;
        margin-right: 10px !important;
        margin-bottom: 5px !important;
        padding: 3px 8px;
    }
    .home .hero-banner__fbox{
        top: 48px;
    }
    .hero-banner__fbox .focus-block__container .tag{
        top: 5px !important;
        left: 68px !important;
    }
}

.hero-banner__word.sc{
    background-image: url(/home/images/hero-banner/slogan_sc.png) ;
}

.hero-banner__banner.award-banner{
    background: url(/home/images/hero-banner/award-banner.jpg) #fff center no-repeat ;
    background-size: 90%;

}

[data-value="CI"].select__item .select__item-title:before {
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    background: #d40a0e !important;
    position: absolute;
    left: 0px;
    top: 0;
}
[data-value="CI"].select__item .select__item-title{
    color: #114f9d !important;
}
tr.ciproduct td{
    background: #fff;
}

tr.preferlist td{
    background: #ffd9d9;
    font-weight: 700;
}
/* tr.highlight td:first-child{
    border-left: 4px solid #d40a0e !important;
} */

tr.ciproduct td:first-child a{
    border-bottom: 2px solid #d40a0e !important;
    text-decoration: none;
}


@media (min-width: 1200px){
    .ah-tabe-container{
        overflow-y: auto;
        max-height: 708px;
    }
}
    
@media (min-width: 1400px){
    .ah-tabe-container{
        max-height: 586px;
    }
    }

    .home-index__item.hsi-index-box,#underlying_details,#underlying_details *{
        cursor: pointer;
    }
    
    .education-swiper{
        margin-top: 30px;
        max-height: 700px;
        cursor: move;
    }
    .pic-item{
        padding: 10px;
    
    }
    
    .light-box-img{
        max-height: 98%;
        max-width: 98%;
        aspect-ratio: 1/1;
        border: 8px solid #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }
    
    .photo__list{
        margin-top: 10px;
    }
    
    .pic-img-list-item {
        max-width: 100%;
        max-height: 100%;
        width: calc(100% - 20px);
        margin: 10px;
        aspect-ratio: 1 / 1;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    }
    .term-search-btn{
        color: #fff !important;
        background:   #2f80ed;
        font-size: 17px;
        padding: 8px 16px 8px 16px;
        border-radius: 4px;
        font-weight: 700;
        background-size: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .term-search-btn:hover{
        background:  #000;
    }
    
    .term-search-btn__icon{
        background: url(/home/images/icons/icon-search-white.svg) no-repeat;
        background-size: 17px;
        width: 17px;
        height: 17px;
        margin-left: 10px;
    }
    
.article__ul{
    line-height: 1.3;
}

.article__ul li{
   margin: 12px 0;
}

.article__ul.type-lower-alpha{
    list-style-type: lower-alpha;
}

.article__ul.type-roman-number{
    list-style-type: lower-roman;
}

.article__ul a{
    text-decoration: underline;
}

#full-education-content p a{
    text-decoration: underline;
}
#full-education-content strong{
    font-size: 17px
}

@media (max-width: 767px) {
    .home .hero-banner__news-focus div.focus-block:nth-child(4) {
        display: none;
    }
}

.hsi-index-box{
    cursor: pointer;
}

/*  #term-radar{
    display: none !important
}
@media (min-width: 768px) {
#term-pintraday{
    display: block !important
}
}  */


.btn-shortcut{
    background: #f2f2f2;
    height: auto;
    padding: 10px 26px 10px 18px;
    font-size: 15px;
    box-shadow: none;
    color: #000;
}

.btn-shortcut:before {
    content: "";
    position: absolute;
    right: 18px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d40a0e;
}
.link-line{
    height: 1px;
    width: 100%;
    background:  #e8e8e8
}

@media (max-width: 767px) {
    .btn-shortcut,.link-line{
        /* display: none; */
        
        width: 100% !important;
    }
 .home_page .btn-shortcut,.home_page .link-line{
         background-color: #fff;
    }
    .term-search-btn{
        font-size: 15px;
    }
    .term-stimer{
        font-size: 12px;
    }
}
/* @media (min-width: 1800px) {
.stimer-breaker{
    display: none;
}
}
@media (max-width: 1799px) {
    .stimer-breaker{
        display: block
    }
}
@media (max-width: 1400px) {
    .stimer-breaker{
        display: none
    }
}
 */

/*  @media (max-width: 767px) {
    .stimer-breaker{
        display: none
    }
 } */
 @media (max-width: 1735px) {
 .term-stimer.cbbc{
    text-align: left !important;
    margin-top: 10px;
 }
 .term-stimer.cbbc .stimer-breaker{
    display: none;
 }
}

@media (max-width: 1400px) {
    .term-stimer.cbbc{
       text-align: right !important;
       margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    .term-stimer.cbbc{
       text-align: left !important;
       margin-top: 10px;
    }
    .term-stimer.cbbc .stimer-breaker{
       display: none;
    }
}
@media (max-width: 1600px) {

    .price-na{
       font-size: 28px !important
    }
}
@media (max-width: 768px) {
    .term-stimer.cbbc{
       text-align: right !important;
       margin-top: 0px;
    }
    .term-stimer.cbbc .stimer-breaker{
        display: block
     }

     .price-na{
        font-size: 26px !important
     }
}


.term__size-data{
    padding-right: 3px;
    text-align: right;
    margin-top: -8px;
}

.term__price-text {
    line-height: 1.5;
}

.term__price-data {
    margin-top: -5px;
}

@media (max-width: 767.98px) {
    .term__price-data {
        font-size: 32px;
    }
    .term__size-data{
        margin-top: -5px;
    }
    
}


    #news_article .insight__list-li .tag {
        font-size: 11px;
        height: 17px;
        width: 17px;
        margin-left: 1px;
        margin-right: 2px;
        vertical-align: 1px;
    }
    a.new-product{
        margin-left: 3px;
        margin-right: 3px;
        color:#000
    }
    a.new-product:hover {
        text-decoration: underline;
    }

    #news_article .insight__list-li .news-date {
        display: inline-block;
    /* color: #313131; */
    /* background: #f2f2f2; */
    padding: 5px 10px 3px 0px;
    border-radius: 5px;
    line-height: 1;
    font-weight: bold
    }

/*     #news_article li.insight__list-li:nth-child(even) .news-date {
        background: #fff;
    } */

    #news_article .insight__list-li {
        padding: 10px 0px 10px 1rem;
    }

    #news_article .news-content {
        position: relative;
        padding-left: 1rem;
        margin-bottom: 0;
        margin-top: 6px;
    }
    #news_article .insight__list-li:before{
        display: none;
    }
    #news_article .news-content:before {
        position: absolute;
    left: 0px;
    top: 3px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d40a0e;
    }


    .clsa-cbbc .non-cbbc .clsa-cbbc__range,.clsa-cbbc .non-cbbc .table__td,.clsa-cbbc .current-price .table__td{
        background: #ffd9d9 !important
    }
    .clsa-cbbc .non-cbbc .row{
        align-items: center;
    }
    .clsa-cbbc .non-cbbc .border-dashed{
        border-bottom: 1.5px dashed #000;
        flex: 1;
        height: 1px;
    }
    .clsa-cbbc .non-cbbc .clsa-cbbc__border-text{
        padding: 0 8px;
    }

    .clsa-cbbc .table .table__td,  .clsa-cbbc .table .table__th {
        height: 30px;
    }
    .clsa-cbbc .current-price td.table__td{
        border-bottom: 2.5px solid #d40a0e;
        border-top: 2.5px solid #d40a0e;
        text-align: center;
        background: #f5f5f5 !important;
    }

    @media (max-width: 767.98px) {
        .clsa-cbbc .table.bg-white .table__td{
            background: #fff !important
        }
        .clsa-cbbc .table.bg-white .table__th{
            color: #000 !important;
        }
        .clsa-cbbc .table.bg-white .non-cbbc .clsa-cbbc__range {
            background: #f2f2f2 !important;
        }

        .clsa-cbbc .table.bg-white  .non-cbbc .clsa-cbbc__range, .clsa-cbbc .table.bg-white  .non-cbbc .table__td {
            background: #ffd9d9 !important;
        }
    }

    .lang-en #news_article .insight__list-li .tag{
        width: 30px;
    }

    #news_article .insight__list-li.diff_date {
        border-top: 2px solid #333;
    }
    #news_article .insight__list-li:first-child {
        border: none !important
    }


    
.term__price-sp  {

    margin-right: 20px;
    margin-left: 5px;
}
.term__price-sp .term__price-data {
    font-size: 38px;
}
.term__price-sp .term__size-data{
margin-top: -5px;
}

    @media (max-width: 767.98px) {
    .term__price-sp {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 6px;
        height: auto;
        display: flex;
        margin-right: 0px;
        margin-left: 0px;
    }
   .term__price-sp .price__area{
        display: flex;
        align-items: baseline;
    }
   .term__price-sp .term__price-data {
        font-size: 20px;
        margin-top: 0px;
    }
   .term__price-sp .term__size-data{
        margin-left: 4px;
    }
   .term__price-sp .term__price-text{
        font-size: 19px;
    }
   .term__price-sp .term__price-text{
    margin-right: 10px;
}
} 



.index-insight-title{
font-size: 23px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #195097;
}

.index-insight-content *,.index-insight-content{
    font-size: 14px !important
}

[data-tags="article"] .insight__list-li {
    padding: 0 !important
}

.index-insight-content{
    overflow-y: auto !important;
    max-height: 279px;
}

@media (max-width: 767.98px) {
.index-insight-title{
font-size: 20px;
}
.home-item__container.os-map .home-item{
    padding-left: 12px;
    padding-right: 12px;
}

    }


    .title-bg-style-2{
        background: url(/home/images/title_icon_cbbc_map.png) no-repeat left center;

    padding-left: 88px;
    background-size: 80px;
    }
        .title-bg-style-1{
background: url(/home/images/title_icon_cbbc_search.png) no-repeat left center;
    padding-left: 66px;
    background-size: contain;
    }

    .bear .cbbc-os-map-most-active{
background: url(/home/images/title_icon_bear.png) no-repeat left 5px center #ffd9d9;
    padding-left: 22px;
    background-size: 22px;
    padding: 4px 10px;
    border-radius: 16px;
    display: inline-block;
    padding-left: 29px;

    }

        .bull .cbbc-os-map-most-active{
background: url(/home/images/title_icon_bull.png) no-repeat left 5px center #e8edf5;
    padding-left: 22px;
    background-size: 22px;
    padding: 4px 10px;
    border-radius: 16px;
    display: inline-block;
    padding-left: 29px;
    }
    .bear .cbbc-os-map-most-increase{
background: url(/home/images/title_icon_bear.png) no-repeat left 5px center #ffd9d9;
    padding-left: 22px;
    background-size: 22px;
    padding: 4px 10px;
    border-radius: 16px;
    display: inline-block;
    padding-left: 29px;
    }

        .bull .cbbc-os-map-most-increase{

background: url(/home/images/title_icon_bull.png) no-repeat left 5px center #e8edf5;
    padding-left: 22px;
    background-size: 22px;
    padding: 4px 10px;
    border-radius: 16px;
    display: inline-block;
    padding-left: 29px;
    }


    .home #os_map .os-col-4 {
    width: 33px;
}

.home #os_map .os-col-3 {
    width: 89px;
}

@media (max-width: 767px)  {
    .home .os-col-3 {
        width: 84px !important;
    }
}