body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}

.ValidationError_alert__1fKW7 {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 3px
}

/*!
   * Bootstrap  v5.3.0 (https://getbootstrap.com/)
   * Copyright 2011-2023 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
:root,[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: "AdihausDIN","Poppins","Noto Serif SC",sans-serif;
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: .875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #6c7ba8;
    --bs-body-color-rgb: 108,123,168;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(108,123,168,0.75);
    --bs-secondary-color-rgb: 108,123,168;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(108,123,168,0.5);
    --bs-tertiary-color-rgb: 108,123,168;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0,0,0,0.175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,0.075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13,110,253,0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

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

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

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

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

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

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

.h1,h1 {
    font-size: calc(1.34375rem + 1.125vw)
}

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

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

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

.h3,h3 {
    font-size: calc(1.27813rem + .3375vw)
}

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

.h4,h4 {
    font-size: calc(1.25625rem + .075vw)
}

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

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

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

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

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

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

ol,ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

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

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

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

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

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

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

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

a>code {
    color: inherit
}

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

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: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

button,input,optgroup,select,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
}

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

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

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

textarea {
    resize: vertical
}

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

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

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

legend+* {
    clear: left
}

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

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

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

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

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: initial
}

[hidden] {
    display: none!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blockquote-footer:before {
    content: "\2014\00A0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.figure {
    display: inline-block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-2 {
    flex: 0 0 auto;
    width: 16.66667%
}

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

.col-4 {
    flex: 0 0 auto;
    width: 33.33333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66667%
}

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

.col-7 {
    flex: 0 0 auto;
    width: 58.33333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66667%
}

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

.col-10 {
    flex: 0 0 auto;
    width: 83.33333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66667%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .col-sm {
        flex:1 0
    }

    .row-cols-sm-auto>* {
        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.33333%
    }

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

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

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

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

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

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

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

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

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

    .offset-sm-0 {
        margin-left: 0
    }

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

    .offset-sm-2 {
        margin-left: 16.66667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-md {
        flex:1 0
    }

    .row-cols-md-auto>* {
        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.33333%
    }

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

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

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

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

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

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

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

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

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

    .offset-md-0 {
        margin-left: 0
    }

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

    .offset-md-2 {
        margin-left: 16.66667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .col-lg {
        flex:1 0
    }

    .row-cols-lg-auto>* {
        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.33333%
    }

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

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

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

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

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

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

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

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

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

    .offset-lg-0 {
        margin-left: 0
    }

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

    .offset-lg-2 {
        margin-left: 16.66667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0
    }

    .row-cols-xl-auto>* {
        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.33333%
    }

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

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

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

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

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

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

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

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

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

    .offset-xl-0 {
        margin-left: 0
    }

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

    .offset-xl-2 {
        margin-left: 16.66667%
    }

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

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

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

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

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

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0
    }

    .row-cols-xxl-auto>* {
        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.33333%
    }

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

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

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

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

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

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

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

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

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

    .offset-xxl-0 {
        margin-left: 0
    }

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

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

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

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

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

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

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

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

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

.caption-top {
    caption-side: top
}

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

.table-bordered>:not(caption)>* {
    border-left-width: 0;
    border-bottom-width: var(--bs-border-width);
    border-right-width: 0;
    border-top-width: var(--bs-border-width)
}

.table-bordered>:not(caption)>*>* {
    border-left-width: var(--bs-border-width);
    border-bottom-width: 0;
    border-right-width: var(--bs-border-width);
    border-top-width: 0
}

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

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

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

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

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

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

.table-primary,.table-secondary {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

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

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

.table-info,.table-success {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

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

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

.table-danger,.table-warning {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

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

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

.table-dark,.table-light {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-form-label-sm {
        font-size:.76562rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .form-control-sm {
        font-size:.76562rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .form-select-sm {
        font-size:.76562rem
    }
}

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

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")
}

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

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

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

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

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

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

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

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

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

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

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E")
}

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

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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;
    -webkit-filter: none;
    filter: none;
    opacity: .5
}

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

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

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

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

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
    background-position: 100%;
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%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;
    -webkit-filter: none;
    filter: none;
    opacity: .65
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E")
}

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

.form-range:focus {
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating>.form-control-plaintext~label {
    border-left-width: 0;
    border-bottom-width: var(--bs-border-width);
    border-right-width: 0;
    border-top-width: var(--bs-border-width)
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
        font-size:.76562rem
    }
}

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

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

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

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

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

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

@media (min-width: 1200px) {
    .valid-tooltip {
        font-size:.76562rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .invalid-tooltip {
        font-size:.76562rem
    }
}

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

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

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

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

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

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    padding-right: 4.125rem;
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

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

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

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

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

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

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

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

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

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

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

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

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

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-group-sm>.btn,.btn-sm {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .76563rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

@media (min-width: 1200px) {
    .btn-group-sm>.btn,.btn-sm {
        --bs-btn-font-size:.76562rem
    }
}

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

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

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

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

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

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

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

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

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

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

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

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

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

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

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

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

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-menu.show {
    display: block
}

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

@media (min-width: 1200px) {
    .dropdown-header {
        font-size:.76562rem
    }
}

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

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0,0%,100%,0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: initial;
    border-color: transparent
}

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

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

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

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

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: initial;
    border-color: transparent
}

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

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

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

.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
    border-bottom-color: initial
}

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

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

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

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

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

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

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb),0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb),0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb),0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-brand-padding-y: .33594rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.09375rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.09375rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(108,123,168,0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb),0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

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

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

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

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

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

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

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

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

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

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

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

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

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

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

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

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

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

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

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

.navbar-dark,.navbar[data-bs-theme=dark] {
    --bs-navbar-color: hsla(0,0%,100%,0.55);
    --bs-navbar-hover-color: hsla(0,0%,100%,0.75);
    --bs-navbar-disabled-color: hsla(0,0%,100%,0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: hsla(0,0%,100%,0.1)
}

.navbar-dark,.navbar[data-bs-theme=dark],[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

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

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

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

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

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

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

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

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

.card-subtitle {
    margin-top: calc(var(--bs-card-title-spacer-y)*-0.5);
    color: var(--bs-card-subtitle-color)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c7ba8'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

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

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

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

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

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

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

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

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

.accordion-header {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E")
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.09375rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .76563rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

@media (min-width: 1200px) {
    .pagination-sm {
        --bs-pagination-font-size:.76562rem
    }
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: initial;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

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

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

.alert-heading {
    color: inherit
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

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

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

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

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

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

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

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

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

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

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

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

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

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

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

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

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

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

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

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

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

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

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

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

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

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

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

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

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

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

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

.list-group-flush>.list-group-item {
    border-left-width: 0;
    border-bottom-width: var(--bs-list-group-border-width);
    border-right-width: 0;
    border-top-width: 0
}

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

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

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

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

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

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

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

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

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

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");
    --bs-btn-close-opacity: .5;
    --bs-btn-close-hover-opacity: .75;
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13,110,253,0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: .25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: initial;
    width: 1em;
    height: 1em;
    padding: .25em;
    background: transparent var(--bs-btn-close-bg) 50%/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close,.btn-close:hover {
    color: var(--bs-btn-close-color)
}

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

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

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

.btn-close-white,[data-bs-theme=dark] .btn-close {
    -webkit-filter: var(--bs-btn-close-white-filter);
    filter: var(--bs-btn-close-white-filter)
}

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

.toast.showing {
    opacity: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    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-footer,.modal-fullscreen .modal-header {
    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-footer,.modal-fullscreen-sm-down .modal-header {
        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-footer,.modal-fullscreen-md-down .modal-header {
        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-footer,.modal-fullscreen-lg-down .modal-header {
        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-footer,.modal-fullscreen-xl-down .modal-header {
        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-footer,.modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

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

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-font-size: .76563rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

@media (min-width: 1200px) {
    .tooltip {
        --bs-tooltip-font-size:.76562rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .76563rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: .875rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

@media (min-width: 1200px) {
    .popover {
        --bs-popover-font-size:.76562rem
    }
}

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

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

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

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before {
    border-left-width: calc(var(--bs-popover-arrow-width)*0.5);
    border-bottom-width: 0;
    border-right-width: calc(var(--bs-popover-arrow-width)*0.5);
    border-top-width: var(--bs-popover-arrow-height)
}

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

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

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

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before {
    border-left-width: 0;
    border-bottom-width: calc(var(--bs-popover-arrow-width)*0.5);
    border-right-width: var(--bs-popover-arrow-height);
    border-top-width: calc(var(--bs-popover-arrow-width)*0.5)
}

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

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

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

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before {
    border-left-width: calc(var(--bs-popover-arrow-width)*0.5);
    border-bottom-width: var(--bs-popover-arrow-height);
    border-right-width: calc(var(--bs-popover-arrow-width)*0.5);
    border-top-width: 0
}

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

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

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

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

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before {
    border-left-width: var(--bs-popover-arrow-height);
    border-bottom-width: calc(var(--bs-popover-arrow-width)*0.5);
    border-right-width: 0;
    border-top-width: calc(var(--bs-popover-arrow-width)*0.5)
}

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

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

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

.popover-header:empty {
    display: none
}

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

.carousel {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 010 .708L5.707 8l5.647 5.646a.5.5 0 01-.708.708l-6-6a.5.5 0 010-.708l6-6a.5.5 0 01.708 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z'/%3E%3C/svg%3E")
}

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

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

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

.carousel-indicators .active {
    opacity: 1
}

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

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

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

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

[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon {
    -webkit-filter: invert(1) grayscale(100);
    filter: invert(1) grayscale(100)
}

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

[data-bs-theme=dark].carousel .carousel-caption,[data-bs-theme=dark] .carousel .carousel-caption {
    color: #000
}

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

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid;
    border-right-color: transparent
}

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

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

    .offcanvas-sm.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom,.offcanvas-sm.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-sm.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
        -webkit-transform: none;
        transform: none
    }

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

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: initial!important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: initial!important
    }
}

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

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

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

    .offcanvas-md.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom,.offcanvas-md.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-md.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
        -webkit-transform: none;
        transform: none
    }

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

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: initial!important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: initial!important
    }
}

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

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

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

    .offcanvas-lg.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom,.offcanvas-lg.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-lg.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
        -webkit-transform: none;
        transform: none
    }

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

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: initial!important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: initial!important
    }
}

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

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

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

    .offcanvas-xl.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom,.offcanvas-xl.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-xl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
        -webkit-transform: none;
        transform: none
    }

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

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: initial!important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: initial!important
    }
}

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

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

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom,.offcanvas-xxl.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-xxl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
        -webkit-transform: none;
        transform: none
    }

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

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: initial!important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: initial!important
    }
}

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

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

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

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

.offcanvas.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
}

.offcanvas.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),.offcanvas.showing {
    -webkit-transform: none;
    transform: none
}

.offcanvas.hiding,.offcanvas.show,.offcanvas.showing {
    visibility: visible
}

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

.offcanvas-backdrop.fade {
    opacity: 0
}

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

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y)*0.5) calc(var(--bs-offcanvas-padding-x)*0.5);
    margin-top: calc(var(--bs-offcanvas-padding-y)*-0.5);
    margin-right: calc(var(--bs-offcanvas-padding-x)*-0.5);
    margin-bottom: calc(var(--bs-offcanvas-padding-y)*-0.5)
}

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

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

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

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

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

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

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

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

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

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff!important;
    background-color: #0d6efd!important;
    background-color: RGBA(13,110,253,var(--bs-bg-opacity,1))!important
}

.text-bg-secondary {
    color: #fff!important;
    background-color: #6c757d!important;
    background-color: RGBA(108,117,125,var(--bs-bg-opacity,1))!important
}

.text-bg-success {
    color: #fff!important;
    background-color: #198754!important;
    background-color: RGBA(25,135,84,var(--bs-bg-opacity,1))!important
}

.text-bg-info {
    color: #000!important;
    background-color: #0dcaf0!important;
    background-color: RGBA(13,202,240,var(--bs-bg-opacity,1))!important
}

.text-bg-warning {
    color: #000!important;
    background-color: #ffc107!important;
    background-color: RGBA(255,193,7,var(--bs-bg-opacity,1))!important
}

.text-bg-danger {
    color: #fff!important;
    background-color: #dc3545!important;
    background-color: RGBA(220,53,69,var(--bs-bg-opacity,1))!important
}

.text-bg-light {
    color: #000!important;
    background-color: #f8f9fa!important;
    background-color: RGBA(248,249,250,var(--bs-bg-opacity,1))!important
}

.text-bg-dark {
    color: #fff!important;
    background-color: #212529!important;
    background-color: RGBA(33,37,41,var(--bs-bg-opacity,1))!important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb),1)!important;
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-primary:focus,.link-primary:hover {
    color: #0a58ca!important;
    color: RGBA(10,88,202,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: #0a58ca!important;
    text-decoration-color: #0a58ca!important;
    -webkit-text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb),1)!important;
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-secondary:focus,.link-secondary:hover {
    color: #565e64!important;
    color: RGBA(86,94,100,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: #565e64!important;
    text-decoration-color: #565e64!important;
    -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important
}

.link-success {
    color: RGBA(var(--bs-success-rgb),1)!important;
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-success-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-success:focus,.link-success:hover {
    color: #146c43!important;
    color: RGBA(20,108,67,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: #146c43!important;
    text-decoration-color: #146c43!important;
    -webkit-text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important
}

.link-info {
    color: RGBA(var(--bs-info-rgb),1)!important;
    color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-info-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-info:focus,.link-info:hover {
    color: #3dd5f3!important;
    color: RGBA(61,213,243,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: #3dd5f3!important;
    text-decoration-color: #3dd5f3!important;
    -webkit-text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb),1)!important;
    color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-warning:focus,.link-warning:hover {
    color: #ffcd39!important;
    color: RGBA(255,205,57,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: #ffcd39!important;
    text-decoration-color: #ffcd39!important;
    -webkit-text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb),1)!important;
    color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-danger-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-danger:focus,.link-danger:hover {
    color: #b02a37!important;
    color: RGBA(176,42,55,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: #b02a37!important;
    text-decoration-color: #b02a37!important;
    -webkit-text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important
}

.link-light {
    color: RGBA(var(--bs-light-rgb),1)!important;
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-light-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-light:focus,.link-light:hover {
    color: #f9fafb!important;
    color: RGBA(249,250,251,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: #f9fafb!important;
    text-decoration-color: #f9fafb!important;
    -webkit-text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb),1)!important;
    color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-dark-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-dark:focus,.link-dark:hover {
    color: #1a1e21!important;
    color: RGBA(26,30,33,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: #1a1e21!important;
    text-decoration-color: #1a1e21!important;
    -webkit-text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),1)!important;
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),1)!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),1)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis:focus,.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb),.75)!important;
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),.75)!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),.75)!important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: 0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color);
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    grid-gap: .375rem;
    gap: .375rem;
    align-items: center;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),.5);
    text-decoration-color: rgba(var(--bs-link-color-rgb),.5);
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
    -webkit-transform: translate3d(.25em,0,0);
    transform: translate3d(.25em,0,0);
    -webkit-transform: var(--bs-icon-link-transform,translate3d(.25em,0,0));
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.85714%
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media (min-width: 576px) {
    .sticky-sm-top {
        top:0
    }

    .sticky-sm-bottom,.sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-sm-bottom {
        bottom: 0
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        top:0
    }

    .sticky-md-bottom,.sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-md-bottom {
        bottom: 0
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        top:0
    }

    .sticky-lg-bottom,.sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-lg-bottom {
        bottom: 0
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        top:0
    }

    .sticky-xl-bottom,.sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-xl-bottom {
        bottom: 0
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        top:0
    }

    .sticky-xxl-bottom,.sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        bottom: 0
    }
}

.hstack {
    flex-direction: row;
    align-items: center
}

.hstack,.vstack {
    display: flex;
    align-self: stretch
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
    position: absolute!important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: initial!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.object-fit-contain {
    object-fit: contain!important
}

.object-fit-cover {
    object-fit: cover!important
}

.object-fit-fill {
    object-fit: fill!important
}

.object-fit-scale {
    object-fit: scale-down!important
}

.object-fit-none {
    object-fit: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.overflow-x-auto {
    overflow-x: auto!important
}

.overflow-x-hidden {
    overflow-x: hidden!important
}

.overflow-x-visible {
    overflow-x: visible!important
}

.overflow-x-scroll {
    overflow-x: scroll!important
}

.overflow-y-auto {
    overflow-y: auto!important
}

.overflow-y-hidden {
    overflow-y: hidden!important
}

.overflow-y-visible {
    overflow-y: visible!important
}

.overflow-y-scroll {
    overflow-y: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb),var(--bs-focus-ring-opacity))
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    -webkit-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    -webkit-transform: translateX(-50%)!important;
    transform: translateX(-50%)!important
}

.translate-middle-y {
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle)!important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle)!important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle)!important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle)!important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle)!important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle)!important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle)!important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle)!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.gap-0 {
    grid-gap: 0!important;
    gap: 0!important
}

.gap-1 {
    grid-gap: .25rem!important;
    gap: .25rem!important
}

.gap-2 {
    grid-gap: .5rem!important;
    gap: .5rem!important
}

.gap-3 {
    grid-gap: 1rem!important;
    gap: 1rem!important
}

.gap-4 {
    grid-gap: 1.5rem!important;
    gap: 1.5rem!important
}

.gap-5 {
    grid-gap: 3rem!important;
    gap: 3rem!important
}

.row-gap-0 {
    grid-row-gap: 0!important;
    row-gap: 0!important
}

.row-gap-1 {
    grid-row-gap: .25rem!important;
    row-gap: .25rem!important
}

.row-gap-2 {
    grid-row-gap: .5rem!important;
    row-gap: .5rem!important
}

.row-gap-3 {
    grid-row-gap: 1rem!important;
    row-gap: 1rem!important
}

.row-gap-4 {
    grid-row-gap: 1.5rem!important;
    row-gap: 1.5rem!important
}

.row-gap-5 {
    grid-row-gap: 3rem!important;
    row-gap: 3rem!important
}

.column-gap-0 {
    grid-column-gap: 0!important;
    -webkit-column-gap: 0!important;
    column-gap: 0!important
}

.column-gap-1 {
    grid-column-gap: .25rem!important;
    -webkit-column-gap: .25rem!important;
    column-gap: .25rem!important
}

.column-gap-2 {
    grid-column-gap: .5rem!important;
    -webkit-column-gap: .5rem!important;
    column-gap: .5rem!important
}

.column-gap-3 {
    grid-column-gap: 1rem!important;
    -webkit-column-gap: 1rem!important;
    column-gap: 1rem!important
}

.column-gap-4 {
    grid-column-gap: 1.5rem!important;
    -webkit-column-gap: 1.5rem!important;
    column-gap: 1.5rem!important
}

.column-gap-5 {
    grid-column-gap: 3rem!important;
    -webkit-column-gap: 3rem!important;
    column-gap: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.34375rem + 1.125vw)!important
}

.fs-2 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-3 {
    font-size: calc(1.27813rem + .3375vw)!important
}

.fs-4 {
    font-size: calc(1.25625rem + .075vw)!important
}

.fs-5 {
    font-size: 1.09375rem!important
}

.fs-6 {
    font-size: .875rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-light {
    font-weight: 300!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-medium {
    font-weight: 500!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0,0%,100%,.5)!important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color)!important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis)!important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis)!important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis)!important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis)!important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis)!important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis)!important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis)!important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis)!important
}

.link-opacity-10,.link-opacity-10-hover:hover {
    --bs-link-opacity: .1
}

.link-opacity-25,.link-opacity-25-hover:hover {
    --bs-link-opacity: .25
}

.link-opacity-50,.link-opacity-50-hover:hover {
    --bs-link-opacity: .5
}

.link-opacity-75,.link-opacity-75-hover:hover {
    --bs-link-opacity: .75
}

.link-opacity-100,.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,.link-offset-1-hover:hover {
    text-underline-offset: .125em!important
}

.link-offset-2,.link-offset-2-hover:hover {
    text-underline-offset: .25em!important
}

.link-offset-3,.link-offset-3-hover:hover {
    text-underline-offset: .375em!important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),1)!important;
    text-decoration-color: rgba(var(--bs-link-color-rgb),1)!important;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-underline-opacity-0,.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: .1
}

.link-underline-opacity-25,.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-50,.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-75,.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: .75
}

.link-underline-opacity-100,.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle)!important
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: var(--bs-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--bs-border-radius)!important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-end-circle {
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-left-radius: var(--bs-border-radius-pill)!important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.z-n1 {
    z-index: -1!important
}

.z-0 {
    z-index: 0!important
}

.z-1 {
    z-index: 1!important
}

.z-2 {
    z-index: 2!important
}

.z-3 {
    z-index: 3!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .object-fit-sm-contain {
        object-fit: contain!important
    }

    .object-fit-sm-cover {
        object-fit: cover!important
    }

    .object-fit-sm-fill {
        object-fit: fill!important
    }

    .object-fit-sm-scale {
        object-fit: scale-down!important
    }

    .object-fit-sm-none {
        object-fit: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-inline-grid {
        display: inline-grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .gap-sm-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-sm-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-sm-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-sm-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-sm-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .row-gap-sm-0 {
        grid-row-gap: 0!important;
        row-gap: 0!important
    }

    .row-gap-sm-1 {
        grid-row-gap: .25rem!important;
        row-gap: .25rem!important
    }

    .row-gap-sm-2 {
        grid-row-gap: .5rem!important;
        row-gap: .5rem!important
    }

    .row-gap-sm-3 {
        grid-row-gap: 1rem!important;
        row-gap: 1rem!important
    }

    .row-gap-sm-4 {
        grid-row-gap: 1.5rem!important;
        row-gap: 1.5rem!important
    }

    .row-gap-sm-5 {
        grid-row-gap: 3rem!important;
        row-gap: 3rem!important
    }

    .column-gap-sm-0 {
        grid-column-gap: 0!important;
        -webkit-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-sm-1 {
        grid-column-gap: .25rem!important;
        -webkit-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-sm-2 {
        grid-column-gap: .5rem!important;
        -webkit-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-sm-3 {
        grid-column-gap: 1rem!important;
        -webkit-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-sm-4 {
        grid-column-gap: 1.5rem!important;
        -webkit-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-sm-5 {
        grid-column-gap: 3rem!important;
        -webkit-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .object-fit-md-contain {
        object-fit: contain!important
    }

    .object-fit-md-cover {
        object-fit: cover!important
    }

    .object-fit-md-fill {
        object-fit: fill!important
    }

    .object-fit-md-scale {
        object-fit: scale-down!important
    }

    .object-fit-md-none {
        object-fit: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-inline-grid {
        display: inline-grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .gap-md-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-md-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-md-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-md-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-md-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-md-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .row-gap-md-0 {
        grid-row-gap: 0!important;
        row-gap: 0!important
    }

    .row-gap-md-1 {
        grid-row-gap: .25rem!important;
        row-gap: .25rem!important
    }

    .row-gap-md-2 {
        grid-row-gap: .5rem!important;
        row-gap: .5rem!important
    }

    .row-gap-md-3 {
        grid-row-gap: 1rem!important;
        row-gap: 1rem!important
    }

    .row-gap-md-4 {
        grid-row-gap: 1.5rem!important;
        row-gap: 1.5rem!important
    }

    .row-gap-md-5 {
        grid-row-gap: 3rem!important;
        row-gap: 3rem!important
    }

    .column-gap-md-0 {
        grid-column-gap: 0!important;
        -webkit-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-md-1 {
        grid-column-gap: .25rem!important;
        -webkit-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-md-2 {
        grid-column-gap: .5rem!important;
        -webkit-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-md-3 {
        grid-column-gap: 1rem!important;
        -webkit-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-md-4 {
        grid-column-gap: 1.5rem!important;
        -webkit-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-md-5 {
        grid-column-gap: 3rem!important;
        -webkit-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .object-fit-lg-contain {
        object-fit: contain!important
    }

    .object-fit-lg-cover {
        object-fit: cover!important
    }

    .object-fit-lg-fill {
        object-fit: fill!important
    }

    .object-fit-lg-scale {
        object-fit: scale-down!important
    }

    .object-fit-lg-none {
        object-fit: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-inline-grid {
        display: inline-grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .gap-lg-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-lg-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-lg-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-lg-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-lg-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .row-gap-lg-0 {
        grid-row-gap: 0!important;
        row-gap: 0!important
    }

    .row-gap-lg-1 {
        grid-row-gap: .25rem!important;
        row-gap: .25rem!important
    }

    .row-gap-lg-2 {
        grid-row-gap: .5rem!important;
        row-gap: .5rem!important
    }

    .row-gap-lg-3 {
        grid-row-gap: 1rem!important;
        row-gap: 1rem!important
    }

    .row-gap-lg-4 {
        grid-row-gap: 1.5rem!important;
        row-gap: 1.5rem!important
    }

    .row-gap-lg-5 {
        grid-row-gap: 3rem!important;
        row-gap: 3rem!important
    }

    .column-gap-lg-0 {
        grid-column-gap: 0!important;
        -webkit-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-lg-1 {
        grid-column-gap: .25rem!important;
        -webkit-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-lg-2 {
        grid-column-gap: .5rem!important;
        -webkit-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-lg-3 {
        grid-column-gap: 1rem!important;
        -webkit-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-lg-4 {
        grid-column-gap: 1.5rem!important;
        -webkit-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-lg-5 {
        grid-column-gap: 3rem!important;
        -webkit-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .object-fit-xl-contain {
        object-fit: contain!important
    }

    .object-fit-xl-cover {
        object-fit: cover!important
    }

    .object-fit-xl-fill {
        object-fit: fill!important
    }

    .object-fit-xl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xl-none {
        object-fit: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-inline-grid {
        display: inline-grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .gap-xl-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-xl-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-xl-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-xl-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-xl-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .row-gap-xl-0 {
        grid-row-gap: 0!important;
        row-gap: 0!important
    }

    .row-gap-xl-1 {
        grid-row-gap: .25rem!important;
        row-gap: .25rem!important
    }

    .row-gap-xl-2 {
        grid-row-gap: .5rem!important;
        row-gap: .5rem!important
    }

    .row-gap-xl-3 {
        grid-row-gap: 1rem!important;
        row-gap: 1rem!important
    }

    .row-gap-xl-4 {
        grid-row-gap: 1.5rem!important;
        row-gap: 1.5rem!important
    }

    .row-gap-xl-5 {
        grid-row-gap: 3rem!important;
        row-gap: 3rem!important
    }

    .column-gap-xl-0 {
        grid-column-gap: 0!important;
        -webkit-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-xl-1 {
        grid-column-gap: .25rem!important;
        -webkit-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-xl-2 {
        grid-column-gap: .5rem!important;
        -webkit-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-xl-3 {
        grid-column-gap: 1rem!important;
        -webkit-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-xl-4 {
        grid-column-gap: 1.5rem!important;
        -webkit-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-xl-5 {
        grid-column-gap: 3rem!important;
        -webkit-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .object-fit-xxl-contain {
        object-fit: contain!important
    }

    .object-fit-xxl-cover {
        object-fit: cover!important
    }

    .object-fit-xxl-fill {
        object-fit: fill!important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xxl-none {
        object-fit: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-inline-grid {
        display: inline-grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .gap-xxl-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-xxl-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-xxl-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-xxl-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-xxl-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .row-gap-xxl-0 {
        grid-row-gap: 0!important;
        row-gap: 0!important
    }

    .row-gap-xxl-1 {
        grid-row-gap: .25rem!important;
        row-gap: .25rem!important
    }

    .row-gap-xxl-2 {
        grid-row-gap: .5rem!important;
        row-gap: .5rem!important
    }

    .row-gap-xxl-3 {
        grid-row-gap: 1rem!important;
        row-gap: 1rem!important
    }

    .row-gap-xxl-4 {
        grid-row-gap: 1.5rem!important;
        row-gap: 1.5rem!important
    }

    .row-gap-xxl-5 {
        grid-row-gap: 3rem!important;
        row-gap: 3rem!important
    }

    .column-gap-xxl-0 {
        grid-column-gap: 0!important;
        -webkit-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-xxl-1 {
        grid-column-gap: .25rem!important;
        -webkit-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-xxl-2 {
        grid-column-gap: .5rem!important;
        -webkit-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-xxl-3 {
        grid-column-gap: 1rem!important;
        -webkit-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-xxl-4 {
        grid-column-gap: 1.5rem!important;
        -webkit-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-xxl-5 {
        grid-column-gap: 3rem!important;
        -webkit-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.1875rem!important
    }

    .fs-2 {
        font-size: 1.75rem!important
    }

    .fs-3 {
        font-size: 1.53125rem!important
    }

    .fs-4 {
        font-size: 1.3125rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-inline-grid {
        display: inline-grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

@-webkit-keyframes fadein-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadein-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeout-right {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

@keyframes fadeout-right {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

@-webkit-keyframes fadein-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadein-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeout-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }
}

@keyframes fadeout-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes zonIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #dec07e
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #dec07e
    }
}

.gap-x-1>*+*,.gap-x-2>*+*,.gap-x-3>*+*,.gap-x-4>*+*,.gap-x-5>*+* {
    margin-right: calc(var(--gap-x)*0);
    margin-left: calc(var(--gap-x)*1)
}

.gap-x-1,.gap-x-2 {
    --gap-x: 0.5rem
}

.gap-x-3 {
    --gap-x: 1rem
}

.gap-x-4 {
    --gap-x: 1.5rem
}

.gap-x-5 {
    --gap-x: 3rem
}

.gap-y-1>*+*,.gap-y-2>*+*,.gap-y-3>*+*,.gap-y-4>*+*,.gap-y-5>*+* {
    margin-bottom: calc(var(--gap-y)*0);
    margin-top: calc(var(--gap-y)*1)
}

.gap-y-1,.gap-y-2 {
    --gap-y: 0.5rem
}

.gap-y-3 {
    --gap-y: 1rem
}

.gap-y-4 {
    --gap-y: 1.5rem
}

.gap-y-5 {
    --gap-y: 3rem
}

.x-container {
    margin: 5rem auto
}

.x-container,.x-container-no-m {
    max-width: 1200px!important;
    min-width: 1200px;
    padding: 0 .75rem
}

.x-container-no-m {
    margin: 0 auto
}

.m-container {
    padding: 0 1rem
}

.desktop-view {
    min-width: 1200px
}

.mobile-view {
    font-size: 3.75vw;
    overflow: hidden
}

.mobile-view .master-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: var(--app-height)
}

.mobile-view .master-container .master-content {
    height: 100%;
    overflow: auto
}

body {
    background-color: #f6fafd
}

.picker-inner {
    touch-action: none
}

p {
    margin-bottom: 0!important
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

::-webkit-scrollbar {
    height: 4px
}

.mobile-view ::-webkit-scrollbar {
    height: 2px
}

::-webkit-scrollbar-track {
    background: #f0f6ff
}

::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover {
    background: #8b9ccb
}

.col-5ths {
    flex: 0 0 auto;
    width: 20%
}

a {
    color: #4a89fc;
    text-decoration: none
}

.search-bar {
    display: flex;
    align-items: center;
    width: 15.625rem;
    position: relative;
    color: #becaec
}

.search-bar img,.search-bar svg {
    position: absolute;
    right: 8%
}

.search-bar img+input {
    padding-left: 2.5rem
}

.search-bar .form-control {
    border: 1px solid #becaec;
    border-radius: 1.25rem;
    background-color: initial
}

.search-bar .form-control::-webkit-input-placeholder {
    color: #abb8d6
}

.search-bar .form-control::placeholder {
    color: #abb8d6
}

.react-loading-skeleton {
    background-color: #f6faff!important;
    background-image: linear-gradient(90deg,#f6faff,#f0f6ff,#f6faff)!important
}

.card-shadow {
    border-radius: 1.5rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    display: block;
    overflow: hidden
}

.card-shadow img {
    width: 100%;
    height: auto
}

::-webkit-scrollbar {
    width: 10px
}

.mobile-view ::-webkit-scrollbar {
    width: 5px
}

.flip-number {
    position: absolute;
    z-index: 10;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.flip-number section>* {
    margin: 0 .25rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAABdCAMAAAAooz77AAABUFBMVEUAAAB4nenBzOrd5/mLs/y1zvns7/nZ4vmuvuSep8zj6vni6vnB1fmVseyToM3G2PidtuqhtOF9qvn6+vzo6fPq6/Pm5/L5+fv8/P7y8/j29vr19fn3+Pvs7fXx8ffu7/bv8PbW2Ojz9PnO0OTa3OrY2urc3uzNz+Pi4+/R0+XV1ufS1Obl5vDg4u7f4e3T1efl6/rj5fDe3+3Q0uTU1ufj5PDAw9uxtNOeosaprc3i6fi4u9eipsns7/jo7Pfe5ffS3fXH0u7EzuvQ0uXIyt+mqcvm6vXP2/Xb4vTe4vLLzOG1udWtsNCfps7u8fng5PPN2PLK1fDM0efDxd2zu9y9wNr+/v7o7vrX3e/S1+u7vtmYoMrW4fni5vTa3/HV2u3O0+nFx96wuNqrstelrNOjq9KssM+bpM3T3/fk6Pbd4/WttdmosNW9xuSxv+O3vt6u41BBAAAAE3RSTlMATu/GTk7w8PDw7+/Hx8fExMRQyfdV8AAAAwdJREFUWMOll/lT00AYhhcQ77tJS+42lEJLC9Q0VRHKVUGpHMopAlIPFAH9/3/z/RKYiE2Q/Xx223ez3z7d6UxnuivEtQd3xsckud3TC3HK0M0AxFVT1yd7xV1Xz0hj6kaPuKGbmZQsUK+LXZicTbfELr4mAzJdQ2dgNMSuZoDAlkm3Ib5rriGPq8G0NZeBDTNra/LY9ryYdrI2g+wRTCcLbLxk0oFpWVCpO1dIED5be2JatRx5LJgLqmoxUGEqKosVmCxVgZlWOKTJBDREl8j0a5gsYK6WyxyxDLNaLTOo7otV368y8GEOBfi+L5EAZqWClKVS2RZvR0YqHMjkAfMJiwLMAo+PMPMFdCCT+TzMPIMCmTP5AbQL/PsZHeYAj/diJsfj/8xSLlcqUZfJEsxSLWjoMlk7EDOjPA7E7DAPMoscht/B9OY8zyuiXUzv8oRZ7O/3gt6Rl+HBxBoOMPE+GCKTZHpck/+LXyiXmf8O0xR8U6FGRCOMo9ZRPzMVaUJT4f7zvlJ4BKYKMEYSyBioHHK2fC80gaUmEldX0jBp1qJaUouphyZNhvy1QTQXU4fJPIMdRaYTRscYxNTVefGDd2Ik02KZFplONh4HJNZgTsFkQCZ9btJh/ZzOigOTcwOA2YhMukv8SfQUV8/C5N1XyOSI2N0S4zA5aoNMVx7NnhTjmhbd8IjOcUzd1cjEWJ5zM7yORujhO4GMqYcm5qUxXJ4JyHR1ztXemBRjBs9chmlm4jFBYk2HqaMqT2SmQjIh0ZiIqWdMMjErC9sEpibGzBSHjCa2sGWfbIPpktknDVSY2JIBzCkyNy9dFVdPLYtVM5W4fnMzec8Vceq7qQSCFfHo5bq4OVhQnXQhh6N5bXSYjslz5yfBRaJJtNvtNaIe0Mz5+fotca/ZX0kXBuv1jY2NnZ2dF6DVaj0l3oDD58RLMAGeBRy2c83D++Lxz8V8eqi4RibEyATx5kRrsVZf6hKi62H39v7B6a914hM4Pj7+DE5OTr6Ar2CJ+AY+EEvrs92PusRvgT2nnZ31rzsAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.flip-number img {
    position: absolute;
    width: 115%;
    height: auto;
    bottom: -70%;
    left: -7%
}

.flip-number span {
    font-size: 40px!important;
    z-index: 1!important
}

.mobile-view .flip-number img {
    width: 114%;
    bottom: -88%;
    left: -7%
}

.fade-in-right {
    -webkit-animation: fadein-right 1s;
    animation: fadein-right 1s
}

.fade-out-right {
    -webkit-animation: fadeout-right 1s;
    animation: fadeout-right 1s
}

.fade-in-left {
    -webkit-animation: fadein-left 1s;
    animation: fadein-left 1s
}

.fade-out-left {
    -webkit-animation: fadeout-left 1s;
    animation: fadeout-left 1s
}

hr {
    border: none;
    height: 1px;
    opacity: 1;
    background-color: #becaec
}

.game-m-nav .game-nav-btn {
    position: relative;
    width: 100%;
    height: 2.5rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: flex;
    align-items: center;
    padding: .375rem;
    line-height: 1.25;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAArCAYAAABYSfeIAAAABHNCSVQICAgIfAhkiAAABB1JREFUeF7tnNuKFEccxquqz4dpZ3ZXTXDdhDyBCXqvEBAJvsQmhJC75CaK90LEXIaAGsg7bFi8CuQFVHwAMcsmqLO7M5nunj5WldU77MRx3ewyVE2X8B+Yi+nD9//4ftShh6rG6ASfLMvWqqq6wDn/mBDSO8EtcMkCEmCMDTDGzy3LeuJ53tZxJfH/XZAkyY9C8FshSDEm3DRNDyHuHCcK5xeTgGCSV3WVccaI4GQITj9HUXTjqOrvhJ2m6UVK6YZpu45rmz0hshj3UGXuBESvi8qqHlRlkYne93oQBI/eFjtEUYC+RCnb8H3/jGEQoDx3/O3cKNjxPM9e1nX9RbfbnQE+A3PSotnvnU54th2rUFVWAnGSvCIYXw3D8MmB5gzs0SjeES16CVq0rMjb06GM8TRJ+6dORdOGO4U9Go3umJb7vedaRnsWobLMBLKiqst8fFd05zcb3f9gx3ERBoENkzGZcber1UzakiQtoqjjTmHvP0fX9HknDGBC1i4f6dXjJOWmQdbE8Ly9D3cwStdNgu+HgUekVwPBVhNI0ozXjK33ovC3fdi7w/Re4FlfOrYFsFtFI794XpQsK9mvS5H39T7svX+zTd/B1xwH/hyTH3e7imVZoiSrHy53g2sT2KPsD9/GVwB2u2BUVG9gj8b0z9M9/zLAVpGwRpoAWyMYqq0AbNUJa6QPsDWCodoKwFadsEb6AFsjGKqtAGzVCWukD7A1gqHaCsBWnbBG+gBbIxiqrQBs1QlrpA+wNYKh2grAVp2wRvoAWyMYqq0AbNUJa6QPsDWCodoKwFadsEb6h2D3h9lmxyViWZKtkU2wIiOBoihRmnOxLMmdLEvq7+X3PId9FfgeLCWWkbBGGuk442lFHpztupMFhy8G9bpv5g9g3bhGlCRZieOEp9Rb/7BnTpYS/7PH1wIz+UvARrAjRFLKGsiIPdsoSccorsLzq8t4skmg+ewMi9J3kOW5MG5rwEmKhbyomvG6XOlO1ohPYW/t8ruRmXwXdQKx0xOGbilptyjS7POKkzEdlsFPH63gH2ZgT7pz2g/MbEUAb9EmlJaRgACN4tJ9eW7Z+OBAb6YJ/z3kn6GaPuw4xWnfd5FBYDeQjOAXqSFepoDEDByJSVmfcvL5+SX89J2wm4MNcEzZZmBlZyzLxq5jwqRtkbTmrNVMxoqSiveqlOJRy+tzQq6u9vD0rQuHuvGDOtsDfoFRtOEauecY9XJznBADWZYAj/icduA22QlwQaOqasQ5E1+OKm7vjis7xQRdf7NFH9my3zS0tcNvi9/fEMwxwbQ2MPcxYr5s06A3bwJkXHM8ZtwwGcdNK/xlbQXfOkrtRNPu7V2+KoaCTxFBnyCG4KV387KRfR9BA8HjmUHQ4+Y5+jj5E8E+TgTOvx8JvAa2YSdKWfuhqwAAAABJRU5ErkJggg==)
}

.game-m-nav .game-nav-btn .active-nav-img {
    display: none
}

.game-m-nav .game-nav-btn img {
    width: 30%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1!important
}

.game-m-nav .game-nav-btn p {
    width: 70%;
    height: auto;
    font-size: .75rem;
    text-align: center;
    color: #6b7ba8
}

.game-m-nav .game-nav-btn .event-btn-deco {
    display: none
}

.game-m-nav .game-nav-btn.active {
    background-image: url(data:image/png;base64,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)
}

.game-m-nav .game-nav-btn.active p {
    color: #fff
}

.game-m-nav .game-nav-btn.active .nav-img {
    display: none
}

.game-m-nav .game-nav-btn.active .active-nav-img {
    -webkit-animation: zonIn .25s;
    animation: zonIn .25s;
    display: block
}

.game-m-nav .game-nav-btn.active.event {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAoCAYAAAA16j4lAAAABHNCSVQICAgIfAhkiAAAHJtJREFUeF7tW0lsZelV/u+973meyn4earZrcHc1aSVqEbrJosUGsUGgIIESJrHI1BJSklVWIIRQANFNJ6tEIIEEC8SOBYtApKhpaDohoaWE9FCTy3bZZbvssl3l2e8OfN/5z/nf71d2dboFrHhKxe/d+w/nP+c73xnu7cSd8Gn85xd+Mamq553LnnNV+VySJBOuqjlXJdGMyrm0id+8xn8l7mf+Hz9J4f/xnsyNN9PxSa736/iLAbI8rslf/h+uVSn+4p/M12sJx+rasizHcV8dl0AujhF5OF/n+YXxk3tQXo43efGbZ0hUNo4rITfXtD3CuTiW11U+W4PzU6xNPZk84dg8gMpN2eK1g664ZiyXya2LcG2/yhL+vJWU2Vtllf3H2vNf/8ewTfQltpZcHv/+S5cqV/1tUqWfgHH9YlSWKMIUpVtQSOqKAmFsxZ9isArXMBb3q1INl+3jJ5Xd4bdP99TovE8gcA/cs78mZLqPNTpll6MG5gDOoYw8BvZLD0VpCUFHQIn8kIe/y25dkb85rkvncW9VqACC8vCjxjYdBHCWsL/tRbl0rOyBPXl+OSNkSg9EF1XBvSgidCDn4DwaGvcpJ4xbyb7+jCa/bEmgyP/M0AZqs4V3sCop/j1x2W+tfPwbM6Y6/j1i4Mb3XvpM4vJXAeC+cEsOz6FUFr/Q0OZFvMfdbVNbTiytSlYFyBguwYPQS+w3DWHrUVj1CjkVx6hHiiFVy/QwUSTHcozd0zkCKr0mgONUUwgNqoxj18SbcV1+q5fJX67BM5qMNDr34F/eNy+Ozi1j+eE4ZRGRh5eU7drHxGYIcihoA4PR8npm04vtYw5WZtuQ6YurL3zzr1SI1spj3/vsF3DAb/hFDMUcRgVRaB6IAnNj9QxRHNFqm0fzEniJ3FNjyqE4jgrjWtGh7Z5IZYZQw8he3Jf3TKH8ToPQM8zTTLGxzEr/XMOUK8Djb87nWH7nmTWECCsZaGgkeqGGCLnO+fytawbjqwHNeLYmtwggU6AIS6m8IofJzrNwD2M1PZt4uX1XNqNORDcGLrMTAexeuv/8X35Ttub/jf3gc5ddfvBDGLK3NckOakjiQS0e8Ts3MuOpIcVA5k02PzKmaNQ8inRsvAcwyD0TnuvwAKYEUpnuZx4liocixFj8rtQvR+Jcfix285p6qchngKXS+DFv5fcYMD7ceIXrfrIm5eF+DEMcozFc1uLeNJLScrjGL8YE/G7AMblNXwpwoW87M9fkOAO9AkDOavqOz5LuuFry0fs//Re3Qd5/kI69Of+vLi0/IcKWnKDIEC809PKsmmwwtpQqmBiJnqkCMl7KdzO+riesbezA8YpcIlOURM+m4EqTMjamKR+rwjjxSB/nPSOYnLYexdKET9CvnheSPqXz9iQw1dAh49U7uI7EbU3ibD07o+hC2Sl4ruYsMk/ZSuI0ga2eyr0k0aKcPAKBbrkOz0Xwct14HsGh+ua5qTMZo2AUJkI+lFRvrL5w/sVk+LsvvVArt9+sAoWaVyFRgiBVwQX8ohIpRaEp7jExMAMITCMlUHkqIK9j88QSLonZXhlMzio7ELPDUg0mi3mDMLmoRGlUsk/2kABKploZyCgbxvi1MJN/ClOOgSLyFF3HJ47YAYqW01FhKZRPg3AdlZOyCD4pryhU47XM1SRHkyERnUDAmtSfKFuBImrE+Moye6wj55NJPAPlJpAVLJGeJTIyYQtJpembOvOrVNhX9Mx1sXde1H82aXz3c19KmoevhiRNUnyfCIkRBWFe3048Wj1ShIs2FARaJsmxNIZmhjwC0UoFKpqTzK/lBfbCK4zbvitAeFVjVSLJC5Wh4MO6CQzTAqlmxV7buKdgECvxN5RsmbmMieKZsBiVrGLxzLIZjY51CQD+Fm/mmTV+i454RjsPgdz0chXGdvhNrYWYa7QcJZ5hb8oJ/ROoFgoEfAZUrxerIrzDWUymPg5dWWZfThpvfP4fknL/l71yY8NwXaUGS6Kkdmv3BGo+pqA2OlI9haxZqNQ8ksqk4qgMy0w1DAgDqJbF40hjek8Ao2vYNSt1An1ZLLO9NOmjEYQpKLftZYpSI4mSNYxwXaNYTiKNChZJhZ5JWnV0ZGzRpd6zXMMqjmDgo0YSHYW9NbGMDWoULk6ntByYl+CKSzyKV/59MvrGZ5ddsTsesjRyQSmn92iVw1ARGgPtt8VZy0hFIQSAKdZ+R4kADxiMpXFNMkRVpnlFbGxrGAiFK0KDUikMY24UY8WrqCj1pNBQwNgMSqPX01BWphkdcrydQbBOPSgQqAQ5p+4lniLZqr+mVO/vU19RvCc4tDkhxjPZpbGhII7CVgCd0Hyc3WvJKA7DfZTxQqkXZ/heBoSGORj4M1VSbnoaCfWV8RM2sJgkNEXlGSqVypX2WsKYl1EQLTeE5hjvaEwrEbAemh9e4TwMEzdrHKgniffQUzRuCzgoR+TNNKYY0eiJcy08cGnskWt2HgzM6xpOTGEhE8Z6cmalRjmzllRiTPMSOoDPCVplDscqiPhX5GfSyQxew5NRvhg7LpHUmwMgjV00LJouNBaLvsWZ1KEk+48YTzwfAWH0336ncjmUIKA1ijEPphIY51pc75Fr9EklGKopsGaMlnDEig51qN9K5gloLP03QXnP4jENazkBh0fxMMirWaeAM6onraNkGboowpSgHimxzbJc7sV/VKiVIdxEy5BQy/Ke0WOsG8v+ozhshrVQEzxWY642KLxhrOqgE0T6Dvsq4EKpREaJQoIA0XoPKp838G9XrrnTojnz1DgLNmWakiST5OJUkKFQQXGkP6yGNBq3ckAoNVa4GUfzAGlitCUTmlWLMgJYrKQwcJoMKhdDjZGR0KyGGfEGpWRPS4Y6/zfupcsCPCvlIbjVGFFC02I+AybPR7D5LLoVQhSwsp+ym+FZ2MHqZA1ZVjIKXRPcCrbQJOEcAsMOaQBWGTE/GX0dHlxseVTGfC6GIq1EimbmG2KYUpRkiObxRJDG3JBNkvLoqeY1pkuNV5K1RnsYDcvBLZnggelpSrWPJV2KfjlXrCQqBWtTCUeaEWYoM5wC0WKlJVC8HMKCGkzCCvvaER2GI8WdPNalCpw4ObR+Qdyu3N905e62Sxtjnj1kPGTO0K+XPrYC1mia+1nta/E+MI3Fag+uZPRf4MHlA6/MOCsU9CvipECjwj2NVge7rmoeurRvUDfiYhob5bD4bXGMQjHWCDDaPCX0aolynRfKMgJImw5HYo1BXvcIcjEucw4VS1l9LepBauWazqWsmXaSJGvVpol4tcoRZ77CVApi7sF7sjaucU5IkrQ+FmAoVUuipmCwOjsKO9UOdN854Io7N1ztykc8M1pOIetSr8ZM3JtgFQu3HFK6dDFDUd/MqUjRr8HABZIsqWupDxhQ03B5giEGYh3pi/9qd8slWeaKtXsuO3vFKwQoT3DfCnoZSAObMNacsFhkiJes0xfmXAiPvnQN8w41lhrdWgLeTBijzQSph8Oa3sh2FoKykoZJ20flw+4QgRmnGoqSiAF9EubnclS0BVeTJI3yauyl/GwMKagSOIw02Nr2Rkbr12fThELt7bvmzeuudn7KpYPD6jA0EOYbM3JtOTObIfh/nk9l87Zm3ctmjc+N5EmeOAVuNb7zm7i+5j3MUEovwG/fFfGBnM0CfsqH2y6/+V+u9tTHXNLf7cfkGMsNlC6SDIBgR8YErJHajcpjRSsQpJgnUMyg+I01LEtMTJmhBPOgEy8F0yQZGwKezlvfdZ/AJPpbtM69LJtnHMe8msmsckAmnkkchfsazWIvMSTO3CqLyBbe4MJSxiTCinSS+Mwqe9BP6cqVOZeOX8I4rM3p2E/OTHCabqhNXBPp4Uyiby0FRd+Ux1sIuvMA8QZ+7deQRT9SWrBMkDJpl0qREFACgYt7cy47c9GvF2JARF0ihdKx1NJ6QmkfKt1IJspuDVtsvObHSHuPSuVY9Q7pBln5wLV5eH6C5yplhmaHriXdLaU42UPPV4vKHgWNzKDhuGdUy4uReUxpIXrGEQFNZjkDW648p1YCMY1GBpJ5BK6YyeQqXPPdH7n61Wk808BTWgOSdMy8R8o1mUf7GdN45+DelFdULmq0MIErkBke/KuVO9Qs2rLLMFizTYmpmCg16aFrXn/b1Z96Bosh6QmxRoU35RhNS52If+KdFJgxSb3oSBNDlSNhgWN5EAps5EjpLUvUdfRwcrK4ESJ7kwE0SeO4OCcQcOg9ot1qbQVdMJStaWeUTpNlxTwOv2ueYM+rQ1iKcgBvmpY3U0fWRAJQmu98H4z4EZfUkbyFrh7Hcxz31PHa4/bnom6iMsmaRXEFQOpufOdXKncAA2tMC+jlAlJXUVAoSL2lKpuu+aO3XMfHPq6Q4ThNKCSZUsWJoaKa0DJwazCQxjKuq8KG5oIqwxQXkgnuo+272HOFynXP0HqMlH6E9rUJIXMsOdKsM25bWu+3vYIQ79aGijWFzOjGw0b9kshp1RGSPcgpzRZ74wOUu7ULh/kx8pnzYMXTLQCFThxkjfTv7US7KKMEYxP8ZBEDrobZxrdhYCRZLdowT1KEiFe3+s/lozWX35pxtauXXdo/YtjUmEZvjZsNkmW0KJq1YfzYLZREBAP38TGr2nuEWcjSe095gMknyh4DcHSedI+iGM8nS3nhysW7LruIUCKNC/Nq65UT/ZRNy59QRmmMtMxb4imBqjW0hBsNP5J9c+mouxUDM3SfVHZxFoKLcntmKlbuu2LhLiqSXpdNT/vXgeKHERZ2zFstoyZ4QnVAmTSrjxmEyVnj25+ELh+2PDh0UdQzJfnywjDOFHcXXHl/zaWjoy67cNZnbHKTNKKtO/62BkhcephXi1eS3qylyHisJQ3u5Uv3XNLR5bKRhhpW43aM1tCL1fgtRtBYj3vl7gGAeN11PPvRlnGE8y1h4n5KsSFuUW4FmnSWdL0AMk63M1q4iepOJpxiSyRB4sH0IoLaSjftUukDhWJlHvnMfdUftuvrcrXJy4h80csE9iSKo4wJ5Jz0ZDDAATJq6MqHIJ6NDmGhDDF69J9/qaqaSLIeay8qciPKLZbmXHEfdZt4JdYcGUR6z+xPOyzinertklVG5UuojRmDKa0KYQCwawBK890funRgELQ16Q8vtSGnKD1Kpohrua/1ZC1Brt2H9z7ccvntW67+7NM+thEQTHhE2ZrghETQaF73ih/5CaVaRRAZOMS6aC4z20MYPENyQ0+kjEJiViUoCPG7uDcDXW7489mHOMd5aj/FeEw6t/6BDhDKjzt8OOcDONvwuMZqYzsu5BPCpPGtn4eBD3ylJYHaEivGSAqP+rak595x5QaA0PZJ+0Etk5dgY6VfKbCpiCjO8ZQ1oO0Qh0aDJOmEwqUO9ZmeaEGz0yrPkXS845KuuqtPX/MKsqYC97b2KOWUw4pWPAMIAIg8POxeXnbl0n1Xm0Z92dfTUgz3YZODXbHg8bGRophu5xA8anLF0gV5SJIouKxlC7CU6BEUs7PYP0XT4io8i+LgfJJ46hmhl3L9kcvn7oaoGBuY39PBPlebguOITRhXDZiUQ8MN65xq3+Xzi65+AWOPPLigA/iwlQx9/QpqfLzCM3lRjexDk3zYSADqi7UHrlhc9teUtWI7p+NjrjaBNps8SPdeJA0YnknmsOSCYvZ3Xbm2hmRislU3E2Xcj7Us55aFy+/MAgSdknj4Ny5QhvAehJYH5kJ7VsfqmxARzbLUKh48BCiXXP1pKLqTIPXoDmWYLyz0zL6ckppe2Mln8P5tEg94qa9xoOqAQAJIu/jiKffmdW2GwBHymRl4H2S/CNnZC2bpdSRjR9b83nXnDpW2Y0Xad/rDU1OQu9/bgFJJBu11JQ2Q5r4rlpZcubntsrFhhEw0SWqdah5rzWD/oa9drVx/6bLRMRzi0D825NlpISqxCcp8511/7QQDc9X6M8+gWcB3gEnBHgVJ7cAX4OJ1ANTtm67cOXDZ5bNIoNDm1Fds5BDIqGUsDFzMz+KdtU6A5qxkotJlCtm2lgbs5rCGzqOk0F7ZAfOU+zsuv34XFI32X1w2hWfFGtelCcPkzrJjAsczgRjV4pp260q0afnwIe3p8vKGUg0zdhAWFhYhc+ZqSO6SDvbO2RhJXbHxwCWDSBoPD11+4/ZxZj1yLTvbEOot11dhPOiq4GNH6gn6IXjnVlrORjBmeCt6+gzAhT3sQx0Nvnqlch17LjtNAzOhwl0Wzo82cXMQQoNOZiD0MZ4bFiLiriDh6hqQQya9AxoTPHWWiDXlxgb611q+8HJPj6udO4NnAZr0hKQM6ltYwBrwguFR8TEpN6wlaC8kgPJdU58fh9JDkOnZYBtJFpig/gxoXtBGg4FhYJTqEEzARMbKumB0RbGEF4xr7rmkG/Ix1muYKECJDnOz0QkFjoU0iHPjRvDMdGjAZecAUJGnCdAuuHTiomA6f+c9L5OK+5i1GUWmJpCH9OEMiwAL1mGmDjCWm/DcOchg822y2qc2fQ7Agufr2snAK1OV23vg0rFTEBoKlcAOxC2y13waykBr8pbS80m4w2L1azBW1oPkYcXXc6q8cnMTawFtomRdQPWY1DOXXQHSUytd6DHQLTJ1enB2GmWY0DHjEBmFNxl7sMDeDowEmpQQrgtbCUGMPtr2FH1tEvNgIEnK6KlQ0OpDl00gQ5eyDIN5ZquDKSIZBSAvVu+jhchMHh8yM8JLscKKA0Oorwl4lpVIGF9u4P4qHANPz7IzDWTFqmgcqvnubVe7REbqcOXqKjwT76jHOol0y/wjO4uXbJCrNN+7iXh8DozXKWGkmEVugbOdNDcdG3HZOLyYTMpzDL5yCbF6DTEYHtiNdJt9TdLbbVy7AuXAY/JZJARPiBkUiN7I5COfuQevgbFpNBgnv3UHIGFCFZ0gonseJB2AIqhpaUEi5i+sQZYel57Ca9rSsqPFGNRBnftILO6vgimQKHUg45wYARsM+fWVwviwpNo5hDKA/msoO4D8il7IXfb3sP49nO1ySyB6rDQTaHAt+yBLfmcJij4Fz4cnLa24akMVqzOT4W7sj7PyQ3agbDd92VObvtDKhMEazevI6K+dB72C4eodAD37/2160XVrU2MAC0AIB2u+N+fql+D5NTBKAdAurgs7nWjgBqoPcVTfG08GXr0sr+zUpuB1EpagxBzdqttQztXzoNd1eahQzK+emPXVLo7hkTIStYlRxL1ZHA7AYGpQ4sAz+G+ktB/wGM3Tpow1Q8hytedKkBR3wRiMY+cJFN8YYOZJ5biI5oOFSPkDoPwz8Hh5GQFJFkJCufzQ1S5P+DpRy8DqAIZfJqChBGa4wjQafy1b19d380UYGAkkQ1dzZv5YkNem2QtAcrWCELQFxReKXrATz8XkJ2E78ib0cvkcWGAD4EUy1NuFWHzvMVZLh/rAGv3IsiEjqDm/jXlT2KPM0Y/axtwajOxZJHzMYQgs2CLpY4XArhvSxP6Xp5aT/QfjnJiODOEmlM1EYG4ZBm5A2Q9BR/AwxK1iEQpuo9nsPOiAa61tIeYMAcEQDMCoYHC8t4mEE//x2Lq9EnRULgH+lRE4OwxAr8N4cnR+m40OxnXUdwBcubEL6kfNqHnREfRGhxOFgnqZ/Rag03JtB82YMdCb/odnzEBxtnJl1WUED5LA8L6WiSYs4j2ruLeJDBXVAX7kc0vwUL5AEH1QDtWfBqjn6FWG4qNDsrEBGHoADrMA5U+gbkWpibieNfpd88cAf5s+01GcAefI5zdc7cJpOAjm4Qw5WM01kQxPNaCPLVc9VC/mdtQBwkI63IewBtbT3CRfW1tJBl6e/JY7WP8FEYseNQkFAe35XRjq0jhSccTnRp9k2Pkd9qz1o4rNriIO7tUlpmRjMDCRByGKOw+k81W7AuFm4P1lZAnLhc70ouYbEA/g8+biwQban6DDWcRsZIV1ZNukXVJ2uaV96Mcx0rpSQ/0JJpKsVeLcPgw85NJuyKiarAC4cnkDikJZYe1HZOIFanwqXcZp8yVfQD4xjhBQg9esghHW9fxqlOTUgKsB/E0moWb7tlCUDiKXQAnZvIUwR6ZhDsG/zC3zSCd2Ct6rYYyPVsIIpOxiDmEJ37OpQZci98gXod9tdRzad6QH1NwLdmJ+gfOWAMna+j8l/a9M/kmyv/4Vy7qy00BQf4aMELGiB4EdqE06fQ1Z7WpHyVBDYbpZBqFcQQcnQWLEGJldHoQnexqpXUKSgk5XsQCB0FYLQDrbI2VEuYWe8ykCCC1xKD4d6QYgfEOlPs3aGnUxWKTa1rlPyubriMmXBqHHDsyBV+3kQDQUMoxJuf/PRat9ZNfLCEkXIFcTe65gnNS21BJGdCDBwZykC09R5+HBoMukBplIwQ+PMlE62A2lDqLBgbi+hPNah1D1k3QCcBdYL/fCg+GtvB/btP0sx9ibS2WTw2BPPC/I4TDne6XCyBe2oRNFFealDZwP98tN6hNt3jOQeXX7T5O+P5/8VLq3/ndciIbMLoDOgOD8lvK80WL8N/aidoGhpNo5GHge81khnIGyerEejOT27CkPY28/vAJJC5ScNrpBS32gL2SgoNNiga1TUjTCRdoNumdRz0eaT3BfHnKgExQN4MBSzdl1XRslzSk2DPhAvwPG3EE+sYtGwiAoGK8eGTNE50gGoIczkO/OFsIT4mUPkiLIVO1owmdyMMm7iJKQ7piD9Wawp30ItknW+t5d81to8erxjw017UeL4+okYvJ9nH8XBr6INbvAOABUtWUPMXC8YT66RThb24U+O2Bk2GB9/dOJ+7Px3v6D3TfT3vqz2Wmglf1UKD3H4Z6o0JN0TQOD/vI7QByaF7VJKAABv1hA3NiPDdwHBO6hZ1zA2EgsejDmwS5AhlJr2RuY15NutNvQWmxef38DEzTCKGhK5GAgAe0ga1ZSNL7X0UnbBN0uI5xAUdXGDvaPWEnPlPTWxHPzOTBKoy5hgwletdHWfWL3EkYO9A8DBJ2xqoMhxE4sAHb57QQXfQJuRQ/nOwFGNmTgDCMAMaoL6ogMJR/xYGTZO7DdHh4w9EPm8f63Nx7O/oxgsfcPe5/NOtIfJL3I3+UBPWLi1k9AiccJxh47vKikd9CDx+kBEHARlHKgiCPtTHQhEQLlIdako0zwgPJZdIj6akChp55sjL1U/z5V88bJiVo4JGgpRbLIAJbPYLyEECQ0TDy0bCiRnJSroG5QXYWkpVzGm4vtic7pLiRmYJ3bqLWHQNnDkBXxvNrQRKpt/BE1tMXgx1T0JBY6Tp/EBEHEeE311aEPnEmcBY5oZ0+6qWxc3y7AOt2HaV/y3PqvL78dthv4o4Ev4aCvPglM73tPkydJEiyBAFWlgzDaJhsNLYHSU3hhbR9A2kPicBEG7kIpMYMOE8Z7tEPv/SkMrmXPvTblHiNMOoynOJ1Mf1EmrShbYHo2ai8EYu1HoGogPR3hoztm/215BdZNG6gfWcYvIa+AMlMYmUletX183fq+evm/GqDqTYfSL2/+7ubXRIfx3n1f7ft8WqYv46rntA/zeRILnYDu7CwUCsPk86xJWyA40TNOQnp83XKGx04ZDVJAHnvM9nP8JOt9GH39T84pHV6PdV989PuP/saWfYwwuv64a7Je1P8azyV/7kPt3Z50HafEkzLJ45RKIZ5kiFhIG3ccyD4orR5nUFv3g9Lsh1LkB5uE9u1rRb34jd2v7KJ70vqcKGr/V/unodgX+Q+Ngxfh1Rc/2Jb/P/p/WQPzKE5fR1x+Hfu8vvV7W3gG+fjnvwH7Oka4nzgsMAAAAABJRU5ErkJggg==)
}

.game-m-nav .game-nav-btn.active.event .event-btn-deco {
    position: absolute;
    top: 0;
    left: -.875rem;
    display: block
}

.game-m-nav-v2 {
    display: flex;
    flex-direction: column;
    grid-gap: .5rem;
    gap: .5rem;
    overflow-y: auto;
    padding-bottom: 1.5rem
}

.game-m-nav-v2::-webkit-scrollbar {
    display: none
}

.game-m-nav-v2 .game-nav-btn {
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: flex;
    align-items: center;
    padding: .375rem;
    line-height: 1.25;
    background-image: url(data:image/png;base64,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);
    flex-direction: column
}

.game-m-nav-v2 .game-nav-btn .active-nav-img {
    display: none
}

.game-m-nav-v2 .game-nav-btn img {
    width: 70%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1!important
}

.game-m-nav-v2 .game-nav-btn p {
    height: auto;
    font-size: .75rem;
    text-align: center;
    color: #6b7ba8
}

.game-m-nav-v2 .game-nav-btn .event-btn-deco {
    display: none
}

.game-m-nav-v2 .game-nav-btn.active {
    background-image: url(data:image/png;base64,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)
}

.game-m-nav-v2 .game-nav-btn.active p {
    color: #fff
}

.game-m-nav-v2 .game-nav-btn.active .nav-img {
    display: none
}

.game-m-nav-v2 .game-nav-btn.active .active-nav-img {
    -webkit-animation: zonIn .25s;
    animation: zonIn .25s;
    display: block
}

.game-m-nav-v2 .game-nav-btn.active.event {
    background-image: url(data:image/png;base64,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)
}

.game-m-nav-v2 .game-nav-btn.active.event .event-btn-deco {
    position: absolute;
    top: 0;
    left: -.875rem;
    display: block
}

.sb-login-register {
    border-radius: .75rem!important;
    background: linear-gradient(#87e3f1,#3e73fa)!important
}

.react-loading {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.75);
    position: fixed;
    top: 0;
    z-index: 99999;
    pointer-events: all;
    overscroll-behavior: contain
}

.react-loading>div {
    position: absolute;
    text-align: center
}

.react-loading>div .loading-img {
    width: 5rem;
    height: auto;
    margin-bottom: -1.5625rem;
    opacity: .75
}

.react-bootstrap-table table {
    table-layout: auto
}

.pf-m-dashboard .css-1gzxeik .react-bootstrap-table+.no-records {
    height: unset!important;
    min-height: 50vh
}

.css-1gzxeik {
    display: flex;
    flex-direction: column;
    height: 100%
}

.css-1gzxeik .react-bootstrap-table+.no-records {
    height: calc(100% - 4.125rem)!important
}

.pi-m-info {
    display: flex;
    align-items: center
}

.pi-m-info .user-profile-container {
    width: 30%;
    height: auto
}

.pi-m-info .user-profile-container .user-profile-img {
    width: 3.75rem;
    height: 3.75rem
}

.pi-m-info .user-profile-container .vip-icon {
    background: linear-gradient(90deg,#ffe5b4,#ffaa09);
    right: 4%
}

.pi-m-info .user-info {
    width: 70%;
    color: #414755
}

.pi-m-info .user-info .us-join,.pi-m-info .user-info .us-name {
    word-break: break-all
}

.m-subHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 2rem 1rem 1rem;
    color: #414755
}

.m-subHeader .sub-link {
    display: flex;
    align-items: center;
    width: 25%;
    color: #6b7ba8;
    transition: all .3s ease-in-out
}

.m-subHeader .sub-link:hover {
    text-decoration: none;
    color: #414755
}

.m-subHeader .sub-link:focus {
    outline: 0
}

.m-subHeader .sub-link p {
    margin-left: auto;
    margin-right: .4375rem
}

.m-subHeader .sub-link:only-child {
    margin-left: auto
}

.m-subHeader .h6,.m-subHeader h6 {
    width: 50%;
    text-align: center;
    font-weight: 400;
    margin-bottom: 0
}

.m-subHeader svg {
    font-size: 1.5rem;
    color: #414755
}

.number {
    font-weight: 500;
    word-break: break-all
}

.vip-icon {
    width: auto;
    min-width: 2.125rem;
    height: 1.0625rem;
    background: linear-gradient(90deg,#ffe5b4,#ffaa09);
    color: #f0f6ff;
    text-align: center;
    font-weight: 700;
    font-size: .63rem;
    font-style: italic;
    line-height: 1.1rem;
    border-radius: .3125rem;
    z-index: 1
}

@-webkit-keyframes shine {
    0% {
        opacity: 1;
        top: -75%;
        left: -125%
    }

    to {
        opacity: 1;
        top: -25%;
        left: 125%
    }
}

.event-date {
    font-size: 1.125rem!important;
    color: #6b7ba8!important;
    margin-top: 1rem;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#becaec,hsla(0,0%,100%,0))
}

.edit-icon {
    width: 1.875rem!important;
    height: 1.875rem!important;
    position: absolute;
    bottom: 0;
    right: 4%;
    border-radius: 50%;
    transition: all .3s ease-in-out
}

.edit-icon:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.coin-earning {
    display: flex;
    background: #fff;
    padding: .5rem 1rem;
    margin-top: .5rem;
    border-radius: .625rem
}

.coin-earning .coin {
    width: 50%;
    display: flex;
    align-items: center;
    border-right: 1px solid #becaec
}

.coin-earning .coin img {
    width: 2.5rem;
    height: 2.5rem
}

.coin-earning .coin div {
    text-align: start;
    line-height: 1.25;
    margin-left: .5rem;
    font-size: .75rem
}

.coin-earning .earning {
    width: 50%;
    font-size: .75rem;
    text-align: center
}

.coin-earning .earning .number {
    color: #04be02!important
}

.my-learn-more {
    font-size: .75rem;
    color: #4a89fc;
    cursor: pointer
}

.third-party-list {
    margin-top: 1rem;
    list-style-type: none;
    padding: 0
}

.third-party-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    border: .0625rem solid #abb8d6;
    border-radius: .25rem
}

.third-party-list li div {
    display: flex;
    align-items: center;
    color: #414755
}

.third-party-list li div img {
    width: 1.625rem;
    height: 1.625rem;
    margin-right: 1rem
}

.third-party-list li div .small,.third-party-list li div small {
    font-size: .63rem;
    margin-left: 1rem;
    color: #6b7ba8
}

.third-party-list li .btn {
    min-width: 3.25rem;
    height: 1.5rem;
    border-radius: 1rem;
    font-size: .75rem;
    padding: 0 .5rem
}

.tooltip .tooltip-arrow:before {
    border-left-color: #fff
}

.tooltip .tooltip-inner {
    color: #ea4e3d;
    background-image: linear-gradient(180deg,#fff,#f0f6ff)!important;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.custom-tooltip {
    background: #4a89fc!important;
    font-size: .75rem!important
}

.custom-tooltip.place-top:after {
    border-top-color: #4a89fc!important
}

.custom-tooltip.place-left:after {
    border-left-color: #4a89fc!important
}

.mobile-view .custom-tooltip {
    font-size: .63rem!important
}

.msg-whatsapp {
    display: grid;
    padding: 0 .5rem;
    background-color: #f0f6ff;
    color: #414755;
    border: .0625rem solid rgba(190,202,236,.5);
    border-radius: .3125rem
}

.msg-whatsapp svg {
    font-size: 1.25rem;
    color: #04be02
}

.msg-whatsapp input,.msg-whatsapp label {
    color: #6b7ba8;
    cursor: pointer;
    margin: 0;
    font-size: .75rem
}

.msg-whatsapp span {
    width: 100%
}

.msg-m-whatsapp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    margin-top: 1rem;
    font-size: .75rem
}

.msg-m-whatsapp svg {
    color: #04be02;
    font-size: 1.25rem
}

.msg-m-whatsapp input {
    margin: 0
}

.msg-m-whatsapp p {
    color: #414755
}

.msg-m-whatsapp span {
    width: 12rem
}

.msg-m-whatsapp .whatsapp-title {
    padding-right: .75rem;
    border-right: .0625rem solid rgba(190,202,236,.5)
}

.note-text {
    color: #fff!important;
    background-color: #e3e3e3;
    padding: 0 .5rem;
    border-radius: .25rem;
    font-weight: 500;
    text-transform: uppercase
}

.interest-tnc {
    width: -webkit-max-content;
    width: max-content;
    min-width: 10rem;
    display: flex;
    align-items: center;
    border: .0625rem solid #4a89fc;
    border-radius: 1rem;
    font-size: .75rem;
    padding: .125rem .25rem;
    line-height: 1;
    color: #4a89fc;
    font-weight: 500;
    background: #f6faff;
    margin-right: .5rem;
    cursor: pointer
}

.interest-tnc svg {
    font-size: .875rem;
    margin-right: .25rem!important
}

.__react_modal_image__medium_img {
    min-width: 22rem
}

.view-image {
    color: #4a89fc;
    cursor: pointer
}

.cypto-deposit-modal {
    max-width: 480px!important
}

.cypto-deposit-modal .crypto-deposit {
    padding: 1rem
}

.cypto-deposit-modal .crypto-deposit .modal-header {
    position: relative;
    align-items: flex-start;
    border-bottom: .0625rem solid #becaec!important;
    padding: 0
}

.cypto-deposit-modal .crypto-deposit .modal-header svg {
    position: absolute;
    right: 0;
    top: 0
}

.cypto-deposit-modal .crypto-deposit .cd-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #414755
}

.cypto-deposit-modal .crypto-deposit .cd-top img {
    width: 100%;
    max-width: 2.5rem;
    height: auto
}

.cypto-deposit-modal .crypto-deposit .cd-top .cd-status {
    font-weight: 600;
    font-size: 1rem;
    text-transform: capitalize
}

.cypto-deposit-modal .crypto-deposit .cd-top .count-down {
    font-size: 1.125rem;
    color: #ea4e3d
}

.cypto-deposit-modal .crypto-deposit .cd-top .cd-usdt-amount {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4a89fc;
    font-size: 1.125rem
}

.cypto-deposit-modal .crypto-deposit .cd-top .cd-usdt-amount .cd-ref-no {
    margin: 0
}

.cypto-deposit-modal .crypto-deposit .cd-top .cd-usdt-amount .cd-ref-no svg {
    position: unset
}

.cypto-deposit-modal .crypto-deposit .modal-body {
    padding: 0
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .row {
    margin-bottom: .5rem
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .row:first-child {
    margin-top: .5rem
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .row .col-8 {
    color: #414755;
    text-align: right
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-qr-code {
    border-top: .0625rem solid #becaec
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-qr-code .col-8 {
    width: auto;
    display: flex;
    justify-content: center;
    background: #fff;
    padding: .75rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-tnc {
    padding: .5rem 0;
    border-top: .0625rem solid #becaec
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-tnc p {
    color: #414755;
    font-weight: 600
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-tnc ol {
    padding-left: 1rem
}

.cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-tnc ol li {
    font-size: .75rem
}

.cypto-deposit-modal .crypto-deposit .cd-ref-no {
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
    align-items: center;
    color: #4a89fc
}

.cypto-deposit-modal .crypto-deposit .cd-ref-no .icon {
    margin: 0;
    color: #4a89fc
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-header {
    padding: 1rem 1rem 0
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-header .cd-top {
    padding-top: 1.5rem
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-header .cd-top img {
    min-width: 4rem;
    position: absolute;
    top: -18%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    border: .25rem solid #fff;
    border-radius: 50%
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-header .btn-close {
    top: 1rem;
    right: 1rem
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-body .cd-details .row {
    padding: 0 1rem
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-body .cd-details .row .col-4 {
    color: #414755
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-body .cd-details .row .col-8 {
    color: #6b7ba8
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-qr-code .cd-ref-no {
    padding: 0 1rem
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-qr-code .cd-ref-no p {
    height: 1.875rem;
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .0625rem solid #abb8d6;
    border-right: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    padding: 0 1rem;
    color: #414755
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-qr-code .cd-ref-no .icon {
    width: 25%;
    background: linear-gradient(90deg,#5da9fe,#3e73fa);
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.mobile-view .cypto-deposit-modal .crypto-deposit .modal-body .cd-details .cd-tnc {
    padding: .5rem 1rem
}

.countdown-timer .countdown-digit-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.countdown-timer .countdown-digit-container .countdown-digit {
    display: flex;
    position: relative
}

.countdown-timer .countdown-digit-container .countdown-digit .symbol {
    position: absolute;
    top: 0;
    right: -4%;
    font-size: 3rem;
    color: #4a89fc
}

.countdown-timer .countdown-digit-container .countdown-digit .digit-container {
    background-color: initial;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 5px
}

.countdown-timer .countdown-digit-container:last-child .countdown-digit .symbol {
    display: none
}

.custom-list p {
    display: list-item;
    list-style: disc
}

.navbar {
    height: 75px;
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: .3s ease-in-out;
    display: unset!important;
    flex-wrap: unset!important;
    align-items: unset!important;
    justify-content: unset!important
}

.navbar.scrolled {
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(62,115,250,.25)
}

.navbar>.x-container-no-m {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.navbar>.x-container-no-m .navbar-brand {
    margin-right: 0;
    margin-top: -.5rem
}

.navbar>.x-container-no-m .navbar-brand img {
    max-width: 100px;
    width: 100%;
    height: auto
}

.navbar>.x-container-no-m .navbar-nav {
    flex-direction: row
}

.navbar>.x-container-no-m .navbar-nav .nav-item {
    margin: auto;
    padding: 0 .35rem
}

.navbar>.x-container-no-m .navbar-nav .nav-item .nav-link {
    display: block;
    position: relative;
    color: #6b7ba8;
    overflow: hidden
}

.navbar>.x-container-no-m .navbar-nav .nav-item .nav-link.icon {
    display: grid;
    text-align: center;
    min-width: 45px
}

.navbar>.x-container-no-m .navbar-nav .nav-item .nav-link.icon img {
    width: 20px;
    height: 20px;
    margin: 0 auto .25rem
}

.navbar>.x-container-no-m .navbar-nav .nav-item .nav-link:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #3e73fa;
    opacity: 0;
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.navbar>.x-container-no-m .navbar-nav .nav-item .nav-link:focus:after,.navbar>.x-container-no-m .navbar-nav .nav-item .nav-link:hover:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.navbar>.x-container-no-m .navbar-nav .nav-item .nav-link.active {
    color: #3e73fa
}

.navbar>.x-container-no-m .navbar-nav .nav-item .nav-link.active:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.navbar>.x-container-no-m .navbar-nav .nav-item:hover .dropdown-menu-list {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.dropdown-menu-list {
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    left: 0;
    background: linear-gradient(180deg,hsla(0,0%,100%,.95),rgba(214,227,246,.95));
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    transition: all 1s ease-in-out;
    z-index: -1;
    opacity: 0;
    overflow: hidden;
    padding: 1rem;
    background-position: bottom;
    background-size: 100% 100%
}

.dropdown-menu-list .navbar-expand {
    margin-top: 75px
}

.dropdown-menu-list .navbar-expand .col-2,.dropdown-menu-list .navbar-expand .col-5ths {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.dropdown-menu-list .navbar-expand .col-2 .dropdown-title,.dropdown-menu-list .navbar-expand .col-5ths .dropdown-title {
    width: 100%;
    display: flex;
    align-items: center;
    color: #6b7ba8;
    transition: all .3s ease-in-out
}

.dropdown-menu-list .navbar-expand .col-2 .dropdown-title img,.dropdown-menu-list .navbar-expand .col-5ths .dropdown-title img {
    width: 30%;
    height: auto
}

.dropdown-menu-list .navbar-expand .col-2 .dropdown-title p,.dropdown-menu-list .navbar-expand .col-5ths .dropdown-title p {
    width: 75%;
    height: auto;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase
}

.dropdown-menu-list .navbar-expand .col-2 .dropdown-img,.dropdown-menu-list .navbar-expand .col-5ths .dropdown-img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    margin: 0 auto;
    transition: all .3s ease-in-out
}

.dropdown-menu-list .navbar-expand .col-2:hover .dropdown-title,.dropdown-menu-list .navbar-expand .col-5ths:hover .dropdown-title {
    color: #4a89fc
}

.dropdown-menu-list .navbar-expand .col-2:hover .dropdown-img,.dropdown-menu-list .navbar-expand .col-5ths:hover .dropdown-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.dropdown-menu-list .navbar-expand .col-2 .more-btn-blue,.dropdown-menu-list .navbar-expand .col-5ths .more-btn-blue {
    width: 80%;
    height: 3rem;
    font-size: .875rem;
    line-height: 2rem;
    border-radius: 3rem
}

.dropdown-menu-list.lottery-dropdown .row,.dropdown-menu-list.p2p-dropdown .row,.dropdown-menu-list.promos-dropdown .row,.dropdown-menu-list.sport-dropdown .row {
    justify-content: center
}

.dropdown-menu-list.lottery-dropdown .row .col-3,.dropdown-menu-list.p2p-dropdown .row .col-3,.dropdown-menu-list.promos-dropdown .row .col-3,.dropdown-menu-list.sport-dropdown .row .col-3 {
    display: block;
    min-height: 200px
}

.dropdown-menu-list.lottery-dropdown .row .col-3 .dropdown-title,.dropdown-menu-list.p2p-dropdown .row .col-3 .dropdown-title,.dropdown-menu-list.promos-dropdown .row .col-3 .dropdown-title,.dropdown-menu-list.sport-dropdown .row .col-3 .dropdown-title {
    width: 55%;
    display: flex;
    align-items: center;
    color: #6b7ba8
}

.dropdown-menu-list.lottery-dropdown .row .col-3 .dropdown-title img,.dropdown-menu-list.p2p-dropdown .row .col-3 .dropdown-title img,.dropdown-menu-list.promos-dropdown .row .col-3 .dropdown-title img,.dropdown-menu-list.sport-dropdown .row .col-3 .dropdown-title img {
    width: 35%
}

.dropdown-menu-list.lottery-dropdown .row .col-3 .dropdown-title p,.dropdown-menu-list.p2p-dropdown .row .col-3 .dropdown-title p,.dropdown-menu-list.promos-dropdown .row .col-3 .dropdown-title p,.dropdown-menu-list.sport-dropdown .row .col-3 .dropdown-title p {
    width: 65%;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase
}

.dropdown-menu-list.lottery-dropdown .row .col-3 .dropdown-img,.dropdown-menu-list.p2p-dropdown .row .col-3 .dropdown-img,.dropdown-menu-list.promos-dropdown .row .col-3 .dropdown-img,.dropdown-menu-list.sport-dropdown .row .col-3 .dropdown-img {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    object-fit: contain;
    transition: all .3s ease-in-out;
    margin-bottom: -1rem;
    z-index: -1
}

.dropdown-menu-list.lottery-dropdown .row .col-3 .more-btn-blue,.dropdown-menu-list.p2p-dropdown .row .col-3 .more-btn-blue,.dropdown-menu-list.promos-dropdown .row .col-3 .more-btn-blue,.dropdown-menu-list.sport-dropdown .row .col-3 .more-btn-blue {
    width: 100px;
    height: 34px;
    line-height: 34px
}

.dropdown-menu-list.lottery-dropdown .row .col-3 .more-btn-blue a,.dropdown-menu-list.p2p-dropdown .row .col-3 .more-btn-blue a,.dropdown-menu-list.promos-dropdown .row .col-3 .more-btn-blue a,.dropdown-menu-list.sport-dropdown .row .col-3 .more-btn-blue a {
    color: #fff
}

.dropdown-menu-list.lottery-dropdown .row .col-3:hover .dropdown-title,.dropdown-menu-list.p2p-dropdown .row .col-3:hover .dropdown-title,.dropdown-menu-list.promos-dropdown .row .col-3:hover .dropdown-title,.dropdown-menu-list.sport-dropdown .row .col-3:hover .dropdown-title {
    color: #4a89fc
}

.dropdown-menu-list.lottery-dropdown .row .col-3:hover .more-btn-blue,.dropdown-menu-list.p2p-dropdown .row .col-3:hover .more-btn-blue,.dropdown-menu-list.promos-dropdown .row .col-3:hover .more-btn-blue,.dropdown-menu-list.sport-dropdown .row .col-3:hover .more-btn-blue {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.dropdown-menu-list.lottery-dropdown .row .col-3:hover .dropdown-img,.dropdown-menu-list.p2p-dropdown .row .col-3:hover .dropdown-img,.dropdown-menu-list.promos-dropdown .row .col-3:hover .dropdown-img,.dropdown-menu-list.sport-dropdown .row .col-3:hover .dropdown-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.dropdown-menu-list.p2p-dropdown .dropdown-img {
    right: -6%!important
}

.dropdown-menu-list.promos-dropdown .dropdown-title p {
    text-transform: unset!important;
    margin-bottom: .75rem!important
}

.dropdown-menu-list.promos-dropdown .dropdown-img {
    width: 80%!important
}

.language-select {
    display: flex;
    align-items: center;
    font-size: .875rem;
    margin-left: 1rem
}

.language-select img {
    width: 25px;
    height: 25px
}

.language-select .arrow {
    margin-top: -4px
}

.user-balance-container {
    display: flex;
    flex-direction: column
}

.user-balance-container .user-deposit {
    margin-bottom: 5px;
    color: #6b7ba8
}

.user-balance-container .user-deposit span {
    border-right: 1px solid;
    padding-right: .75rem;
    font-size: 12px
}

.user-balance-container .user-deposit img {
    padding-left: .75rem;
    width: 32px;
    height: auto
}

.user-balance-container .user-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    color: #414755;
    cursor: pointer
}

.user-balance-container .user-balance .coin-balance {
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
    padding-right: .25rem
}

.user-balance-container .user-balance .coin-balance img {
    width: 100%;
    max-width: 1.25rem;
    height: auto
}

.user-balance-container .user-balance .coin-balance span {
    padding-left: .25rem
}

.user-balance-container .user-balance .coin-balance:after {
    content: "";
    height: 1.25rem;
    width: .0625rem;
    position: absolute;
    right: -.03125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #414755
}

.user-balance-container .user-balance .header-arrow {
    width: 16px;
    height: 16px;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.user-balance-container .user-balance .header-arrow.active {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.user-balance-container .profile-dropdown {
    width: 225px;
    position: absolute;
    top: 50px;
    right: 0;
    list-style-type: none;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    border-radius: 10px;
    padding: 1rem 0;
    opacity: 0;
    transition: all .3s ease-in-out;
    pointer-events: none
}

.user-balance-container .profile-dropdown.active {
    pointer-events: visible;
    opacity: 1
}

.user-balance-container .profile-dropdown:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 60%;
    border-bottom: 6px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.user-balance-container .profile-dropdown li {
    padding: 1rem
}

.user-balance-container .profile-dropdown li a {
    display: flex;
    align-items: center
}

.user-balance-container .profile-dropdown li a img {
    width: 20px;
    height: 20px
}

.user-balance-container .profile-dropdown li a p {
    padding: 0 .5rem;
    color: #6b7ba8
}

.user-balance-container .profile-dropdown li a p:hover {
    color: #4a89fc
}

.user-balance-container .profile-dropdown .btn-outline-white {
    display: block;
    width: 100%
}

.user-profile-container {
    position: relative;
    width: 3.125rem;
    height: 3.125rem
}

.user-profile-container .user-profile-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    overflow: hidden
}

.user-profile-container .notify-red-dot {
    z-index: 2
}

.user-profile-container .vip-icon {
    position: absolute;
    bottom: 0;
    right: -22%;
    background: #8b9ccb;
    z-index: 2
}

.user-profile-container .avatar-border-img {
    position: absolute;
    top: -22%;
    left: -22%
}

.ps-user-profile .react-loading,.user-profile-container .react-loading {
    position: absolute;
    z-index: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #6b7ba8
}

.ps-user-profile .react-loading div,.user-profile-container .react-loading div {
    width: 1.875rem!important;
    height: 1.875rem!important
}

.badge {
    display: inline-block;
    padding: 0;
    width: 1.5625rem;
    height: 1.0625rem;
    border-radius: .5rem;
    color: #fff;
    background-image: linear-gradient(0deg,#ea4e3d,#f7778c)!important;
    font-size: .63rem;
    font-weight: 500;
    line-height: 1.0625rem
}

.download-app-banner {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem
}

.download-app-banner img {
    width: 2.625rem;
    height: 2.625rem
}

.download-app-banner .dla-close {
    font-size: 1.75rem
}

.download-app-banner .btn-gradient-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .63rem;
    height: 1.5rem;
    width: -webkit-max-content;
    width: max-content;
    min-width: unset;
    padding: 0 .25rem
}

.download-app-banner .h5,.download-app-banner h5 {
    font-size: .875rem;
    color: #414755;
    font-weight: 600
}

.download-app-banner p {
    font-size: .63rem
}

.side-bar-mobile {
    width: 100%;
    height: 2.5rem;
    position: relative
}

.side-bar-mobile .sb-toggle-btn {
    height: auto;
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.side-bar-mobile .sb-toggle-btn svg {
    color: #5da9fe;
    font-size: 1.5rem
}

.side-bar-mobile .sb-toggle-btn .notify-red-dot {
    width: .625rem;
    height: .625rem;
    top: -14%;
    left: 65%
}

.side-bar-mobile .sb-logo {
    width: 100%;
    max-width: 3.75rem;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

.side-bar-mobile .language-btn-m {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.side-bar-mobile .sb-menu {
    width: 18.75rem;
    height: var(--app-height);
    position: fixed;
    top: 0;
    left: -18.75rem;
    background: #fff;
    background-image: url(/static/media/side-bar-bg.c4bf3e74.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 100;
    transition: all .5s ease;
    overflow: auto;
    -ms-overflow-style: none
}

.side-bar-mobile .sb-menu .pi-m-info {
    width: 100%;
    height: 7rem;
    padding: 0 1.5rem
}

.side-bar-mobile .sb-menu .pi-m-info .user-info {
    display: flex;
    align-items: center
}

.side-bar-mobile .sb-menu .pi-m-info svg {
    margin-left: auto;
    font-size: 1.5rem;
    color: #414755
}

.side-bar-mobile .sb-menu .sb-banner {
    width: 100%;
    height: 7rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem
}

.side-bar-mobile .sb-menu .sb-banner img {
    width: 100%;
    max-width: 4.9375rem;
    height: auto
}

.side-bar-mobile .sb-menu .sb-list {
    width: 100%;
    height: auto;
    list-style-type: none;
    padding: 0 .5rem
}

.side-bar-mobile .sb-menu .sb-list li {
    border-bottom: 1px solid #becaec;
    padding: 1rem .5rem
}

.side-bar-mobile .sb-menu .sb-list li:last-child {
    border-bottom: 0
}

.side-bar-mobile .sb-menu .sb-list li a {
    display: flex;
    align-items: center;
    color: #6b7ba8
}

.side-bar-mobile .sb-menu .sb-list li a img {
    width: 1.6875rem;
    height: 1.6875rem
}

.side-bar-mobile .sb-menu .sb-list li a .badge,.side-bar-mobile .sb-menu .sb-list li a img {
    margin: 0 .5rem
}

.side-bar-mobile .sb-menu .sb-btn {
    display: grid;
    padding: 0 1rem
}

.side-bar-mobile .sb-menu .sb-btn .btn {
    border-radius: .3125rem;
    width: 100%
}

.side-bar-mobile .sb-menu.open {
    left: 0
}

.side-bar-mobile .sb-menu::-webkit-scrollbar {
    display: none
}

.nav.mobile {
    padding: .5rem;
    margin: 1rem;
    background: #e0dddd;
    border-radius: .625rem
}

.nav.mobile .nav-item,.nav.mobile .nav-link {
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b0b0b0;
    border-radius: .625rem
}

.nav.mobile .nav-item a,.nav.mobile .nav-link a {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1.2
}

.nav.mobile .nav-item.active,.nav.mobile .nav-link.active {
    color: #414755;
    background: #fff
}

footer {
    padding: 1.5rem 0;
    background-color: #414755
}

footer .footer-one {
    display: flex;
    justify-content: center
}

footer .footer-one span {
    text-align: center;
    padding: 0 1rem
}

footer .footer-one span p {
    color: #f0f6ff;
    line-height: 1.25
}

footer .footer-one span img,footer .footer-one span svg {
    width: auto;
    height: 35px;
    margin: 0 .5rem
}

footer hr {
    margin: 1.5rem 0
}

footer .footer-two {
    display: grid;
    grid-gap: 1.5rem;
    gap: 1.5rem
}

footer .footer-two * {
    justify-content: center;
    margin: 0 auto
}

footer .footer-two p {
    text-align: center;
    color: #a5aabc;
    max-width: 991px;
    font-size: .75rem
}

footer .footer-two .btn-social {
    display: flex
}

footer .footer-two .btn-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    text-decoration: none;
    border: 1.5px solid #f0f6ff;
    border-radius: 50%;
    color: #f0f6ff;
    height: 35px;
    width: 35px;
    transition: all .3s ease-in-out
}

footer .footer-two .btn-social a img,footer .footer-two .btn-social a svg {
    width: 18px;
    height: 18px
}

footer .footer-two .btn-social a:hover {
    color: #414755;
    border-color: #fff;
    background: #fff
}

footer .footer-two .navbar-nav {
    flex-direction: row;
    align-items: center
}

footer .footer-two .navbar-nav .nav-item {
    margin: 0 10px
}

footer .footer-two .navbar-nav .nav-item .nav-link {
    color: #f0f6ff
}

footer .footer-two .navbar-nav .nav-item .nav-link:hover {
    color: #abb8d6
}

footer .footer-two .navbar-nav span {
    width: 2px;
    height: 15px;
    background-color: #f0f6ff
}

footer .footer-two .small,footer .footer-two small {
    color: #a5aabc
}

footer .modal .modal-dialog .modal-content .modal-body {
    padding-top: 0;
    display: block
}

footer .event-bottom-deco {
    width: 100%;
    height: 40vh;
    position: absolute;
    top: -40vh;
    left: 0;
    object-fit: cover;
    object-position: 100% 20%;
    z-index: -1
}

@font-face {
    font-family: "AdihausDIN";
    src: url(/static/media/AdihausDIN-Regular.767e5654.eot);
    src: url(/static/media/AdihausDIN-Regular.767e5654.eot) format("embedded-opentype"),url(/static/media/AdihausDIN-Regular.c2dc1a64.woff2) format("woff2"),url(/static/media/AdihausDIN-Regular.25754f23.woff) format("woff"),url(/static/media/AdihausDIN-Regular.40dbdfcb.ttf) format("truetype"),url(/static/media/AdihausDIN-Regular.a8481583.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: u+30-39
}

@font-face {
    font-family: "AdihausDIN";
    src: url(/static/media/AdihausDIN-Medium.889bcc76.eot);
    src: url(/static/media/AdihausDIN-Medium.889bcc76.eot) format("embedded-opentype"),url(/static/media/AdihausDIN-Medium.66fe355e.woff2) format("woff2"),url(/static/media/AdihausDIN-Medium.76bf19e0.woff) format("woff"),url(/static/media/AdihausDIN-Medium.1554c3fb.ttf) format("truetype"),url(/static/media/AdihausDIN-Medium.39d4b464.svg) format("svg");
    font-weight: medium;
    font-style: normal;
    font-display: swap;
    unicode-range: u+30-39
}

@font-face {
    font-family: "AdihausDIN";
    src: url(/static/media/AdihausDIN-Bold.f6d206f6.eot);
    src: url(/static/media/AdihausDIN-Bold.f6d206f6.eot) format("embedded-opentype"),url(/static/media/AdihausDIN-Bold.c3b4aff6.woff2) format("woff2"),url(/static/media/AdihausDIN-Bold.baf5a3f3.woff) format("woff"),url(/static/media/AdihausDIN-Bold.7b48a145.ttf) format("truetype"),url(/static/media/AdihausDIN-Bold.f7b6a733.svg) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: u+30-39
}

@font-face {
    font-family: "AdihausDIN Cn";
    src: url(/static/media/AdihausDIN-Cn.0114bab6.eot);
    src: url(/static/media/AdihausDIN-Cn.0114bab6.eot) format("embedded-opentype"),url(/static/media/AdihausDIN-Cn.aec3a96c.woff2) format("woff2"),url(/static/media/AdihausDIN-Cn.0b005c0d.woff) format("woff"),url(/static/media/AdihausDIN-Cn.34d89a96.ttf) format("truetype"),url(/static/media/AdihausDIN-Cn.199af441.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: u+30-39
}

@font-face {
    font-family: "MicrosoftYaHeiUI";
    src: url(/static/media/MicrosoftYaHeiUILight.b1c677cc.eot);
    src: url(/static/media/MicrosoftYaHeiUILight.b1c677cc.eot) format("embedded-opentype"),url(/static/media/MicrosoftYaHeiUILight.9f2fb26b.woff2) format("woff2"),url(/static/media/MicrosoftYaHeiUILight.1a63e3bb.woff) format("woff"),url(/static/media/MicrosoftYaHeiUILight.afd0882f.ttf) format("truetype"),url(/static/media/MicrosoftYaHeiUILight.2be3a123.svg) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "MicrosoftYaHeiUI";
    src: url(/static/media/MicrosoftYaHeiUIBold.d0454eb1.eot);
    src: url(/static/media/MicrosoftYaHeiUIBold.d0454eb1.eot) format("embedded-opentype"),url(/static/media/MicrosoftYaHeiUIBold.e264c7a0.woff2) format("woff2"),url(/static/media/MicrosoftYaHeiUIBold.ddaa259c.woff) format("woff"),url(/static/media/MicrosoftYaHeiUIBold.0cf2eb37.ttf) format("truetype"),url(/static/media/MicrosoftYaHeiUIBold.4fdc32ba.svg) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "MicrosoftYaHeiUI";
    src: url(/static/media/MicrosoftYaHeiUI.04860027.eot);
    src: url(/static/media/MicrosoftYaHeiUI.04860027.eot) format("embedded-opentype"),url(/static/media/MicrosoftYaHeiUI.b2f1cb5d.woff2) format("woff2"),url(/static/media/MicrosoftYaHeiUI.0053fff3.woff) format("woff"),url(/static/media/MicrosoftYaHeiUI.adb235cd.ttf) format("truetype"),url(/static/media/MicrosoftYaHeiUI.f0d8458c.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Microsoft YaHei Lobby UI";
    src: url(/static/media/MicrosoftYaHeiLobbyUI.4372caf7.eot);
    src: url(/static/media/MicrosoftYaHeiLobbyUI.4372caf7.eot) format("embedded-opentype"),url(/static/media/MicrosoftYaHeiLobbyUI.97f2801d.woff2) format("woff2"),url(/static/media/MicrosoftYaHeiLobbyUI.bd39347d.woff) format("woff"),url(/static/media/MicrosoftYaHeiLobbyUI.255b9171.ttf) format("truetype"),url(/static/media/MicrosoftYaHeiLobbyUI.6054c8da.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.btn-blue,.btn-gradient-blue,.btn-outline-blue,.btn-outline-red,.btn-white {
    min-width: 5rem;
    font-size: .875rem;
    white-space: nowrap;
    transition: box-shadow .3s ease-in-out;
    border-radius: 1rem;
    line-height: 1
}

.btn-blue img,.btn-blue svg,.btn-gradient-blue img,.btn-gradient-blue svg,.btn-outline-blue img,.btn-outline-blue svg,.btn-outline-red img,.btn-outline-red svg,.btn-white img,.btn-white svg {
    margin-right: .5rem
}

.btn-blue {
    color: #fff;
    background: linear-gradient(180deg,#4a89fc,#3e73fa);
    box-shadow: 0 3px 5px rgba(74,137,252,.25)
}

.btn-blue:hover {
    color: #fff;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.btn-white {
    background: linear-gradient(180deg,#fff,#f0f6ff);
    box-shadow: 0 3px 5px rgba(107,123,168,.25)
}

.btn-white:hover {
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.btn-white.active {
    color: #fff;
    background: linear-gradient(180deg,#4a89fc,#3e73fa)
}

.more-btn-blue {
    background-image: url(/static/media/btn-more-bg.a7950859.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 1.25rem;
    display: inline-block;
    font-weight: 500;
    font-size: 1.125rem;
    width: 7.5rem;
    height: 2.625rem;
    line-height: 2.625rem;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.more-btn-blue:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25);
    color: #fff
}

.enter-btn-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.875rem;
    height: 4.0625rem;
    box-shadow: 0 3px 5px rgba(74,137,252,.25);
    border-radius: 2.75rem;
    transition: box-shadow .3s ease-in-out;
    background-image: url(/static/media/btn-enter-bg.b178d196.png);
    background-repeat: no-repeat;
    background-position: bottom;
    font-size: 1.25rem;
    color: #fff;
    line-height: 1;
    text-align: center;
    border: 0
}

.enter-btn-blue:hover {
    color: #fff;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.btn-gradient-blue {
    height: 2.5rem;
    min-width: 6.25rem;
    font-weight: 500;
    border-radius: .25rem;
    color: #fff;
    background: linear-gradient(90deg,#5da9fe,#3e73fa)
}

.btn-gradient-blue:hover {
    color: #fff;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.btn-gradient-blue:disabled,.btn-gradient-blue[disabled] {
    color: #fff;
    background: #cbced8!important
}

.btn-gray {
    height: 2.5rem;
    min-width: 6.25rem;
    font-weight: 500;
    border-radius: .25rem;
    color: #fff;
    background: #cbced8
}

.btn-gray:hover {
    color: #fff;
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.btn-gray:disabled,.btn-gray[disabled] {
    color: #fff;
    background: #cbced8!important
}

.btn-outline-blue {
    height: 2.5rem;
    min-width: 7.5rem;
    border-radius: .25rem;
    color: #4a89fc;
    border: 1px solid #4a89fc
}

.btn-outline-blue:hover {
    color: #4a89fc;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.btn-outline-white {
    height: 2.5rem;
    min-width: 7.5rem;
    border-radius: .25rem;
    color: #becaec;
    border: 1px solid #becaec
}

.btn-outline-white:hover {
    border: 1px solid #4a89fc;
    color: #4a89fc;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.btn-outline-red {
    height: 2.5rem;
    min-width: 7.5rem;
    border-radius: .25rem;
    color: #ea4e3d;
    border: 1px solid #ea4e3d
}

.btn-outline-red:hover {
    color: #ea4e3d
}

.btn-outline-red:focus,.btn-outline-red:hover {
    box-shadow: 0 0 0 .25rem rgba(234,78,61,.25)
}

.btn.icon {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    padding: .25rem;
    margin: 0 .5rem;
    color: #6b7ba8;
    font-size: 1.125rem
}

.btn.icon svg {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    transition: all .15s ease-in-out
}

.btn.icon:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.btn.icon.red {
    color: #ea4e3d
}

.btn.icon.blue {
    color: #4a89fc
}

.btn.icon.gradient-blue {
    color: #fff;
    background: linear-gradient(90deg,#5da9fe,#3e73fa)
}

.btn.text-icon {
    display: flex;
    align-items: center;
    color: #4a89fc;
    font-weight: 600;
    padding: .25rem;
    transition: opacity .3s ease-in-out
}

.btn.text-icon img,.btn.text-icon svg {
    width: 1.5625rem;
    height: auto;
    margin-right: 7px
}

.btn.text-icon:hover {
    opacity: .75
}

.btn.trash {
    color: #ea4e3d
}

.btn-text-icon-gray {
    display: flex;
    align-items: center;
    font-size: .875rem;
    transition: .3s ease-in-out;
    text-decoration: none;
    color: #dee2e6;
    fill: currentColor;
    transition: all .3s ease-in-out
}

.btn-text-icon-gray img,.btn-text-icon-gray svg {
    margin-right: .5rem;
    font-size: 1.25rem
}

.btn-text-icon-gray:hover {
    text-decoration: none;
    color: #f8f9fa
}

.btn-text-icon-gray:focus {
    outline: 0
}

.arrow {
    border: solid #878ea6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 5px;
    margin-left: 2px
}

.down {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn.hm-5 {
    align-items: center;
    width: 10.75rem;
    height: 2.5rem
}

.btn.hm-5,.btt-btn {
    display: flex;
    justify-content: center
}

.btt-btn {
    margin-top: 1rem
}

.btt-btn .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .75rem 2rem;
    margin: 0 auto;
    border-radius: 6rem;
    color: #abb8d6
}

.btt-btn .btn svg {
    font-size: 1.125rem;
    margin: 0
}

.tnc-btn {
    display: block;
    min-width: 4rem;
    height: 1.75rem;
    font-size: .63rem;
    padding: 0;
    text-align: center;
    margin: auto 0 auto .5rem
}

.tnc-text {
    display: inline-block;
    color: #4a89fc;
    font-size: .75rem;
    cursor: pointer;
    margin-top: .5rem;
    padding: 0 .25rem
}

.tnc-text,.tnc-text :hover {
    text-decoration: underline
}

.reset-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: .25rem;
    cursor: pointer;
    margin-left: .5rem
}

.reset-btn:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.reset-btn img {
    width: 1.375rem;
    height: 1.375rem
}

.reset-btn img.spin {
    -webkit-animation: spin 1s linear;
    animation: spin 1s linear
}

.btn-max {
    min-width: 3.75rem;
    height: 2rem;
    position: absolute;
    right: .25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4
}

.forms-col {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem
}

.col-form-label {
    color: #414755;
    line-height: 27px
}

.col-form-label .small,.col-form-label small {
    color: #becaec
}

.col-form-value {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    line-height: 27px
}

.form-control,.form-select {
    color: #414755;
    border: 1px solid #becaec;
    min-height: 2.5rem
}

.form-control::-webkit-input-placeholder,.form-select::-webkit-input-placeholder {
    color: #becaec
}

.form-control::placeholder,.form-select::placeholder {
    color: #becaec
}

.form-control.disabled,.form-control[disabled],.form-select.disabled,.form-select[disabled] {
    outline: 0!important;
    border: 0!important;
    background: #fff
}

.form-control[readOnly],.form-select[readOnly] {
    color: #6b7ba8;
    background-color: #f6faff
}

.form-control[readOnly]+.input-group-text,.form-select[readOnly]+.input-group-text {
    background-color: #f6faff
}

.input-group {
    min-height: 2.5rem
}

.input-group.right .react-select__control {
    min-width: 9.375rem
}

.input-group.right .react-select__control--is-focused {
    box-shadow: none!important
}

.input-group.right .react-select__control,.input-group.right span {
    border-left: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.input-group.left .react-select__control {
    min-width: 9.375rem
}

.input-group.left .react-select__control--is-focused {
    box-shadow: none!important
}

.input-group.left .react-select__control,.input-group.left span {
    border-right: 0!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.input-group .input-group-text {
    color: #414755;
    background: transparent;
    position: relative
}

.input-group .input-group-text .btn.icon {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0!important;
    padding: 0!important;
    box-shadow: none
}

.input-group .input-group-text svg {
    font-size: 1rem;
    color: #abb8d6
}

.input-group .input-group-text.edit {
    border-color: #4a89fc;
    background-color: #fff
}

.input-group .input-group-text.edit svg {
    color: #4a89fc!important
}

.form-check-group {
    display: flex;
    flex-wrap: wrap;
    margin-top: -.5rem
}

.form-check-group.deposit-amts .form-check-label {
    min-width: 4.375rem
}

.form-check-group .form-check-inline {
    position: relative;
    margin-top: .5rem;
    margin-bottom: 0
}

.form-check {
    margin-right: .5rem
}

.form-check.form-check-inline {
    padding-left: 0
}

.form-check .form-check-input:checked {
    background-color: #4a89fc;
    border-color: #4a89fc
}

.form-check .btn-check {
    border-color: #becaec
}

.form-check .btn-check:active+.form-check-label,.form-check .btn-check:focus+.form-check-label {
    box-shadow: none!important
}

.form-check .btn-check:checked {
    background-color: #4a89fc;
    border-color: #4a89fc
}

.form-check .btn-check:checked+.form-check-label {
    color: #4a89fc!important;
    border: .0625rem solid #4a89fc;
    position: relative;
    overflow: hidden
}

.form-check .btn-check:checked+.form-check-label:after {
    content: "";
    position: absolute;
    background: url(/static/media/checked.f5aab68c.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -.0625rem;
    right: -.0625rem;
    width: 1.5625rem;
    height: 1.5625rem
}

.form-check .btn-check:checked+.form-check-label .provider-img {
    -webkit-filter: none;
    filter: none
}

.form-check .form-check-label {
    height: 2.5rem;
    min-width: 7.5rem;
    max-width: 8.75rem;
    line-height: 1.25;
    border: .0625rem solid #becaec;
    color: #414755;
    background-color: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out
}

.form-check .form-check-label:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.form-check .form-check-label img,.form-check .form-check-label svg {
    height: 1.40625rem;
    max-width: 4.5rem
}

.form-check .form-check-label .provider-img {
    -webkit-filter: grayscale(.5);
    filter: grayscale(.5)
}

.filters-col {
    display: grid;
    grid-gap: .75rem;
    gap: .75rem;
    margin-top: 1rem
}

.filters-col .filters-bt-panel,.filters-col .filters-tp-panel {
    display: flex;
    justify-content: space-between
}

.filters-col .filters-bt-panel .filters-bt-col,.filters-col .filters-bt-panel .filters-tp-col,.filters-col .filters-tp-panel .filters-bt-col,.filters-col .filters-tp-panel .filters-tp-col {
    display: flex;
    align-items: center
}

.filters-col .filters-bt-panel .filters-bt-col .filters-group,.filters-col .filters-bt-panel .filters-tp-col .filters-group,.filters-col .filters-tp-panel .filters-bt-col .filters-group,.filters-col .filters-tp-panel .filters-tp-col .filters-group {
    display: flex
}

.filters-col .filters-bt-panel .filters-bt-col .filters-group .form-check.filter,.filters-col .filters-bt-panel .filters-tp-col .filters-group .form-check.filter,.filters-col .filters-tp-panel .filters-bt-col .filters-group .form-check.filter,.filters-col .filters-tp-panel .filters-tp-col .filters-group .form-check.filter {
    margin-right: 0
}

.filters-col .filters-bt-panel .filters-bt-col .filters-group .form-check.filter:nth-child(n+2),.filters-col .filters-bt-panel .filters-tp-col .filters-group .form-check.filter:nth-child(n+2),.filters-col .filters-tp-panel .filters-bt-col .filters-group .form-check.filter:nth-child(n+2),.filters-col .filters-tp-panel .filters-tp-col .filters-group .form-check.filter:nth-child(n+2) {
    margin-left: -.0625rem
}

.filters-col .filters-bt-panel .filters-bt-col .filters-group .form-check.filter:only-child>label,.filters-col .filters-bt-panel .filters-tp-col .filters-group .form-check.filter:only-child>label,.filters-col .filters-tp-panel .filters-bt-col .filters-group .form-check.filter:only-child>label,.filters-col .filters-tp-panel .filters-tp-col .filters-group .form-check.filter:only-child>label {
    border-radius: .25rem!important
}

.filters-col .filters-bt-panel .filters-bt-col .filters-group .form-check.filter:first-child>label,.filters-col .filters-bt-panel .filters-tp-col .filters-group .form-check.filter:first-child>label,.filters-col .filters-tp-panel .filters-bt-col .filters-group .form-check.filter:first-child>label,.filters-col .filters-tp-panel .filters-tp-col .filters-group .form-check.filter:first-child>label {
    border-radius: .25rem 0 0 .25rem
}

.filters-col .filters-bt-panel .filters-bt-col .filters-group .form-check.filter:last-child>label,.filters-col .filters-bt-panel .filters-tp-col .filters-group .form-check.filter:last-child>label,.filters-col .filters-tp-panel .filters-bt-col .filters-group .form-check.filter:last-child>label,.filters-col .filters-tp-panel .filters-tp-col .filters-group .form-check.filter:last-child>label {
    border-radius: 0 .25rem .25rem 0
}

.filters-col .filters-bt-panel .filters-bt-col .filters-group .form-check.filter label,.filters-col .filters-bt-panel .filters-tp-col .filters-group .form-check.filter label,.filters-col .filters-tp-panel .filters-bt-col .filters-group .form-check.filter label,.filters-col .filters-tp-panel .filters-tp-col .filters-group .form-check.filter label {
    line-height: 1.25;
    min-width: 4.6875rem!important;
    font-size: .75rem;
    border-radius: 0
}

.filters-col .filters-bt-panel .filters-bt-col .filters-group .form-check.filter label:hover,.filters-col .filters-bt-panel .filters-tp-col .filters-group .form-check.filter label:hover,.filters-col .filters-tp-panel .filters-bt-col .filters-group .form-check.filter label:hover,.filters-col .filters-tp-panel .filters-tp-col .filters-group .form-check.filter label:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.filters-col .filters-bt-panel .filters-bt-col .col-form-label,.filters-col .filters-bt-panel .filters-tp-col .col-form-label,.filters-col .filters-tp-panel .filters-bt-col .col-form-label,.filters-col .filters-tp-panel .filters-tp-col .col-form-label {
    font-size: .75rem;
    white-space: nowrap;
    margin-right: 1rem
}

.filters-col .filters-bt-panel .filters-bt-col .col-form-label.wrap-text,.filters-col .filters-bt-panel .filters-tp-col .col-form-label.wrap-text,.filters-col .filters-tp-panel .filters-bt-col .col-form-label.wrap-text,.filters-col .filters-tp-panel .filters-tp-col .col-form-label.wrap-text {
    white-space: normal;
    line-height: 1;
    max-width: 3.25rem;
    text-align: end
}

.filters-col .filters-bt-panel .filters-bt-col button,.filters-col .filters-bt-panel .filters-tp-col button,.filters-col .filters-tp-panel .filters-bt-col button,.filters-col .filters-tp-panel .filters-tp-col button {
    margin-left: .4375rem;
    font-size: .75rem
}

.filters-col .filters-bt-panel .filters-bt-col .form-control,.filters-col .filters-bt-panel .filters-tp-col .form-control,.filters-col .filters-tp-panel .filters-bt-col .form-control,.filters-col .filters-tp-panel .filters-tp-col .form-control {
    font-size: .75rem
}

.filters-col .filters-bt-panel .filters-bt-col .input-group,.filters-col .filters-bt-panel .filters-tp-col .input-group,.filters-col .filters-tp-panel .filters-bt-col .input-group,.filters-col .filters-tp-panel .filters-tp-col .input-group {
    width: auto
}

.filters-col .filters-bt-panel .filters-bt-col .filter-provider,.filters-col .filters-bt-panel .filters-tp-col .filter-provider,.filters-col .filters-tp-panel .filters-bt-col .filter-provider,.filters-col .filters-tp-panel .filters-tp-col .filter-provider {
    width: 13.875rem
}

.filters-col .filters-bt-panel .filters-bt-col .filter-provider .react-select__menu .react-select__option img,.filters-col .filters-bt-panel .filters-tp-col .filter-provider .react-select__menu .react-select__option img,.filters-col .filters-tp-panel .filters-bt-col .filter-provider .react-select__menu .react-select__option img,.filters-col .filters-tp-panel .filters-tp-col .filter-provider .react-select__menu .react-select__option img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.filters-col .filters-bt-panel .filters-bt-col .filter-provider .react-select__menu .react-select__option p,.filters-col .filters-bt-panel .filters-tp-col .filter-provider .react-select__menu .react-select__option p,.filters-col .filters-tp-panel .filters-bt-col .filter-provider .react-select__menu .react-select__option p,.filters-col .filters-tp-panel .filters-tp-col .filter-provider .react-select__menu .react-select__option p {
    font-size: .75rem;
    font-weight: 400;
    color: #414755
}

.filters-col .filters-bt-panel .filters-bt-col .filter-provider .react-select__menu .react-select__option:hover img,.filters-col .filters-bt-panel .filters-tp-col .filter-provider .react-select__menu .react-select__option:hover img,.filters-col .filters-tp-panel .filters-bt-col .filter-provider .react-select__menu .react-select__option:hover img,.filters-col .filters-tp-panel .filters-tp-col .filter-provider .react-select__menu .react-select__option:hover img {
    -webkit-filter: none;
    filter: none
}

.filters-col .filters-bt-panel .filters-bt-col .filter-provider .react-select__menu .react-select__option:hover p,.filters-col .filters-bt-panel .filters-tp-col .filter-provider .react-select__menu .react-select__option:hover p,.filters-col .filters-tp-panel .filters-bt-col .filter-provider .react-select__menu .react-select__option:hover p,.filters-col .filters-tp-panel .filters-tp-col .filter-provider .react-select__menu .react-select__option:hover p {
    color: #4a89fc
}

.filters-col .filters-bt-panel .filters-bt-col .filter-provider .react-select__placeholder,.filters-col .filters-bt-panel .filters-tp-col .filter-provider .react-select__placeholder,.filters-col .filters-tp-panel .filters-bt-col .filter-provider .react-select__placeholder,.filters-col .filters-tp-panel .filters-tp-col .filter-provider .react-select__placeholder {
    font-size: .75rem
}

.filters-m-col {
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.filters-m-col .filters-m-panel {
    position: relative;
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    background-color: #fff;
    padding: 1rem;
    margin-top: -1rem
}

.filters-m-col .filters-m-panel .filter-m-tp-col {
    display: flex;
    margin: 0 -.5rem
}

.filters-m-col .filters-m-panel .filter-m-btm-col {
    position: absolute;
    display: none;
    opacity: 0;
    z-index: 1;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    padding: 1rem;
    border-top: .0625rem solid #becaec;
    background-color: #fff
}

.filters-m-col .filters-m-panel .filter-m-btm-col .btn-gradient-blue {
    width: 100%
}

.filters-m-col .filters-m-panel .filter-m-btm-col .btn-success {
    height: 2.5rem;
    background-color: #04be02;
    margin-top: 1rem;
    font-weight: 500
}

.filters-m-col .filters-m-panel .filter-m-btm-col .btn-success:hover {
    box-shadow: 0 0 0 .25rem rgba(4,190,2,.25)
}

.filters-m-col .filters-m-panel .filter-m-cat {
    width: 50%;
    padding: 0 .5rem
}

.filters-m-col .filters-m-panel .filter-m-cat .filter-m-label {
    width: 30%
}

.filters-m-col .filters-m-panel .filter-m-cat .filter-m-label.provider-label {
    font-size: .63rem
}

.filters-m-col .filters-m-panel .filter-m-cat .btn-m-filter {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 70%;
    height: 100%;
    color: #414755;
    border-radius: 1rem;
    border: .0625rem solid #becaec
}

.filters-m-col .filters-m-panel .filter-m-cat .btn-m-filter.date p,.filters-m-col .filters-m-panel .filter-m-cat .btn-m-filter.provider p {
    font-size: .75rem;
    line-height: 1.2;
    text-align: center;
    overflow: unset
}

.filters-m-col .filters-m-panel .filter-m-cat .btn-m-filter.provider {
    text-align: start
}

.filters-m-col .filters-m-panel .filter-m-cat .btn-m-filter.active {
    border-color: #4a89fc;
    color: #4a89fc
}

.filters-m-col .filters-m-panel .filter-m-cat .btn-m-filter p {
    text-align: left;
    width: 80%;
    overflow: hidden
}

.filters-m-col .filters-m-panel .filter-m-cat .btn-m-filter svg {
    font-size: 1.25rem
}

.filters-m-col .filters-m-panel .filters-m-date-group .filter-m-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0
}

.filters-m-col .filters-m-panel .filters-m-date-group .filter-m-date:not(:last-child) {
    border-bottom: .0625rem solid #becaec
}

.filters-m-col .filters-m-panel .filters-m-date-group .filter-m-date .btn-m-filter-date {
    display: flex;
    align-items: center;
    color: #414755;
    padding-right: 0
}

.filters-m-col .filters-m-panel .filters-m-date-group .filter-m-date .btn-m-filter-date svg {
    color: #becaec;
    font-size: 1.25rem
}

.filters-m-col.show {
    position: relative;
    z-index: 95
}

.filters-m-col.show .filter-m-btm-col {
    display: block;
    opacity: 1
}

.filters-m-col.show~.overlay {
    opacity: 1;
    pointer-events: unset
}

.pf-m-dashboard .filters-m-date-group,.pf-m-dashboard .filters-m-group {
    margin: 0 -.25rem
}

.pf-m-dashboard .filters-m-date-group .form-check-inline.filter,.pf-m-dashboard .filters-m-group .form-check-inline.filter {
    width: 25%;
    margin: 0;
    padding: .25rem
}

.pf-m-dashboard .filters-m-date-group .form-check-inline.filter .form-check-label,.pf-m-dashboard .filters-m-group .form-check-inline.filter .form-check-label {
    color: #becaec;
    font-size: .75rem;
    max-width: unset;
    min-width: unset
}

.pf-m-dashboard .filters-m-date-group .form-check-inline.filter .form-check-label.provider-m-check,.pf-m-dashboard .filters-m-group .form-check-inline.filter .form-check-label.provider-m-check {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    font-size: .63rem;
    font-weight: 600
}

.pf-m-dashboard .filters-m-date-group .form-check-inline.filter .form-check-label.provider-m-check img,.pf-m-dashboard .filters-m-group .form-check-inline.filter .form-check-label.provider-m-check img {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0
}

.react-select__control {
    color: #414755;
    border: .0625rem solid #becaec!important;
    height: 2.5rem;
    border-radius: .25rem!important
}

.react-select__control--is-focused {
    border-color: #86b7fe!important;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)!important
}

.react-select__control .react-select__value-container {
    padding: .125rem .5rem
}

.react-select__control .react-select__indicator {
    padding: .5rem
}

.react-select__control .react-select__indicator svg {
    width: 1.25rem;
    height: 1.25rem
}

.react-select__control .react-select__indicator-separator {
    display: none
}

.react-select__control .react-select__single-value {
    display: flex;
    align-items: center
}

.react-select__control .react-select__single-value img {
    width: 1.5625rem;
    height: 1.5625rem;
    object-fit: contain;
    margin-right: .875rem
}

.react-select__control .react-select__placeholder {
    margin-left: .125rem;
    margin-right: .125rem;
    color: #becaec
}

.react-select__control .react-select__input>input {
    caret-color: transparent
}

.react-select__menu {
    width: 100%;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    z-index: 10!important
}

.react-select__menu .react-select__menu-list {
    max-height: 13.75rem;
    overflow: auto
}

.react-select__menu .react-select__option {
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border: 0;
    font-weight: 500;
    color: #6b7ba8;
    background-color: #fff
}

.react-select__menu .react-select__option:hover {
    background-color: #f6faff
}

.react-select__menu .react-select__option img {
    width: 1.5625rem;
    height: 1.5625rem;
    object-fit: contain;
    margin-right: .875rem
}

.daterangepicker select {
    border-radius: .25rem;
    color: #6b7ba8;
    border-color: #becaec;
    background-color: initial
}

.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date {
    color: #becaec!important
}

.daterangepicker td.in-range {
    color: #6b7ba8!important;
    background-color: #f6faff!important
}

.daterangepicker td.active,.daterangepicker td.active:hover {
    color: #fff!important;
    background-color: #4a89fc!important
}

.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span {
    border: solid #6b7ba8!important;
    border-width: 0 1px 1px 0!important
}

.dropzone-container aside {
    padding-top: calc(.375rem + 1px)
}

.dropzone-container aside .btn.icon {
    color: #ea4e3d
}

.dropzone-container .dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .5rem;
    min-height: 6.25rem;
    border: 2px dashed #becaec;
    border-radius: .25rem;
    font-weight: 500;
    background-color: #f6faff
}

.dropzone-container .dropzone p {
    font-size: .75rem
}

.dropzone-container .dropzone svg {
    display: block;
    font-size: 1.875rem;
    color: #becaec;
    margin: 0 auto
}

.dropzone-container .dropzone span {
    color: #4a89fc;
    text-decoration: underline;
    cursor: pointer
}

.invalid-feedback,.text-danger {
    font-size: .75rem;
    color: #ea4e3d!important
}

.valid-feedback {
    color: #04be02!important
}

.pin-field {
    background-color: #fff;
    border: 1px solid #becaec;
    border-radius: .25rem;
    font-size: 2rem;
    margin: .25rem;
    height: 3.5rem;
    outline: none;
    text-align: center;
    transition-duration: .25s;
    transition-property: background,color,border,box-shadow,-webkit-transform;
    transition-property: background,color,border,box-shadow,transform;
    transition-property: background,color,border,box-shadow,transform,-webkit-transform;
    width: 3rem
}

.pin-field:focus {
    border-color: #4a89fc;
    outline: none;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.pin-field:invalid {
    -webkit-animation: shake 75ms linear 3;
    animation: shake 75ms linear 3;
    border-color: #ea4e3d;
    box-shadow: 0 0 .25rem rgba(234,78,61,.5)
}

swd-pin-field {
    display: block;
    margin: 0 auto
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: scale(1.05) translateY(-5%);
        transform: scale(1.05) translateY(-5%)
    }

    to {
        -webkit-transform: scale(1.05) translateY(5%);
        transform: scale(1.05) translateY(5%)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: scale(1.05) translateY(-5%);
        transform: scale(1.05) translateY(-5%)
    }

    to {
        -webkit-transform: scale(1.05) translateY(5%);
        transform: scale(1.05) translateY(5%)
    }
}

.pd-table {
    width: 100%;
    margin-bottom: 1rem
}

.pd-table.w-border {
    border-collapse: initial;
    border-spacing: 0 1rem
}

.pd-table.w-border tbody tr {
    overflow: hidden
}

.pd-table.w-border tbody tr td {
    font-weight: 500;
    border-top: .0625rem solid #becaec;
    vertical-align: middle
}

.pd-table.w-border tbody tr td:first-child {
    border-left: .0625rem solid #becaec;
    border-radius: .5rem 0 0 .5rem
}

.pd-table.w-border tbody tr td:last-child {
    border-right: .0625rem solid #becaec;
    border-radius: 0 .5rem .5rem 0
}

.pd-table.w-border tbody tr td img {
    width: 1.5625rem;
    height: 1.5625rem;
    object-fit: contain;
    margin-right: .875rem
}

.pd-table thead tr {
    background-color: #f6faff;
    text-align: center
}

.pd-table thead tr th {
    font-size: .75rem;
    font-weight: 600;
    color: #414755;
    padding: 0 1rem;
    height: 3.125rem;
    vertical-align: middle;
    border-bottom-width: 0
}

.pd-table tbody {
    border-top: 0!important
}

.pd-table tbody tr td:not(.msg-list-group):not(.mall-track-title) {
    font-size: .75rem;
    text-align: center;
    padding: .75rem 1rem;
    line-height: 2;
    border-bottom: .0625rem solid #becaec;
    vertical-align: middle;
    white-space: nowrap
}

.pd-table tbody tr td:not(.msg-list-group):not(.mall-track-title) .on-going {
    display: inline-block;
    color: #ffaa09
}

.pd-table tbody tr td:not(.msg-list-group):not(.mall-track-title) .success {
    display: inline-block;
    color: #04be02
}

.pd-table tbody tr td:not(.msg-list-group):not(.mall-track-title) .failed {
    display: inline-block;
    color: #ea4e3d
}

.pd-table tbody tr td:not(.msg-list-group):not(.mall-track-title) .failed svg {
    margin: 0 .25rem .1rem 0
}

.pd-table tbody tr td:not(.msg-list-group):not(.mall-track-title) .btn-action {
    color: #4a89fc;
    font-size: .75rem;
    padding: .25rem .5rem;
    cursor: pointer
}

.pd-table tbody tr td:not(.msg-list-group):not(.mall-track-title) .btn-action:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.pd-table tbody tr td:not(.msg-list-group):not(.mall-track-title) .btn-action.no-hover:hover {
    box-shadow: unset
}

.pf-m-dashboard .react-bootstrap-table {
    overflow-x: auto;
    -ms-overflow-style: none
}

.pf-m-dashboard .react-bootstrap-table::-webkit-scrollbar {
    display: none
}

.pf-m-dashboard .react-bootstrap-table .pd-table thead tr th {
    background: linear-gradient(#fff,#f0f6ff);
    text-align: center;
    min-width: 6.875rem;
    font-weight: 500;
    line-height: 1.25
}

.pf-m-dashboard .react-bootstrap-table .pd-table tbody tr {
    overflow: unset
}

.pf-m-dashboard .react-bootstrap-table .pd-table tbody tr td {
    text-align: center;
    min-width: 6.875rem;
    line-height: 1.5
}

.pf-m-dashboard .react-bootstrap-table .pd-table tbody tr td .status {
    width: unset
}

.pf-m-dashboard .pagination-col {
    padding: 1rem
}

.pf-m-dashboard .pagination-col .pagination {
    margin-top: unset
}

.pagination-col {
    margin-top: auto
}

.pagination-col .pagination {
    margin-top: 1rem;
    margin-bottom: 0;
    justify-content: center
}

.pagination-col .pagination .page-item.active .page-link {
    color: #fff;
    border: 0;
    background: linear-gradient(90deg,#5da9fe,#3e73fa)
}

.pagination-col .pagination .page-item:hover .page-link {
    background-color: unset;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.pagination-col .pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    margin: .25rem;
    width: 1.5625rem;
    height: 1.5625rem;
    padding: 0;
    color: #414755;
    font-size: .75rem
}

.pagination-col .pagination .page-item .page-link[disabled] {
    opacity: 1%;
    pointer-events: none;
    box-shadow: unset
}

.events-table-container {
    border-radius: 1rem;
    border: .0625rem solid #becaec
}

.events-table-container .events-table {
    text-align: center;
    margin: 0
}

.events-table-container .events-table thead th {
    padding: 1rem .5rem;
    background: #f0f6ff
}

.events-table-container .events-table tbody tr {
    font-size: 1rem;
    background: #f0f6ff;
    vertical-align: middle
}

.events-table-container .events-table tbody tr:nth-child(odd) {
    background: #fff
}

.events-table-container .events-table tbody tr td {
    border: 0
}

.events-table-container .events-table tbody .reward {
    color: #ffaa09
}

.term-section .table {
    text-align: center;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    table-layout: fixed
}

.term-section .table thead tr th {
    border-right: .0625rem solid #becaec;
    background-color: #f0f6ff;
    font-size: 1rem;
    font-weight: 600
}

.term-section .table thead tr th:last-child {
    border-right: 0
}

.term-section .table tbody tr td {
    color: #6b7ba8!important;
    font-size: 1rem
}

.term-section .table tbody tr:last-child td {
    border-bottom-width: 0!important
}

.term-section .table tbody tr:nth-child(2n) td {
    background-color: #f0f6ff
}

.term-section .table tbody tr:nth-child(odd) td {
    background-color: #fff!important
}

.mobile-view .term-section {
    margin: 1rem 0;
    background-color: #fff
}

.mobile-view .term-section.no-bg {
    background-color: unset
}

.mobile-view .term-section .tnc-title {
    margin: 1rem 0;
    padding: .75rem;
    background-color: #becaec;
    color: #fff;
    text-align: center
}

.mobile-view .term-section .term-container {
    background-color: #fff
}

.mobile-view .term-section .term-container.no-bg {
    background-color: unset
}

.mobile-view .term-section .term-content.no-bg {
    background-image: unset!important;
    padding: 0!important
}

.mobile-view .term-section .term-content .h4,.mobile-view .term-section .term-content h4 {
    color: #414755;
    padding: 0
}

.mobile-view .term-section .table thead tr th {
    font-size: 1rem
}

.mobile-view .term-section .table tbody tr td {
    font-size: .875rem
}

.section-header,.section-header-gray {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem
}

.section-header-gray .h2,.section-header-gray .h3,.section-header-gray h2,.section-header-gray h3,.section-header .h2,.section-header .h3,.section-header h2,.section-header h3 {
    margin-bottom: 0;
    color: #4a89fc;
    font-size: 2.25rem;
    font-weight: 600;
    text-shadow: rgba(74,137,252,.2) 0 3px 6px;
    text-transform: uppercase
}

.section-header-gray p,.section-header p {
    font-size: 1.125rem;
    text-align: center;
    padding: 0 6rem
}

.section-header-gray .h2,.section-header-gray .h3,.section-header-gray h2,.section-header-gray h3 {
    color: #6b7ba8
}

.section-header-gray p {
    color: #abb8d6
}

.mobile-view .section-header-gray .h2,.mobile-view .section-header-gray h2 {
    font-size: 1.5rem
}

.mobile-view .section-header-gray p {
    font-size: 1rem;
    padding: 0
}

.mobile-view .section-header-gray .event-date {
    width: 100%;
    font-size: .75rem!important
}

.section-m-header {
    margin-bottom: 1rem!important
}

.global-section .section-image-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.global-section .section-image-container .section-img {
    height: auto;
    width: 100%;
    max-width: 550px
}

.global-section .section-content-container {
    display: flex;
    justify-content: end;
    align-items: center;
    position: relative;
    width: 55.4375rem;
    height: 30rem;
    background-image: url(/static/media/wwr-bg.3dd8a84b.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    margin-left: auto;
    padding: 1rem
}

.global-section .section-content-container .section-content {
    width: 100%;
    max-width: 70%;
    height: 74%
}

.global-section .section-content-container .section-content .h1,.global-section .section-content-container .section-content .h2,.global-section .section-content-container .section-content h1,.global-section .section-content-container .section-content h2 {
    color: #4a89fc;
    font-weight: 600;
    text-shadow: rgba(74,137,252,.2) 0 3px 6px;
    white-space: break-spaces;
    margin-bottom: 1rem
}

.global-section .section-content-container .section-content p {
    max-height: 85%;
    color: #6b7ba8;
    overflow: auto;
    padding-bottom: 1rem;
    padding-right: 1rem
}

.global-section .section-content-container .section-content ::-webkit-scrollbar {
    width: .25rem
}

.global-section.event .section-image-container {
    left: -16%
}

.global-section.event .section-image-container .section-img {
    max-width: 48.75rem
}

.global-section-two .card-shadow {
    width: 100%;
    max-width: 789px
}

.global-section-two .section-two-img {
    position: absolute;
    top: 4%;
    right: 0;
    width: 100%;
    max-width: 600px;
    height: auto
}

.global-section-two .section-two-content {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 1.75rem;
    width: 50%;
    height: auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.global-section-two .section-two-content .h1,.global-section-two .section-two-content .h2,.global-section-two .section-two-content h1,.global-section-two .section-two-content h2 {
    color: #4a89fc;
    font-weight: 600
}

.global-section-two .section-two-content p {
    width: 100%;
    height: 230px;
    padding: 0 1rem 1rem 0;
    overflow: auto
}

.provider-games-section {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.provider-games-section .col-5 {
    display: flex;
    align-items: center;
    padding-top: 5rem;
    padding-bottom: 5rem
}

.provider-games-section .col-7 {
    padding-top: 5rem
}

.provider-games-section>.x-container-no-m>.row {
    min-height: 980px;
    padding-left: inherit;
    padding-right: inherit
}

.pd-card-col,.pd-card-sub {
    padding: 1.25rem;
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.pd-card-col .h4,.pd-card-col .h6,.pd-card-col h4,.pd-card-col h6 {
    color: #414755;
    font-weight: 600
}

.global-game-section .game-container {
    background-color: #fff;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 3px 5px rgba(107,123,168,.25)
}

.global-game-section .game-container .game-category {
    border-bottom: 1px solid #becaec
}

.global-game-section .game-container .game-category ul {
    list-style-type: none
}

.global-game-section .game-container .game-category ul .game-ctg-col {
    flex: 0 0 auto;
    width: 14.2857%
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link {
    position: relative;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #6b7ba8;
    border-radius: 25px;
    display: flex;
    font-weight: 500;
    font-size: .75rem;
    width: 100%;
    height: 52px;
    text-decoration: none;
    transition: all .3s ease-in-out;
    align-items: center;
    justify-content: center;
    padding: inherit;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(107,123,168,.25)
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link.hot-cn:after,.global-game-section .game-container .game-category ul .game-ctg-col .game-link.hot:after {
    content: "";
    position: absolute;
    top: -.125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100%;
    width: 4.375rem;
    pointer-events: none
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link.hot:after {
    background: none;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link.hot-cn:after {
    background: none;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link.active {
    background-image: url(data:image/png;base64,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);
    color: #fff
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link.active .icon-grey {
    display: none
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link.active .icon-white {
    display: block;
    -webkit-animation: zonIn .25s;
    animation: zonIn .25s
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link:hover {
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link span {
    width: 40%;
    padding-right: 5px
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link span .icon-grey,.global-game-section .game-container .game-category ul .game-ctg-col .game-link span .icon-white {
    opacity: 1!important;
    margin: auto
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link span .icon-grey {
    display: block
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link span .icon-white {
    display: none
}

.global-game-section .game-container .game-category ul .game-ctg-col .game-link p {
    width: 60%;
    line-height: 1.2
}

.global-game-section .game-container .game-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.global-game-section .game-container .game-header ul {
    display: flex;
    margin: 0 -15px;
    list-style-type: none
}

.global-game-section .game-container .game-header ul li {
    margin: 0 15px;
    cursor: pointer;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    align-items: center
}

.global-game-section .game-container .game-header ul li.active,.global-game-section .game-container .game-header ul li:hover {
    color: #4a89fc
}

.global-game-section .game-container .game-header ul li svg {
    font-size: 1.25rem;
    margin-right: .25rem
}

.global-m-section {
    position: relative
}

.global-m-section .section-m-img {
    width: 100%;
    min-width: 17.4375rem;
    height: auto;
    margin-bottom: -2rem
}

.global-m-section .section-m-container {
    width: 100%;
    height: auto;
    background-image: url(/static/media/mobile-bg.d1535d01.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1rem;
    border-radius: .75rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.global-m-section .section-m-container .h1,.global-m-section .section-m-container h1 {
    padding-top: 1.5rem;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: #4a89fc;
    text-transform: uppercase
}

.global-m-section .section-m-container .h2,.global-m-section .section-m-container h2 {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    color: #4a89fc;
    text-transform: uppercase
}

.global-m-section .section-m-container p {
    text-align: center
}

.pg-m-section {
    padding: 0 1rem
}

.pg-m-section .search-bar {
    width: 100%;
    height: 2.5rem
}

.pg-m-section .search-bar svg {
    font-size: 1.25rem;
    color: #4a89fc
}

.pg-m-section .search-bar .form-control {
    border-color: #becaec
}

.pg-m-section .search-bar .form-control::-webkit-input-placeholder {
    color: #abb8d6
}

.pg-m-section .search-bar .form-control::placeholder {
    color: #abb8d6
}

.pg-m-section .game-m-nav {
    padding: 1rem 0;
    border-top: 1px solid #abb8d6
}

.pg-m-section .game-m-nav .game-nav-btn {
    justify-content: center
}

.pg-m-section .game-m-nav .game-nav-btn svg {
    margin-right: .25rem;
    font-size: 1.5rem
}

.pg-m-section .game-m-nav .game-nav-btn img {
    width: 1.375rem;
    height: auto;
    margin-right: .5rem
}

.pg-m-section .game-m-nav .game-nav-btn .actived {
    display: none
}

.pg-m-section .game-m-nav .game-nav-btn p {
    width: unset;
    font-size: .875rem;
    line-height: 1
}

.pg-m-section .game-m-nav .game-nav-btn.active svg {
    color: #fff
}

.pg-m-section .game-m-nav .game-nav-btn.active .unactived {
    display: none
}

.pg-m-section .game-m-nav .game-nav-btn.active .actived {
    display: block
}

.pg-m-section .game-list .col-4 {
    position: relative;
    text-align: center;
    font-size: .75rem
}

.pg-m-section .game-list .col-4 img {
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    object-fit: cover;
    object-position: center
}

.pg-m-section .game-list .col-4 .new-tag {
    position: absolute;
    top: 0;
    left: 2%;
    background: #ffaa09;
    color: #fff;
    border-top-left-radius: .5rem;
    border-bottom-right-radius: 1rem;
    padding: 0 .5rem
}

.pg-m-section .game-list .col-4 .fav-icon {
    position: absolute;
    top: -4%;
    right: -2%;
    width: 1.5rem;
    height: 1.375rem
}

.pg-m-section .game-list .col-4 .rtp {
    width: 100%;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: unset;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0,0,0,.4);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.pg-m-section .game-list .col-4 .rtp span {
    padding-left: .25rem
}

.pg-m-section .game-list .col-4 .game-m-name {
    display: flex;
    margin: .5rem 0;
    align-items: center;
    justify-content: space-between
}

.pg-m-section .game-list .col-4 .game-m-name p {
    color: #414755;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pg-m-section .game-list .col-4 .game-m-name img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    object-position: center
}

.pg-m-section .modal .modal-content {
    background-image: none!important;
    background: hsla(0,0%,100%,0)
}

.pg-m-section .modal .modal-content .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center
}

.pg-m-section .modal .modal-content .modal-body .btn {
    width: 12rem;
    margin: .5rem 0
}

.pg-m-section .modal .modal-content .modal-body .btn-white {
    height: 2.5rem;
    border-radius: .25rem
}

.pg-m-section .modal .modal-content .modal-body img {
    width: 16rem;
    height: auto
}

.pg-m-section .modal .modal-content .modal-body p {
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    padding: .5rem 0
}

.banner-slick {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0 auto
}

.banner-slick .slick-container {
    position: relative;
    height: 50rem
}

.banner-slick .slick-container:after {
    content: "";
    bottom: 0;
    height: 20%;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#f0f6ff);
    pointer-events: none
}

.banner-slick .slick-container .slick-slider,.banner-slick .slick-container:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120rem
}

.banner-slick .slick-container .slick-slider {
    overflow: hidden;
    touch-action: auto!important;
    z-index: 1;
    top: 0
}

.banner-slick .slick-container .slick-slider .slick-slide {
    line-height: 0
}

.banner-slick .slick-container .slick-slider .slick-slide img,.banner-slick .slick-container .slick-slider .slick-slide svg {
    width: 100%;
    transition: all 1s cubic-bezier(.7,0,.3,1);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.banner-slick .slick-container .slick-slider .slick-slide.slick-current {
    position: relative;
    z-index: 5
}

.banner-slick .slick-container .slick-slider .slick-slide.slick-current img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.banner-slick .slick-container .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none
}



.banner-slick .slick-container .slick-arrow .slick-arrow-btn {
    cursor: pointer;
    pointer-events: visible;
    opacity: .65;
    background-color: #6b7ba8;
    transition: all .3s ease-in-out;
    width: 35px;
    height: 70px
}

@media (max-width: 991px) {
    .banner-slick .slick-container .slick-arrow .slick-arrow-btn {
        width:25px;
        height: 50px
    }
}

.banner-slick .slick-container .slick-arrow .slick-arrow-btn:hover {
    background-color: #4a89fc;
    opacity: 1
}

.banner-slick .slick-container .slick-arrow .slick-arrow-btn svg {
    color: #f0f6ff;
    margin: auto;
    display: block;
    height: 100%;
    width: 25px
}

.banner-col {
    position: relative;
    height: 50rem;
    overflow: hidden
}

.banner-col .banner-item {
    position: absolute;
    width: 120rem;
    z-index: 1;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner-col .banner-item img {
    width: 100%;
    height: auto
}

.mobile-view .banner-slick {
    padding: 0 1rem;
    width: 100%;
    overflow: unset
}

.mobile-view .banner-slick .slick-container {
    position: relative;
    height: 10rem
}

.mobile-view .banner-slick .slick-container:after {
    display: none
}

.mobile-view .banner-slick .slick-container .slick-slider {
    position: relative;
    height: unset;
    width: 100%;
    left: unset;
    -webkit-transform: unset;
    transform: unset;
    border-radius: .5rem
}

.mobile-view .banner-slick .slick-container .slick-slider .slick-slide img {
    width: 100%;
    height: 10rem;
    object-fit: cover;
    object-position: center
}

.mobile-view .banner-slick .slick-container .slick-dots li button {
    width: 1rem;
    height: 1rem
}

.mobile-view .banner-slick .slick-container .slick-dots li button:before {
    width: .5rem;
    height: .5rem
}

.mobile-view .banner-col {
    height: 15.625rem
}

.mobile-view .banner-col .banner-item {
    width: 100%
}

.mobile-view .banner-col .banner-item img {
    height: 15.625rem;
    object-fit: cover;
    object-position: center
}

.slick-dots {
    z-index: 10;
    bottom: 25px
}

.slick-dots li {
    margin: 0 .5rem
}

.slick-dots li.slick-active button {
    border: 1px solid #3e73fa
}

.slick-dots li.slick-active button:before {
    background-color: #3e73fa;
    color: #3e73fa
}

.slick-dots li button {
    position: relative;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    width: 1.25rem;
    height: 1.25rem
}

.slick-dots li button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: .75rem;
    height: .75rem;
    color: transparent;
    background-color: initial;
    border-radius: 50%;
    opacity: 1
}

@media (max-width: 991px) {
    .banner-slick.resp .slick-slide img,.banner-slick.resp .slick-slide svg {
        min-height:180px;
        object-fit: cover
    }
}

.vip-m-slick .slick-container,.vip-slick .slick-container {
    position: relative
}

.vip-m-slick .slick-container .slick-track,.vip-slick .slick-container .slick-track {
    padding: 3rem 0
}

.vip-m-slick .slick-container .slick-track .slick-slide,.vip-slick .slick-container .slick-track .slick-slide {
    transition: all .3s ease-in-out;
    padding: 0 .75rem
}

.vip-m-slick .slick-container .slick-track .slick-slide img,.vip-slick .slick-container .slick-track .slick-slide img {
    width: 100%;
    height: auto
}

.vip-m-slick .slick-container .slick-track .slick-slide:not(.slick-center),.vip-slick .slick-container .slick-track .slick-slide:not(.slick-center) {
    opacity: .5
}

.vip-m-slick .slick-container .slick-track .slick-slide.slick-current .lazy-load-image-background,.vip-slick .slick-container .slick-track .slick-slide.slick-current .lazy-load-image-background {
    position: relative;
    overflow: hidden
}

.vip-m-slick .slick-container .slick-track .slick-slide.slick-current .lazy-load-image-background:after,.vip-slick .slick-container .slick-track .slick-slide.slick-current .lazy-load-image-background:after {
    -webkit-animation: shine 3s ease-in-out infinite;
    animation: shine 3s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    opacity: 1;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0))
}

.vip-m-slick .slick-container .slick-track .slick-center,.vip-slick .slick-container .slick-track .slick-center {
    position: relative;
    z-index: 10;
    opacity: 1;
    -webkit-transform: scale(1.35);
    transform: scale(1.35)
}

.vip-m-slick .slick-container .slick-dots,.vip-slick .slick-container .slick-dots {
    width: 50rem;
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vip-m-slick .slick-container .slick-dots li,.vip-slick .slick-container .slick-dots li {
    position: relative;
    width: 30px;
    height: 30px
}

.vip-m-slick .slick-container .slick-dots li:after,.vip-slick .slick-container .slick-dots li:after {
    content: "";
    position: absolute;
    top: 50%;
    height: .25rem;
    width: 4rem;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff
}

.vip-m-slick .slick-container .slick-dots li:last-child:after,.vip-slick .slick-container .slick-dots li:last-child:after {
    content: "";
    width: 0;
    height: 0
}

.vip-m-slick .slick-container .slick-dots li span,.vip-slick .slick-container .slick-dots li span {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.vip-m-slick .slick-container .slick-dots .slick-active span,.vip-slick .slick-container .slick-dots .slick-active span {
    padding: 0;
    background-color: #4a89fc;
    color: #fff;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.vip-m-slick .slick-container .slick-dots:before,.vip-slick .slick-container .slick-dots:before {
    content: "";
    background-image: url(/static/media/crown-blue.dedb5480.webp);
    padding: 1.75rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.vip-m-slick .slick-arrow,.vip-slick .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none
}

.vip-m-slick .slick-arrow .slick-arrow-btn,.vip-slick .slick-arrow .slick-arrow-btn {
    cursor: pointer;
    pointer-events: visible;
    opacity: .65;
    background-color: #6b7ba8;
    transition: all .3s ease-in-out;
    width: 55px;
    height: 120px
}

.vip-m-slick .slick-arrow .slick-arrow-btn.next,.vip-slick .slick-arrow .slick-arrow-btn.next {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.vip-m-slick .slick-arrow .slick-arrow-btn.prev,.vip-slick .slick-arrow .slick-arrow-btn.prev {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

@media (max-width: 991px) {
    .vip-m-slick .slick-arrow .slick-arrow-btn,.vip-slick .slick-arrow .slick-arrow-btn {
        width:25px;
        height: 50px
    }
}

.vip-m-slick .slick-arrow .slick-arrow-btn:hover,.vip-slick .slick-arrow .slick-arrow-btn:hover {
    background-color: #4a89fc;
    opacity: 1
}

.vip-m-slick .slick-arrow .slick-arrow-btn svg,.vip-slick .slick-arrow .slick-arrow-btn svg {
    color: #f0f6ff;
    margin: auto;
    display: block;
    height: 100%;
    width: 60px
}

.vip-m-slick {
    padding: 0 1rem;
    margin-top: 5.625rem;
    background: #fff
}

.vip-m-slick .slick-container .slick-track {
    padding: 1rem 0
}

.vip-m-slick .slick-container .slick-track .slick-slide:not(.slick-center) {
    opacity: unset
}

.vip-m-slick .slick-container .slick-dots {
    height: 5rem;
    width: 80%;
    justify-content: center;
    flex-wrap: wrap;
    bottom: 102%;
    left: unset;
    right: -.5rem;
    -webkit-transform: unset;
    transform: unset
}

.vip-m-slick .slick-container .slick-dots li {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 .65rem
}

.vip-m-slick .slick-container .slick-dots li:after {
    width: 1.75rem;
    right: -80%
}

.vip-m-slick .slick-container .slick-dots li:nth-child(6n):after {
    content: "";
    width: 0
}

.vip-m-slick .slick-container .slick-dots:before {
    background-image: none;
    padding: 0
}

.vip-m-slick .slick-container .crown-blue {
    position: absolute;
    top: -35%;
    width: 5.5rem;
    height: auto
}

.mobile-game-container {
    width: calc(100% - 4.25rem);
    overflow-y: auto;
    grid-gap: .5rem;
    grid-gap: 1rem;
    gap: 1rem;
    padding-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.mobile-game-container::-webkit-scrollbar {
    display: none
}

.mobile-game-container .mobile-game-card {
    position: relative
}

.mobile-game-container .mobile-game-card.hot-cn:after,.mobile-game-container .mobile-game-card.hot:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2.8125rem;
    pointer-events: none
}

.mobile-game-container .mobile-game-card.hot:after {
    background: none;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.mobile-game-container .mobile-game-card.hot-cn:after {
    background: none;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.mobile-game-container .mobile-game-card .btn-white {
    position: absolute;
    bottom: 1rem;
    left: 1rem
}

.mobile-game-container .mobile-game-card .fav-btn {
    position: absolute;
    top: .5rem;
    right: .5rem;
    border: none;
    background: none
}

.mobile-game-container .mobile-game-card .fav-btn img {
    width: 1.75rem
}

.mobile-game-container .card-shadow {
    border-radius: .75rem
}

.mobile-game-container .slick-arrow {
    position: absolute;
    top: -1.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    align-items: center;
    padding: 1rem
}

.mobile-game-container .slick-arrow .slick-arrow-btn {
    cursor: pointer;
    pointer-events: visible;
    opacity: .7;
    background-color: #4a89fc;
    transition: all .3s ease-in-out;
    width: 2rem;
    padding: 0;
    height: 2rem
}

.mobile-game-container .slick-arrow .slick-arrow-btn:disabled {
    opacity: .2
}

.mobile-game-container .slick-arrow .slick-arrow-btn.next,.mobile-game-container .slick-arrow .slick-arrow-btn.prev {
    border-radius: .3rem
}

.mobile-game-container .slick-arrow .slick-arrow-btn svg {
    color: #f0f6ff;
    margin: 0 auto;
    height: 1.5rem;
    width: 1.5rem
}

.mobile-game-container .slick-dots {
    top: -2.5rem;
    z-index: 0;
    bottom: unset
}

.mobile-game-container .slick-dots li {
    width: 3rem;
    height: 1rem
}

.mobile-game-container .slick-dots li button {
    width: 3rem;
    height: .75rem;
    border-radius: .5rem
}

.mobile-game-container .slick-dots li button:before {
    width: 2.5rem;
    height: .3rem;
    border-radius: 1rem
}

.mobile-game-container .slick-dots ul {
    padding: 0
}

.product-overview-slick .slick-container .slick-track {
    padding: 3rem 0 6rem
}

.product-overview-slick .slick-container .slick-track .product-overview {
    position: relative;
    display: flex;
    align-items: center
}

.product-overview-slick .slick-container .slick-track .product-overview:focus-visible {
    outline-width: 0
}

.product-overview-slick .slick-container .slick-track .product-overview .product-overview-img {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .25s ease-in-out
}

.product-overview-slick .slick-container .slick-track .product-overview .product-overview-img:focus-visible {
    outline-width: 0
}

.product-overview-slick .slick-container .slick-track .product-overview .card-shadow {
    width: 17.75rem;
    height: 18.6875rem;
    margin: 0 auto
}

.product-overview-slick .slick-container .slick-track .slick-center {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.product-overview-slick .slick-container .slick-track .slick-center .product-overview .product-overview-img img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.product-overview-slick .slick-container .platform-wave,.product-overview-slick .slick-container .product-platform {
    position: absolute;
    bottom: 0;
    z-index: -1
}

.product-overview-slick .slick-container .platform-wave {
    bottom: -3rem;
    -webkit-animation: zonIn 3s infinite;
    animation: zonIn 3s infinite;
    z-index: -2;
    opacity: 0
}

.global-modal .modal-dialog {
    max-width: 576px
}

.global-modal .modal-dialog .modal-content {
    border-radius: .9375rem;
    background-image: url(/static/media/modal-bg.6ec00d81.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.global-modal .modal-dialog .modal-content.tnc-content {
    background-image: none
}

.global-modal .modal-dialog .modal-content.tnc-content .term-section .h4,.global-modal .modal-dialog .modal-content.tnc-content .term-section h4 {
    text-align: start;
    color: unset;
    font-weight: 500
}

.global-modal .modal-dialog .modal-content .modal-header {
    border-bottom: 0
}

.global-modal .modal-dialog .modal-content .modal-header .h5,.global-modal .modal-dialog .modal-content .modal-header h5 {
    color: #4a89fc;
    margin-top: auto;
    font-weight: 600;
    line-height: 1.5
}

.global-modal .modal-dialog .modal-content .modal-header .btn-close {
    height: 1.5625rem;
    width: 1.5625rem;
    color: #4a89fc;
    background: unset
}

.global-modal .modal-dialog .modal-content .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.global-modal .modal-dialog .modal-content .modal-body .h4,.global-modal .modal-dialog .modal-content .modal-body h4 {
    text-align: center;
    color: #4a89fc;
    font-weight: 600;
    margin-bottom: .5rem
}

.global-modal .input-group .input-group-text {
    background-color: #fff
}

.mobile-view .global-modal .modal-dialog {
    max-width: 90%!important
}

.modal-language-body ul {
    height: 260px;
    overflow: auto;
    list-style-type: none;
    padding: 0
}

.modal-language-body ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #becaec
}

.modal-language-body ul li:last-child {
    border-bottom: 0
}

.modal-language-body ul li .country {
    display: flex;
    align-items: center
}

.modal-language-body ul li .country img {
    width: 100%;
    max-width: 35px;
    height: auto
}

.modal-language-body ul li .country .h6,.modal-language-body ul li .country h6 {
    margin: 0 1rem
}

.modal-language-body ul li .language {
    display: flex;
    justify-content: right;
    margin-right: 16px
}

.modal-language-body ul li .language .btn {
    height: 35px;
    border-radius: 25px;
    padding: .5rem 0;
    min-width: 120px
}

.modal-language-body ul li .language .btn:not(:first-child) {
    margin-left: 10px
}

.modal-language-body ul li .language .btn-white {
    background: transparent;
    border: 1px solid #becaec
}

.modal-pd .modal-title {
    color: #414755!important
}

.modal-pd .modal-body {
    padding-top: 0;
    display: block!important
}

.modal-referral {
    max-width: 576px
}

.modal-referral .modal-title {
    color: #414755!important
}

.m-referral .ref-qr-code-container,.modal-referral .ref-qr-code-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.m-referral .ref-qr-code-container .ref-qr-code,.modal-referral .ref-qr-code-container .ref-qr-code {
    display: inline-block;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    background-color: #fff;
    padding: 1rem
}

.m-referral .ref-qr-code-container .h2,.m-referral .ref-qr-code-container .h3,.m-referral .ref-qr-code-container h2,.m-referral .ref-qr-code-container h3,.modal-referral .ref-qr-code-container .h2,.modal-referral .ref-qr-code-container .h3,.modal-referral .ref-qr-code-container h2,.modal-referral .ref-qr-code-container h3 {
    color: #4a89fc;
    margin-bottom: 0;
    padding-top: .5rem
}

.m-referral .or-line,.modal-referral .or-line {
    width: 100%;
    text-align: center;
    position: relative
}

.m-referral .or-line:before,.modal-referral .or-line:before {
    left: 0
}

.m-referral .or-line:after,.m-referral .or-line:before,.modal-referral .or-line:after,.modal-referral .or-line:before {
    content: "";
    width: 45%;
    border: .01562rem solid rgba(190,202,236,.5);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-referral .or-line:after,.modal-referral .or-line:after {
    right: 0
}

.m-referral .list-group,.modal-referral .list-group {
    width: 100%;
    margin-bottom: 1rem
}

.m-referral .list-group .list-group-item,.modal-referral .list-group .list-group-item {
    flex: 1 1;
    padding: .5rem;
    border: 0;
    text-align: center;
    background-color: unset
}

.m-referral .list-group .list-group-item:hover p,.modal-referral .list-group .list-group-item:hover p {
    color: #4a89fc
}

.m-referral .list-group .list-group-item img,.modal-referral .list-group .list-group-item img {
    width: 2.5rem;
    height: auto;
    margin-bottom: .5rem
}

.m-referral .list-group .list-group-item p,.modal-referral .list-group .list-group-item p {
    font-size: .75rem;
    color: #414755;
    transition: all .3s ease-in-out
}

.m-referral .download-share-btn,.modal-referral .download-share-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.m-referral .download-share-btn .btn,.modal-referral .download-share-btn .btn {
    width: 49%
}

.m-referral .input-group,.modal-referral .input-group {
    box-shadow: none
}

.m-referral .input-group .input-group-text,.modal-referral .input-group .input-group-text {
    height: 2.5rem;
    padding: 0!important
}

.m-referral .input-group .input-group-text button,.modal-referral .input-group .input-group-text button {
    border-radius: 0 .25rem .25rem 0!important;
    padding: 0!important
}

.modal-verification {
    max-width: 576px
}

.modal-verification .modal-header {
    align-items: unset
}

.modal-verification .modal-header>div {
    width: calc(100% - 25px)
}

.modal-verification .modal-header>div .modal-title {
    color: #414755!important
}

.modal-verification .modal-header>div .small,.modal-verification .modal-header>div small {
    display: block;
    margin-top: .5rem
}

.modal-verification .modal-body {
    padding-top: 0
}

.modal-verification .modal-body .forms-col {
    width: 100%
}

.modal-verification .modal-body .btn-gradient-blue {
    width: 50%;
    margin: 0 auto
}

.modal-verification .modal-body .btn-underlined {
    float: right;
    color: #4a89fc;
    text-decoration: underline;
    box-shadow: unset;
    padding-left: 0;
    padding-right: 0
}

.modal-verification .modal-body .btn-underlined:hover {
    opacity: .9
}

.modal-open {
    overflow: hidden;
    padding-right: 0
}

.overlay {
    position: fixed;
    pointer-events: none;
    z-index: 90;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100vh;
    height: 100vh;
    transition: all .3s ease-in-out;
    background: rgba(0,0,0,.5)
}

.open~.overlay {
    opacity: 1;
    pointer-events: unset
}

.ReactModal__Overlay {
    background-color: rgba(0,0,0,.5)!important;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    z-index: 1055;
    overflow: auto
}

.ReactModal__Overlay--after-open {
    opacity: 1
}

.ReactModal__Overlay--after-open .ReactModal__Content--after-open {
    -webkit-transform: none;
    transform: none
}

.ReactModal__Overlay--before-close {
    opacity: 0
}

.ReactModal__Content,.ReactModal__Overlay--before-close .ReactModal__Content {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.ReactModal__Content {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.ReactModal__Content:focus-visible {
    outline: 0
}

.ReactModal__Body--open,.ReactModal__Html--open {
    overflow: hidden
}

.upgrade-acc-modal {
    padding: 1rem
}

.upgrade-acc-modal .modal-header {
    align-items: unset;
    padding: 0
}

.upgrade-acc-modal .modal-header .h5,.upgrade-acc-modal .modal-header h5 {
    color: #414755!important;
    margin-bottom: 0
}

.upgrade-acc-modal .modal-header p {
    font-size: .75rem
}

.upgrade-acc-modal .modal-body {
    padding: 0
}

.upgrade-acc-modal .modal-body .h5,.upgrade-acc-modal .modal-body .h6,.upgrade-acc-modal .modal-body h5,.upgrade-acc-modal .modal-body h6 {
    padding-top: 1rem;
    color: #414755;
    font-weight: 600
}

.upgrade-acc-modal .modal-body .upgrade-acc-benefit {
    height: 16rem;
    padding: 0;
    margin: 0;
    overflow: auto;
    list-style: none
}

.upgrade-acc-modal .modal-body .upgrade-acc-benefit li {
    margin-bottom: 1rem
}

.upgrade-acc-modal .modal-body .upgrade-acc-benefit li p {
    font-weight: 600
}

.upgrade-acc-modal .modal-body .row {
    width: 100%
}

.upgrade-acc-modal .modal-body .continue-btn-container {
    display: flex;
    justify-content: center
}

.upgrade-acc-modal .modal-body .continue-btn-container .btn {
    min-width: 8rem
}

.upgrade-acc-modal .modal-body .continue-btn-container .btn-gradient-blue {
    margin: 0
}

.upgrade-acc-modal .modal-body .btn-gradient-blue {
    display: block;
    margin: 0 auto;
    min-width: 16rem
}

.mobile-modal-bg-white.modal-content {
    background-image: unset!important;
    background-color: unset!important
}

.mobile-modal-bg-white .modal-header {
    padding: .8rem .5rem;
    border-top-left-radius: .5rem!important;
    border-top-right-radius: .5rem!important
}

.mobile-modal-bg-white .modal-header .modal-title {
    font-size: .875rem
}

.mobile-modal-bg-white .modal-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mobile-modal-bg-white .modal-body {
    border-bottom-left-radius: unset!important;
    border-bottom-right-radius: unset!important;
    padding: .5rem 0;
    font-size: .75rem
}

.mobile-modal-bg-white .modal-body .modal-body-cont {
    width: 100%!important
}

.mobile-modal-bg-white .btn-gray {
    width: 100%;
    height: 2.5rem;
    margin-top: .5rem;
    background-color: #b0b0b0
}

.mobile-modal-bg-white .btn-white {
    border-top-left-radius: unset!important;
    border-top-right-radius: unset!important;
    border-top: 1px solid;
    background-color: #fff!important;
    padding: .8rem;
    background: unset;
    color: #3e73fa;
    border-bottom-left-radius: .5rem!important;
    border-bottom-right-radius: .5rem!important
}

.swal2-popup {
    max-width: 400px;
    border-radius: 15px;
    background-image: url(/static/media/modal-bg.6ec00d81.jpg)
}

.swal2-icon {
    font-size: 10px!important
}

.swal2-title {
    font-size: 1rem!important;
    margin-bottom: 7px!important;
    color: #444c64
}

.swal2-actions.swal2-loading {
    margin-top: 0!important
}

.swal2-content {
    font-size: .875rem!important;
    color: #6b7ba8
}

.swal2-actions {
    margin-top: 7px
}

.swal2-actions button {
    font-size: .875rem!important;
    transition: .3s ease-in-out!important
}

.swal2-actions .swal2-styled {
    border-radius: .25rem;
    padding: .625em 2em
}

.swal2-actions .swal2-confirm {
    background: linear-gradient(90deg,#5da9fe,#3e73fa)!important;
    box-shadow: 0 3px 5px rgba(74,137,252,.25)
}

.swal2-actions .swal2-confirm:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)!important
}

.swal2-actions .swal2-cancel,.swal2-actions .swal2-deny {
    color: #4a89fc!important;
    background: hsla(0,0%,100%,0)!important;
    border: 1px solid #4a89fc!important;
    box-shadow: 0 3px 5px rgba(110,113,122,.25)!important
}

.swal2-actions .swal2-cancel:hover,.swal2-actions .swal2-deny:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)!important
}

.swal-mobile-container .swal2-popup {
    background-image: unset;
    max-width: 100%;
    width: 80%;
    padding: 1.25rem 0 0
}

.swal-mobile-container .swal2-popup .swal2-icon {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: -3rem!important
}

.swal-mobile-container .swal2-popup .swal2-content {
    padding: .3rem 1.6rem .5rem
}

.swal-mobile-container .swal2-popup .swal2-actions {
    border-top: .1rem solid rgba(93,169,254,.5)
}

.swal-mobile-container .swal2-popup .swal2-actions .swal2-confirm {
    background: unset!important;
    box-shadow: unset;
    color: #3e73fa;
    font-size: 1rem!important;
    padding: .5rem;
    margin: unset;
    width: 100%
}

.swal-mobile-container.sucess .swal-success-icon {
    background-color: #04be02;
    border: .4rem solid #fff
}

.swal-mobile-container.sucess .swal-success-icon img {
    width: 2.5rem
}

.swal-mobile-container.confirmation .swal-failed-icon,.swal-mobile-container.failed .swal-failed-icon,.swal-mobile-container.reminder .swal-failed-icon {
    background-color: #ea4e3d;
    border: .4rem solid #fff
}

.swal-mobile-container.confirmation .swal-failed-icon img,.swal-mobile-container.failed .swal-failed-icon img,.swal-mobile-container.reminder .swal-failed-icon img {
    width: 2.5rem
}

.swal-mobile-container.confirmation .swal-reminder-icon,.swal-mobile-container.failed .swal-reminder-icon,.swal-mobile-container.reminder .swal-reminder-icon {
    background-color: #ffaa09;
    border: .4rem solid #fff
}

.swal-mobile-container.confirmation .swal-reminder-icon img,.swal-mobile-container.failed .swal-reminder-icon img,.swal-mobile-container.reminder .swal-reminder-icon img {
    width: 2.5rem
}

.swal-mobile-container.confirmation .swal-confirmation-icon,.swal-mobile-container.failed .swal-confirmation-icon,.swal-mobile-container.reminder .swal-confirmation-icon {
    background-color: #4a89fc;
    border: .4rem solid #fff
}

.swal-mobile-container.confirmation .swal-confirmation-icon img,.swal-mobile-container.failed .swal-confirmation-icon img,.swal-mobile-container.reminder .swal-confirmation-icon img {
    width: 2rem
}

.swal-mobile-container.confirmation .swal2-actions .swal2-cancel,.swal-mobile-container.confirmation .swal2-actions .swal2-deny,.swal-mobile-container.failed .swal2-actions .swal2-cancel,.swal-mobile-container.failed .swal2-actions .swal2-deny,.swal-mobile-container.reminder .swal2-actions .swal2-cancel,.swal-mobile-container.reminder .swal2-actions .swal2-deny {
    background: hsla(0,0%,100%,.3)!important;
    color: #fff!important;
    border: unset!important;
    width: 100%;
    margin: unset;
    font-size: 1rem!important;
    margin-bottom: -3.5rem;
    border-radius: .5rem
}

.swal-mobile-container.confirmation .swal2-actions .swal2-confirm,.swal-mobile-container.failed .swal2-actions .swal2-confirm,.swal-mobile-container.reminder .swal2-actions .swal2-confirm {
    background: unset!important;
    box-shadow: unset;
    color: #3e73fa;
    font-size: 1rem!important;
    padding-bottom: .5rem;
    margin: unset;
    width: 100%
}

.swal-mobile-container.confirmation .swal-sorry-icon,.swal-mobile-container.failed .swal-sorry-icon,.swal-mobile-container.reminder .swal-sorry-icon {
    background-color: #fff;
    border: .4rem solid #fff
}

.swal-mobile-container.confirmation .swal-sorry-icon img,.swal-mobile-container.failed .swal-sorry-icon img,.swal-mobile-container.reminder .swal-sorry-icon img {
    width: 3.5rem
}

.swal-mobile-container.sorry .swal-sorry-icon {
    background-color: #fff;
    border: .4rem solid #fff
}

.swal-mobile-container.sorry .swal-sorry-icon img {
    width: 3.5rem
}

.fes-ani-get {
    background: none;
    background-color: #04be02;
    margin-right: 1rem
}

.fes-ani-grey-btn {
    background-color: #a5aabc!important;
    background: none;
    pointer-events: none;
    margin-right: 1rem
}

.ani-section {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,.6),#000)
}

.ani-section .ani-content-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center
}

.ani-section .ani-content-wrapper .ani-header-wrapper {
    position: absolute;
    z-index: 2
}

.ani-section .ani-content-wrapper .ani-item-wrapper {
    position: absolute
}

.ani-section .ani-content-wrapper .ani-item-wrapper .fes-ani-asset {
    width: 21.875rem;
    height: 70%;
    object-fit: contain;
    cursor: pointer
}

.ani-section .ani-content-wrapper .ani-item-wrapper .fes-ani-asset.mobile {
    width: 15rem
}

.ani-section .ani-content-wrapper .ani-item-wrapper .flare-light {
    position: absolute;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
    width: 100%;
    height: auto;
    pointer-events: none;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 20%;
    z-index: -2;
    left: 0
}

.ani-section .ani-content-wrapper .ani-item-wrapper .ani-burst,.ani-section .ani-content-wrapper .ani-item-wrapper .ani-burst-one {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -2;
    -webkit-animation: zonIn 1s linear;
    animation: zonIn 1s linear;
    opacity: 0;
    pointer-events: none;
    left: -50%
}

.ani-section .ani-content-wrapper .ani-item-wrapper .ani-burst-one.mobile,.ani-section .ani-content-wrapper .ani-item-wrapper .ani-burst.mobile {
    width: 18rem
}

.ani-section .ani-content-wrapper .ani-item-wrapper .ani-burst-one {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.ani-section .ani-content-wrapper .ani-bottom-wrapper {
    position: relative;
    color: #fff
}

.ani-section .ani-content-wrapper .ani-bottom-wrapper .close-button-wrapper .h5,.ani-section .ani-content-wrapper .ani-bottom-wrapper .close-button-wrapper h5 {
    cursor: pointer
}

.ani-section .ani-content-wrapper .ani-bottom-wrapper .close-button-wrapper .fes-btn-close {
    border: 2px solid #fff;
    border-radius: 1.5rem;
    background-image: none;
    width: 1.5rem;
    height: 1.5rem
}

.ani-section .fes-ani-overlay {
    position: fixed;
    opacity: .8;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-animation: shine 4s linear infinite;
    animation: shine 4s linear infinite;
    background-position: 50%;
    object-fit: cover;
    z-index: -10;
    pointer-events: none
}

.fes-ani-content {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fes-ani-content .fes-ani-head {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.fes-ani-content .fes-ani-head .h5,.fes-ani-content .fes-ani-head h5 {
    color: #fff
}

.fes-ani-content .fes-ani-head .h5 .fes-ani-amount,.fes-ani-content .fes-ani-head h5 .fes-ani-amount {
    color: #ffaa09;
    font-size: 1.5rem
}

.fes-ani-content .fes-ani-head .fes-btn-close {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 1.5rem;
    background-image: none;
    width: 1.5rem;
    height: 1.5rem
}

.fes-ani-content .fes-ani-head .fes-ani-body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.fes-ani-content .fes-ani-head .fes-ani-body .fes-ani-asset {
    position: relative;
    z-index: 1;
    width: 21.875rem;
    height: auto;
    cursor: pointer
}

.fes-ani-content .fes-ani-head .fes-ani-body .fes-ani-asset.mobile {
    width: 15rem
}

.fes-ani-content .fes-ani-head .fes-ani-body .ani-burst,.fes-ani-content .fes-ani-head .fes-ani-body .ani-burst-one {
    position: absolute;
    top: -20%;
    left: -10%;
    z-index: 2;
    -webkit-animation: zonIn 1s linear;
    animation: zonIn 1s linear;
    opacity: 0;
    pointer-events: none
}

.fes-ani-content .fes-ani-head .fes-ani-body .ani-burst-one.mobile,.fes-ani-content .fes-ani-head .fes-ani-body .ani-burst.mobile {
    top: -20%;
    left: -10%;
    width: 18rem
}

.fes-ani-content .fes-ani-head .fes-ani-body .ani-burst-one {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.fes-ani-bg-wrap {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.fes-ani-bg-wrap .rain-one,.fes-ani-bg-wrap .rain-three,.fes-ani-bg-wrap .rain-two {
    position: absolute;
    z-index: 1;
    -webkit-transform: translate(25%,-100%);
    transform: translate(25%,-100%);
    width: 100%;
    height: auto;
    -webkit-animation: coinFall 3s linear infinite;
    animation: coinFall 3s linear infinite
}

.fes-ani-bg-wrap .rain-one.mobile,.fes-ani-bg-wrap .rain-three.mobile,.fes-ani-bg-wrap .rain-two.mobile {
    height: 100%;
    object-fit: cover
}

.fes-ani-bg-wrap .rain-one {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.fes-ani-bg-wrap .rain-two {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.fes-ani-bg-wrap .rain-three {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.fes-ani-bg-wrap .fes-ani-overlay {
    position: fixed;
    opacity: .8;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-animation: shine 4s linear infinite;
    animation: shine 4s linear infinite;
    background-position: 50%;
    pointer-events: none
}

@-webkit-keyframes coinFall {
    to {
        -webkit-transform: translate(-25%,200%);
        transform: translate(-25%,200%)
    }
}

@keyframes coinFall {
    to {
        -webkit-transform: translate(-25%,200%);
        transform: translate(-25%,200%)
    }
}

@keyframes shine {
    0% {
        -webkit-filter: brightness(100%);
        filter: brightness(100%)
    }

    50% {
        -webkit-filter: brightness(125%);
        filter: brightness(125%)
    }

    to {
        -webkit-filter: brightness(100%);
        filter: brightness(100%)
    }
}

@keyframes zonIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    90% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ambassador-section .ambassador-title {
    height: 80%;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: inherit;
    color: #4a89fc;
    top: 7.5%;
    left: 1rem
}

.ambassador-section .ambassador-title .h1,.ambassador-section .ambassador-title .h2,.ambassador-section .ambassador-title h1,.ambassador-section .ambassador-title h2 {
    font-weight: 600!important;
    margin-bottom: 0
}

.events-section,.events-section .events-video-container {
    position: relative
}

.events-section .events-video-container .events-video-content {
    padding: 2rem;
    background-image: url(/static/media/video-bg.40bea1fd.webp);
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat
}

.events-section .events-video-container .events-video-content .col-9 p {
    height: 85px;
    overflow: auto
}

.events-section .events-video-container .events-video-content .col-9 p::-webkit-scrollbar {
    display: none
}

.events-section .events-video-container .events-video-content .col-3,.events-section .events-video-container .events-video-content .col-4 {
    height: 37.3125rem;
    position: relative
}

.events-section .events-video-container .events-video-content .col-3::-webkit-scrollbar,.events-section .events-video-container .events-video-content .col-4::-webkit-scrollbar {
    display: none
}

.events-section .events-video-container .events-video-content .col-3:after,.events-section .events-video-container .events-video-content .col-4:after {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: -4%;
    left: 0;
    height: 15%;
    width: 100%;
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 35%,rgba(232,242,250,.85),#e8f2fa)
}

.events-section .events-video-container .events-video-content .col-3 ul,.events-section .events-video-container .events-video-content .col-4 ul {
    height: 100%;
    list-style-type: none;
    padding-left: unset;
    overflow: auto
}

.events-section .events-video-container .events-video-content .col-3 ul::-webkit-scrollbar,.events-section .events-video-container .events-video-content .col-4 ul::-webkit-scrollbar {
    display: none
}

.events-section .events-video-container .events-video-content .col-3 ul li,.events-section .events-video-container .events-video-content .col-4 ul li {
    padding: 2px;
    margin-bottom: 2px;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.events-section .events-video-container .events-video-content .col-3 ul li.selected,.events-section .events-video-container .events-video-content .col-4 ul li.selected {
    border: 3px solid #4a89fc;
    position: relative
}

.events-section .events-video-container .events-video-content .col-3 ul li.selected:after,.events-section .events-video-container .events-video-content .col-4 ul li.selected:after {
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(/static/media/selected-arrow.ae13745e.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px
}

.events-section .events-video-container .events-video-content .col-3 ul li img,.events-section .events-video-container .events-video-content .col-4 ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.events-section .events-video-container .events-video-content .col-3 ul li:active .overlay,.events-section .events-video-container .events-video-content .col-3 ul li:focus .overlay,.events-section .events-video-container .events-video-content .col-3 ul li:hover .overlay,.events-section .events-video-container .events-video-content .col-4 ul li:active .overlay,.events-section .events-video-container .events-video-content .col-4 ul li:focus .overlay,.events-section .events-video-container .events-video-content .col-4 ul li:hover .overlay {
    opacity: 1
}

.events-section .events-video-container .events-video-content .col-3 ul li .overlay,.events-section .events-video-container .events-video-content .col-4 ul li .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(65,71,85,.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.events-section .events-video-container .events-video-content .col-3 ul li .overlay svg,.events-section .events-video-container .events-video-content .col-4 ul li .overlay svg {
    color: #f0f6ff;
    font-size: 3rem;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.events-section .events-video-container .events-video-content .col-3 ul li .overlay svg:hover,.events-section .events-video-container .events-video-content .col-4 ul li .overlay svg:hover {
    color: #fff
}

.global-section .section-image-container .sub-img1 {
    max-width: 107px;
    bottom: 13%;
    left: 31%
}

.global-section .section-image-container .sub-img1,.global-section .section-image-container .sub-img2 {
    height: auto;
    width: 100%;
    position: absolute;
    -webkit-animation: top 3s ease-in-out infinite;
    animation: top 3s ease-in-out infinite
}

.global-section .section-image-container .sub-img2 {
    max-width: 69px;
    left: 47.5%;
    bottom: 42%
}

.global-section .section-image-container .sub-img3 {
    height: auto;
    width: 100%;
    max-width: 90px;
    position: absolute;
    top: 18%;
    left: 0;
    -webkit-animation: top 3s ease-in-out infinite;
    animation: top 3s ease-in-out infinite
}

.global-section .section-image-container .section-content-container {
    width: 70%;
    margin-left: 30%
}

@-webkit-keyframes right {
    0% {
        -webkit-transform: translate(-15px);
        transform: translate(-15px)
    }

    50% {
        -webkit-transform: translate(15px);
        transform: translate(15px)
    }

    to {
        -webkit-transform: translate(-15px);
        transform: translate(-15px)
    }
}

@keyframes right {
    0% {
        -webkit-transform: translate(-15px);
        transform: translate(-15px)
    }

    50% {
        -webkit-transform: translate(15px);
        transform: translate(15px)
    }

    to {
        -webkit-transform: translate(-15px);
        transform: translate(-15px)
    }
}

@-webkit-keyframes top {
    0% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes top {
    0% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.service-section .deco-5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.service-section .service-border-image {
    width: 100%;
    height: auto;
    max-width: 8.75rem;
    position: absolute;
    top: -3%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.service-section .service-section-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(/static/media/es-bg.61444ff2.webp);
    background-position: bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: .75rem 1.25rem
}

.service-section .service-section-content img {
    width: 100%;
    max-width: 100px;
    height: auto
}

.service-section .service-section-content .h4,.service-section .service-section-content h4 {
    color: #6b7ba8;
    margin: 1rem 0
}

.service-section .service-section-content p {
    height: 100%;
    text-align: center;
    color: #6b7ba8;
    padding: 0 1rem 1rem;
    overflow: auto
}

.gauge-col .col-3 {
    text-align: center
}

.gauge-col .col-3 .h5,.gauge-col .col-3 h5 {
    font-size: .875rem;
    color: #abb8d6
}

.gauge-col .col-3 .gauge-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto 1rem;
    text-align: center
}

.gauge-col .col-3 .gauge-wrapper .gauge-img {
    width: 165px;
    height: auto
}

.gauge-col .col-3 .gauge-wrapper .gauge-content {
    position: absolute;
    width: 125px;
    height: 125px;
    top: 13.5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gauge-col .col-3 .gauge-wrapper .gauge-content .gauge-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 70%;
    position: absolute;
    left: 50%;
    top: 52.5%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.gauge-col .col-3 .gauge-wrapper .gauge-content .gauge-body p {
    font-size: .5rem;
    white-space: nowrap;
    margin-bottom: 0
}

.gauge-col .col-3 .gauge-wrapper .gauge-content .gauge-body p:last-child {
    font-size: .75rem
}

.gauge-col .col-3 .gauge-wrapper .gauge-content .gauge-body .gauge-value {
    font-size: 3.75rem;
    font-weight: 500;
    line-height: 1;
    color: #4a89fc
}

.event-countdown-section .col-6 {
    position: relative
}

.event-countdown-section .col-6 .countdown-timer {
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.event-countdown-section .col-6 .countdown-timer .countdown-digit-container .countdown-digit .digit-container section span {
    margin: 0 5px;
    border-radius: 5px;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.event-countdown-section .col-6 .countdown-timer .countdown-digit-container .countdown-digit .digit-container section span span {
    margin: 0;
    padding: 0;
    font-size: 2.25rem!important;
    font-weight: 600
}

.event-countdown-section .col-6 .enter-btn-blue {
    position: absolute;
    bottom: 10%;
    right: 14%
}

.events-section.live-sport-event .col-8 .btn-gradient-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    min-width: 16.25rem
}

.events-section.live-sport-event .col-4 ul li {
    margin-bottom: .75rem!important
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail {
    width: 100%;
    height: auto;
    background-image: url(/static/media/event-sport-bg.51fcee37.webp);
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .5rem;
    transition: all .25s ease-in-out;
    color: #6b7ba8
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail.card-shadow:hover {
    box-shadow: 0 4px 12px 0 rgba(74,137,252,.25)
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: #4a89fc;
    color: #fff
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-header .team-vs {
    width: 55%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-header .info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: #fff;
    color: #4a89fc
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content {
    padding: 1rem
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .team-1,.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .team-2 {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .team-1 span,.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .team-2 span {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    font-weight: 700;
    color: #fff;
    border-radius: 100%;
    margin-right: .5rem;
    flex-wrap: wrap
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .team-1 span {
    background: #04be02
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .team-2 span {
    background: #ea4e3d
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .event-sport-bet {
    display: flex;
    justify-content: space-between
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .event-sport-bet .sport-hdp {
    width: 48%;
    height: auto;
    display: flex;
    padding: .5rem;
    border: 1px solid rgba(74,137,252,.25);
    border-radius: .5rem;
    background: #fff;
    justify-content: space-between;
    line-height: 1
}

.events-section.live-sport-event .col-4 ul li .event-sport-detail .event-sport-content .event-sport-bet .sport-hdp span {
    color: #abb8d6
}

.product-ctg {
    width: 100%;
    justify-content: space-around;
    background-image: url(/static/media/product-ctg-bg.96c03d4a.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    list-style: none;
    padding: .5rem
}

.product-ctg,.product-ctg .product-ctg-btn {
    height: auto;
    display: flex;
    align-items: center
}

.product-ctg .product-ctg-btn {
    width: -webkit-max-content;
    width: max-content;
    min-width: 8rem;
    justify-content: center;
    border: unset
}

.product-ctg .product-ctg-btn .active-ctg-img,.product-ctg .product-ctg-btn .ctg-img {
    width: 2rem;
    height: auto;
    margin-right: .25rem;
    opacity: 1!important
}

.product-ctg .product-ctg-btn .ctg-img {
    display: block
}

.product-ctg .product-ctg-btn .active-ctg-img {
    display: none
}

.product-ctg .product-ctg-btn.active {
    background-image: url(/static/media/btn-more-bg.a7950859.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff
}

.product-ctg .product-ctg-btn.active .active-ctg-img {
    -webkit-animation: zonIn .25s;
    animation: zonIn .25s;
    display: block
}

.product-ctg .product-ctg-btn.active .ctg-img {
    display: none
}

.gauge-container {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: 164px;
    height: 150px;
    display: block;
    padding: 10px;
    top: 0
}

.gauge-container>.gauge .dial {
    stroke: #eee;
    stroke-width: 0;
    fill: transparent
}

.gauge-container>.gauge .value {
    stroke: #3e73fa;
    stroke-width: 4;
    fill: transparent
}

.gauge-container>.gauge .value-text {
    fill: #4a89fc;
    margin-top: 10px;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1;
    -webkit-transform: translate3d(2%,5%,0);
    transform: translate3d(2%,5%,0)
}

.anm-section .marquee-col {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    height: 2.5625rem;
    border-radius: 1.5rem;
    padding: .4rem
}

.anm-section .marquee-col img {
    width: unset
}

.anm-section .marquee-col img:nth-last-child {
    position: relative;
    margin: -2rem 0;
    width: 100%;
    height: auto;
    max-width: 1.875rem
}

.anm-section .marquee-col marquee {
    cursor: pointer;
    margin: 0 .75rem;
    display: flex
}

.anm-section .marquee-col marquee span {
    padding-right: 2rem
}

.anm-section .marquee-col .more-btn-blue {
    height: 1.9375rem;
    line-height: 1.9375rem;
    width: 5.625rem;
    margin-top: 0;
    padding: 0;
    background-size: 100% 100%;
    border-width: 0
}

.anm-section .marquee-m-col {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem
}

.anm-section .marquee-m-col marquee {
    width: 90%
}

.anm-section .megaphone {
    font-size: 1.5rem;
    color: #4a89fc
}

.anm-section .modal .modal-dialog {
    flex-direction: column;
    justify-content: center
}

.anm-section .modal .modal-dialog .btn-gradient-blue {
    min-width: 9.375rem;
    border-radius: 1.25rem;
    pointer-events: auto
}

.anm-section .modal .modal-dialog .modal-content {
    min-height: 20rem
}

.anm-section .modal .modal-dialog .modal-content .modal-body {
    align-items: unset;
    justify-content: unset
}

.anm-section .modal .modal-dialog .modal-content .modal-body ul {
    list-style-type: none;
    padding: 0;
    max-height: 16.5625rem;
    overflow: auto
}

.anm-section .modal .modal-dialog .modal-content .modal-body ul li {
    border-bottom: 1px solid #becaec;
    margin-top: .5rem;
    margin-right: .5rem;
    font-size: .75rem
}

.anm-section .modal .modal-dialog .modal-content .modal-body ul li .ann-date {
    margin: .5rem 0;
    display: flex;
    align-items: center
}

.anm-section .modal .modal-dialog .modal-content .modal-body ul li .ann-date svg {
    width: 1rem;
    height: 1rem;
    color: #6b7ba8;
    margin-right: .3125rem
}

.mobile-view .anm-section {
    position: relative
}

@media (min-width: 992px) {
    .col-4.col-5ths .logo-cont.w-border {
        height:145px!important
    }
}

@media (min-width: 992px) {
    .col-4 .logo-cont.w-border {
        height:175px
    }
}

.logo-cont {
    position: relative;
    overflow: hidden;
    border-bottom: 0
}

.logo-cont span {
    width: 100%
}

.logo-cont.w-box {
    border-radius: .75rem!important;
    cursor: pointer;
    box-shadow: 0 4px 12px 0 rgba(203,206,216,.4);
    transition: all .3s ease-in-out;
    width: 100%;
    padding-top: 100%!important;
    position: relative
}

.logo-cont.w-box:hover {
    -webkit-transform: scale(1.075);
    transform: scale(1.075)
}

.logo-cont:not(.w-border) {
    padding-top: 65%;
    border: 1px solid #becaec;
    border-bottom: 0;
    border-radius: .5rem .5rem 0 0
}

.logo-cont:not(.w-border) img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.logo-cont.square-box:not(.w-border) {
    padding-top: 100%
}

.logo-cont.w-border {
    padding-top: 56.25%;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    border-image-slice: 1;
    border-bottom: solid;
    border-width: 10px;
    border-image-source: linear-gradient(90deg,#084298,#5da9fe);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center
}

.logo-cont .react-loading-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0
}

.logo-cont .demo,.logo-cont .play-now {
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 15px;
    min-width: 90px;
    text-align: center;
    font-size: .75rem;
    font-weight: 400;
    transition: all .3s ease-in-out
}

.logo-cont .play-now {
    color: #fff;
    background: linear-gradient(180deg,#5da9fe,#3e73fa);
    margin-bottom: 5px
}

.logo-cont .play-now:hover {
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.25)
}

.logo-cont .demo {
    color: #5da9fe;
    background: linear-gradient(180deg,#fff,#f8f9fa)
}

.logo-cont .demo:hover {
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.25)
}

.logo-cont .h6,.logo-cont h6 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

.logo-cont:active .overlay,.logo-cont:focus .overlay,.logo-cont:hover .overlay {
    opacity: 1
}

.logo-cont .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(65,71,85,.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: unset
}

.logo-cont .fav {
    width: 1.5rem;
    height: 1.375rem!important;
    left: 85%!important;
    top: 4%!important;
    z-index: 91;
    cursor: pointer
}

.title-cont {
    background: #fff;
    border-right: 1px solid #becaec;
    border-left: 1px solid #becaec;
    border-bottom: 1px solid #becaec;
    min-height: 48px;
    border-radius: 0 0 .5rem .5rem
}

.title-cont .h6,.title-cont h6 {
    font-weight: 500;
    color: #6e717a;
    font-size: .8125rem
}

.title-cont img,.title-cont svg {
    width: 40px;
    height: 25px;
    object-fit: contain;
    padding-left: 7.5px
}

.title-cont .rtp span {
    color: #04be02;
    padding-left: .25rem
}

.asset-1,.asset-2,.asset-3,.main-asset {
    width: 100%;
    height: auto
}

.asset-1 {
    position: absolute;
    -webkit-animation: top 3s ease-in-out infinite;
    animation: top 3s ease-in-out infinite
}

.asset-2 {
    position: absolute;
    -webkit-animation: top 4s ease-in-out infinite;
    animation: top 4s ease-in-out infinite
}

.asset-3 {
    position: absolute;
    -webkit-animation: top 5s ease-in-out infinite;
    animation: top 5s ease-in-out infinite
}

.sport-sb-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 115%
}

.sport-sb-container .asset-1 {
    max-width: 90px;
    left: 12%;
    top: 8%;
    z-index: 1
}

.sport-sb-container .asset-2 {
    max-width: 85px;
    bottom: 26%;
    right: 2%;
    z-index: 1
}

.sport-st-container {
    position: absolute;
    height: auto;
    right: -5%;
    bottom: 100px;
    width: 115%
}

.sport-st-container .asset-1 {
    max-width: 80px;
    left: -8%;
    bottom: 22%;
    z-index: 1
}

.sport-st-container .asset-2 {
    max-width: 60px;
    top: 10%;
    right: 10%;
    z-index: 1
}

.lc-game-container .content-img {
    max-width: 300px
}

.lc-ag-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-ag-container .asset-1 {
    max-width: 75px;
    right: 8%;
    top: 10%;
    z-index: 1
}

.lc-ag-container .asset-2 {
    max-width: 105px;
    top: 33%;
    left: 18%;
    z-index: 1
}

.lc-dg-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-dg-container .asset-1 {
    max-width: 80px;
    right: 10%;
    top: 8%;
    z-index: 1
}

.lc-dg-container .asset-2 {
    max-width: 90px;
    top: 22%;
    left: 18%;
    z-index: 1
}

.lc-ea-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-ea-container .main-asset {
    bottom: -5rem
}

.lc-ea-container .asset-1 {
    max-width: 80px;
    right: 12%;
    top: 16%;
    z-index: 1
}

.lc-ea-container .asset-2 {
    max-width: 90px;
    top: 6%;
    left: 22%;
    z-index: 1
}

.lc-gp-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-gp-container .main-asset {
    bottom: -5rem
}

.lc-gp-container .asset-1 {
    max-width: 80px;
    right: 12%;
    top: 12%;
    z-index: 1
}

.lc-gp-container .asset-2 {
    max-width: 85px;
    top: 24%;
    left: 18%;
    z-index: 1
}

.lc-pp-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-pp-container .main-asset {
    bottom: -5rem
}

.lc-pp-container .asset-1 {
    max-width: 80px;
    right: 3%;
    top: 24%;
    z-index: 1
}

.lc-pp-container .asset-2 {
    max-width: 75px;
    top: 6%;
    left: 32%;
    z-index: 1
}

.lc-sa-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-sa-container .main-asset {
    bottom: -5rem
}

.lc-sa-container .asset-1 {
    max-width: 75px;
    right: 18%;
    top: 4%;
    z-index: 1
}

.lc-sa-container .asset-2 {
    max-width: 75px;
    top: 22%;
    left: 23%;
    z-index: 1
}

.lc-eg-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-eg-container .main-asset {
    bottom: -5rem
}

.lc-eg-container .asset-1 {
    max-width: 75px;
    right: 18%;
    top: 4%;
    z-index: 1
}

.lc-eg-container .asset-2 {
    max-width: 75px;
    top: 22%;
    left: 23%;
    z-index: 1
}

.lc-st-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-st-container .main-asset {
    bottom: -5rem
}

.lc-st-container .asset-1 {
    max-width: 75px;
    right: 18%;
    top: 4%;
    z-index: 1
}

.lc-st-container .asset-2 {
    max-width: 75px;
    top: 22%;
    left: 23%;
    z-index: 1
}

.lc-ab-container,.lc-pt-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-ab-container .main-asset,.lc-pt-container .main-asset {
    bottom: -5rem
}

.lc-ab-container .asset-1,.lc-pt-container .asset-1 {
    max-width: 75px;
    right: 18%;
    top: 4%;
    z-index: 1
}

.lc-ab-container .asset-2,.lc-pt-container .asset-2 {
    max-width: 75px;
    top: 22%;
    left: 23%;
    z-index: 1
}

.lc-mg-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lc-mg-container .main-asset {
    bottom: -5rem
}

.lc-mg-container .asset-1 {
    max-width: 75px;
    right: 18%;
    top: 4%;
    z-index: 1
}

.lc-mg-container .asset-2 {
    max-width: 75px;
    top: 22%;
    left: 18%;
    z-index: 1
}

.game-ib-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 80%
}

.game-ib-container .asset-1 {
    max-width: 85px;
    left: 0;
    top: 38%;
    z-index: 1
}

.game-ib-container .asset-2 {
    max-width: 65px;
    top: 14%;
    right: 0;
    z-index: 1
}

.game-ib-container .asset-3 {
    max-width: 75px;
    bottom: 40%;
    right: 0;
    z-index: 1
}

.game-pp-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 80%
}

.game-pp-container .asset-1 {
    max-width: 90px;
    left: -4%;
    top: 30%;
    z-index: 1
}

.game-pp-container .asset-2 {
    max-width: 70px;
    top: 30%;
    right: 0;
    z-index: 1
}

.game-pp-container .asset-3 {
    max-width: 100px;
    bottom: 26%;
    right: 0;
    z-index: 1
}

.game-qt-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 80%
}

.game-qt-container .asset-1 {
    max-width: 85px;
    left: -8%;
    top: 18%;
    z-index: 1
}

.game-qt-container .asset-2 {
    max-width: 70px;
    top: 32%;
    right: -2%;
    z-index: 1
}

.game-qt-container .asset-3 {
    max-width: 100px;
    bottom: 24%;
    left: -2%;
    z-index: 1
}

.game-sb-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 80%
}

.game-sb-container .asset-1 {
    max-width: 100px;
    left: 12%;
    top: 6%;
    z-index: 1
}

.game-sb-container .asset-2 {
    max-width: 90px;
    bottom: 38%;
    right: 0;
    z-index: 1
}

.game-sb-container .asset-3 {
    max-width: 65px;
    bottom: 36%;
    left: 0;
    z-index: 1
}

.game-sp-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 80%
}

.game-sp-container .asset-1 {
    max-width: 75px;
    left: -2%;
    top: 10%;
    z-index: 1
}

.game-sp-container .asset-2 {
    max-width: 85px;
    bottom: 32%;
    left: -10%;
    z-index: 1
}

.game-sp-container .asset-3 {
    max-width: 110px;
    bottom: 28%;
    right: -2%;
    z-index: 1
}

.game-st-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 80%
}

.game-st-container .asset-1 {
    max-width: 60px;
    left: 6%;
    top: -2%;
    z-index: 1
}

.game-st-container .asset-2 {
    max-width: 80px;
    bottom: 36%;
    left: -4%;
    z-index: 1
}

.game-st-container .asset-3 {
    max-width: 115px;
    bottom: 28%;
    right: -2%;
    z-index: 1
}

.game-mg-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 80%
}

.game-mg-container .asset-1 {
    max-width: 60px;
    left: 30%;
    top: -2%;
    z-index: 1
}

.game-mg-container .asset-2 {
    max-width: 80px;
    bottom: 46%;
    right: -8%;
    z-index: 1
}

.game-mg-container .asset-3 {
    max-width: 100px;
    bottom: 30%;
    left: 0;
    z-index: 1
}

.lottery-gp-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 110%
}

.lottery-gp-container .asset-1 {
    max-width: 105px;
    left: 38%;
    top: 14%;
    z-index: 1
}

.lottery-gp-container .asset-2 {
    max-width: 70px;
    top: 25%;
    right: 0;
    z-index: 1
}

.lottery-gp-container .asset-3 {
    max-width: 65px;
    top: 32%;
    left: 50%;
    z-index: 1
}

.lottery-qt-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 110%
}

.lottery-qt-container .asset-1 {
    max-width: 105px;
    left: 28%;
    top: 18%;
    z-index: 1
}

.lottery-qt-container .asset-2 {
    max-width: 60px;
    top: 28%;
    right: 8%;
    z-index: 1
}

.lottery-qt-container .asset-3 {
    max-width: 40px;
    top: 40%;
    left: 40%;
    z-index: 1
}

.lottery-sb-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 100px;
    width: 100%
}

.lottery-sb-container .main-asset {
    padding-top: 5rem
}

.lottery-sb-container .asset-1 {
    max-width: 105px;
    left: 14%;
    top: 10%;
    z-index: 1
}

.lottery-sb-container .asset-2 {
    max-width: 65px;
    top: 16%;
    right: 8%;
    z-index: 1
}

.lottery-sb-container .asset-3 {
    max-width: 50px;
    top: 28%;
    left: 26%;
    z-index: 1
}

.p2p-gp-container {
    position: absolute;
    height: auto;
    right: 0;
    bottom: 0;
    width: 115%
}

.p2p-gp-container .asset-1 {
    max-width: 80px;
    left: 10%;
    top: 14%;
    z-index: 1
}

.p2p-gp-container .asset-2 {
    max-width: 60px;
    top: 20%;
    right: 20%;
    z-index: 1
}

.p2p-gp-container .asset-3 {
    max-width: 70px;
    bottom: 20%;
    left: 0;
    z-index: 1
}

.game-page-container {
    display: grid;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    position: relative;
    z-index: 1
}

.game-page-container .game-content.readMore-content {
    display: block;
    max-height: 62px;
    overflow-y: hidden;
    transition: all 1s
}

.game-page-container .game-content.readMore-content.active {
    max-height: 200px;
    overflow-y: hidden
}

.game-page-container .more-btn {
    cursor: pointer;
    color: #4a89fc
}

.title-img {
    width: 100%;
    max-width: 300px;
    height: auto
}

.content-img {
    width: 100%;
    max-width: 451px;
    height: auto
}

.game-icon-container {
    position: relative;
    border-radius: .75rem;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    cursor: pointer;
    display: block;
    transition: all .3s ease-in-out;
    width: 100%
}

.game-icon-container:hover {
    box-shadow: 0 3px 5px rgba(74,137,252,.25)
}

.game-icon-container.hot-cn:after,.game-icon-container.hot:after {
    content: "";
    position: absolute;
    top: 0;
    left: -.3125rem;
    height: 100%;
    width: 65%;
    pointer-events: none
}

.game-icon-container.hot:after {
    background: none;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.game-icon-container.hot-cn:after {
    background: none;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.game-icon-container .game-icon-img {
    width: 100%;
    height: auto
}

.cert-page-btn {
    width: 100%;
    display: flex;
    justify-content: center
}

.cert-page-btn ul {
    display: flex;
    padding-left: 0
}

.cert-page-btn ul .cert-btn {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #6b7ba8;
    border-radius: 1.5625rem;
    display: flex;
    font-weight: 500;
    font-size: .75rem;
    width: 100%;
    height: 2.5rem;
    text-decoration: none;
    transition: all .3s ease-in-out;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    line-height: 1;
    padding: 16px;
    margin: 0 5px
}

.cert-page-btn ul .cert-btn.active {
    background-image: url(data:image/png;base64,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);
    color: #fff
}

.cert-page-btn ul .cert-btn:hover {
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.cert-page-btn ul .cert-btn span {
    width: 40%;
    padding-right: 5px
}

.cert-page-btn ul .cert-btn span .icon-grey {
    margin: auto;
    display: block
}

.cert-page-btn ul .cert-btn span .icon-white {
    margin: auto;
    display: none
}

.cert-page-btn ul .cert-btn p {
    width: 60%;
    line-height: 1.2
}

.cert-img {
    object-fit: contain;
    position: absolute;
    top: 14%;
    left: 4%
}

.cert-img img {
    width: 100%;
    height: auto
}

.cert-content-container {
    position: absolute;
    top: 14%;
    right: 4%;
    width: 46%
}

.cert-content-container .h1,.cert-content-container h1 {
    color: #4a89fc;
    font-weight: 600;
    text-shadow: 0 3px 6px rgba(93,169,254,.4)
}

.cert-content-container p {
    height: 360px;
    overflow: auto;
    padding-right: 1rem
}

.certificate-m-section {
    background-image: url(/static/media/page-bg.9e9f855d.webp);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.certificate-m-section .cert-img {
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.certificate-m-section .cert-img img {
    min-width: 20rem
}

.certificate-m-section .cert-content-container {
    width: 20rem;
    top: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.certificate-m-section .cert-content-container p {
    height: 15rem
}

.promos-container .row .col:first-child {
    width: 100%;
    max-width: 250px;
    height: auto;
    position: relative
}

.promos-container .sideNav-bg {
    width: 100%;
    height: 590px
}

.promos-container .promos-sideNav-container {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    list-style-type: none;
    padding: 1rem;
    display: grid
}

.promos-container .promos-sideNav-container li {
    display: flex;
    justify-content: center;
    cursor: pointer
}

.promos-container .promos-sideNav-container li .promos-sideNav {
    display: flex;
    padding: .5rem;
    align-items: center;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 65px;
    width: 100%;
    transition: all .3s ease-in-out
}

.promos-container .promos-sideNav-container li .promos-sideNav span {
    width: 75px;
    padding: 1rem
}

.promos-container .promos-sideNav-container li .promos-sideNav span .promos-icon {
    width: 100%;
    max-width: 45px;
    height: auto;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s ease-in-out
}

.promos-container .promos-sideNav-container li .promos-sideNav p {
    transition: all .3s ease-in-out;
    font-weight: 600
}

.promos-container .promos-sideNav-container li:first-child .promos-icon {
    max-width: 30px!important
}

.promos-container .promos-sideNav-container li.active .promos-sideNav,.promos-container .promos-sideNav-container li:hover .promos-sideNav {
    background-image: url(data:image/png;base64,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)
}

.promos-container .promos-sideNav-container li.active .promos-sideNav .promos-icon,.promos-container .promos-sideNav-container li:hover .promos-sideNav .promos-icon {
    -webkit-filter: unset;
    filter: unset
}

.promos-container .promos-sideNav-container li.active .promos-sideNav p,.promos-container .promos-sideNav-container li:hover .promos-sideNav p {
    color: #f0f6ff
}

.promos-container .promos-list {
    position: relative
}

.promos-container .promos-list .card-shadow {
    transition: all .3s ease-in-out;
    cursor: pointer
}

.promos-container .promos-list .card-shadow:hover {
    box-shadow: 0 3px 5px rgba(74,137,252,.25)
}

.promos-container .promos-list .card-shadow .lazy-load-image-background.blur.lazy-load-image-loaded {
    height: auto;
    width: 100%
}

.promos-container .promos-list .promos-title {
    position: absolute;
    top: 0;
    left: 0
}

.promos-table-section {
    display: flex;
    justify-content: center
}

.promos-table-section .card-shadow {
    border-radius: .75rem
}

.promos-table-section .promos-table-container {
    width: 100%;
    padding: 2rem;
    background-color: #fff
}

.promos-table-section .promos-table-container .h2,.promos-table-section .promos-table-container h2 {
    color: #4a89fc;
    font-weight: 600;
    text-shadow: rgba(74,137,252,.2) 0 3px 6px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 32px
}

@media (max-width: 991px) {
    .promos-table-section .promos-table-container .h2,.promos-table-section .promos-table-container h2 {
        font-size:1.25rem;
        margin-bottom: 15px
    }
}

.promos-table-section .promos-table-container .card-shadow {
    border-radius: .35rem
}

.promos-table-section .promos-table-container .promos-claim-container {
    display: flex;
    align-items: center;
    margin-top: 1rem
}

.promos-table-section .promos-table-container .promos-claim-container img {
    max-width: 1.5625rem;
    margin-right: .25rem
}

.promo-share {
    position: relative;
    z-index: 1;
    margin-top: -4rem;
    display: flex;
    margin-left: auto;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: flex-end
}

.promo-share svg {
    font-size: 1rem
}

@media (max-width: 991px) {
    .promo-share {
        width:18rem
    }
}

.promos-table-container table,.term-section table {
    width: 100%;
    border-collapse: initial;
    border-spacing: 0;
    border: .0625rem solid #becaec;
    border-radius: .75rem;
    overflow: hidden
}

.promos-table-container table tr:first-child td,.term-section table tr:first-child td {
    font-weight: 500;
    color: #414755;
    background-color: #f0f6ff;
    line-height: 1.25
}

.promos-table-container table tr:nth-child(n+1):not(:last-child) td,.term-section table tr:nth-child(n+1):not(:last-child) td {
    border-bottom: .0625rem solid #becaec
}

.promos-table-container table tr td,.term-section table tr td {
    padding: .75rem;
    text-align: center
}

.promos-table-container table tr td:nth-child(n+1):not(:last-child),.term-section table tr td:nth-child(n+1):not(:last-child) {
    border-right: .0625rem solid #becaec
}

.mobile-view .promos-table-section .promos-table-container {
    padding: 1rem
}

.term-section .card-shadow {
    border-radius: .75rem
}

.term-section .term-container {
    padding: 2rem;
    background-color: #fff
}

.term-section .term-container img {
    width: 100%;
    height: auto
}

.term-section .term-container .term-content {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDcAAAAyCAYAAABIzzB3AAAABHNCSVQICAgIfAhkiAAABFVJREFUeF7t2LEJgEAQAEEfrMLY/isytgpBEwUTcxfG5A2PuYt2bPtxTve3LvN4/r0ECBAgQIAAAQIECBAgQIAAgb8KvHvGEDf+uiZzESBAgAABAgQIECBAgAABAl8C4obbIECAAAECBAgQIECAAAECBNIC4kZ6fYYnQIAAAQIECBAgQIAAAQIExA03QIAAAQIECBAgQIAAAQIECKQFxI30+gxPgAABAgQIECBAgAABAgQIiBtugAABAgQIECBAgAABAgQIEEgLiBvp9RmeAAECBAgQIECAAAECBAgQEDfcAAECBAgQIECAAAECBAgQIJAWEDfS6zM8AQIECBAgQIAAAQIECBAgIG64AQIECBAgQIAAAQIECBAgQCAtIG6k12d4AgQIECBAgAABAgQIECBAQNxwAwQIECBAgAABAgQIECBAgEBaQNxIr8/wBAgQIECAAAECBAgQIECAgLjhBggQIECAAAECBAgQIECAAIG0gLiRXp/hCRAgQIAAAQIECBAgQIAAAXHDDRAgQIAAAQIECBAgQIAAAQJpAXEjvT7DEyBAgAABAgQIECBAgAABAuKGGyBAgAABAgQIECBAgAABAgTSAuJGen2GJ0CAAAECBAgQIECAAAECBMQNN0CAAAECBAgQIECAAAECBAikBcSN9PoMT4AAAQIECBAgQIAAAQIECIgbboAAAQIECBAgQIAAAQIECBBIC4gb6fUZngABAgQIECBAgAABAgQIEBA33AABAgQIECBAgAABAgQIECCQFhA30uszPAECBAgQIECAAAECBAgQICBuuAECBAgQIECAAAECBAgQIEAgLSBupNdneAIECBAgQIAAAQIECBAgQEDccAMECBAgQIAAAQIECBAgQIBAWkDcSK/P8AQIECBAgAABAgQIECBAgIC44QYIECBAgAABAgQIECBAgACBtIC4kV6f4QkQIECAAAECBAgQIECAAAFxww0QIECAAAECBAgQIECAAAECaQFxI70+wxMgQIAAAQIECBAgQIAAAQLihhsgQIAAAQIECBAgQIAAAQIE0gLiRnp9hidAgAABAgQIECBAgAABAgTEDTdAgAABAgQIECBAgAABAgQIpAXEjfT6DE+AAAECBAgQIECAAAECBAiIG26AAAECBAgQIECAAAECBAgQSAuIG+n1GZ4AAQIECBAgQIAAAQIECBAQN9wAAQIECBAgQIAAAQIECBAgkBYQN9LrMzwBAgQIECBAgAABAgQIECAgbrgBAgQIECBAgAABAgQIECBAIC0gbqTXZ3gCBAgQIECAAAECBAgQIEBA3HADBAgQIECAAAECBAgQIECAQFpA3Eivz/AECBAgQIAAAQIECBAgQICAuOEGCBAgQIAAAQIECBAgQIAAgbSAuJFen+EJECBAgAABAgQIECBAgAABccMNECBAgAABAgQIECBAgAABAmkBcSO9PsMTIECAAAECBAgQIECAAAEC77hxARLYgyxItwUoAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: repeat;
    padding: 1rem
}

.term-section .term-container .term-content ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin-bottom: 0
}

.term-section .term-container .term-content li {

    counter-increment: my-awesome-counter;
    padding-bottom: 1rem;
    position: relative;
    font-size: 1rem
}

.term-section .term-container .term-content li:before {
    content: counter(my-awesome-counter);
    background: #becaec;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -2.1875rem
}

.term-section .term-container .term-content.policy-content {
    padding: 2rem
}

.term-section .term-container .term-content.policy-content .h4,.term-section .term-container .term-content.policy-content h4 {
    margin-top: 2rem;
    font-weight: 600;
    color: #000
}

.term-section .term-container .term-content.policy-content p {
    padding-bottom: .5rem
}

.term-section .term-container .term-content.policy-content ol {
    list-style: decimal;
    counter-reset: unset;
    padding-left: 1rem
}

.term-section .term-container .term-content.policy-content li {
    counter-increment: unset
}

.term-section .term-container .term-content.policy-content li:before {
    content: unset
}

.term-section .term-container .term-content.policy-content.mobile {
    padding: 0 1rem
}

.term-section .term-container .term-content.policy-content.mobile .h6,.term-section .term-container .term-content.policy-content.mobile h6 {
    margin-top: 1rem;
    font-weight: 600;
    color: #000
}

.mobile-view .term-section .term-container {
    padding: 1rem
}

.mobile-view .term-section .term-container .term-content .h1 span,.mobile-view .term-section .term-container .term-content .h2 span,.mobile-view .term-section .term-container .term-content .h3 span,.mobile-view .term-section .term-container .term-content .h4 span,.mobile-view .term-section .term-container .term-content .h5 span,.mobile-view .term-section .term-container .term-content .h6 span,.mobile-view .term-section .term-container .term-content h1 span,.mobile-view .term-section .term-container .term-content h2 span,.mobile-view .term-section .term-container .term-content h3 span,.mobile-view .term-section .term-container .term-content h4 span,.mobile-view .term-section .term-container .term-content h5 span,.mobile-view .term-section .term-container .term-content h6 span {
    font-size: unset!important
}

.mobile-view .term-section .term-container .term-content ol:before {
    width: 1.25rem;
    height: 1.25rem
}

.mobile-view .term-section .term-container .term-content ol li {
    font-size: .875rem
}

.promos-mobile-section .promos-m-header {
    width: 100%;
    height: 6.5rem;
    display: flex;
    flex-direction: column;
    color: #414755;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.promos-mobile-section .promos-m-header .h4,.promos-mobile-section .promos-m-header h4 {
    height: 3.75rem;
    padding-top: 2.5rem;
    margin-bottom: 0;
    text-align: center
}

.promos-mobile-section .promos-m-header .navbar-nav {
    flex-direction: row;
    width: 100%;
    overflow: auto;
    margin-top: auto
}

.promos-mobile-section .promos-m-header .navbar-nav::-webkit-scrollbar {
    display: none
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item {
    margin: auto;
    padding: 0 .5rem;
    white-space: nowrap
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item .nav-link {
    display: block;
    position: relative;
    color: #6b7ba8;
    overflow: hidden
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item .nav-link.icon {
    display: grid;
    text-align: center
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item .nav-link.icon img {
    width: 1.375rem;
    height: 1.375rem;
    margin: 0 auto
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item .nav-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .1875rem;
    background-color: #3e73fa;
    opacity: 0;
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item .nav-link:focus:after,.promos-mobile-section .promos-m-header .navbar-nav .nav-item .nav-link:hover:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item .nav-link.active {
    color: #3e73fa
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item .nav-link.active:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.promos-mobile-section .promos-m-header .navbar-nav .nav-item:hover .dropdown-menu-list {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.promos-mobile-section .promos-m-list {
    display: grid;
    padding: 1rem
}

.promos-mobile-section .promos-m-list .promos-m {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    border-radius: 1.25rem
}

.promos-mobile-section .promos-m-list .promos-m .lazy-load-image-background {
    height: 100%;
    width: 100%
}

.promos-mobile-section .promos-m-list .promos-m .promos-m-image {
    width: 100%;
    height: auto
}

.promos-mobile-section .promos-m-list .promos-m .promos-m-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: auto
}

.promos-mobile-section .promos-m-list .promos-m .promos-m-content {
    width: 100%;
    height: auto;
    min-height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    padding: .75rem
}

.promos-mobile-section .promos-m-list .promos-m .promos-m-content p {
    font-size: 1rem;
    color: #414755
}

.promos-mobile-section .promos-m-list .promos-m .promos-m-content .promos-date {
    display: flex;
    align-items: center;
    font-size: .75rem;
    color: #abb8d6
}

.promos-mobile-section .promos-m-list .promos-m .promos-m-content .promos-date svg {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem
}

.promos-detail-m-header .m-subHeader .h5,.promos-detail-m-header .m-subHeader h5 {
    width: unset
}

.about-us-banner {
    position: relative
}

.about-us-banner .section-header {
    width: 70%;
    height: auto;
    position: absolute;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.customer-section,.mission-section {
    position: relative
}

.mission-section .asset-1 {
    top: 0;
    right: 42%;
    max-width: 80px
}

.mission-section .lazy-load-image-background.blur.lazy-load-image-loaded {
    position: absolute;
    top: 4%;
    right: 0
}

.mission-section .lazy-load-image-background.blur.lazy-load-image-loaded .section-two-img {
    position: unset
}

.customer-section .lazy-load-image-background.blur.lazy-load-image-loaded {
    position: absolute;
    top: -20%;
    right: 0
}

.customer-section .lazy-load-image-background.blur.lazy-load-image-loaded .section-two-img {
    position: unset;
    max-width: 460px
}

.customer-section .section-two-content {
    left: 10%
}

.customer-section .section-two-content p {
    height: auto
}

.product-section {
    margin: 10rem 0
}

.product-section .row .col:first-child {
    width: 100%;
    max-width: 240px;
    position: relative
}

.product-section .row .col:first-child .sideBar-bg {
    height: 508px
}

.product-section .row .product-sideBar-container {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    list-style-type: none;
    padding: 1rem;
    display: grid
}

.product-section .row .product-sideBar-container li {
    display: flex;
    justify-content: center;
    cursor: pointer
}

.product-section .row .product-sideBar-container li .product-sideBar {
    display: flex;
    padding: .5rem;
    align-items: center;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 65px;
    width: 100%;
    transition: all .3s ease-in-out
}

.product-section .row .product-sideBar-container li .product-sideBar span {
    width: 75px;
    padding: 1rem
}

.product-section .row .product-sideBar-container li .product-sideBar span .ctg-icon {
    width: 100%;
    max-width: 45px;
    height: auto;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s ease-in-out
}

.product-section .row .product-sideBar-container li .product-sideBar p {
    transition: all .3s ease-in-out
}

.product-section .row .product-sideBar-container li.active .product-sideBar,.product-section .row .product-sideBar-container li:hover .product-sideBar {
    background-image: url(data:image/png;base64,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)
}

.product-section .row .product-sideBar-container li.active .product-sideBar .ctg-icon,.product-section .row .product-sideBar-container li:hover .product-sideBar .ctg-icon {
    -webkit-filter: unset;
    filter: unset
}

.product-section .row .product-sideBar-container li.active .product-sideBar p,.product-section .row .product-sideBar-container li:hover .product-sideBar p {
    color: #f0f6ff
}

.product-section .row .col:last-child {
    position: relative;
    display: flex;
    align-items: center
}

.product-section .row .col:last-child .card-shadow {
    width: 100%;
    margin-left: 5rem
}

.product-section .row .col:last-child .product-img {
    width: 100%;
    max-width: 550px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: -6%
}

.product-section .row .col:last-child .product-content {
    position: absolute;
    width: 50%;
    height: auto;
    right: 2%;
    padding: 1rem;
    text-align: center
}

.product-section .row .col:last-child .product-content .h1,.product-section .row .col:last-child .product-content h1 {
    color: #6b7ba8;
    font-weight: 600;
    text-transform: uppercase
}

.product-section .row .col:last-child .product-content .provider-list,.product-section .row .col:last-child .product-content .slick-slider {
    list-style-type: none;
    display: flex;
    width: 100%;
    overflow: auto;
    padding: 1rem 0
}

.product-section .row .col:last-child .product-content .provider-list .card-shadow,.product-section .row .col:last-child .product-content .slick-slider .card-shadow {
    margin-left: 0;
    border-radius: .25rem;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.product-section .row .col:last-child .product-content .provider-list .card-shadow img,.product-section .row .col:last-child .product-content .slick-slider .card-shadow img {
    width: 80px;
    height: 70%
}

.product-section .row .col:last-child .product-content .provider-list .card-shadow:hover,.product-section .row .col:last-child .product-content .slick-slider .card-shadow:hover {
    box-shadow: 0 3px 5px rgba(74,137,252,.25)
}

.product-section .row .col:last-child .product-content .provider-list .slick-list,.product-section .row .col:last-child .product-content .slick-slider .slick-list {
    padding: 1rem 0
}

.product-section .row .col:last-child .product-content .slick-slider {
    padding: 0!important
}

.product-section .row .col:last-child .product-content .slick-slider .card-shadow {
    width: 80px!important
}

.product-m-section .game-m-nav .game-nav-btn .nav-img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.product-m-section .game-m-nav .game-nav-btn.active .nav-img {
    -webkit-animation: zonIn .5s;
    animation: zonIn .5s;
    display: block!important;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1!important
}

.product-m-section .product-m-image {
    min-height: 14rem;
    display: flex;
    justify-content: center
}

.product-m-section .product-m-image img {
    width: 100%;
    height: auto;
    min-width: 18.625rem;
    margin-bottom: -2rem
}

.product-m-section .row {
    list-style-type: none;
    padding: 0
}

.product-m-section .row .card-shadow {
    border-radius: 0
}

.product-m-section .slick-slider {
    padding: 0!important
}

.product-m-section .slick-slider .card-shadow {
    width: 3.4375rem!important
}

.info-center-section .top-nav {
    border-bottom: 1px solid rgba(93,122,207,.4)
}

.info-center-section .top-nav .nav-link.active {
    border-bottom: 3px solid;
    border-radius: unset;
    background-color: unset;
    color: #3e73fa
}

.info-center-section .top-nav .nav-link.active p {
    color: #3e73fa
}

.info-center-section .top-nav .nav-link p {
    font-weight: 600;
    color: #414755
}

.info-center-section .sidebar-nav .nav {
    background-color: #fff;
    border-radius: 20px;
    padding: 2rem 0
}

.info-center-section .sidebar-nav .nav .nav-link {
    padding: 1rem;
    border-radius: unset;
    color: #414755
}

.info-center-section .sidebar-nav .nav .nav-link.active {
    background-color: #f6faff;
    border-left: 3px solid;
    border-color: #4a89fc;
    color: #4a89fc
}

.info-center-section .sidebar-nav .nav .nav-link:hover {
    color: #4a89fc
}

.info-center-section .sidebar-nav .card-shadow {
    display: flex
}

.info-center-section .sidebar-nav.mobile {
    padding: 1rem
}

.info-center-section .sidebar-nav.mobile .nav-link {
    border-radius: unset;
    border-bottom: 1px solid rgba(93,169,254,.5);
    padding: 1rem 0
}

.info-center-section .sidebar-nav.mobile .nav-link.active {
    border-color: unset!important;
    color: unset!important
}

.info-center-section .sidebar-nav.mobile .nav-link:last-child {
    border-bottom: unset
}

.info-center-section .info-content {
    background-color: #fff;
    border-radius: 20px;
    padding: 2rem
}

.info-center-section .tab-content .accordion .accordion-item {
    border: unset;
    margin-bottom: .75rem
}

.info-center-section .tab-content .accordion .accordion-item .accordion-button .h6,.info-center-section .tab-content .accordion .accordion-item .accordion-button h6 {
    font-weight: 600;
    margin-bottom: unset
}

.info-center-section .tab-content .accordion .accordion-item .accordion-button.collapsed {
    border: 1px solid rgba(93,122,207,.4);
    background-color: unset;
    border-radius: 5px;
    color: #414755
}

.info-center-section .tab-content .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: #f6faff;
    box-shadow: unset;
    border-radius: .625rem
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body .li-alphabet {
    list-style-type: lower-alpha
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body .li-roman {
    list-style-type: lower-roman
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body img {
    width: 100%;
    height: auto;
    padding-bottom: 1rem
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body .h6,.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body h6 {
    font-weight: 700;
    margin-bottom: 0!important
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body p {
    margin-bottom: 1rem!important
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body ol {
    padding-left: 1rem
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body ul {
    padding-left: 4.2rem
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body .custom-list {
    list-style-type: none;
    padding-left: 3.2rem;
    margin-bottom: 0
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body .custom-list label {
    float: left;
    margin: 0 0 0 -3.1875rem
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body.info-cont-w-count .custom-list-count {
    counter-reset: item;
    padding-left: .8rem;
    margin-bottom: 0
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body.info-cont-w-count .custom-list-count li {
    display: block
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body.info-cont-w-count .custom-list-count li:before {
    content: counters(item,".") ". ";
    counter-increment: item;
    margin-left: -.75rem
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body.info-cont-w-count .custom-list-count-2 li {
    padding-left: 2rem!important
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body.info-cont-w-count .custom-list-count-2 li:before {
    margin-left: -1.5625rem!important
}

.info-center-section .tab-content .accordion .accordion-item .accordion-collapse .accordion-body .btn-outline-blue {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25rem;
    margin: 0 auto
}

.info-center-section .tab-content .info-tnc .tnc-custom-list {
    padding-left: 1rem;
    list-style-type: none;
    margin-bottom: 0
}

.info-center-section .tab-content .info-tnc .tnc-custom-list li {
    padding-bottom: 1rem;
    padding-left: .5rem
}

.info-center-section .tab-content .info-tnc .tnc-custom-list label {
    float: left;
    margin: 0 0 0 -1.5rem
}

.info-center-section.ic-m-section .tab-content-container {
    background: #fff;
    margin-top: 1.5rem;
    padding: 1rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.info-center-section.ic-m-section .tab-content-container .tab-content .accordion .accordion-item {
    border-radius: .625rem
}

.info-center-section.ic-m-section .tab-content-container .tab-content .accordion .accordion-item .accordion-header .accordion-button .h6,.info-center-section.ic-m-section .tab-content-container .tab-content .accordion .accordion-item .accordion-header .accordion-button h6 {
    font-weight: 400
}

.info-center-section.ic-m-section .tab-content-container .tab-content .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    border-radius: .625rem
}

.info-center-section.ic-m-section .tab-content-container .tab-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    border: .0625rem solid #4a89fc;
    color: #4a89fc
}

.info-center-section.ic-m-section .tab-content-container .tab-content .accordion .accordion-item .accordion-body ul {
    padding-left: 2rem
}

.info-center-section.ic-m-section .tab-content-container .tab-content .accordion .accordion-item .accordion-body img {
    width: 100%;
    height: auto;
    padding-bottom: 1rem
}

.info-center-section.ic-m-section .tab-content-container .tab-content .accordion .accordion-item .accordion-body .btn-gradient-blue {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3.125rem;
    border-radius: .625rem;
    color: #fff
}

.info-center-section.ic-m-section .faq-selection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.info-center-section.ic-m-section .faq-selection svg {
    font-size: 1.5rem
}

.responsible-gaming-section .section-content {
    background-color: #fff;
    border-radius: 20px;
    padding: 3rem 5rem 5rem
}

.responsible-gaming-section .section-content .h3,.responsible-gaming-section .section-content h3 {
    color: #414755;
    padding-top: 2rem
}

.responsible-gaming-section .section-content ul {
    margin-bottom: 0
}

.responsible-gaming-section .section-content.mobile {
    padding: 1rem
}

.responsible-gaming-section .section-content.mobile .h3,.responsible-gaming-section .section-content.mobile h3 {
    font-size: 1rem
}

.responsible-gaming-section .m-subHeader .h5,.responsible-gaming-section .m-subHeader h5 {
    width: unset
}

.login-video {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

.login-video.mobile {
    width: 100vw
}

.register-section .logo-image {
    max-width: 100%;
    width: 40%;
    height: auto;
    margin: 0 auto;
    display: block
}

.register-section .x-container-no-m .register-form {
    width: 300px;
    min-height: 100vh;
    justify-content: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.register-section .x-container-no-m .register-form .pi-sec-lvl-col {
    margin-top: .25rem
}

.register-section .x-container-no-m .register-form .pi-sec-lvl-col .small,.register-section .x-container-no-m .register-form .pi-sec-lvl-col small {
    font-size: .767em;
    color: #ea4e3d
}

.register-section .x-container-no-m .register-form .checklist {
    color: #fff
}

.register-section .x-container-no-m .register-form .checklist .form-check-input[type=checkbox] {
    border-radius: 1rem
}

.register-section .x-container-no-m .register-form .register-recaptcha {
    box-shadow: inset 0 0 10px 5px hsla(0,0%,100%,.3);
    border-radius: 3.125rem;
    background-color: hsla(0,0%,100%,.2);
    border: unset;
    width: 100%;
    text-align: left;
    padding: .45rem;
    margin-top: .75rem
}

.register-section .x-container-no-m .register-form .register-recaptcha img {
    margin: 0 1.5rem 0 .3rem
}

.register-section .x-container-no-m .register-form .btn-blue {
    height: 2.5rem;
    border-radius: 3.125rem;
    width: 100%;
    margin-top: 1rem
}

.register-section .x-container-no-m .register-form .checklist,.register-section .x-container-no-m .register-form .small-w {
    margin-top: .75rem
}

.register-section .x-container-no-m .register-form .checklist .small,.register-section .x-container-no-m .register-form .checklist small,.register-section .x-container-no-m .register-form .small-w .small,.register-section .x-container-no-m .register-form .small-w small,.register-section .x-container-no-m .register-form p {
    color: #fff
}

.register-section .x-container-no-m .register-form .contact-us-btn img {
    width: 2rem;
    padding-right: .5rem
}

.register-section .x-container-no-m .register-form .bottom-content .small,.register-section .x-container-no-m .register-form .bottom-content small {
    display: block
}

.register-section .x-container-no-m .register-form .bottom-content .small .line,.register-section .x-container-no-m .register-form .bottom-content small .line {
    overflow: hidden;
    text-align: center
}

.register-section .x-container-no-m .register-form .bottom-content .small .line:before,.register-section .x-container-no-m .register-form .bottom-content small .line:before {
    right: .5em;
    margin-left: -50%;
    background-color: #6e717a;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 25%
}

.register-section .x-container-no-m .register-form .bottom-content .small .line:after,.register-section .x-container-no-m .register-form .bottom-content small .line:after {
    background-color: #6e717a;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 25%;
    left: .5em;
    margin-right: -50%
}

.register-section .x-container-no-m .register-form .bottom-content .google-tele-bg {
    margin-top: 1rem
}

.register-section .x-container-no-m .register-form .bottom-content .google-tele-bg button {
    background-color: hsla(0,0%,100%,.1);
    margin: .25rem;
    border: unset;
    border-radius: .625rem;
    box-shadow: inset 0 0 .625rem .1875rem hsla(0,0%,100%,.3);
    width: 3.75rem;
    height: 3.75rem
}

.register-section .x-container-no-m .register-form .bottom-content .google-tele-bg button:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.register-section .x-container-no-m .input-group {
    border-radius: 3.125rem;
    display: flex;
    margin-top: .75rem
}

.register-section .x-container-no-m .input-group .invalid-feedback {
    color: #ea4e3d;
    line-height: 1;
    text-align: left;
    margin-top: .4rem
}

.register-section .x-container-no-m .input-group:focus-within {
    border-color: inherit;
    box-shadow: none
}

.register-section .x-container-no-m .input-group:after {
    content: "";
    box-shadow: inset 0 0 10px 5px hsla(0,0%,100%,.3);
    height: 2.5rem;
    border-radius: 3.125rem;
    width: 100%;
    position: absolute;
    z-index: -1;
    background-color: hsla(0,0%,100%,.2)
}

.register-section .x-container-no-m .input-group input:-webkit-autofill {
    -webkit-text-fill-color: #fff!important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.register-section .x-container-no-m .input-group .left-icon {
    background-color: unset;
    border-radius: 3.125rem 0 0 3.125rem;
    border: none;
    padding: .45rem!important
}

.register-section .x-container-no-m .input-group .left-icon img {
    width: 1.5rem
}

.register-section .x-container-no-m .input-group .input-group-text {
    border: none;
    padding: 0
}

.register-section .x-container-no-m .input-group .input-group-text .right-icon {
    background-color: unset;
    border-radius: 0 3.125rem 3.125rem 0;
    border: none;
    height: 100%;
    width: 3.125rem;
    z-index: 99
}

.register-section .x-container-no-m .input-group .input-group-text .right-icon img {
    width: 1.5rem
}

.register-section .x-container-no-m .input-group .out-icon {
    position: absolute;
    left: 100%;
    padding: .5rem
}

.register-section .x-container-no-m .input-group .form-control {
    background-color: unset;
    border: none;
    color: #fff;
    height: 2.5rem
}

.register-section .x-container-no-m .input-group .form-control::-webkit-input-placeholder {
    color: #fff
}

.register-section .x-container-no-m .input-group .form-control::placeholder {
    color: #fff
}

.register-section .x-container-no-m .input-group .form-control:focus-within {
    border-color: inherit;
    box-shadow: none
}

.register-section .x-container-no-m .recaptcha-modal .modal-content {
    background-color: unset;
    border: unset
}

.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .sliderContainer {
    border-radius: 3.125rem;
    background-color: hsla(0,0%,100%,.2);
    border: unset;
    box-shadow: inset 0 0 10px 5px hsla(0,0%,100%,.3);
    margin-top: 0
}

.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .sliderContainer_active,.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .sliderContainer_active:hover,.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .sliderContainer_fail,.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .sliderContainer_fail:hover,.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .sliderContainer_success,.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .sliderContainer_success:hover {
    line-height: 2.1875rem
}

.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .sliderMask {
    border: unset!important;
    background: none!important;
    background-color: none!important
}

.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .slider {
    border-radius: 3.125rem;
    background-color: hsla(0,0%,100%,.2);
    border: unset;
    box-shadow: inset 0 0 10px 5px hsla(0,0%,100%,.3)
}

.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .loadingContainer span {
    visibility: hidden;
    position: relative
}

.register-section .x-container-no-m .recaptcha-modal .vertifyWrap .loadingContainer span:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Loading..."
}

.register-section .x-container-no-m .caution-text {
    color: #ea4e3d
}

.register-section .x-container-no-m .caution-text img {
    width: .8rem;
    margin-right: .2rem;
    margin-bottom: .1rem
}

.register-section .x-container-no-m .forget-password-wrap {
    width: 500px;
    min-height: 100vh;
    justify-content: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.register-section .x-container-no-m .forget-password-wrap.mobile {
    width: 22rem
}

.register-section .x-container-no-m .forget-password-wrap.mobile .forget-password-content {
    padding: 2rem;
    background-color: rgba(0,0,0,.5);
    box-shadow: unset
}

.register-section .x-container-no-m .forget-password-wrap.mobile .forget-password-content .password-form {
    width: 100%
}

.register-section .x-container-no-m .forget-password-wrap.mobile .forget-password-content .h4,.register-section .x-container-no-m .forget-password-wrap.mobile .forget-password-content h4 {
    color: #fff
}

.register-section .x-container-no-m .forget-password-wrap.mobile .forget-password-content .forget-pwd-btn button {
    height: 3rem
}

.register-section .x-container-no-m .forget-password-wrap.mobile .count {
    position: unset;
    float: right;
    margin-top: .2rem;
    top: unset;
    margin-left: unset
}

.register-section .x-container-no-m .forget-password-wrap.mobile .right-btn-bg .right-btn {
    padding: .3rem 1rem
}

.register-section .x-container-no-m .forget-password-wrap .h4,.register-section .x-container-no-m .forget-password-wrap h4 {
    color: #4a89fc;
    font-weight: 600
}

.register-section .x-container-no-m .forget-password-wrap p {
    color: #fff
}

.register-section .x-container-no-m .forget-password-wrap .forget-password-content {
    background-color: hsla(0,0%,100%,.2);
    padding: 2rem;
    border-radius: 1.25rem;
    box-shadow: inset 0 0 10px 5px hsla(0,0%,100%,.3);
    margin-bottom: 1rem
}

.register-section .x-container-no-m .forget-password-wrap .forget-password-content .password-form {
    width: 80%;
    height: auto;
    margin: 0 auto
}

.register-section .x-container-no-m .forget-password-wrap .forget-password-content .forget-pwd-btn {
    margin-top: 1rem
}

.register-section .x-container-no-m .forget-password-wrap .forget-password-content .forget-pwd-btn button {
    background-color: unset;
    border: unset;
    height: 50px;
    margin: 0 1rem
}

.register-section .x-container-no-m .forget-password-wrap .forget-password-content .forget-pwd-btn button img {
    width: 100%;
    height: 100%
}

.register-section .x-container-no-m .forget-password-wrap .small,.register-section .x-container-no-m .forget-password-wrap small {
    color: #fff;
    cursor: pointer
}

.register-section .x-container-no-m .forget-password-wrap .small:before,.register-section .x-container-no-m .forget-password-wrap small:before {
    content: "<<"
}

.register-section .x-container-no-m .forget-password-wrap .left-text {
    text-align: center;
    color: #fff;
    padding-left: .8rem!important
}

.register-section .x-container-no-m .forget-password-wrap .btn-blue {
    height: 2.5rem;
    border-radius: 3.125rem;
    width: 100%;
    margin-top: 1rem
}

.register-section .x-container-no-m .forget-password-wrap .btn-blue.desktop {
    width: 80%
}

.register-section .x-container-no-m .forget-password-wrap .count {
    position: absolute;
    color: #5da9fe;
    margin-left: 11.4rem;
    top: 25%
}

.register-section .x-container-no-m .forget-password-wrap .right-btn-bg {
    padding: 0 .5rem;
    border-radius: 3.125rem
}

.register-section .x-container-no-m .forget-password-wrap .right-btn {
    background-color: #3e73fa;
    border-radius: 3.125rem;
    padding: .28rem 1rem;
    color: #fff;
    border: unset
}

.register-section .x-container-no-m .form-control.is-invalid,.register-section .x-container-no-m .was-validated .form-control:invalid {
    background-image: url(/static/media/icon-caution.8b14cc03.webp);
    background-repeat: no-repeat;
    margin-right: -35px;
    padding-right: 50px
}

.register-section .x-container-no-m .form-control.is-invalid.no-border,.register-section .x-container-no-m .was-validated .form-control:invalid.no-border {
    margin-right: -84px;
    padding-right: 85px
}

.register-section .x-container-no-m .form-control.is-invalid:focus,.register-section .x-container-no-m .was-validated .form-control:invalid:focus {
    border-color: inherit;
    box-shadow: none
}

.register-section .x-container-no-m .form-control.is-invalid.forget-pwd-desktop,.register-section .x-container-no-m .was-validated .form-control:invalid.forget-pwd-desktop {
    margin-right: -137px;
    padding-right: 147px
}

.register-section .x-container-no-m .form-control.is-valid,.register-section .x-container-no-m .was-validated .form-control:valid {
    background-image: url(/static/media/icon-checked.0057d15c.webp);
    background-repeat: no-repeat;
    margin-right: -35px;
    background-size: unset;
    padding-right: 50px
}

.register-section .x-container-no-m .form-control.is-valid.no-border,.register-section .x-container-no-m .was-validated .form-control:valid.no-border {
    margin-right: -84px;
    padding-right: 85px
}

.register-section .x-container-no-m .form-control.is-valid:focus,.register-section .x-container-no-m .was-validated .form-control:valid:focus {
    border-color: inherit;
    box-shadow: none
}

.register-section .x-container-no-m .form-control.is-valid.forget-pwd-desktop,.register-section .x-container-no-m .was-validated .form-control:valid.forget-pwd-desktop {
    margin-right: -137px;
    padding-right: 147px
}

.register-section.register-m-section .x-container-no-m {
    min-width: unset
}

.register-section.register-m-section .x-container-no-m .register-form {
    width: 20rem
}

.register-section.register-m-section .x-container-no-m .register-form .nav-tabs {
    border-bottom: 0;
    margin-bottom: .0625rem;
    margin-top: 1rem
}

.register-section.register-m-section .x-container-no-m .register-form .nav-tabs .nav-item {
    width: 50%
}

.register-section.register-m-section .x-container-no-m .register-form .nav-tabs .nav-link {
    text-align: center;
    padding: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-color: #000;
    color: #414755;
    border: none;
    margin-bottom: -.0625rem
}

.register-section.register-m-section .x-container-no-m .register-form .nav-tabs .nav-link.active {
    background-color: rgba(0,0,0,.5);
    color: #fff;
    border: none
}

.register-section.register-m-section .x-container-no-m .register-form .member-form {
    padding: 1rem 2rem 1.5em;
    background-color: rgba(0,0,0,.5);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.register-section.register-m-section .x-container-no-m .register-form .member-form.social {
    border-radius: 1rem;
    margin-top: 1rem
}

.register-section.register-m-section .x-container-no-m .register-form .bottom-content .google-tele-bg button {
    margin: .5rem
}

.register-section.register-m-section .x-container-no-m .register-form .bottom-content .google-tele-bg button img {
    width: 2rem;
    height: 2rem
}

.register-section.register-m-section .x-container-no-m .register-form .register-recaptcha {
    box-shadow: inset 0 0 .625rem .3125rem hsla(0,0%,100%,.3);
    background-color: hsla(0,0%,100%,.15)
}

.register-section.register-m-section .x-container-no-m .register-form .register-recaptcha img {
    height: 1.5rem;
    width: 1.5rem;
    margin: 0 .5rem 0 0
}

.register-section.register-m-section .x-container-no-m .input-group:after {
    background-color: hsla(0,0%,100%,.3);
    box-shadow: inset 0 0 .625rem .3125rem hsla(0,0%,100%,.8)
}

.register-section.register-m-section .x-container-no-m .recaptcha-modal .modal-dialog {
    max-width: unset
}

.register-section.register-m-section .x-container-no-m .recaptcha-modal .modal-dialog .sliderContainer {
    height: 2.5rem;
    background-color: hsla(0,0%,100%,.3);
    box-shadow: inset 0 0 .625rem .3125rem hsla(0,0%,100%,.5)
}

.register-section.register-m-section .x-container-no-m .recaptcha-modal .modal-dialog .sliderContainer .sliderMask {
    line-height: 2.375rem
}

.register-section.register-m-section .x-container-no-m .recaptcha-modal .modal-dialog .sliderContainer .sliderMask .slider {
    width: 2.5rem;
    height: 2.5rem;
    background-color: hsla(0,0%,100%,.2);
    box-shadow: inset 0 0 .625rem .3125rem hsla(0,0%,100%,.3)
}

.register-section.register-m-section .x-container-no-m .recaptcha-modal .modal-dialog .sliderContainer .sliderMask .slider .sliderIcon {
    font-size: 1rem
}

.register-section.register-m-section .x-container-no-m .recaptcha-modal .modal-dialog .loadingIcon,.register-section.register-m-section .x-container-no-m .recaptcha-modal .modal-dialog .refreshIcon {
    width: 2rem;
    height: 2rem;
    background-size: 2rem
}

.register-section.register-m-section .x-container-no-m .form-control.is-invalid,.register-section.register-m-section .x-container-no-m .was-validated .form-control:invalid {
    background-size: 1.3rem;
    margin-right: -2.0625rem;
    padding-right: 3.125rem
}

.register-section.register-m-section .x-container-no-m .form-control.is-invalid.no-border,.register-section.register-m-section .x-container-no-m .was-validated .form-control:invalid.no-border {
    margin-right: -5.1875rem;
    padding-right: 5rem
}

.register-section.register-m-section .x-container-no-m .form-control.is-invalid.forget-pwd-mobile,.register-section.register-m-section .x-container-no-m .was-validated .form-control:invalid.forget-pwd-mobile {
    margin-right: -18.125rem;
    padding-right: 18.125rem
}

.register-section.register-m-section .x-container-no-m .form-control.is-valid,.register-section.register-m-section .x-container-no-m .was-validated .form-control:valid {
    background-size: 1.5rem;
    margin-right: -2.1875rem;
    padding-right: 3.125rem
}

.register-section.register-m-section .x-container-no-m .form-control.is-valid.no-border,.register-section.register-m-section .x-container-no-m .was-validated .form-control:valid.no-border {
    margin-right: -5.25rem;
    padding-right: 5rem
}

.register-section.register-m-section .x-container-no-m .form-control.is-valid.forget-pwd-mobile,.register-section.register-m-section .x-container-no-m .was-validated .form-control:valid.forget-pwd-mobile {
    margin-right: -18.3125rem;
    padding-right: 18.125rem
}

.reg-and-log-select .react-select__control {
    width: 7.1875rem;
    border: 0!important;
    border-radius: 3.125rem 0 0 3.125rem!important;
    height: 2.5rem;
    background-color: unset
}

.reg-and-log-select .react-select__control:focus-within {
    border: none!important;
    box-shadow: unset!important
}

.reg-and-log-select .react-select__control .react-select__single-value p:nth-child(n+3) {
    margin-left: .875rem
}

.reg-and-log-select .react-select__menu {
    width: 350px
}

.reg-and-log-select .react-select__menu .react-select__option p {
    color: #6b7ba8!important;
    margin-right: .875rem
}

.reg-and-log-select .react-select__menu .react-select__option img {
    width: 35px;
    height: 35px
}

.reg-and-log-select.mobile .react-select__menu {
    width: 15.625rem
}

.reg-and-log-select.mobile .react-select__menu .react-select__option {
    height: 3rem;
    padding-left: 1rem
}

.reg-and-log-select.mobile .react-select__menu .react-select__option img {
    width: 2rem;
    height: 2rem
}

.reg-and-log-select.mobile .react-select__single-value img {
    width: 1.5rem;
    height: 1.5rem
}

.contact-us-section {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.contact-us-section .lazy-load-image-background.blur.lazy-load-image-loaded {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact-us-section .lazy-load-image-background.blur.lazy-load-image-loaded .contact-us-img {
    width: 95%;
    height: auto
}

.contact-us-section .contact-us-container .col-6 {
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer
}

.contact-us-section .contact-us-container .col-6 .contact-icon {
    display: block
}

.contact-us-section .contact-us-container .col-6 .contact-icon-hover {
    display: none
}

.contact-us-section .contact-us-container .col-6 .contact-content-container {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 2rem 1rem
}

.contact-us-section .contact-us-container .col-6 .contact-content-container .contact-content {
    color: #6b7ba8;
    text-align: center;
    margin: 1rem 0
}

.contact-us-section .contact-us-container .col-6 .contact-content-container img {
    width: 100%;
    max-width: 75px;
    height: auto;
    margin: 0 auto
}

.contact-us-section .contact-us-container .col-6:hover .contact-icon {
    display: none
}

.contact-us-section .contact-us-container .col-6:hover .contact-icon-hover {
    display: block;
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease
}

@keyframes fadeIn {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.contacts-us-m .cu-m-img {
    width: 100%;
    min-width: 17.4375rem;
    height: auto
}

.contacts-us-m .cu-content-container {
    width: 100%;
    height: 15.625rem;
    background-image: url(/static/media/modal-bg.6ec00d81.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 100%;
    border-radius: .625rem;
    cursor: pointer;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    text-align: center;
    padding: 1rem
}

.contacts-us-m .cu-content-container .contact-icon {
    width: 4.6875rem;
    height: 4.6875rem;
    margin-bottom: 1rem
}

.contacts-us-m .cu-content-container .cu-content {
    color: #6b7ba8
}

.contacts-us-m .cu-content-container .cu-content p {
    height: 6rem;
    overflow: auto
}

.vip-m-section .vip-card-container,.vip-section .vip-card-container {
    width: 100%;
    height: auto;
    position: relative
}

.vip-m-section .vip-card-container .card-shadow,.vip-section .vip-card-container .card-shadow {
    border-radius: .75rem
}

.vip-m-section .vip-card-container .vip-card,.vip-m-section .vip-card-container .vip-card-mobile,.vip-section .vip-card-container .vip-card,.vip-section .vip-card-container .vip-card-mobile {
    display: flex;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-level,.vip-m-section .vip-card-container .vip-card .vip-level,.vip-section .vip-card-container .vip-card-mobile .vip-level,.vip-section .vip-card-container .vip-card .vip-level {
    width: 35%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-level .vip-logo,.vip-m-section .vip-card-container .vip-card .vip-level .vip-logo,.vip-section .vip-card-container .vip-card-mobile .vip-level .vip-logo,.vip-section .vip-card-container .vip-card .vip-level .vip-logo {
    width: 80%;
    height: auto;
    margin: 0 auto
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-level .vip-m-logo,.vip-m-section .vip-card-container .vip-card .vip-level .vip-m-logo,.vip-section .vip-card-container .vip-card-mobile .vip-level .vip-m-logo,.vip-section .vip-card-container .vip-card .vip-level .vip-m-logo {
    width: 6rem;
    height: auto
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-info,.vip-m-section .vip-card-container .vip-card .vip-info,.vip-section .vip-card-container .vip-card-mobile .vip-info,.vip-section .vip-card-container .vip-card .vip-info {
    width: 65%;
    height: auto
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-info img,.vip-m-section .vip-card-container .vip-card .vip-info img,.vip-section .vip-card-container .vip-card-mobile .vip-info img,.vip-section .vip-card-container .vip-card .vip-info img {
    width: 22%;
    height: 100%;
    margin-right: .5rem
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-info .vip-content p,.vip-m-section .vip-card-container .vip-card .vip-info .vip-content p,.vip-section .vip-card-container .vip-card-mobile .vip-info .vip-content p,.vip-section .vip-card-container .vip-card .vip-info .vip-content p {
    font-size: .75rem
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-info .vip-content .amount,.vip-m-section .vip-card-container .vip-card .vip-info .vip-content .amount,.vip-section .vip-card-container .vip-card-mobile .vip-info .vip-content .amount,.vip-section .vip-card-container .vip-card .vip-info .vip-content .amount {
    font-size: 1rem;
    font-weight: 500;
    color: #414755
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-info .vip-content span,.vip-m-section .vip-card-container .vip-card .vip-info .vip-content span,.vip-section .vip-card-container .vip-card-mobile .vip-info .vip-content span,.vip-section .vip-card-container .vip-card .vip-info .vip-content span {
    font-size: .63rem;
    color: #6b7ba8;
    font-family: "AdihausDIN","Poppins","Noto Serif SC",sans-serif
}

.vip-m-section .vip-card-container .vip-card-mobile .vip-info .vip-content .t-relegation,.vip-m-section .vip-card-container .vip-card .vip-info .vip-content .t-relegation,.vip-section .vip-card-container .vip-card-mobile .vip-info .vip-content .t-relegation,.vip-section .vip-card-container .vip-card .vip-info .vip-content .t-relegation {
    font-size: .63rem;
    color: #414755;
    margin-left: 12px
}

.vip-m-section .vip-benefit .benefit-header,.vip-section .vip-benefit .benefit-header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4a89fc;
    color: #fff;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    padding: .5rem;
    text-transform: uppercase
}

.vip-m-section .vip-benefit .benefit-header .h5,.vip-m-section .vip-benefit .benefit-header h5,.vip-section .vip-benefit .benefit-header .h5,.vip-section .vip-benefit .benefit-header h5 {
    margin: 0
}

.vip-m-section .vip-benefit .benefit-header img,.vip-section .vip-benefit .benefit-header img {
    width: 3.375rem;
    height: 3.125rem
}

.vip-m-section .vip-benefit .benefit-content,.vip-section .vip-benefit .benefit-content {
    width: 100%;
    height: 9.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
    background-color: #fff
}

.vip-m-section .vip-benefit .benefit-content .money,.vip-section .vip-benefit .benefit-content .money {
    margin: 0;
    color: #414755;
    text-transform: uppercase
}

.vip-m-section .vip-benefit .benefit-content .mention,.vip-section .vip-benefit .benefit-content .mention {
    text-align: center;
    color: #414755
}

.vip-m-section .vip-benefit .benefit-content .content,.vip-section .vip-benefit .benefit-content .content {
    text-transform: uppercase;
    font-size: 1rem;
    color: #414755
}

.vip-m-section .vip-benefit .benefit-content .content .number,.vip-section .vip-benefit .benefit-content .content .number {
    color: #4a89fc
}

.vip-m-section .vip-benefit .benefit-content .btn-outline-blue,.vip-section .vip-benefit .benefit-content .btn-outline-blue {
    height: auto;
    min-height: 1.5625rem;
    min-width: unset;
    line-height: 0;
    border-radius: .9375rem
}

.vip-m-section .vip-benefit .benefit-content .btn-outline-blue:hover,.vip-section .vip-benefit .benefit-content .btn-outline-blue:hover {
    color: #fff;
    background: linear-gradient(90deg,#5da9fe,#3e73fa)
}

.vip-m-section .vip-benefit .benefit-content .footer,.vip-section .vip-benefit .benefit-content .footer {
    text-align: center;
    font-size: .75rem
}

.vip-m-section .vip-m-table,.vip-m-section .vip-table,.vip-section .vip-m-table,.vip-section .vip-table {
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    border-radius: 1.25rem
}

.vip-m-section .vip-m-table .h3,.vip-m-section .vip-m-table h3,.vip-m-section .vip-table .h3,.vip-m-section .vip-table h3,.vip-section .vip-m-table .h3,.vip-section .vip-m-table h3,.vip-section .vip-table .h3,.vip-section .vip-table h3 {
    color: #fff;
    background-color: #6b7ba8;
    margin-bottom: unset;
    padding: 1.2rem;
    border-radius: 1.25rem 1.25rem 0 0;
    font-size: 1.125rem
}

.vip-m-section .vip-m-table table,.vip-m-section .vip-table table,.vip-section .vip-m-table table,.vip-section .vip-table table {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

.vip-m-section .vip-m-table table thead,.vip-m-section .vip-table table thead,.vip-section .vip-m-table table thead,.vip-section .vip-table table thead {
    color: #3e73fa;
    border-top: transparent
}

.vip-m-section .vip-m-table table thead td:first-child,.vip-m-section .vip-m-table table thead td:last-child,.vip-m-section .vip-table table thead td:first-child,.vip-m-section .vip-table table thead td:last-child,.vip-section .vip-m-table table thead td:first-child,.vip-section .vip-m-table table thead td:last-child,.vip-section .vip-table table thead td:first-child,.vip-section .vip-table table thead td:last-child {
    border-width: 0
}

.vip-m-section .vip-m-table table td,.vip-m-section .vip-table table td,.vip-section .vip-m-table table td,.vip-section .vip-table table td {
    padding: 1rem
}

.vip-m-section .vip-m-table table td:first-child,.vip-m-section .vip-m-table table td:last-child,.vip-m-section .vip-table table td:first-child,.vip-m-section .vip-table table td:last-child,.vip-section .vip-m-table table td:first-child,.vip-section .vip-m-table table td:last-child,.vip-section .vip-table table td:first-child,.vip-section .vip-table table td:last-child {
    border-width: 0
}

.vip-m-section .vip-m-table table tbody,.vip-m-section .vip-table table tbody,.vip-section .vip-m-table table tbody,.vip-section .vip-table table tbody {
    border-top: 1px;
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

.vip-m-section .vip-m-table table tbody tr:last-child,.vip-m-section .vip-table table tbody tr:last-child,.vip-section .vip-m-table table tbody tr:last-child,.vip-section .vip-table table tbody tr:last-child {
    border-width: 0
}

.vip-m-section .vip-bullet-content .h4,.vip-m-section .vip-bullet-content h4,.vip-m-section .vip-m-bullet-content .h4,.vip-m-section .vip-m-bullet-content h4,.vip-section .vip-bullet-content .h4,.vip-section .vip-bullet-content h4,.vip-section .vip-m-bullet-content .h4,.vip-section .vip-m-bullet-content h4 {
    padding-bottom: 1rem;
    font-weight: 600
}

.vip-m-section .vip-bullet-content ol,.vip-m-section .vip-m-bullet-content ol,.vip-section .vip-bullet-content ol,.vip-section .vip-m-bullet-content ol {
    list-style: none;
    counter-reset: my-awesome-counter
}

.vip-m-section .vip-bullet-content li,.vip-m-section .vip-m-bullet-content li,.vip-section .vip-bullet-content li,.vip-section .vip-m-bullet-content li {
    white-space: pre-wrap;
    counter-increment: my-awesome-counter;
    padding-bottom: 1rem;
    position: relative
}

.vip-m-section .vip-bullet-content li td:first-child,.vip-m-section .vip-m-bullet-content li td:first-child,.vip-section .vip-bullet-content li td:first-child,.vip-section .vip-m-bullet-content li td:first-child {
    width: 20%
}

.vip-m-section .vip-bullet-content li:before,.vip-m-section .vip-m-bullet-content li:before,.vip-section .vip-bullet-content li:before,.vip-section .vip-m-bullet-content li:before {
    content: counter(my-awesome-counter);
    background: #becaec;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -2.1875rem
}

.vip-m-section .tnc-list,.vip-section .tnc-list {
    width: 100%
}

.vip-m-section .tnc-list .tnc-title,.vip-section .tnc-list .tnc-title {
    font-weight: 600;
    margin-right: .25rem
}

.vip-m-section .vip-benefit {
    background: #fff;
    padding: 0 1rem 1rem
}

.vip-m-section .vip-benefit .benefit-header .h5,.vip-m-section .vip-benefit .benefit-header h5 {
    font-size: .875rem
}

.vip-m-section .vip-benefit .benefit-header {
    height: 4.25rem
}

.vip-m-section .vip-benefit .benefit-content {
    height: 8.125rem;
    text-align: center
}

.vip-m-section .vip-benefit .benefit-content .money {
    font-size: 1rem
}

.vip-m-section .vip-benefit .benefit-content .content {
    font-size: .75rem
}

.vip-m-section .vip-benefit .benefit-content .footer,.vip-m-section .vip-benefit .benefit-content .mention {
    font-size: .63rem
}

.vip-m-table .h3,.vip-m-table h3 {
    color: #8b9ccb!important;
    background-color: #e2ecff!important;
    border-radius: 0!important;
    font-weight: 400
}

.vip-m-table .table>:not(caption)>*>* {
    border-width: .0625rem;
    border-color: #becaec
}

.vip-m-table .table-bordered>:not(caption)>* {
    border-width: .0625rem 0;
    border-color: #becaec
}

.vip-m-table table {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    margin-bottom: 0
}

.vip-m-table table thead td {
    color: #414755
}

.vip-m-table table thead td:first-child {
    color: #bc9f65
}

.vip-m-table table thead td:last-child {
    border-width: .0625rem!important
}

.vip-m-table table tbody {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    box-shadow: unset!important
}

.vip-m-table table tbody tr td:first-child {
    color: #bc9f65;
    border-width: .0625rem!important
}

.vip-m-table table tbody tr td:last-child {
    border-width: .0625rem!important
}

.vip-m-bullet-content {
    background: #fff;
    padding-bottom: 1rem
}

.vip-m-bullet-content .h4,.vip-m-bullet-content h4 {
    text-align: center;
    margin: 0
}

.vip-m-bullet-content ol {
    padding-right: 1rem;
    padding-left: 3rem;
    margin-bottom: 0
}

.vip-m-bullet-content .tnc-list {
    display: block
}

.vip-m-bullet-content .tnc-list.remark {
    color: #4a89fc
}

.bottom-nav-section .bottom-nav-content {
    width: 100%;
    height: 3.5rem;
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    margin: 0;
    align-items: center;
    padding-left: 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.bottom-nav-section .bottom-nav-content li {
    list-style-type: none;
    width: 20%;
    height: auto;
    line-height: 1
}

.bottom-nav-section .bottom-nav-content .nav-link {
    display: grid;
    text-align: center;
    color: #abb8d6;
    position: relative;
    font-size: .75rem;
    padding: 0
}

.bottom-nav-section .bottom-nav-content .nav-link .bottom-icon-active {
    display: none
}

.bottom-nav-section .bottom-nav-content .nav-link.active {
    color: #3e73fa
}

.bottom-nav-section .bottom-nav-content .nav-link.active .bottom-icon-active {
    -webkit-animation: zonIn .5s;
    animation: zonIn .5s;
    display: block;
    opacity: 1!important
}

.bottom-nav-section .bottom-nav-content .nav-link.active .bottom-icon {
    display: none
}

.bottom-nav-section .bottom-nav-content .nav-link span {
    position: absolute;
    top: -25%;
    right: -5%;
    width: -webkit-max-content;
    width: max-content;
    border: .0625rem solid #fff;
    border-radius: .5rem;
    font-size: .5rem;
    color: #fff;
    background-color: #ea4e3d;
    padding: .25rem
}

.bottom-nav-section .bottom-nav-content .nav-link img {
    margin: 0 auto .25rem;
    width: 1.75rem;
    height: 1.75rem;
    object-fit: cover
}

.bottom-nav-section .bottom-nav-content .nav-link.home-btn {
    width: 4rem;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    top: -.75rem
}

.bottom-nav-section .bottom-nav-content .nav-link.home-btn .bottom-icon {
    width: 100%;
    height: auto;
    box-shadow: 0 .2rem .2rem rgba(74,137,252,.4);
    border-radius: 3rem
}

.bottom-nav-section .bottom-nav-content .nav-link.home-btn .bottom-icon-active {
    display: none
}

.bottom-nav-section .bottom-nav-content .nav-link.home-btn.active .bottom-icon-active {
    width: 100%;
    height: auto;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    border-radius: 3rem;
    display: block
}

.bottom-nav-section .bottom-nav-content .nav-link.home-btn.active .bottom-icon {
    display: none
}

.bottom-nav-section .bottom-nav-content .badge {
    position: absolute;
    top: -18%;
    right: 10%
}

.mobile-page-header-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.mobile-page-header-section .mobile-page-header-left {
    width: 45%
}

.mobile-page-header-section .mobile-page-header-left .btn-gradient-blue {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-page-header-section .mobile-page-header-left p {
    position: relative;
    padding-bottom: .2rem
}

.mobile-page-header-section .mobile-page-header-left .vip-icon {
    margin-left: .3rem
}

.mobile-page-header-section .mobile-page-header-left .h2,.mobile-page-header-section .mobile-page-header-left h2 {
    color: #414755;
    margin-bottom: 0
}

.mobile-page-header-section .mobile-page-header-left .h2 img,.mobile-page-header-section .mobile-page-header-left h2 img {
    margin: 0 0 .3rem .3rem;
    height: 1.25rem;
    width: 1.25rem
}

.mobile-page-header-section .mobile-page-header-right ul {
    display: flex;
    grid-gap: .5rem;
    gap: .5rem;
    padding-left: 0;
    margin-bottom: 0
}

.mobile-page-header-section .mobile-page-header-right ul li {
    list-style-type: none
}

.mobile-page-header-section .mobile-page-header-right ul .mphr-link,.mobile-page-header-section .mobile-page-header-right ul a {
    display: grid;
    width: 3.5rem;
    padding: 0;
    text-align: center;
    color: #6b7ba8;
    font-size: .75rem;
    background: unset;
    border: unset
}

.mobile-page-header-section .mobile-page-header-right ul .mphr-link img,.mobile-page-header-section .mobile-page-header-right ul a img {
    pointer-events: none;
    margin: 0 auto;
    width: 2.25rem;
    height: auto
}

.mobile-asset-section {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1000;
    transition: all .3s ease-in-out;
    pointer-events: none
}

.mobile-asset-section.open {
    pointer-events: all;
    opacity: 1
}

.mobile-asset-section.open .mobile-asset-content {
    bottom: 0
}

.mobile-asset-section.open .overlay {
    opacity: 1;
    pointer-events: unset
}

.mobile-asset-section .mobile-asset-content {
    position: absolute;
    width: 100%;
    bottom: -22.1875rem;
    transition: all .3s ease-in-out;
    z-index: 1001
}

.mobile-asset-section .mobile-asset-content .mobile-asset-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(#fff,#f0f6ff);
    height: 3.4375rem;
    padding: 1rem
}

.mobile-asset-section .mobile-asset-content .mobile-asset-header .btn {
    width: -webkit-max-content;
    width: max-content;
    font-size: .875rem;
    padding: 0
}

.mobile-asset-section .mobile-asset-content .mobile-asset-header .btn svg {
    color: #414755;
    font-size: 2.25rem
}

.mobile-asset-section .mobile-asset-content .mobile-asset-header .btn-cancel {
    text-align: left;
    color: #abb8d6
}

.mobile-asset-section .mobile-asset-content .mobile-asset-header .btn-ok {
    text-align: right;
    color: #4a89fc
}

.mobile-asset-section .mobile-asset-content .mobile-asset-header p {
    text-align: center;
    width: 60%;
    font-size: 1rem;
    color: #414755
}

.mobile-asset-section .mobile-asset-content .mobile-asset-body {
    background-color: #fff;
    height: 18.75rem;
    overflow: auto
}

.picker-container .picker-highlight {
    background-color: rgba(203,206,216,.3)
}

.picker-container .picker-highlight:after,.picker-container .picker-highlight:before {
    display: none
}

.pf-select-container .row {
    width: 100%;
    height: auto
}

.pf-select-container .row .col-4 .profile-img {
    margin: 0 auto;
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    overflow: hidden
}

.pf-select-container .pf-pic .row {
    list-style-type: none;
    padding: 0
}

.pf-select-container .pf-pic .row .col-3 {
    display: flex;
    justify-content: center
}

.pf-select-container .pf-pic .row .col-3 .profile-icon {
    width: 3.875rem;
    height: 3.875rem;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    cursor: pointer;
    border: .125rem solid transparent
}

.pf-select-container .pf-pic .row .col-3 .profile-icon.selected {
    border: .125rem solid #3e73fa
}

.pf-select-container .pf-pic .row .col-3 .profile-checked {
    position: absolute;
    width: 1.25rem;
    height: auto;
    bottom: 0;
    right: 1.125rem;
    color: #3e73fa
}

.pf-select-container .pf-pic .btn-gradient-blue {
    min-width: 100%
}

.pf-select-container .pf-gender {
    display: flex;
    justify-content: center
}

.pf-select-container .pf-gender .btn-gradient-blue,.pf-select-container .pf-gender .btn-white {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.75rem;
    height: 1.875rem;
    border-radius: 2rem;
    margin: 1rem .25rem
}

.pf-select-container .pf-gender .btn-gradient-blue svg,.pf-select-container .pf-gender .btn-white svg {
    margin-right: 0;
    font-size: 1.125rem;
    vertical-align: bottom
}

.pf-select-container .pf-gender .btn-gradient-blue .female-icon,.pf-select-container .pf-gender .btn-white .female-icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pf-select-container .line {
    text-align: center;
    color: #cbced8;
    display: block
}

.pf-select-container .line:before {
    margin-right: 2%
}

.pf-select-container .line:after,.pf-select-container .line:before {
    content: "";
    background-color: #cbced8;
    width: 42%;
    height: .0625rem;
    display: inline-block;
    vertical-align: middle
}

.pf-select-container .line:after {
    margin-left: 2%
}

.pf-select-container .ablum-select {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #414755;
    cursor: pointer
}

.pf-select-container .ablum-select:hover {
    color: #4a89fc
}

.pf-select-container .ablum-select span {
    margin-left: .5rem
}

.pf-select-container .ablum-select svg {
    font-size: 1.875rem
}

.pf-select-container .ablum-select img {
    width: 1.5rem;
    height: auto
}

.pf-select-container .upload-profile-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    margin: 0 auto
}

.pf-select-container .upload-profile-container .uploaded-img {
    width: 100%;
    max-width: 55%;
    height: auto
}

.pf-select-container .upload-profile-container .upload-btn {
    width: 100%;
    text-align: center;
    color: #3e73fa;
    padding: .625rem;
    border: .0625rem solid #3e73fa;
    border-radius: .5rem;
    cursor: pointer
}

.pf-select-container .upload-profile-container p {
    font-size: .75rem
}

.pf-select-container .upload-profile-container .btn-gradient-blue,.pf-select-container .upload-profile-container .btn-gray {
    min-width: 9.375rem
}

.ic-asset .mobile-asset-header {
    padding-left: 0
}

.ic-asset .mobile-asset-body .sidebar-nav .nav {
    padding: 0
}

.ic-asset .mobile-asset-body .sidebar-nav .nav .nav-link {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ic-asset .mobile-asset-body .sidebar-nav .nav .nav-link .checked,.ic-asset .mobile-asset-body .sidebar-nav .nav .nav-link .uncheck {
    font-size: 1.25rem
}

.ic-asset .mobile-asset-body .sidebar-nav .nav .nav-link .uncheck {
    color: #becaec
}

.ic-asset .mobile-asset-body .sidebar-nav .nav .nav-link .checked {
    display: none
}

.ic-asset .mobile-asset-body .sidebar-nav .nav .nav-link.active {
    border-left: 0;
    color: #414755;
    background-color: unset
}

.ic-asset .mobile-asset-body .sidebar-nav .nav .nav-link.active .uncheck {
    display: none
}

.ic-asset .mobile-asset-body .sidebar-nav .nav .nav-link.active .checked {
    display: block;
    color: #4a89fc
}

.mobile-radio-select {
    padding: 0 1rem
}

.mobile-radio-select .form-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    margin: 0;
    border-bottom: 1px solid #becaec
}

.mobile-radio-select .form-check .form-check-label {
    font-weight: 500;
    width: 100%;
    max-width: unset;
    min-width: unset;
    height: auto;
    border: 0;
    justify-content: flex-start
}

.mobile-radio-select .form-check .form-check-label:hover {
    box-shadow: unset
}

.mobile-radio-select .form-check .form-check-label img {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: .4375rem
}

.mobile-radio-select .form-check .form-check-input {
    width: 1rem;
    height: 1rem
}

.mobile-radio-select .form-check .form-check-input:checked[type=radio] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAABHNCSVQICAgIfAhkiAAAAHFJREFUGFeNj4ENgCAMBP0N3MQVdBLZTNnEERzFDfBLWgKkRpoQSrlrAdNgpJROohdGeIV3svFXaGAgZIHFGcDTT+thuYcWF+ZbLXmwCYHJwXWb9AVnQZ9USyLKOXKi7E2UT7OrSQK4cJlgLVRavc7GvC0oPATt63K1AAAAAElFTkSuQmCC);
    background-size: 60% 60%
}

.miscellaneous.desktop {
    background-image: url(/static/media/miscellaneous-bg.8dfa7b5f.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.miscellaneous.desktop .miscellaneous-content {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.miscellaneous.desktop .miscellaneous-content .miscellaneous-body {
    width: 40%
}

.miscellaneous.desktop .miscellaneous-content .miscellaneous-body .h3,.miscellaneous.desktop .miscellaneous-content .miscellaneous-body h3 {
    margin-top: 1.5rem;
    line-height: 2rem
}

.miscellaneous.desktop .miscellaneous-content .miscellaneous-body .left-image {
    width: 100%;
    height: auto
}

.miscellaneous.desktop .logo-image {
    width: 12.5rem
}

.miscellaneous.desktop .enter-btn-blue {
    background: linear-gradient(90deg,#5da9fe,#3e73fa);
    color: #fff;
    margin-top: 1rem;
    height: 3rem
}

.miscellaneous.mobile {
    background-image: url(/static/media/miscellaneous-mobile-bg.07f2ab2c.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.miscellaneous.mobile .miscellaneous-content {
    min-height: 100vh;
    justify-content: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.miscellaneous.mobile .miscellaneous-content .logo-image {
    width: 6.25rem;
    text-align: center;
    margin-bottom: 1rem
}

.miscellaneous.mobile .miscellaneous-content img {
    max-width: 100%;
    width: 80%;
    margin: 0 auto
}

.miscellaneous.mobile .miscellaneous-content .h4,.miscellaneous.mobile .miscellaneous-content h4 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 1rem
}

.miscellaneous.mobile .miscellaneous-content .h6,.miscellaneous.mobile .miscellaneous-content h6 {
    text-align: center
}

.miscellaneous.mobile .miscellaneous-content p {
    text-align: center;
    padding-top: 2rem
}

.miscellaneous.mobile .miscellaneous-content .btn-gradient-blue {
    border: unset;
    width: 500px;
    margin: 0 auto
}

.regionLanguage-section .select-language {
    display: flex;
    align-items: center;
    background: #fff;
    padding: .5rem 1rem
}

.regionLanguage-section .select-language .btn-outline-blue {
    display: flex;
    align-items: center;
    height: 2rem;
    border-radius: 4rem;
    margin-left: 1rem
}

.regionLanguage-section .select-language .btn-outline-blue .btn {
    width: 4rem;
    text-align: end;
    margin: 0 auto
}

.regionLanguage-section .select-language .btn-outline-blue .btn:focus {
    box-shadow: unset
}

.regionLanguage-section .select-language .btn-outline-blue svg {
    width: 2rem;
    margin: 0 auto;
    font-size: 1.25rem
}

.regionLanguage-section .select-region {
    background: #fff;
    padding: 1rem
}

.regionLanguage-section .select-region ul {
    padding: 0;
    margin: 0
}

.regionLanguage-section .select-region ul li {
    width: 100%;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    border: 1px solid #abb8d6;
    border-radius: .625rem;
    color: #414755;
    margin-bottom: 1rem
}

.regionLanguage-section .select-region ul li .flags-img {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 1rem
}

.regionLanguage-section .select-region ul li .checked {
    font-size: 1.25rem;
    color: #4a89fc;
    display: none
}

.regionLanguage-section .select-region ul li .uncheck {
    font-size: 1.25rem;
    color: #becaec
}

.regionLanguage-section .select-region ul li.active {
    border-color: #4a89fc
}

.regionLanguage-section .select-region ul li.active .uncheck {
    display: none
}

.regionLanguage-section .select-region ul li.active .checked {
    display: block
}

.regionLanguage-section .select-region ul li:last-child {
    margin: 0
}

.right-fixed-button {
    position: fixed;
    min-height: 40%;
    max-width: 5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 10;
    bottom: 0;
    right: 0;
    pointer-events: none
}

.right-fixed-button .back-to-top,.right-fixed-button .btn-white {
    display: block;
    pointer-events: auto;
    height: 5rem;
    width: 5rem;
    padding: .75rem;
    margin-left: auto;
    margin-bottom: 1rem;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset
}

.right-fixed-button .back-to-top p,.right-fixed-button .btn-white p {
    font-size: .75rem
}

.right-fixed-button .back-to-top img,.right-fixed-button .btn-white img {
    height: 2.5rem;
    width: 2.5rem;
    object-fit: contain;
    margin: 0 auto .5rem
}

.right-fixed-button .back-to-top svg,.right-fixed-button .btn-white svg {
    height: 2.1875rem;
    width: 2.1875rem;
    padding: .25rem;
    color: #fff;
    transition: all .3s ease-in-out;
    background: linear-gradient(90deg,#5da9fe,#3e73fa);
    border-radius: 50%
}

.right-fixed-button .back-to-top {
    margin-top: auto
}

.right-fixed-button .back-to-top:focus,.right-fixed-button .back-to-top:hover {
    outline: 0;
    box-shadow: none
}

.right-fixed-button .back-to-top:focus svg,.right-fixed-button .back-to-top:hover svg {
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.right-fixed-button .gif-btn-container {
    position: absolute;
    bottom: 16%;
    right: 5.5rem;
    width: 9rem;
    height: 9rem
}

.right-fixed-button .gif-btn-container .gif-btn {
    position: relative;
    display: block;
    pointer-events: auto
}

.right-fixed-button .gif-btn-container .gif-btn:focus-visible {
    outline: none
}

.right-fixed-button .gif-btn-container .gif-btn .gif-img,.right-fixed-button .gif-btn-container .gif-btn a {
    display: block
}

.right-fixed-button .gif-btn-container .gif-btn .gif-img:focus-visible,.right-fixed-button .gif-btn-container .gif-btn a:focus-visible {
    outline: none
}

.right-fixed-button .gif-btn-container .gif-btn .gif-img img,.right-fixed-button .gif-btn-container .gif-btn .gif-img video,.right-fixed-button .gif-btn-container .gif-btn a img,.right-fixed-button .gif-btn-container .gif-btn a video {
    display: block;
    cursor: pointer;
    width: 9rem;
    height: 9rem;
    object-fit: contain;
    object-position: center;
    transition: all .3s ease-in-out
}

.right-fixed-button .gif-btn-container .gif-btn .gif-img img:focus-visible,.right-fixed-button .gif-btn-container .gif-btn .gif-img video:focus-visible,.right-fixed-button .gif-btn-container .gif-btn a img:focus-visible,.right-fixed-button .gif-btn-container .gif-btn a video:focus-visible {
    outline: none
}

.right-fixed-button .gif-btn-container .gif-btn .gif-img img:hover,.right-fixed-button .gif-btn-container .gif-btn .gif-img video:hover,.right-fixed-button .gif-btn-container .gif-btn a img:hover,.right-fixed-button .gif-btn-container .gif-btn a video:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.right-fixed-button .gif-btn-container .btn {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    pointer-events: all;
    padding: 0
}

.right-fixed-button .gif-btn-container .btn img,.right-fixed-button .gif-btn-container .btn svg {
    height: 1.25rem;
    width: 1.25rem
}

.right-fixed-button .gif-btn-container .slick-dots {
    bottom: -.5rem;
    pointer-events: all
}

.right-fixed-button .gif-btn-container .slick-dots li {
    width: .5rem;
    height: .5rem;
    margin: 0 .25rem
}

.right-fixed-button .gif-btn-container .slick-dots li button {
    background-color: #8b9ccb;
    width: .5rem;
    height: .5rem;
    margin: 0;
    padding: 0
}

.right-fixed-button .gif-btn-container .slick-dots li button:before {
    width: 0;
    height: 0
}

.right-fixed-button .gif-btn-container .slick-dots li.slick-active button {
    background-color: #4a89fc
}

.vip-link-modal {
    max-width: 31.25rem!important
}

.vip-link-modal .btn-close {
    background: transparent url(https://api.iconify.design/mdi:window-close.svg?color=%23ffffff) 50%/1.5em auto no-repeat!important
}

.vip-link-modal .modal-header {
    background-color: #3e73fa;
    margin-top: -1px;
    padding: .5rem 1rem
}

.vip-link-modal .modal-header .h5,.vip-link-modal .modal-header h5 {
    color: #fff!important
}

.vip-link-modal .modal-content {
    border: unset
}

.vip-link-modal .modal-content .modal-header {
    border: none;
    border-top-left-radius: .9375rem;
    border-top-right-radius: .9375rem
}

.vip-link-modal .modal-content .modal-footer {
    flex-direction: column;
    border: none;
    padding: unset
}

.vip-link-modal .modal-content .modal-footer input {
    width: .75rem;
    height: .75rem
}

.vip-link-modal .modal-content .modal-body {
    padding: 0;
    display: block!important;
    width: 100%
}

.vip-link-modal .modal-content .modal-body .h6,.vip-link-modal .modal-content .modal-body h6 {
    font-weight: 600
}

.vip-link-modal .modal-content .modal-body .h5,.vip-link-modal .modal-content .modal-body h5 {
    color: #000;
    font-weight: 600;
    margin-bottom: 1rem
}

.vip-link-modal .modal-content .modal-body img {
    width: 100%;
    height: auto
}

.vip-link-modal .modal-content .modal-body .btn-gradient-blue {
    width: -webkit-max-content;
    width: max-content;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    margin: 0 auto
}

.vip-link-modal .modal-content .modal-body .btn-outline-blue {
    margin-bottom: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: unset
}

.vip-link-modal .modal-content .modal-body .btn-outline-blue.active {
    color: #fff;
    background-color: #4a89fc
}

.vip-link-modal .modal-content .modal-body ul {
    padding: 0
}

.vip-link-modal .modal-content .modal-body ul li {
    width: 100%
}

.vip-link-modal .modal-content .modal-body ul li svg {
    font-size: 1.125rem
}

.vip-link-modal .slick-slide {
    padding: 0 1rem
}

.vip-link-modal .slick-dots {
    bottom: -5rem
}

.mobile-view .global-modal .vip-link-modal {
    max-width: 80%!important;
    margin: 0 auto
}

.mobile-view .right-fixed-button {
    top: unset;
    bottom: 10%;
    min-height: unset;
    max-width: unset
}

.mobile-view .right-fixed-button .gif-btn-container {
    width: 6rem;
    height: 6rem;
    right: 1rem;
    bottom: 0
}

.mobile-view .right-fixed-button .gif-btn-container .gif-btn .gif-img img,.mobile-view .right-fixed-button .gif-btn-container .gif-btn .gif-img video,.mobile-view .right-fixed-button .gif-btn-container .gif-btn a img,.mobile-view .right-fixed-button .gif-btn-container .gif-btn a video {
    width: 6rem;
    height: 6rem
}

.sponsor .body-one {
    position: relative;
    margin-bottom: 4rem
}

.sponsor .body-one .spnsor-bg-one {
    width: 100%;
    height: auto
}

.sponsor .body-one .sponsor-one-content {
    width: 90%;
    position: absolute;
    top: 16%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sponsor .body-one .spnsor-slick .slick-container {
    margin-bottom: 4rem;
    position: relative
}

.sponsor .body-one .spnsor-slick .slick-container .slick-track {
    padding: 4rem 0
}

.sponsor .body-one .spnsor-slick .slick-container .slick-track .slick-slide {
    transition: all .3s ease-in-out
}

.sponsor .body-one .spnsor-slick .slick-container .slick-track .slick-slide img {
    width: 100%;
    height: auto
}

.sponsor .body-one .spnsor-slick .slick-container .slick-track .slick-slide:not(.slick-center) {
    opacity: .5
}

.sponsor .body-one .spnsor-slick .slick-container .slick-track .slick-center {
    position: relative;
    z-index: 10;
    opacity: 1;
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.sponsor .body-one .spnsor-slick .slick-dots {
    bottom: -2.5rem
}

.sponsor .body-one .h4,.sponsor .body-one h4 {
    text-align: center
}

.sponsor .spnsor-title {
    position: absolute;
    top: 1%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    margin: 0
}

.sponsor .spnsor-title.title-two {
    margin-top: -8rem
}

.sponsor .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none
}

.sponsor .slick-arrow .slick-arrow-btn {
    cursor: pointer;
    pointer-events: visible;
    opacity: .25;
    background-color: #6b7ba8;
    transition: all .3s ease-in-out;
    width: 3.4375rem;
    height: 7.5rem
}

.sponsor .slick-arrow .slick-arrow-btn:hover {
    background-color: #6b7ba8!important
}

.sponsor .slick-arrow .slick-arrow-btn.next {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem
}

.sponsor .slick-arrow .slick-arrow-btn.prev {
    border-top-left-radius: .625rem;
    border-bottom-left-radius: .625rem
}

.sponsor .slick-arrow .slick-arrow-btn:hover {
    background-color: #4a89fc;
    opacity: 1
}

.sponsor .slick-arrow .slick-arrow-btn svg {
    color: #f0f6ff;
    margin: auto;
    display: block;
    height: 100%;
    width: 3.75rem
}

.sponsor .body-two {
    position: relative
}

.sponsor .body-two .spnsor-bg-two {
    width: 100%;
    height: auto
}

.sponsor .body-two .sponsor-two-content {
    width: 90%;
    position: absolute;
    top: 16%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sponsor .body-two .sponsor-two-content .spnsor-slick .slick-container .slick-dots {
    bottom: -2rem
}

.sponsor .body-two .sponsor-two-content .spnsor-slick .slick-track {
    padding: 1.5rem 0
}

.sponsor .body-two .sponsor-two-content .spnsor-slick .center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.sponsor .body-two .sponsor-two-content .spnsor-slick .center p {
    color: #3e73fa;
    font-size: 1.125rem;
    text-align: center
}

.sponsor .body-two .sponsor-two-content .spnsor-slick .slick-current {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: unset!important
}

.sponsor .body-two .sponsor-two-content .spnsor-slick .slick-slide {
    opacity: .5
}

.sponsor .body-two .actor-cont .col-8 {
    height: 21rem;
    overflow: auto
}

.sponsor .body-two .actor-cont p {
    font-size: 1.125rem;
    margin-bottom: .5rem!important;
    line-height: 1.7
}

.sponsor .body-two .actor-cont label {
    font-size: 1.125rem;
    color: #000
}

.sponsor .body-two .actor-cont img {
    width: 100%;
    height: auto
}

.sponsor.mobile-view .banner-col {
    height: 12.5rem
}

.sponsor.mobile-view .banner-col img {
    height: 12.5rem!important
}

.sponsor.mobile-view .body-one .sponsor-one-content .spnsor-slick .slick-container {
    margin-bottom: .5rem
}

.sponsor.mobile-view .body-one .sponsor-one-content .spnsor-slick .slick-container .slick-track {
    padding: 1rem 0
}

.sponsor.mobile-view .body-one .sponsor-one-content .slick-dots {
    bottom: -.75rem!important
}

.sponsor.mobile-view .body-one .sponsor-one-content .slick-dots li button {
    width: .5rem;
    height: .5rem
}

.sponsor.mobile-view .body-one .sponsor-one-content .slick-dots li button:before {
    width: .3rem;
    height: .3rem
}

.sponsor.mobile-view .body-one .sponsor-one-content p {
    font-size: .75rem;
    text-align: center;
    height: 1.25rem;
    overflow: auto;
    scrollbar-width: none
}

.sponsor.mobile-view .body-one .sponsor-one-content p::-webkit-scrollbar {
    display: none
}

.sponsor.mobile-view .slick-arrow .slick-arrow-btn {
    width: 1.5625rem;
    height: 3.75rem
}

.sponsor.mobile-view .slick-arrow .slick-arrow-btn:hover {
    background-color: #6b7ba8!important
}

.sponsor.mobile-view .slick-arrow .slick-arrow-btn.next {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem
}

.sponsor.mobile-view .slick-arrow .slick-arrow-btn.prev {
    border-top-left-radius: .625rem;
    border-bottom-left-radius: .625rem
}

.sponsor.mobile-view .slick-arrow .slick-arrow-btn:hover {
    background-color: #4a89fc;
    opacity: 1
}

.sponsor.mobile-view .slick-arrow .slick-arrow-btn svg {
    color: #f0f6ff;
    margin: auto;
    display: block;
    height: 100%;
    width: 1.5625rem
}

.sponsor.mobile-view .spnsor-title {
    margin-top: -2.2rem;
    font-size: .875rem
}

.sponsor.mobile-view .spnsor-title.title-two {
    margin-top: -1.9rem
}

.sponsor.mobile-view .body-two .sponsor-two-content {
    top: 10%
}

.sponsor.mobile-view .body-two .actor-cont p {
    font-size: .63rem;
    margin-bottom: 0!important;
    line-height: 1.8
}

.sponsor.mobile-view .body-two .actor-cont label {
    font-size: .63rem;
    color: #000
}

.sponsor.mobile-view .body-two .actor-cont img {
    height: 100%;
    object-fit: cover
}

.sponsor.mobile-view .body-two .actor-cont .col-7 {
    height: 10rem;
    overflow: auto
}

.sponsor.mobile-view .body-two .spnsor-slick .slick-slider .slick-track {
    padding: 0!important
}

.sponsor.mobile-view .body-two .spnsor-slick .center p {
    font-size: .63rem!important;
    text-align: center
}

.sponsor.mobile-view .body-two .spnsor-slick .center img {
    width: 3.125rem;
    height: 3.125rem
}

.sponsor.mobile-view .body-two .slider-two {
    margin: 0;
    padding: 1rem 0!important
}

.sponsor.mobile-view .body-two .slider-two .slick-track {
    width: 100%!important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-transform: none!important;
    transform: none!important
}

.sponsor.mobile-view .body-two .slider-two .slick-track .slick-current {
    -webkit-transform: unset;
    transform: unset
}

.sponsor.mobile-view .body-two .slider-two .slick-track .slick-slide {
    margin-bottom: .5rem
}

.ls-m-section .winner-list,.ls-section .winner-list {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b9ccb;
    margin-bottom: .75rem
}

.ls-m-section .winner-list svg,.ls-section .winner-list svg {
    font-size: 1.5rem
}

.ls-m-section .winner-list .h2,.ls-m-section .winner-list h2,.ls-section .winner-list .h2,.ls-section .winner-list h2 {
    font-weight: 600;
    margin: 0 .75rem
}

.ls-m-section .events-table-container .events-table thead,.ls-section .events-table-container .events-table thead {
    display: table;
    width: 100%
}

.ls-m-section .events-table-container .events-table thead tr th,.ls-section .events-table-container .events-table thead tr th {
    width: 50%
}

.ls-m-section .events-table-container .events-table tbody,.ls-section .events-table-container .events-table tbody {
    display: block;
    height: 37.5rem;
    overflow: auto;
    background: #fff
}

.ls-m-section .events-table-container .events-table tbody::-webkit-scrollbar,.ls-section .events-table-container .events-table tbody::-webkit-scrollbar {
    display: none
}

.ls-m-section .events-table-container .events-table tbody tr {
    display: table;
    margin-top: 0px;
    margin-bottom: -20px;
    width: 100%;
    box-sizing: border-box
}

.ls-section .events-table-container .events-table tbody tr {
    display: table;
    margin-top: 0px;
    margin-bottom: -10px;
    width: 100%;
    box-sizing: border-box
}


.ls-m-section .events-table-container .events-table tbody tr td,.ls-section .events-table-container .events-table tbody tr td {
    width: 50%
}

.ls-m-section .events-table-container .events-table tbody tr td:first-child,.ls-section .events-table-container .events-table tbody tr td:first-child {
    max-width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ls-section .ls-container .row .col-9 .ls-wheel-container {
    display: flex;
    position: relative;
    justify-content: center
}

.ls-section .ls-container .row .col-9 .ls-wheel-container .ls-wheel {
    width: 65%;
    height: auto
}

.ls-section .ls-container .row .col-9 .ls-wheel-container .ls-arrow {
    position: absolute;
    font-size: 5rem;
    top: -22px;
    color: red;
    z-index: 1
}

.ls-section .ls-container .row .col-9 .ls-wheel-container .wheel-btn {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer
}

.ls-section .ls-container .row .col-9 .ls-wheel-container .wheel-btn img {
    width: 6.5rem;
    height: auto;
    transition: all .3s ease-in-out
}

.ls-section .ls-container .row .col-9 .ls-wheel-container .wheel-btn .wheel-btn-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 6.25rem;
    text-align: center;
    color: #fff
}

.ls-section .ls-container .row .col-9 .ls-wheel-container .wheel-btn .wheel-btn-text .h2,.ls-section .ls-container .row .col-9 .ls-wheel-container .wheel-btn .wheel-btn-text h2 {
    margin: 0
}

.ls-section .ls-container .row .col-9 .ls-wheel-container .wheel-btn:hover {
    border-radius: 50%;
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
    box-shadow: 0 0 0 2em transparent
}

.ls-section .ls-container .row .col-9 .ls-total-coin {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem
}

.ls-section .ls-container .row .col-9 .ls-total-coin img {
    width: 3.75rem;
    height: 3.75rem;
    margin-right: .5rem
}

.ls-section .ls-container .row .col-9 .ls-total-coin p {
    font-size: 1rem
}

.ls-section .ls-container .row .col-9 .ls-total-coin p span {
    color: #414755
}

.ls-section .ls-container .row .col-9 .ls-total-coin .small,.ls-section .ls-container .row .col-9 .ls-total-coin small {
    font-size: .63rem
}

.ls-section .ls-container .row .col-9 .ls-btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem
}

.ls-section .ls-container .row .col-9 .ls-btn-container .btn {
    width: 35%;
    margin: 0 1rem
}

.sc-gsTCUz.bhdLno {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 80%;
    height: auto;
    max-width: unset;
    max-height: unset;
    overflow: hidden
}

.sc-gsTCUz.bhdLno .sc-dlfnbm {
    position: relative
}

.sc-gsTCUz.bhdLno .sc-dlfnbm:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: rotate(79deg);
    transform: rotate(79deg);
    z-index: -1
}

.sc-gsTCUz.bhdLno .sc-dlfnbm canvas {
    position: relative;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: 0
}

.sc-gsTCUz.bhdLno img[alt~=roulette-static] {
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 5;
    width: 10%;
    right: 80px;
    top: 80px;
    content: url(/static/media/pointer.76955b02.webp)
}

.ls-wheel-container:not(.indon-my) .sc-dlfnbm:after {
    background-image: url(/static/media/wheel.5d67469b.webp)
}

.ls-wheel-container.indon-my .sc-dlfnbm:after {
    background-image: url(/static/media/wheel-indon.d1bf4105.webp)
}

.mobile-view .sc-gsTCUz.bhdLno {
    width: 100%
}

.mobile-view .sc-gsTCUz.bhdLno img[alt~=roulette-static] {
    right: 2.5rem;
    top: 2.5rem
}

.mobile-view .ls-modal-body .ls-modal {
    padding-top: 0
}

.mobile-view .ls-modal-body .ls-modal img {
    width: 4.5rem;
    position: absolute;
    bottom: 84%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mobile-view .ls-modal-body .ls-modal .prize-type {
    padding-top: 1.5rem;
    margin-bottom: -1rem!important
}

.mobile-view .ls-m-section .ls-m-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
    z-index: 0
}

.mobile-view .ls-m-section .ls-m-container .ls-wheel-container {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: 1rem
}

.mobile-view .ls-m-section .ls-m-container .ls-wheel-container .ls-wheel {
    width: 100%;
    height: auto
}

.mobile-view .ls-m-section .ls-m-container .ls-wheel-container .ls-arrow {
    position: absolute;
    font-size: 3rem;
    top: -22px;
    color: red;
    z-index: 1
}

.mobile-view .ls-m-section .ls-m-container .ls-wheel-container .wheel-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10;
    cursor: pointer
}

.mobile-view .ls-m-section .ls-m-container .ls-wheel-container .wheel-btn img {
    width: 4.5rem;
    height: auto
}

.mobile-view .ls-m-section .ls-m-container .ls-wheel-container .wheel-btn .wheel-btn-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 92%;
    text-align: center;
    color: #fff
}

.mobile-view .ls-m-section .ls-m-container .ls-wheel-container .wheel-btn .wheel-btn-text .h2,.mobile-view .ls-m-section .ls-m-container .ls-wheel-container .wheel-btn .wheel-btn-text h2 {
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0
}

.mobile-view .ls-m-section .ls-m-container .ls-wheel-container .wheel-btn .wheel-btn-text p {
    font-size: .63rem
}

.mobile-view .ls-m-section .ls-m-container .ls-total-coin {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #414755;
    line-height: 1.2
}

.mobile-view .ls-m-section .ls-m-container .ls-total-coin img {
    width: 2.875rem;
    height: 2.875rem;
    margin-right: .5rem
}

.mobile-view .ls-m-section .ls-m-container .ls-total-coin p {
    font-size: 1.125rem
}

.mobile-view .ls-m-section .ls-m-container .ls-total-coin .small,.mobile-view .ls-m-section .ls-m-container .ls-total-coin small {
    font-size: .75rem
}

.mobile-view .ls-m-section .ls-m-container .ls-btn-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem
}

.mobile-view .ls-m-section .ls-m-container .ls-btn-container .btn {
    width: 48%
}

.ls-modal {
    display: grid;
    padding-top: 1rem;
    text-align: center
}

.ls-modal img {
    width: 6rem;
    height: auto;
    display: block;
    margin: 0 auto
}

.ls-modal .h4,.ls-modal h4 {
    color: #414755!important
}

.ls-modal .prize-type {
    font-size: 1.5rem;
    color: #8b9ccb;
    font-weight: 500
}

.ls-modal .prize-name {
    color: #6b7ba8;
    font-weight: 600
}

.ls-modal .btn {
    display: block;
    margin: 0 auto;
    width: 50%;
    transition: box-shadow .3s ease-in-out
}

.ls-btn-container .btn-success {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    background-color: #04be02;
    border-color: #04be02;
    transition: box-shadow .3s ease-in-out
}

.ls-btn-container .btn-success:hover {
    box-shadow: 0 0 0 .25rem rgba(4,190,2,.25)
}

.bne-m-section .bne-total-amount,.bne-section .bne-total-amount {
    position: relative
}

.bne-m-section .bne-total-amount .total-amount-header,.bne-section .bne-total-amount .total-amount-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 1rem;
    border: .0625rem solid #becaec;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-color: #f0f6ff
}

.bne-m-section .bne-total-amount .total-amount-header img,.bne-section .bne-total-amount .total-amount-header img {
    width: 3.6875rem;
    height: auto;
    margin-right: 1rem
}

.bne-m-section .bne-total-amount .total-amount-header .h3,.bne-m-section .bne-total-amount .total-amount-header h3,.bne-section .bne-total-amount .total-amount-header .h3,.bne-section .bne-total-amount .total-amount-header h3 {
    color: #414755;
    font-weight: 600;
    margin-left: 1rem;
    margin-bottom: 0;
    text-align: center
}

.bne-m-section .bne-total-amount .total-amount-content,.bne-section .bne-total-amount .total-amount-content {
    min-height: 18rem;
    background: #fff;
    border: 1px solid #becaec;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.bne-m-section .bne-total-amount .total-amount-content .receive-state,.bne-section .bne-total-amount .total-amount-content .receive-state {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bne-m-section .bne-total-amount .total-amount-content .number,.bne-section .bne-total-amount .total-amount-content .number {
    font-size: 1rem;
    color: #414755;
    margin-left: .25rem
}

.bne-m-section .bne-total-amount .total-amount-content .btn,.bne-section .bne-total-amount .total-amount-content .btn {
    width: 100%;
    margin-top: 3rem
}

.bne-m-section .bne-total-amount .total-amount-content .total-amount-mention,.bne-section .bne-total-amount .total-amount-content .total-amount-mention {
    font-size: .75rem;
    text-align: center;
    margin-top: .25rem
}

.bne-m-section .bne-total-amount.card-shadow,.bne-section .bne-total-amount.card-shadow {
    overflow: unset
}

.bne-m-section .bne-total-amount:after,.bne-section .bne-total-amount:after {
    content: "";
    position: absolute;
    bottom: -7.2%;
    left: 16%;
    background: #abb8d6;
    padding: 1rem .5rem;
    z-index: -1
}

.bne-m-section .bne-total-amount:before,.bne-section .bne-total-amount:before {
    content: "";
    position: absolute;
    bottom: -7.2%;
    right: 16%;
    background: #abb8d6;
    padding: 1rem .5rem;
    z-index: -1
}

.bne-m-section .events-table-container,.bne-section .events-table-container {
    margin-top: 1.5rem
}

.bne-m-section .events-table-container .events-table tbody .btn,.bne-section .events-table-container .events-table tbody .btn {
    min-width: 5.5rem;
    height: 1.5rem;
    line-height: 0
}

.bne-section .section-header-gray p {
    font-size: 1.5rem
}

.bne-section .term-section .term-content .h4,.bne-section .term-section .term-content h4 {
    color: #414755;
    padding-left: 2rem
}

.bne-m-section .game-m-nav .game-nav-btn {
    justify-content: center
}

.bne-m-section .game-m-nav .game-nav-btn .nav-img {
    width: 2rem;
    margin-right: 1rem
}

.bne-m-section .game-m-nav .game-nav-btn p {
    width: auto
}

.bne-m-section .bne-total-amount .total-amount-header {
    justify-content: center
}

.bne-m-section .bne-total-amount .total-amount-header .h3,.bne-m-section .bne-total-amount .total-amount-header h3 {
    width: auto
}

.bne-m-section .bne-total-amount:after,.bne-m-section .bne-total-amount:before {
    bottom: -7%
}

.bne-m-section .term-section .bet-tnc-title {
    margin: 1rem 0;
    padding: .75rem;
    background-color: #becaec;
    color: #fff;
    text-align: center
}

.bne-m-section .term-section .term-container {
    background-color: unset;
    padding: 1rem
}

.bne-m-section .term-section .term-content {
    background-image: unset;
    padding: 0
}

.bne-m-section .term-section .term-content .h4,.bne-m-section .term-section .term-content h4 {
    color: #414755;
    padding-left: 2rem
}

.app-section .global-section .section-image-container {
    z-index: 1;
    right: -1%;
    left: unset
}

.app-section .global-section .section-image-container .app-img {
    width: 100%;
    max-width: 35rem;
    height: auto
}

.app-section .global-section .section-content-container {
    justify-content: flex-start;
    margin-left: 0;
    position: relative
}

.app-section .global-section .section-content-container .section-content {
    position: unset;
    height: auto;
    width: 100%;
    max-width: 45rem;
    text-align: center;
    padding: 3rem
}

.app-section .global-section .section-content-container .section-content p {
    padding-right: 0
}

.app-section .global-section .section-content-container .section-content .qr-code-container .qr-code {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 11.25rem;
    border-radius: 5%;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.app-section .global-section .section-content-container .section-content .btn-gradient-blue {
    width: 9.375rem;
    height: 3.125rem
}

.app-section .global-section .section-content-container .btn-white {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    border-radius: 2.75rem
}

.app-section .global-section .section-content-container .btn-white,.app-section .global-section .section-content-container .enter-btn-blue {
    width: 10rem;
    height: 3.25rem;
    font-size: .875rem;
    margin: 0 .5rem
}

.app-section .global-section .section-content-container .btn-white>div,.app-section .global-section .section-content-container .enter-btn-blue>div {
    margin-top: -.125rem;
    text-align: left
}

.app-section .global-section .section-content-container .btn-white>div .small,.app-section .global-section .section-content-container .btn-white>div small,.app-section .global-section .section-content-container .enter-btn-blue>div .small,.app-section .global-section .section-content-container .enter-btn-blue>div small {
    font-size: .63rem
}

.app-section .global-section .section-content-container .btn-white>div span,.app-section .global-section .section-content-container .enter-btn-blue>div span {
    display: block
}

.app-section .global-section .section-content-container .btn-white img,.app-section .global-section .section-content-container .enter-btn-blue img {
    width: 100%;
    max-width: 1.5rem;
    height: auto;
    margin-right: .5rem
}

.app-section .guide-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-image: url(/static/media/download-guide-bg.8fd5294f.webp);
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 3rem 1rem;
    text-align: center;
    position: relative
}

.app-section .guide-container .guide-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.app-section .guide-container .guide-content .h2,.app-section .guide-container .guide-content .h4,.app-section .guide-container .guide-content h2,.app-section .guide-container .guide-content h4 {
    font-weight: 600;
    text-shadow: rgba(74,137,252,.2) 0 3px 6px
}

.app-section .guide-container .guide-content .h4,.app-section .guide-container .guide-content h4 {
    color: #4a89fc
}

.app-section .guide-container .guide-content .guide-step {
    font-size: 1.125rem;
    font-weight: 600;
    color: #414755
}

.app-section .guide-container .guide-content .guide-desc {
    font-size: .875rem
}

.app-section .guide-container .slick-container {
    width: 50%;
    max-width: 14.6875rem
}

.app-section .guide-container .slick-container .guide-image {
    width: 100%;
    max-width: 13.75rem;
    height: 28.75rem
}

.app-section .guide-container .slick-container .slick-slider {
    position: unset
}

.app-section .guide-container .slick-container .slick-slider .slick-slide img {
    transition: all 1s cubic-bezier(.7,0,.3,1);
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: .5
}

.app-section .guide-container .slick-container .slick-slider .slick-slide.slick-current img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.app-section .guide-container .slick-container .slick-slider .slick-dots {
    left: 50%;
    bottom: 10%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.app-section .guide-container .slick-container .slick-arrow {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none
}

.app-section .guide-container .slick-container .slick-arrow .slick-arrow-btn {
    cursor: pointer;
    pointer-events: visible;
    opacity: .65;
    background-color: #6b7ba8;
    transition: all .3s ease-in-out;
    width: 2.1875rem;
    height: 4.375rem
}

.app-section .guide-container .slick-container .slick-arrow .slick-arrow-btn:hover {
    background-color: #4a89fc;
    opacity: 1
}

.app-section .guide-container .slick-container .slick-arrow .slick-arrow-btn svg {
    color: #f0f6ff;
    margin: auto;
    display: block;
    height: 100%;
    width: 25px
}

.app-section .guide-container .slick-container .slick-arrow .slick-arrow-btn.next {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.app-section .guide-container .slick-container .slick-arrow .slick-arrow-btn.prev {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.mobile-view .app-section {
    position: relative
}

.mobile-view .app-section .sb-logo {
    position: absolute;
    top: 1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 3.75rem;
    height: auto
}

.mobile-view .app-section .h1,.mobile-view .app-section h1 {
    font-weight: 600;
    text-shadow: rgba(74,137,252,.2) 0 3px 6px
}

.mobile-view .app-section .download-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1rem
}

.mobile-view .app-section .download-container .app-img {
    width: 100%;
    height: auto;
    padding: 1rem
}

.mobile-view .app-section .download-container .download-content {
    text-align: center;
    margin-top: 1rem
}

.mobile-view .app-section .download-container .download-content .h1,.mobile-view .app-section .download-container .download-content h1 {
    color: #4a89fc
}

.mobile-view .app-section .download-container .download-content .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.mobile-view .app-section .download-container .download-content .btn-white {
    height: 2.5rem;
    border-radius: .25rem;
    margin-top: .5rem;
    color: #4a89fc;
    font-weight: 500
}

.mobile-view .app-section .guide-container {
    padding: 2rem 1rem;
    margin-bottom: 3rem;
    text-align: center;
    overflow: unset;
    position: unset
}

.mobile-view .app-section .guide-container .h1,.mobile-view .app-section .guide-container h1 {
    font-weight: 600
}

.mobile-view .app-section .guide-container .guide-image {
    margin-bottom: 1rem
}

.mobile-view .app-section .guide-container .slick-container .slick-slider .slick-dots {
    bottom: 2rem
}

.check-in-section .check-in-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-content: center;
    padding: 3.75rem;
    background-color: #fff
}

.check-in-section .check-in-container .check-in-col {
    height: 17.5rem;
    width: 13.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(180deg,#fbfcff,#eef5ff 30%);
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    color: #abb8d6;
    opacity: .4;
    pointer-events: none
}

.check-in-section .check-in-container .check-in-col.active {
    opacity: 1;
    pointer-events: all
}

.check-in-section .check-in-container .check-in-col.current {
    box-shadow: 0 4px 12px 10px rgba(74,137,252,.25)
}

.check-in-section .check-in-container .check-in-col .h4,.check-in-section .check-in-container .check-in-col h4 {
    margin: 0;
    text-align: center
}

.check-in-section .check-in-container .check-in-col img {
    max-width: 7.5rem
}

.check-in-section .check-in-container .check-in-col p {
    font-size: 1.25rem;
    margin-bottom: .25rem!important
}

.check-in-section .check-in-container .check-in-col .btn {
    width: 10rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.check-in-section .check-in-container .check-in-col .btn span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.25;
    text-align: center
}

.check-in-section .table {
    padding-top: 0;
    margin: 0
}

.check-in-section .table thead th {
    padding: 1rem .5rem
}

.check-in-section .table tr {
    display: flex
}

.check-in-section .table tr td,.check-in-section .table tr th {
    width: 50%;
    font-size: .875rem
}

.check-in-section .table tr td:first-child,.check-in-section .table tr th:first-child {
    border-right: .0625rem solid rgba(190,202,236,.5)
}

.check-in-section .event-time-table .table .event-session {
    width: 25%
}

.check-in-section .event-time-table .table td,.check-in-section .event-time-table .table th {
    width: 75%
}

.check-in-section .blue-bg-notice {
    background: linear-gradient(90deg,#5da9fe,#3e73fa);
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
    color: #fff;
    font-size: 1rem
}

.check-in-section .blue-bg-notice img {
    width: 10.75rem;
    height: auto;
    margin-right: 1rem
}

.mobile-view .check-in-section .section-header-gray.mobile {
    margin-bottom: 1rem
}

.mobile-view .check-in-section .check-in-m-container .check-in-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    border-radius: .25rem;
    opacity: .4
}

.mobile-view .check-in-section .check-in-m-container .check-in-col.active {
    opacity: 1
}

.mobile-view .check-in-section .check-in-m-container .check-in-col.current {
    box-shadow: 0 4px 12px 10px rgba(74,137,252,.25)
}

.mobile-view .check-in-section .check-in-m-container .check-in-col .h5,.mobile-view .check-in-section .check-in-m-container .check-in-col h5,.mobile-view .check-in-section .check-in-m-container .check-in-col p {
    font-size: .63rem;
    color: #abb8d6
}

.mobile-view .check-in-section .check-in-m-container .check-in-col .h5,.mobile-view .check-in-section .check-in-m-container .check-in-col h5 {
    width: 100%;
    text-align: center;
    padding: .5rem;
    margin: 0;
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(107,123,168,.1);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile-view .check-in-section .check-in-m-container .check-in-col p {
    margin-bottom: .25rem!important
}

.mobile-view .check-in-section .check-in-m-container .check-in-col img {
    max-width: 3.75rem
}

.mobile-view .check-in-section .check-in-m-container .check-in-col .btn {
    display: flex;
    align-items: center;
    height: 1.25rem;
    width: 4rem;
    min-width: unset;
    font-size: .63rem;
    padding: 0 .25rem;
    margin-bottom: .5rem
}

.mobile-view .check-in-section .check-in-m-container .check-in-col .btn span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.25;
    text-align: center
}

.mobile-view .check-in-section .blue-bg-notice,.mobile-view .check-in-section .table tr td,.mobile-view .check-in-section .table tr th {
    font-size: .75rem
}

.lb-section .banner-col .banner-provider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: 12%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.375rem;
    font-weight: 500;
    z-index: 1
}

.lb-section .banner-col .banner-provider img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: auto
}

.lb-section .banner-col .banner-date {
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.125rem;
    font-weight: 500;
    z-index: 1
}

.lb-section .banner-col .banner-ranking-1,.lb-section .banner-col .banner-ranking-2,.lb-section .banner-col .banner-ranking-3 {
    position: absolute;
    bottom: 17%;
    right: 50%;
    -webkit-transform: translateX(-184%);
    transform: translateX(-184%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1
}

.lb-section .banner-col .banner-ranking-1 .profile,.lb-section .banner-col .banner-ranking-2 .profile,.lb-section .banner-col .banner-ranking-3 .profile {
    width: 5.25rem;
    height: 5.25rem
}

.lb-section .banner-col .banner-ranking-1 .profile img,.lb-section .banner-col .banner-ranking-2 .profile img,.lb-section .banner-col .banner-ranking-3 .profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%
}

.lb-section .banner-col .banner-ranking-1 .winner,.lb-section .banner-col .banner-ranking-2 .winner,.lb-section .banner-col .banner-ranking-3 .winner {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1rem;
    text-shadow: 0 1px 2px #827e9f
}

.lb-section .banner-col .banner-ranking-1 .winner .prize,.lb-section .banner-col .banner-ranking-2 .winner .prize,.lb-section .banner-col .banner-ranking-3 .winner .prize {
    width: 9.6875rem;
    background: hsla(0,0%,100%,.8);
    text-align: center;
    border-radius: 1rem;
    margin-top: .5rem;
    font-weight: 500;
    text-shadow: none;
    color: #6f6d84;
    box-shadow: 0 0 1px #827e9f
}

.lb-section .banner-col .banner-ranking-1 {
    bottom: 14%;
    -webkit-transform: translateX(48%);
    transform: translateX(48%)
}

.lb-section .banner-col .banner-ranking-1 .profile {
    width: 6.875rem;
    height: 6.875rem
}

.lb-section .banner-col .banner-ranking-1 .winner {
    font-size: 1.5rem;
    text-shadow: 0 1px 2px #d07524
}

.lb-section .banner-col .banner-ranking-1 .winner .prize {
    width: 12.5rem;
    color: #977221;
    box-shadow: 0 0 1px #d87d22
}

.lb-section .banner-col .banner-ranking-3 {
    -webkit-transform: translateX(273%);
    transform: translateX(273%)
}

.lb-section .banner-col .banner-ranking-3 .winner {
    text-shadow: 0 1px 2px #ae6942
}

.lb-section .banner-col .banner-ranking-3 .winner .prize {
    color: #b76736;
    box-shadow: 0 0 1px #9e5a35
}

.lb-section .lb-event-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem
}

.lb-section .lb-event-date .date {
    height: 2.375rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 1px solid #4a89fc;
    border-right: 0;
    border-left: 0;
    color: #6b7ba8;
    font-size: 1.25rem;
    background: #fff
}

.lb-section .lb-event-date .date svg {
    margin-right: .5rem
}

.lb-section .lb-event-date .date div {
    height: auto
}

.lb-section .lb-event-date .btn {
    min-width: 2.5rem;
    height: 2.375rem;
    border: 1px solid #4a89fc;
    border-radius: 0;
    font-size: 1.5rem;
    padding: .375rem
}

.lb-section .lb-event-date .btn:first-child {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem
}

.lb-section .lb-event-date .btn:last-child {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem
}

.lb-section .lb-event-date .btn svg {
    margin: 0
}

.lb-section .h1,.lb-section h1 {
    font-weight: 700;
    padding: 0 .25rem;
    margin: 0;
    color: #8b9ccb;
    text-align: center
}

.lb-section .lb-game-container .row {
    width: 80%;
    list-style-type: none;
    padding: 0;
    margin: 0 auto
}

.lb-section .lb-game-container .row .lb-game {
    background-image: url(data:image/png;base64,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);
    background-size: 120% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #6b7ba8;
    border-radius: 25px;
    display: flex;
    font-weight: 500;
    font-size: .875rem;
    width: 100%;
    height: 3.25rem;
    text-decoration: none;
    transition: all .3s ease-in-out;
    align-items: center;
    justify-content: center;
    padding: inherit;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(107,123,168,.25)
}

.lb-section .lb-game-container .row .lb-game.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAA1CAMAAACk2/OxAAACbVBMVEUAAACSvf90p/+Esv9knf9hl/99qv9dlv+Isf90pP+Xv/91pf+Ps/9mmf+JsP+Ir/9YkP2Os/+Ksf9zo/9Egvhdlv6Aq/9CgPdtn/9glf+IsP9un/9hlv9un/+Stf+Hr/91o/+Os/9elv93pv+DrP97qv9Qiv19qv+Lsv+FrP9JhfpCgfeNr/9qnf93pf9il/9JhfhKh/dQjPyStf9NjvuQsf9elP+OtP9Sjfh9qP9RjPiHq/9Kh/iPtf+Ssv86evRRiv2Os/9glv+Lsv9flf9elP9un/9jmP9mmv9yov9ck/9hlv9snv9lmf9om/9il/+Rtv9Zkf9rnf95p/9xof9bkv+Ptf9+qf9dk/9glv9sn/+Bq/94pv93pf+CrP+Jsf91pP+Lsv97qP9woP98qP90o/9qnf+Qtf+Aqv9voP+IsP+OtP9qnP9pnP+Erf+Frv99qf92pf+avP9Wj/+Zu/9zo/+Stv9mmf+Ms/+Gr/+Xuv+LrP+Hr/92pP9wof+bvf+Ns/+JsP9nm/+Vuf+St/+UuP9hl/+NtP+Grv+Lt/93pv+Drf+VtP+TuP+Wuv9alPyWuf+RvP+Nuf+Esf9gmf6Ktv+Ar/9knP9imP9Uj/txoP9YkP9QjPqUs/+Fs/97rP9ypv+exP+Cr/92qP9vpP+nyP+awf+Wvv+Itf9+rf94qv9tov9Qi/+syv+Pu/+Erv+Bqv9poP9Ujf9MiP5XkfxHhPpNifnj5/+Uvf+WtP+Ir/+JrP+yzP+ixv+dwf+Fqv/I3P+9zv+4zf+rzf+YwP96pv9Kh/nX4f+/2P+51f/R3f7d4f+y0P+cvP+Ssf9erNV9AAAARHRSTlMAQEA/QBAKPyF7QCj0672bjX1hVkUxA/7s6+be18jFpo2LcW84Lyb17+fl2NO1tKSgcmQ1HBf65OLgvbawqaiQeFFQT7VXWpEAAAoOSURBVFjDlJVLaxNRFMcDolR8oYILFR+oqKBuREREQYRgIIaQhATSTN6TZ5PpFFMnmtRJm5DQ2JK10M8Qt7YLVy71M/k/58ztNDUJ8Zc7c0fmes9vzjkz9Uzh2aXbr288Oru39/WQHwRd7O3RtMf8+Xxw8Hk2B//cPfhJPHz08sLFE55FWLp4o9cbjUafiA9gDXxh1n7TQf9aW8P40FtnujjmEgzKKHYGrf39TiqVyVjWg5tvTnnm8/R8t9vr9ba2RrukIi6io+BrdgkiBIdZDLgMWq1KCkDG6vfPXpyns/SqSPtDB8nZhQ4gHUHJAJw/7QQXp1gMFqOdeh02FdhwaqBTfX7pygyVUxfPVqNF0tnZ2UFytlwdyhBJkYnwoVv8D7BttVJPDg2DbLhQoN+vVm88nery7Lxl424UNkHUim2A6AiQoBPEdrsqSpQGn2TCmIZdSS4nk5BpujZ9sjl7aVqJruK2jduUnPUudLaIEfeyGLnsBqP/RdXeXwbJet1owqbTYRnLsqt4+tv/uNy7KrY2bCg5sKFiiY8ql2IUrDLR6jToed2ZHr9vNb+XSt/FxmhJblKkY9vwuXDM5czVfSd5YgubddhwK4sRF0yselXbsi3ayGJ4yvBpOikjthqLxVhnWEep2EcJWfakzdJDWrHPjW5J68AHUL1UiqSNtnrrVgbLUtPp0OjI3MEVURmuZrOrediwThLZMeDDb7n4HK3UlfNJKWfFaS48J5UrihZlJ1bCIK1iqnKc1uFEIVoOTQxikMyGw+FsPs86aB0ORr1MzSzfnbeuzC0Y8wq5Lz5IEFeUlKJBxXq/wgGahoHJGBg0XOrOGXuNjfG4TiyHtUQiwToxUJJq0T3aosI+D5YOG+Y+OWMFZ3AwaIpPyqKGBk6z8qubQRwwnCA5j5Jpmpq2DZ2s6Kj00OOP4cNCN5XME5EWnSEbq/x1MoLFUjZ9LbBqeTYIVJoglm6k0+STcHTyq46OCsc5bt113mrzMIeussEFQ3tIj2EQTexOy2I0zWfVwefzNRpp0NY0xEEnA/FRwYZkdN5JjMnrspIe8F3WjEl5gE7EW9/hN3Ecy/9Dln4Mro8TDue8uUgEOg1ddH6FORB0wFGjOqdmCd5tp6j5yaLWgTEArRZGM5kPTycxi+2cP+4t5zY4PbqeNjXy+eWUi4zcinHXnI5gpa6326SdPe4jRtTX9VJYAmjbGJogF4Ipp7YJNNNst9tpbygEG2+5vBGBj87ZkVfL9eFiINr9U5C5ltsgHdioJpNFrrMoxTTsjsHIpNDVhKG7NOIrtULITzqwIR2yER34sJA0EBtd9nhOYq0S54XhhGvNykJe9tcbjA8/nDEYTFPw1wI1sonH4+Vy7hv3Dmwog8pGdCQU/ihcZvUy2uxoGtF6qs04iaWEbxYRX2QqG/7A5qay8SICd7IunQPIRulwoBf4+tZC0CF1t3eOJ7EU02YEJOSco4ORqezffPfuHWwKbAMd5EY1jmkqGWkeSc5Jz+NAYEWSw4tpKTpU6chHKt/OTQL18lSQAZm8IbgctfGyTYRtdLbhIBKFhfJ3PdffbdZgw8u5rDp6jMV5LdlkdWwPKMqC+AsQef9+0ibHlXJKBZ1tTXTUU1/ynKP1KygVu6tEyudbXsGwzyvEvXEacb6aC1zeC9g8sFIoFCQ3rg2H4OxIDcjnjucj6QdqK7ycG1k6mT8blB0tQrvTAdQsZwGXk4T8tY/vHfConBt6xWl7sZHkqGIpn9Me+S+kT/tCfoNrhWKJuZnD7iE/fovwtxWzf2kqCuP46cWiIgjKXqggivqhiF6IiAiKWLtjtS4FCydFUbQI5g/Ry41+6IeKhREsp3NbynTqnMscVFr+oGIqvVh/VN/nec7Znam3FX289z5r9pzzOc952SpKP7HzIcvg0FBlpoC2YR06rUjnhewsXDvUWssKhZBCCWwjJ4KZ15t+6gE3Q2EusVgMdxMuc0ebxEXg2hgbqQ3WgtYBd4CZrVWQ4RyZKtG5QftKdO6fayLQgwENcxAkSjBvBSzBtWEZ6Fz0m2XMPnAxSxlcvrxLbbeA0WlCAvx5pfHBelE6wLzj1wiBGrDtDF/84LrznsKejXHj4PVrXR1aD3TusNF6dYCzyMZBl8iAjh9QdR5HA4vhOI48ER2XkBOy7XjcBgj8glrmVYwZ5bYBTkauDhCfO1jOV9aonbYGQ5ABQF8S/OedUM1Y8rDs+FkijkCwjewp2iRoXCpPB7a2kdUDIaXq4xo9VXQgS8a5ANq20MPfwCK43TjHhtv2A7N2ROgmuLYd/0zZctYdAyWJzsXGmGNbjM2Rfs0XQFgEbikC8GTEhs9iY6OLQ5+GQJcHrFJKHThbgbJMTsya1w9fEii62CZEKvh8OkbEBg0DY9MIG9nmr0lH2A2Z0yaf2kNFJcdBB95Qgs+HiFc+LUBIcOFBahteN5ABWsedrO2K2KJlKNGUNISOpFkeJAf3lrcZCt6gNnHYmNLQrsJxro9AYJbyLkXsrGpWRhGwoPI7Z3QwUZ7ARC8ZsXEqNiyDL4B+FiKdzXWKWLGlOpUSbWkeINSEt4wMETgOZMym4tO+YrNKCYfnptqR2gW8ZehNXBG0WbEJsEw0KrUxOo+3rlDCxm0mm1O5Gg248WwwETfguDAekhGyyUAGyExBR8s06tqsV4b6o9XJwWCwgS5z1wTLiJKR1tEtjaVLY1ax2JDQ7f3KZaer0hD27jUMgmEdgISg7p+ueRWTjZHJwMZyTGmwxYEI+bfWqSrWoSVWQcsLgbe9gIvBlaHyEmwTicdppqzQXBv5qrh5jRKMTbhBhn3hHwh6gjHq/Z3hqXLER76MEuwy1wYmUPnfLoBrE4FNPMOff+4qlm+Ka+vVPE6977j7/u4/cCH8J1Adnip94lisI0IBa9setQAb9o6MfBDeat4DEuzo6JhfkA4h7KtCf0y5mOPGwK/czTKcPbhCLUjdyU2bRka+fPzYmc0OJxK+SCb9JNo42He/u/fN9a5SO+hhWolcLjcwkHr4/NKzp4/uPXr06tXLBw9uPX94NYff9fTg75ZKpa6urje9vb3d3X2Dg+/eNaXTmbaIL5EYHs5ms52dH7+M7NugFmXPwU2Q6ezMJhJtbenoYF/3izel9taBVLI8Wpzpn5jI5/Pj44XC9PT0z+/fv32bnJyc/fr1E/Pjx9fZ2clv339ODxXG8/n+/mJxdLScbE4N5FrbSQpG8GlrIxutclh5UndoryvT2IeadJV6cgPNyZbRYrE4MzPTD/IASoUhMDY2NjX1GUxNjY0NDRUK4xMTEyzS0tJiXErsApl0lcwJqYo3G9YdE5n0u0G2aW8lm3JLhXK5nEw2E6lUqhk/9P/El+TP9EwyeEEqxoUK48ocP3RE1UjdnpUrl4OlzDKwxJPVBOJ8ljFLBWpyJahfROQX0i7qXMe/QQ4AAAAASUVORK5CYII=);
    color: #fff;
    box-shadow: 0 4px 12px 0 rgba(74,137,252,.25)
}

.lb-section .lb-game-container .row .lb-game.active .icon-grey {
    display: none
}

.lb-section .lb-game-container .row .lb-game.active .icon-white {
    display: block
}

.lb-section .lb-game-container .row .lb-game:hover {
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.lb-section .lb-game-container .row .lb-game span {
    width: 35%;
    padding-right: 5px
}

.lb-section .lb-game-container .row .lb-game span .icon-grey {
    margin: auto;
    display: block
}

.lb-section .lb-game-container .row .lb-game span .icon-white {
    margin: auto;
    display: none
}

.lb-section .lb-game-container .row .lb-game p {
    width: 65%;
    line-height: 1.2
}

.lb-section .lb-name-list .first-card,.lb-section .lb-name-list .second-card,.lb-section .lb-name-list .third-card {
    width: 95%;
    height: 12.25rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    border-radius: 1.25rem;
    padding: 1rem;
    margin-bottom: 1rem
}

.lb-section .lb-name-list .first-card .lazy-load-image-background,.lb-section .lb-name-list .second-card .lazy-load-image-background,.lb-section .lb-name-list .third-card .lazy-load-image-background {
    position: relative;
    overflow: hidden
}

.lb-section .lb-name-list .first-card .lazy-load-image-background:after,.lb-section .lb-name-list .second-card .lazy-load-image-background:after,.lb-section .lb-name-list .third-card .lazy-load-image-background:after {
    -webkit-animation: shine 3s ease-in-out infinite;
    animation: shine 3s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    opacity: 1;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0))
}

.lb-section .lb-name-list .first-card .emblem,.lb-section .lb-name-list .second-card .emblem,.lb-section .lb-name-list .third-card .emblem {
    width: 10.0625rem;
    height: auto
}

.lb-section .lb-name-list .first-card .winner,.lb-section .lb-name-list .second-card .winner,.lb-section .lb-name-list .third-card .winner {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .875rem
}

.lb-section .lb-name-list .first-card .winner .name,.lb-section .lb-name-list .second-card .winner .name,.lb-section .lb-name-list .third-card .winner .name {
    font-weight: 600;
    color: #414755;
    font-size: 1.25rem;
    padding-bottom: .5rem
}

.lb-section .lb-name-list .first-card .winner .number,.lb-section .lb-name-list .second-card .winner .number,.lb-section .lb-name-list .third-card .winner .number {
    font-size: 1.125rem
}

.lb-section .lb-name-list .first-card .winner .bonus,.lb-section .lb-name-list .second-card .winner .bonus,.lb-section .lb-name-list .third-card .winner .bonus {
    color: #ffaa09;
    padding: 0 1rem;
    background-color: #fff;
    border-radius: 1.25rem
}

.lb-section .lb-name-list .first-card {
    background-image: url(/static/media/top1-bg.374a0dda.webp)
}

.lb-section .lb-name-list .second-card {
    background-image: url(/static/media/top2-bg.38c26c3b.webp)
}

.lb-section .lb-name-list .third-card {
    background-image: url(/static/media/top3-bg.aa54aaa1.webp);
    margin-bottom: 0
}

.lb-section .lb-name-list .col-7 .events-table thead tr th {
    padding: 1.625rem 1rem
}

.lb-section .lb-name-list .col-7 .events-table thead tr th:first-child {
    width: 20%
}

.lb-section .lb-name-list .col-7 .events-table thead tr th:nth-child(2) {
    width: 30%
}

.lb-section .lb-name-list .col-7 .events-table tbody tr td {
    padding: 1.625rem 1rem
}

.lb-section .lb-name-list .col-7 .events-table tbody tr td:first-child {
    width: 20%
}

.lb-section .lb-name-list .col-7 .events-table tbody tr td:nth-child(2) {
    width: 30%
}

.lb-section .table thead tr th {
    padding: 1rem .5rem;
    font-size: 1.125rem;
    font-weight: 500
}

.lb-section .table tbody tr td {
    padding: 1rem .5rem;
    font-size: 1rem
}

.lb-section .term-section .events-table-container {
    border: 0
}

.lb-section .term-section .events-table-container .table tbody td {
    border-right: .0625rem solid #becaec
}

.mobile-view .lb-section .lb-event-date {
    margin-top: 0
}

.mobile-view .lb-section .lb-event-date .date {
    font-size: .875rem
}

.mobile-view .lb-section .lb-game-container .row {
    width: 100%;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 1rem 0
}

.mobile-view .lb-section .lb-game-container .row::-webkit-scrollbar {
    display: none
}

.mobile-view .lb-section .lb-game-container .row .col-3 {
    margin-top: 0
}

.mobile-view .lb-section .lb-game-container .row .col-3 .lb-game {
    background-image: url(/static/media/provider-btn-white.704ca5b3.webp);
    width: 100%;
    height: 4.875rem;
    flex-direction: column;
    font-size: .63rem;
    text-align: center;
    border-radius: .9375rem
}

.mobile-view .lb-section .lb-game-container .row .col-3 .lb-game.active {
    background-image: url(/static/media/provider-btn-blue.a24f6ecd.webp)
}

.mobile-view .lb-section .lb-game-container .row .col-3 .lb-game.coming-soon {
    background-image: none;
    background-color: #f2f2f2
}

.mobile-view .lb-section .lb-game-container .row .col-3 .lb-game span {
    width: 1.5625rem;
    height: 1.5625rem;
    margin: 0 auto .5rem
}

.mobile-view .lb-section .lb-game-container .row .col-3 .lb-game span .icon-grey,.mobile-view .lb-section .lb-game-container .row .col-3 .lb-game span .icon-white {
    width: 100%;
    height: 100%
}

.mobile-view .lb-section .lb-game-container .row .col-3 .lb-game p {
    width: 100%;
    height: 1.5rem
}

.mobile-view .lb-section .lb-name-list .first-card,.mobile-view .lb-section .lb-name-list .second-card,.mobile-view .lb-section .lb-name-list .third-card {
    width: 100%;
    height: 9.125rem;
    margin: 1rem 0
}

.mobile-view .lb-section .lb-name-list .first-card .emblem,.mobile-view .lb-section .lb-name-list .second-card .emblem,.mobile-view .lb-section .lb-name-list .third-card .emblem {
    width: 7.5rem
}

.mobile-view .lb-section .lb-name-list .first-card .winner,.mobile-view .lb-section .lb-name-list .second-card .winner,.mobile-view .lb-section .lb-name-list .third-card .winner {
    width: 60%;
    margin-left: 0;
    align-items: unset
}

.mobile-view .lb-section .lb-name-list .first-card .winner div,.mobile-view .lb-section .lb-name-list .second-card .winner div,.mobile-view .lb-section .lb-name-list .third-card .winner div {
    align-items: center
}

.mobile-view .lb-section .lb-name-list .first-card .winner div p,.mobile-view .lb-section .lb-name-list .second-card .winner div p,.mobile-view .lb-section .lb-name-list .third-card .winner div p {
    width: 40%;
    line-height: 1.2
}

.mobile-view .lb-section .lb-name-list .first-card .winner div .number,.mobile-view .lb-section .lb-name-list .second-card .winner div .number,.mobile-view .lb-section .lb-name-list .third-card .winner div .number {
    width: 60%;
    text-align: center
}

.mobile-view .lb-section .lb-name-list .first-card .winner div .bonus,.mobile-view .lb-section .lb-name-list .second-card .winner div .bonus,.mobile-view .lb-section .lb-name-list .third-card .winner div .bonus {
    margin-left: .5rem
}

.mobile-view .lb-section .lb-name-list .first-card .winner .name,.mobile-view .lb-section .lb-name-list .second-card .winner .name,.mobile-view .lb-section .lb-name-list .third-card .winner .name {
    font-size: 1.125rem;
    text-align: center
}

.mobile-view .lb-section .lb-name-list .lb-first-table .events-table-container,.mobile-view .lb-section .lb-name-list .lb-second-table .events-table-container {
    overflow: auto
}

.mobile-view .lb-section .lb-name-list .lb-first-table .events-table-container .events-table tbody tr td,.mobile-view .lb-section .lb-name-list .lb-first-table .events-table-container .events-table thead tr th,.mobile-view .lb-section .lb-name-list .lb-second-table .events-table-container .events-table tbody tr td,.mobile-view .lb-section .lb-name-list .lb-second-table .events-table-container .events-table thead tr th {
    font-size: .875rem
}

.mobile-view .lb-section .lb-name-list .lb-first-table .events-table thead tr th:first-child {
    width: 20%
}

.mobile-view .lb-section .lb-name-list .lb-first-table .events-table tbody tr td:nth-child(2),.mobile-view .lb-section .lb-name-list .lb-first-table .events-table tbody tr td:nth-child(3) {
    max-width: 6rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.wc-section .wc-category-cont .match-date-btn {
    padding: 0 .5rem
}

.wc-section .wc-category-cont .match-date-btn .lb-game {
    background-image: url(data:image/png;base64,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);
    background-size: 120% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #6b7ba8;
    border-radius: 3.125rem;
    border: none;
    display: flex;
    font-weight: 500;
    width: 100%;
    height: 4rem;
    text-decoration: none;
    transition: all .3s ease-in-out;
    align-items: center;
    justify-content: center;
    padding: inherit;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    flex-direction: column;
    margin: .5rem 0
}

.wc-section .wc-category-cont .match-date-btn .lb-game.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAA1CAMAAACk2/OxAAACbVBMVEUAAACSvf90p/+Esv9knf9hl/99qv9dlv+Isf90pP+Xv/91pf+Ps/9mmf+JsP+Ir/9YkP2Os/+Ksf9zo/9Egvhdlv6Aq/9CgPdtn/9glf+IsP9un/9hlv9un/+Stf+Hr/91o/+Os/9elv93pv+DrP97qv9Qiv19qv+Lsv+FrP9JhfpCgfeNr/9qnf93pf9il/9JhfhKh/dQjPyStf9NjvuQsf9elP+OtP9Sjfh9qP9RjPiHq/9Kh/iPtf+Ssv86evRRiv2Os/9glv+Lsv9flf9elP9un/9jmP9mmv9yov9ck/9hlv9snv9lmf9om/9il/+Rtv9Zkf9rnf95p/9xof9bkv+Ptf9+qf9dk/9glv9sn/+Bq/94pv93pf+CrP+Jsf91pP+Lsv97qP9woP98qP90o/9qnf+Qtf+Aqv9voP+IsP+OtP9qnP9pnP+Erf+Frv99qf92pf+avP9Wj/+Zu/9zo/+Stv9mmf+Ms/+Gr/+Xuv+LrP+Hr/92pP9wof+bvf+Ns/+JsP9nm/+Vuf+St/+UuP9hl/+NtP+Grv+Lt/93pv+Drf+VtP+TuP+Wuv9alPyWuf+RvP+Nuf+Esf9gmf6Ktv+Ar/9knP9imP9Uj/txoP9YkP9QjPqUs/+Fs/97rP9ypv+exP+Cr/92qP9vpP+nyP+awf+Wvv+Itf9+rf94qv9tov9Qi/+syv+Pu/+Erv+Bqv9poP9Ujf9MiP5XkfxHhPpNifnj5/+Uvf+WtP+Ir/+JrP+yzP+ixv+dwf+Fqv/I3P+9zv+4zf+rzf+YwP96pv9Kh/nX4f+/2P+51f/R3f7d4f+y0P+cvP+Ssf9erNV9AAAARHRSTlMAQEA/QBAKPyF7QCj0672bjX1hVkUxA/7s6+be18jFpo2LcW84Lyb17+fl2NO1tKSgcmQ1HBf65OLgvbawqaiQeFFQT7VXWpEAAAoOSURBVFjDlJVLaxNRFMcDolR8oYILFR+oqKBuREREQYRgIIaQhATSTN6TZ5PpFFMnmtRJm5DQ2JK10M8Qt7YLVy71M/k/58ztNDUJ8Zc7c0fmes9vzjkz9Uzh2aXbr288Oru39/WQHwRd7O3RtMf8+Xxw8Hk2B//cPfhJPHz08sLFE55FWLp4o9cbjUafiA9gDXxh1n7TQf9aW8P40FtnujjmEgzKKHYGrf39TiqVyVjWg5tvTnnm8/R8t9vr9ba2RrukIi6io+BrdgkiBIdZDLgMWq1KCkDG6vfPXpyns/SqSPtDB8nZhQ4gHUHJAJw/7QQXp1gMFqOdeh02FdhwaqBTfX7pygyVUxfPVqNF0tnZ2UFytlwdyhBJkYnwoVv8D7BttVJPDg2DbLhQoN+vVm88nery7Lxl424UNkHUim2A6AiQoBPEdrsqSpQGn2TCmIZdSS4nk5BpujZ9sjl7aVqJruK2jduUnPUudLaIEfeyGLnsBqP/RdXeXwbJet1owqbTYRnLsqt4+tv/uNy7KrY2bCg5sKFiiY8ql2IUrDLR6jToed2ZHr9vNb+XSt/FxmhJblKkY9vwuXDM5czVfSd5YgubddhwK4sRF0yselXbsi3ayGJ4yvBpOikjthqLxVhnWEep2EcJWfakzdJDWrHPjW5J68AHUL1UiqSNtnrrVgbLUtPp0OjI3MEVURmuZrOrediwThLZMeDDb7n4HK3UlfNJKWfFaS48J5UrihZlJ1bCIK1iqnKc1uFEIVoOTQxikMyGw+FsPs86aB0ORr1MzSzfnbeuzC0Y8wq5Lz5IEFeUlKJBxXq/wgGahoHJGBg0XOrOGXuNjfG4TiyHtUQiwToxUJJq0T3aosI+D5YOG+Y+OWMFZ3AwaIpPyqKGBk6z8qubQRwwnCA5j5Jpmpq2DZ2s6Kj00OOP4cNCN5XME5EWnSEbq/x1MoLFUjZ9LbBqeTYIVJoglm6k0+STcHTyq46OCsc5bt113mrzMIeussEFQ3tIj2EQTexOy2I0zWfVwefzNRpp0NY0xEEnA/FRwYZkdN5JjMnrspIe8F3WjEl5gE7EW9/hN3Ecy/9Dln4Mro8TDue8uUgEOg1ddH6FORB0wFGjOqdmCd5tp6j5yaLWgTEArRZGM5kPTycxi+2cP+4t5zY4PbqeNjXy+eWUi4zcinHXnI5gpa6326SdPe4jRtTX9VJYAmjbGJogF4Ipp7YJNNNst9tpbygEG2+5vBGBj87ZkVfL9eFiINr9U5C5ltsgHdioJpNFrrMoxTTsjsHIpNDVhKG7NOIrtULITzqwIR2yER34sJA0EBtd9nhOYq0S54XhhGvNykJe9tcbjA8/nDEYTFPw1wI1sonH4+Vy7hv3Dmwog8pGdCQU/ihcZvUy2uxoGtF6qs04iaWEbxYRX2QqG/7A5qay8SICd7IunQPIRulwoBf4+tZC0CF1t3eOJ7EU02YEJOSco4ORqezffPfuHWwKbAMd5EY1jmkqGWkeSc5Jz+NAYEWSw4tpKTpU6chHKt/OTQL18lSQAZm8IbgctfGyTYRtdLbhIBKFhfJ3PdffbdZgw8u5rDp6jMV5LdlkdWwPKMqC+AsQef9+0ibHlXJKBZ1tTXTUU1/ynKP1KygVu6tEyudbXsGwzyvEvXEacb6aC1zeC9g8sFIoFCQ3rg2H4OxIDcjnjucj6QdqK7ycG1k6mT8blB0tQrvTAdQsZwGXk4T8tY/vHfConBt6xWl7sZHkqGIpn9Me+S+kT/tCfoNrhWKJuZnD7iE/fovwtxWzf2kqCuP46cWiIgjKXqggivqhiF6IiAiKWLtjtS4FCydFUbQI5g/Ry41+6IeKhREsp3NbynTqnMscVFr+oGIqvVh/VN/nec7Znam3FX289z5r9pzzOc952SpKP7HzIcvg0FBlpoC2YR06rUjnhewsXDvUWssKhZBCCWwjJ4KZ15t+6gE3Q2EusVgMdxMuc0ebxEXg2hgbqQ3WgtYBd4CZrVWQ4RyZKtG5QftKdO6fayLQgwENcxAkSjBvBSzBtWEZ6Fz0m2XMPnAxSxlcvrxLbbeA0WlCAvx5pfHBelE6wLzj1wiBGrDtDF/84LrznsKejXHj4PVrXR1aD3TusNF6dYCzyMZBl8iAjh9QdR5HA4vhOI48ER2XkBOy7XjcBgj8glrmVYwZ5bYBTkauDhCfO1jOV9aonbYGQ5ABQF8S/OedUM1Y8rDs+FkijkCwjewp2iRoXCpPB7a2kdUDIaXq4xo9VXQgS8a5ANq20MPfwCK43TjHhtv2A7N2ROgmuLYd/0zZctYdAyWJzsXGmGNbjM2Rfs0XQFgEbikC8GTEhs9iY6OLQ5+GQJcHrFJKHThbgbJMTsya1w9fEii62CZEKvh8OkbEBg0DY9MIG9nmr0lH2A2Z0yaf2kNFJcdBB95Qgs+HiFc+LUBIcOFBahteN5ABWsedrO2K2KJlKNGUNISOpFkeJAf3lrcZCt6gNnHYmNLQrsJxro9AYJbyLkXsrGpWRhGwoPI7Z3QwUZ7ARC8ZsXEqNiyDL4B+FiKdzXWKWLGlOpUSbWkeINSEt4wMETgOZMym4tO+YrNKCYfnptqR2gW8ZehNXBG0WbEJsEw0KrUxOo+3rlDCxm0mm1O5Gg248WwwETfguDAekhGyyUAGyExBR8s06tqsV4b6o9XJwWCwgS5z1wTLiJKR1tEtjaVLY1ax2JDQ7f3KZaer0hD27jUMgmEdgISg7p+ueRWTjZHJwMZyTGmwxYEI+bfWqSrWoSVWQcsLgbe9gIvBlaHyEmwTicdppqzQXBv5qrh5jRKMTbhBhn3hHwh6gjHq/Z3hqXLER76MEuwy1wYmUPnfLoBrE4FNPMOff+4qlm+Ka+vVPE6977j7/u4/cCH8J1Adnip94lisI0IBa9setQAb9o6MfBDeat4DEuzo6JhfkA4h7KtCf0y5mOPGwK/czTKcPbhCLUjdyU2bRka+fPzYmc0OJxK+SCb9JNo42He/u/fN9a5SO+hhWolcLjcwkHr4/NKzp4/uPXr06tXLBw9uPX94NYff9fTg75ZKpa6urje9vb3d3X2Dg+/eNaXTmbaIL5EYHs5ms52dH7+M7NugFmXPwU2Q6ezMJhJtbenoYF/3izel9taBVLI8Wpzpn5jI5/Pj44XC9PT0z+/fv32bnJyc/fr1E/Pjx9fZ2clv339ODxXG8/n+/mJxdLScbE4N5FrbSQpG8GlrIxutclh5UndoryvT2IeadJV6cgPNyZbRYrE4MzPTD/IASoUhMDY2NjX1GUxNjY0NDRUK4xMTEyzS0tJiXErsApl0lcwJqYo3G9YdE5n0u0G2aW8lm3JLhXK5nEw2E6lUqhk/9P/El+TP9EwyeEEqxoUK48ocP3RE1UjdnpUrl4OlzDKwxJPVBOJ8ljFLBWpyJahfROQX0i7qXMe/QQ4AAAAASUVORK5CYII=);
    color: #fff;
    box-shadow: 0 4px 12px 0 rgba(74,137,252,.25)
}

.wc-section .wc-category-cont .match-date-btn .lb-game.active .icon-grey {
    display: none
}

.wc-section .wc-category-cont .match-date-btn .lb-game.active .icon-white {
    display: block
}

.wc-section .wc-category-cont .match-date-btn .lb-game:hover {
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.wc-section .wc-category-cont .match-date-btn .lb-game .h5,.wc-section .wc-category-cont .match-date-btn .lb-game h5 {
    margin-bottom: 0
}

.wc-section .wc-category-cont .match-date-btn .lb-game p {
    font-size: .75rem
}

.wc-section .wc-category-cont .match-date-btn .lb-game p .icon-grey {
    margin: auto;
    display: block
}

.wc-section .wc-category-cont .match-date-btn .lb-game p .icon-white {
    margin: auto;
    display: none
}

.wc-section .wc-category-cont .match-date-btn .lb-game .status {
    color: #fff;
    width: 4rem;
    text-align: center;
    border-radius: 1rem;
    margin-top: .2rem
}

.wc-section .wc-category-cont .match-date-btn .lb-game .status.deactive {
    background-color: #ea4e3d
}

.wc-section .wc-category-cont .match-date-btn .lb-game .status.active {
    background-color: #04be02
}

.wc-section .wc-category-cont .match-date-btn .lb-game .status.pending {
    background-color: #a5aabc
}

.wc-section .wc-category-cont .slick-container {
    position: relative;
    width: 80%;
    margin: 0 auto
}

.wc-section .wc-category-cont .slick-container .slick-slider {
    padding: 0 4rem
}

.wc-section .wc-category-cont .slick-container .slick-arrow {
    display: flex;
    justify-content: space-between;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
    pointer-events: none
}

.wc-section .wc-category-cont .slick-container .slick-arrow .slick-arrow-btn {
    border-radius: .5rem;
    background-color: #fff;
    border: 1px solid #cbced8;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: all .3s ease-in-out
}

.wc-section .wc-category-cont .slick-container .slick-arrow .slick-arrow-btn:hover {
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.wc-section .wc-category-cont .slick-container .slick-arrow .slick-arrow-btn svg {
    width: 1.5rem;
    height: 1.5rem
}

.wc-section .wc-vs-section {
    background-color: #fff;
    padding: 2rem;
    text-align: center;
    border-radius: 1rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.wc-section .wc-vs-section.wc-table .wc-head {
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    text-align: center
}

.wc-section .wc-vs-section.wc-table .wc-body {
    width: 50%
}

.wc-section .wc-vs-section.wc-table .wc-bg {
    position: relative
}

.wc-section .wc-vs-section.wc-table .wc-content {
    position: absolute;
    top: .5rem;
    left: 0;
    height: auto;
    text-align: center;
    width: 100%
}

.wc-section .wc-vs-section.wc-table .wc-details {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 2.8rem
}

.wc-section .wc-vs-section.wc-table .wc-details .form-check {
    position: relative;
    margin: 0
}

.wc-section .wc-vs-section.wc-table .wc-details .form-check .win-img {
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: -2rem;
    right: 1.95rem
}

.wc-section .wc-vs-section.wc-table .wc-details .form-check.enable {
    background: linear-gradient(180deg,#b3c9fc,#eef5ff 50%);
    border-radius: .5rem
}

.wc-section .wc-vs-section.wc-table .wc-details .form-check .btn-check:active+.form-check-label,.wc-section .wc-vs-section.wc-table .wc-details .form-check .btn-check:focus+.form-check-label {
    box-shadow: 0 3px 5px rgba(74,137,252,.25)!important
}

.wc-section .wc-vs-section.wc-table .wc-details .form-check-label {
    width: 8rem;
    height: 10rem;
    flex-direction: column;
    background-color: hsla(0,0%,100%,.3);
    border-radius: .5rem;
    border: unset;
    box-shadow: 0 3px 5px rgba(74,137,252,.25)
}

.wc-section .wc-vs-section.wc-table .wc-details .form-check-label:after {
    background: unset;
    border: .1875rem solid #3e73fa!important;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    border-radius: .5rem
}

.wc-section .wc-vs-section.wc-table .wc-details .form-check-label img {
    width: 5rem;
    margin-bottom: 1rem
}

.wc-section .wc-vs-section.wc-table .wc-details img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-right: unset
}

.wc-section .wc-vs-section.wc-table .wc-details .versus-body {
    display: flex;
    flex-direction: column
}

.wc-section .wc-vs-section.wc-table .wc-details .versus-body .btn-gradient-blue {
    font-weight: 600;
    height: 1.5rem;
    padding: .3rem;
    border-radius: 1rem;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    width: 100%;
    letter-spacing: .2rem
}

.wc-section .wc-vs-section.wc-table .wc-details .versus-body .score-font {
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing: .2rem
}

.wc-section .wc-vs-section.wc-table .wc-details .versus-body .aet-font {
    color: #ea4e3d;
    margin-top: -.5rem;
    font-weight: 600
}

.wc-section .wc-vs-section.wc-table .wc-details .versus-img {
    width: 4rem
}

.wc-section .wc-vs-section.wc-table .wc-notice img {
    width: 50%
}

.wc-section .wc-vs-section.wc-table .wc-notice .h1,.wc-section .wc-vs-section.wc-table .wc-notice h1 {
    margin-bottom: 1rem
}

.wc-section .wc-vs-section .btn-gradient-blue {
    border: unset;
    height: 3rem;
    width: 50%
}

.wc-section .wc-reward {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1rem
}

.wc-section .wc-reward .wc-reward-container {
    border-radius: 1rem;
    background: linear-gradient(180deg,#fbfcff,#eef5ff 30%);
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    color: #6b7ba8;
    opacity: .8;
    text-align: center;
    padding: 0 0 1rem
}

.wc-section .wc-reward .wc-reward-container.col-3 {
    width: 20%
}

.wc-section .wc-reward .wc-reward-container .wc-reward-header {
    background-color: #fff;
    padding: 1rem;
    width: 100%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.wc-section .wc-reward .wc-reward-container.active {
    box-shadow: 0 0 10px 0 rgba(74,137,252,.7)
}

.wc-section .wc-reward .wc-reward-container.inactive {
    opacity: .5
}

.wc-section .wc-reward.fifa-qna .col-2:last-child {
    width: 36%
}

.wc-section .result-text {
    color: #a5aabc
}

.wc-section .result-text .orange-text {
    color: #ffaa09
}

.wc-section .result-text .blue-text {
    color: #3e73fa
}

.wc-section .react-select .react-select__control {
    height: auto
}

.wc-section .react-select .react-select__option {
    justify-content: center!important;
    width: 25%;
    display: inline-block;
    padding: 0
}

.wc-section .react-select .react-select__option:hover {
    background-color: unset
}

.wc-section .react-select .react-select__option img {
    width: 2rem;
    height: 2rem;
    margin-right: 0!important;
    border: .0625rem solid #becaec;
    border-radius: 1rem
}

.wc-section .react-select .react-select__option .form-check {
    margin: 0
}

.wc-section .react-select .react-select__option .form-check input {
    display: none;
    pointer-events: unset
}

.wc-section .react-select .react-select__option .form-check .form-check-label {
    height: 5rem;
    min-width: 7rem;
    max-width: 7rem;
    flex-direction: column;
    border: unset
}

.wc-section .react-select .react-select__option .form-check .form-check-label p {
    padding-top: .5rem
}

.wc-section .react-select .react-select__option .form-check .form-check-label:hover {
    box-shadow: unset;
    border: .0625rem solid #becaec;
    border-radius: 1rem;
    transition: unset
}

.wc-section .react-select .react-select__option.react-select__option--is-disabled {
    opacity: .5;
    pointer-events: none
}

.wc-section .react-select .react-select__menu-list {
    max-height: 18.75rem;
    padding: .5rem
}

.wc-section .react-select .react-select__multi-value img {
    width: 1.5625rem;
    height: 1.5625rem
}

.wc-section .fifa-two-body {
    display: block;
    width: 50%;
    margin: 0 auto
}

.wc-section .fifa-two-body .vip-lvl-col .vip-lvl-md {
    margin: 2rem 0
}

.wc-section .fifa-two-body .vip-lvl-col .vip-lvl-md ul li span {
    right: unset;
    width: 3rem;
    background: unset;
    color: unset;
    pointer-events: none
}

.wc-section .fifa-two-body .btn-outline-white {
    height: 2rem;
    width: 20%;
    background: #fff;
    margin: 0 .5rem
}

.wc-check-result .modal-dialog {
    max-width: 62.5rem
}

.wc-check-result .modal-dialog .modal-content {
    padding: 3rem 2rem
}

.wc-check-result .modal-dialog .modal-content .modal-body {
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    border-radius: 1rem
}

.wc-check-result .modal-dialog .modal-content .modal-body .row,.wc-check-result .modal-dialog .modal-content .modal-body .row .col-2 p {
    display: flex;
    align-items: center
}

.wc-check-result .modal-dialog .modal-content .modal-body .row .col-2 span {
    border-radius: .5rem;
    border: .0625rem solid #cbced8;
    padding: .5rem 1rem
}

.wc-check-result .modal-dialog .modal-content .modal-body .row .col-4 p {
    display: flex;
    align-items: center
}

.wc-check-result .modal-dialog .modal-content .modal-body .row .col-4 .react-select {
    width: 72%
}

.wc-check-result .modal-dialog .modal-content .modal-body .table tbody tr td {
    color: #6b7ba8!important;
    font-size: 1rem;
    border-bottom-width: 0!important;
    text-transform: uppercase
}

.wc-check-result .modal-dialog .modal-content .modal-body .table tbody tr td img {
    max-width: 1.5rem;
    max-height: 1.5rem;
    box-shadow: 0 .125rem .1875rem #5da9fe;
    border-radius: 1rem
}

.wc-check-result .modal-dialog .modal-content .modal-body .table tbody tr:nth-child(2n) td {
    background-color: #fff!important
}

.wc-check-result .modal-dialog .modal-content .modal-body .table tbody tr:nth-child(odd) td {
    background-color: #f0f6ff
}

.fifa-tbody {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center
}

.fifa-tbody .fifa-tcontent {
    width: 8rem
}

.fifa-tbody .h6,.fifa-tbody h6 {
    margin-bottom: 0!important
}

.fifa-tbody img {
    border: .0625rem solid #cbced8;
    margin-bottom: .5rem;
    border-radius: 2rem;
    width: 3rem;
    height: auto
}

.green-font {
    color: #04be02
}

.red-font {
    color: #ea4e3d
}

.orange-font {
    color: #ffaa09
}

.fifa-rh ul {
    list-style: none;
    padding: 0
}

.fifa-rh li {
    display: flex;
    align-items: flex-end
}

.fifa-rh li img {
    width: 1.5rem
}

.fifa-rh li .left-head {
    width: 55%;
    padding: 0 1rem;
    position: relative
}

.fifa-rh li .left-head:before {
    box-shadow: inset -18px 0 10px -20px rgba(107,123,168,.25);
    content: " ";
    height: 100%;
    left: -20px;
    position: absolute;
    top: 0;
    width: 20px
}

.fifa-rh li .left-head:after {
    box-shadow: inset 18px 0 10px -20px rgba(107,123,168,.25);
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px
}

.fifa-rh li .left-head .left-content {
    padding: .5rem 0 .5rem .5rem
}

.fifa-rh li:first-child .left-head {
    box-shadow: 0 -5px 6px 0 rgba(107,123,168,.25);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding-top: 1rem
}

.fifa-rh li:first-child .left-head:after,.fifa-rh li:first-child .left-head:before {
    display: none!important
}

.fifa-rh li:nth-child(2) .left-head:after,.fifa-rh li:nth-child(2) .left-head:before {
    height: 110%;
    top: -.3125rem
}

.fifa-rh li:last-child .left-head {
    box-shadow: 0 5px 6px 0 rgba(107,123,168,.25);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding-bottom: 1rem
}

.fifa-rh li:last-child .left-head:after,.fifa-rh li:last-child .left-head:before {
    height: 9%
}

.fifa-rh li:last-child .right-head {
    padding-bottom: 1.5rem
}

.fifa-rh li:nth-child(2n) .left-content {
    background-color: #f0f6ff
}

.fifa-rh li:nth-child(odd) .left-content {
    background-color: #fff!important
}

.fifa-rh li .right-head {
    width: 45%;
    padding-bottom: .5rem
}

.fifa-rh li .team-content {
    padding: 0 .3rem
}

.fifa-rh .rdp-his-content .btn-outline-blue {
    padding: .5rem 1rem
}

.fifa-rh :has(.show) .turn-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-view .wc-section {
    margin: 0 1rem
}

.mobile-view .wc-section .wc-vs-section {
    border-radius: 1rem;
    padding: .5rem
}

.mobile-view .wc-section .wc-vs-section .wc-head {
    flex-direction: column;
    align-items: center;
    margin: 0
}

.mobile-view .wc-section .wc-vs-section .versus-img {
    width: 3rem!important
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-body {
    width: 100%;
    padding: 0
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-body .wc-content {
    top: .2rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-body .wc-content .wc-details {
    margin-top: 1.5rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-body .wc-content .wc-details .versus-body span {
    font-size: .75rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-body .wc-content .wc-details .versus-body .btn-gradient-blue {
    height: 1.3rem;
    font-size: .75rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-body .wc-content .wc-details .versus-body .score-font {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .2rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-body .wc-content .wc-details .versus-body .aet-font {
    margin-top: -.5rem;
    font-size: .75rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-bg img {
    width: 100%;
    height: auto
}

.mobile-view .wc-section .wc-vs-section.wc-table .form-check .win-img {
    width: 2.5rem;
    height: 2.5rem;
    top: -1.2rem;
    right: 1.5rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .form-check .form-check-label {
    width: unset;
    min-width: 5.5rem;
    height: 7rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .form-check .form-check-label img {
    width: 3rem
}

.mobile-view .wc-section .wc-vs-section.wc-table .wc-notice img {
    width: 100%
}

.mobile-view .wc-section .wc-reward {
    padding: unset
}

.mobile-view .wc-section .wc-reward .wc-reward-container {
    padding-bottom: .5rem;
    border-radius: .5rem
}

.mobile-view .wc-section .wc-reward .wc-reward-container .wc-reward-header {
    padding: .5rem
}

.mobile-view .wc-section .wc-reward .wc-reward-container.col-3 {
    width: 25%
}

.mobile-view .wc-section .wc-reward .wc-reward-container .wc-reward-body {
    font-size: .63rem
}

.mobile-view .wc-section .section-header-gray .h1,.mobile-view .wc-section .section-header-gray h1 {
    color: #8b9ccb;
    font-weight: 600;
    margin-bottom: .5rem
}

.mobile-view .wc-section .section-header-gray .h5,.mobile-view .wc-section .section-header-gray h5 {
    color: #a5aabc
}

.mobile-view .wc-section .list-group {
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: row;
    margin-top: .5rem
}

.mobile-view .wc-section .list-group .form-check {
    padding: 0;
    font-size: .75rem;
    width: 5rem;
    align-content: center
}

.mobile-view .wc-section .list-group .form-check .form-check-label {
    margin: 0 0 .5rem;
    border: .0625rem solid #becaec;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 5rem
}

.mobile-view .wc-section .list-group .form-check .form-check-label img {
    margin-right: unset;
    margin-bottom: .5rem;
    border: .0625rem solid #becaec;
    border-radius: 1rem
}

.mobile-view .wc-section .list-group .form-check .form-check-input {
    opacity: 0;
    pointer-events: none
}

.mobile-view .wc-section .list-group .form-check .form-check-input:checked+.form-check-label {
    color: #4a89fc;
    border: .0625rem solid #4a89fc;
    position: relative;
    overflow: hidden
}

.mobile-view .wc-section .list-group .form-check .form-check-input:checked+.form-check-label:after {
    content: "";
    position: absolute;
    background: url(/static/media/checked.f5aab68c.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -.0625rem;
    right: -.0625rem;
    width: 1.5625rem;
    height: 1.5625rem;
    z-index: 1
}

.mobile-view .wc-section .input-group-col .input-group .form-control {
    text-align: left;
    border-right: 0
}

.mobile-view .wc-section .input-group-col .input-group .input-group-text {
    background-color: #fff
}

.mobile-view .fifa-two-body {
    width: unset;
    text-align: center
}

.mobile-view .fifa-two-body .vip-lvl-col .vip-lvl-md ul li span {
    width: 1.7rem;
    top: -1.2rem
}

.mobile-view .wc-check-result .modal-dialog .modal-content {
    padding: .5rem
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body {
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    border-radius: .5rem;
    padding: 1rem 0
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .result-body {
    padding: 1rem;
    width: 100%
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .result-body p {
    padding-bottom: .2rem
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .result-body span {
    margin-right: .5rem
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .result-body:nth-child(2n) {
    background-color: #f0f6ff
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .result-body img {
    box-shadow: 0 .125rem .1875rem #5da9fe;
    border-radius: 1rem
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .row {
    font-size: .75rem
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .row p {
    margin-bottom: .3rem!important
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .row .col-4 span {
    border-radius: 1rem;
    border: .0625rem solid #cbced8;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem
}

.mobile-view .wc-check-result .modal-dialog .modal-content .modal-body .react-select__control {
    border-radius: 1rem!important;
    height: 2rem;
    align-content: center;
    border: .0625rem solid #cbced8
}

.mobile-view .fifa-two-qna :has(.show) .turn-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-view .fifa-two-qna .rh-m-md-panel p {
    font-size: .75rem
}

.mobile-view .fifa-two-qna .rh-m-md-panel .btn-outline-blue {
    padding: .5rem;
    height: auto;
    margin: 0 auto;
    min-width: 5rem;
    width: 5rem
}

.mobile-view .fifa-two-qna .team-body {
    padding: .5rem;
    font-size: .75rem
}

.mobile-view .fifa-two-qna .team-body p {
    margin-bottom: .3rem!important
}

.mobile-view .fifa-two-qna .team-body .team-content {
    padding: 0 .3rem
}

.mobile-view .fifa-two-qna .team-body .ans-content {
    border-top: .0625rem solid #becaec;
    margin-top: .5rem;
    padding-top: .5rem
}

.mobile-view .fifa-two-qna .team-body:nth-child(2n) {
    background-color: #f0f6ff!important
}

.live-streaming-section .section-content {
    width: 100%;
    min-height: 38.125rem;
    background-image: url(/static/media/video-bg.40bea1fd.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    padding: 1rem
}

.live-streaming-section .live-stream-match {
    display: flex;
    justify-content: center;
    align-items: center
}

.live-streaming-section .live-stream-match img {
    width: 2.0625rem;
    height: 1.875rem
}

.live-streaming-section .live-stream-match .team {
    display: flex;
    align-items: center;
    justify-content: center
}

.live-streaming-section .live-stream-match .team img {
    width: 2.5rem;
    height: 2.5rem
}

.live-streaming-section .live-stream-video {
    position: relative
}

.live-streaming-section .live-stream-video iframe {
    border-radius: .75rem
}

.live-streaming-section .live-stream-result .row .col-10 {
    display: flex;
    justify-content: space-between
}

.live-streaming-section .live-stream-result .row .col-10 .result-container {
    width: -webkit-max-content;
    width: max-content
}

.live-streaming-section .live-stream-result .row .col-10 .result-container .result-type {
    position: relative;
    color: #4a89fc;
    text-align: center
}

.live-streaming-section .live-stream-result .row .col-10 .result-container .result-type span {
    background-color: #e6edf8;
    width: auto;
    display: inline-block;
    z-index: 3;
    padding: 0 .5rem;
    color: #4a89fc;
    position: relative;
    font-family: calibri;
    font-weight: lighter;
    margin: 0
}

.live-streaming-section .live-stream-result .row .col-10 .result-container .result-type:after {
    content: "";
    width: 100%;
    border-bottom: .125rem solid #4a89fc;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1
}

.live-streaming-section .live-stream-result .row .col-10 .result-container .result {
    background: #fff;
    padding: .25rem .875rem;
    border: .0625rem solid #abb8d6;
    border-radius: .5rem;
    margin-right: .5rem;
    text-align: center
}

.live-streaming-section .live-stream-result .row .col-10 .result-container .result:last-child {
    margin-right: 0
}

.live-streaming-section .live-stream-result .row .col-10 .result-container .result p {
    line-height: 1.2
}

.live-streaming-section .live-stream-result .row .col-10 .result-container .result span {
    color: #414755
}

.live-streaming-section .live-stream-result .row .more-btn-blue {
    display: flex;
    align-items: center;
    justify-content: center
}

.live-streaming-section .lsv-options-container {
    width: 100%;
    height: 36.125rem;
    overflow: auto;
    padding: 1rem
}

.live-streaming-section .lsv-options-container .live-stream-options {
    position: relative;
    width: 100%;
    max-height: 6rem;
    padding: 1rem;
    border-radius: .75rem;
    background-color: #fff;
    margin-bottom: 1rem;
    transition: all .25s ease-in-out;
    cursor: pointer
}

.live-streaming-section .lsv-options-container .live-stream-options.active {
    background-image: url(/static/media/lv-active-bg.042d807b.webp);
    background-position: bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 .125rem #4a89fc
}

.live-streaming-section .lsv-options-container .live-stream-options:hover {
    box-shadow: 0 0 0 .125rem #4a89fc
}

.live-streaming-section .lsv-options-container .live-stream-options .match-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #414755;
    line-height: 1
}

.live-streaming-section .lsv-options-container .live-stream-options .match-header .match-date {
    display: flex;
    align-items: center;
    font-size: .75rem;
    color: #8b9ccb
}

.live-streaming-section .lsv-options-container .live-stream-options .match-header .match-date img {
    width: .75rem;
    height: .75rem;
    margin-left: 1rem
}

.live-streaming-section .lsv-options-container .live-stream-options .live-stream-match .team img {
    width: 1.5625rem;
    height: 1.5625rem
}

.live-streaming-section .lsv-options-container::-webkit-scrollbar-track {
    background: #becaec
}

.live-streaming-section .lsv-options-container::-webkit-scrollbar {
    width: .25rem
}

.live-streaming-section .lsv-options-container::-webkit-scrollbar-thumb {
    background: #4a89fc
}

.live-streaming-section .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .75rem;
    background-color: rgba(0,0,0,.75);
    text-align: center;
    z-index: 2
}

.mobile-view .live-streaming-section .lsv-options-container {
    overflow: unset
}

.mobile-view .live-streaming-section .live-stream-result {
    background: url(/static/media/lv-active-bg.042d807b.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    border-radius: .75rem
}

.mobile-view .live-streaming-section .live-stream-result .h5,.mobile-view .live-streaming-section .live-stream-result h5 {
    background-color: #fff;
    width: 100%;
    text-align: center;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding: .5rem;
    margin-bottom: 0
}

.mobile-view .live-streaming-section .live-stream-result .row {
    justify-content: center
}

.mobile-view .live-streaming-section .live-stream-result .row .col-3 {
    border: .0625rem solid #becaec;
    border-radius: .5rem;
    text-align: center;
    padding: .5rem;
    background: #fff
}

.mobile-view .live-streaming-section .live-stream-result .row .col-3 P {
    line-height: 1.2
}

.mobile-view .live-streaming-section .live-stream-result .row .col-3 span {
    color: #414755
}

.mobile-view .live-streaming-section .overlay {
    border-radius: unset
}

.ani-section.raya .ani-content-wrapper .ani-header-wrapper {
    top: 5%
}

.ani-section.raya .ani-content-wrapper .ani-header-wrapper .ani-title .h1,.ani-section.raya .ani-content-wrapper .ani-header-wrapper .ani-title h1 {
    font-size: 2.25rem;
    color: #ffc236;
    text-shadow: .125rem .125rem .3125rem #000
}

.ani-section.raya .ani-content-wrapper .ani-header-wrapper .ani-title .title-bg {
    z-index: -1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 40%;
    width: 120%;
    height: auto;
    position: absolute
}

.ani-section.raya .ani-content-wrapper .ani-header-wrapper .h5,.ani-section.raya .ani-content-wrapper .ani-header-wrapper h5 {
    color: #fff;
    margin-top: 1rem
}

.ani-section.raya .ani-content-wrapper .ani-header-wrapper .h5 .fes-ani-amount,.ani-section.raya .ani-content-wrapper .ani-header-wrapper h5 .fes-ani-amount {
    color: #ffaa09;
    font-size: 1.5rem
}

.ani-section.raya .ani-content-wrapper .ani-header-wrapper.mobile .ani-title .h1,.ani-section.raya .ani-content-wrapper .ani-header-wrapper.mobile .ani-title h1 {
    font-size: 1.875rem
}

.ani-section.raya .ani-content-wrapper .ani-header-wrapper.mobile .ani-title .title-bg {
    width: 120%
}

.ani-section.raya .ani-content-wrapper .ani-header-wrapper.mobile .h5,.ani-section.raya .ani-content-wrapper .ani-header-wrapper.mobile h5 {
    margin-top: 0
}

.ani-section.raya .ani-content-wrapper .ani-item-wrapper .fes-ani-asset {
    width: 70%!important;
    object-fit: contain
}

.ani-section.raya .ani-content-wrapper .ani-item-wrapper .fes-ani-asset.mobile {
    width: 25rem!important
}

.ani-section.raya .ani-content-wrapper .ani-item-wrapper .fes-amount-wrap {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 55%;
    left: 50%;
    margin-left: .5rem
}

.ani-section.raya .ani-content-wrapper .ani-item-wrapper .fes-amount-wrap .h5,.ani-section.raya .ani-content-wrapper .ani-item-wrapper .fes-amount-wrap h5 {
    color: #000
}

.ani-section.raya .ani-content-wrapper .ani-item-wrapper .fes-amount-wrap p {
    line-height: 2.5rem;
    color: #ffc236;
    font-size: 1.25rem
}

.ani-section.raya .ani-content-wrapper .ani-item-wrapper .fes-amount-wrap .fes-ani-amount {
    font-size: 3.75rem
}

.ani-section.raya .ani-content-wrapper .ani-bottom-wrapper {
    margin-top: -15%
}

.ani-section.raya .ani-content-wrapper .ani-bottom-wrapper .claim-btn {
    color: #fff;
    font-size: 1.875rem;
    text-shadow: .125rem .125rem .3125rem #000;
    border: none;
    background-color: initial;
    background-image: url(/static/media/button.c8e36db6.png);
    width: 10rem;
    background-repeat: no-repeat;
    background-size: contain;
    padding: .2rem 1rem 1rem;
    background-position: 50%
}

.ani-section.raya .ani-content-wrapper .ani-bottom-wrapper .claim-btn.mobile {
    font-size: 1.5rem
}

.ani-section.raya .ani-content-wrapper .ani-bottom-wrapper .close-button-wrapper .fes-btn-close {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 1.5rem;
    background-image: none;
    width: 1.5rem;
    height: 1.5rem
}

.ani-section.raya .fes-ani-overlay {
    background-image: none
}

.master-bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1
}

.events-section .events-video-container {
    overflow: unset!important
}

.events-section .events-video-container .border-deco {
    position: absolute;
    width: 102%;
    height: 106%;
    top: -2%;
    right: -1%;
    z-index: 1
}

.events-section .events-deco-image .deco-1,.events-section .events-deco-image .deco-2,.events-section .events-deco-image .deco-3 {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 2;
    pointer-events: none
}

.events-section .events-deco-image.raya .deco-1 {
    max-width: 7.25rem
}

.events-section .events-deco-image.mooncake .deco-1 {
    max-width: 30%;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    top: 18%;
    left: -25%;
    z-index: -1
}

.events-section .events-deco-image.mooncake .deco-2 {
    width: 100%;
    max-width: 25%;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    bottom: -95%;
    right: -7%;
    z-index: -1
}

.global-section {
    overflow-x: hidden
}

.global-section.event .section-image-container .sub-img1 {
    left: 50%;
    bottom: 8%;
    max-width: 7.5rem
}

.global-section.event .section-image-container .sub-img2 {
    left: 60%;
    max-width: 5.125rem
}

.global-section.event .section-image-container .sub-img3 {
    left: 23%;
    max-width: 6.375rem
}

.global-section.event .section-image-container .section-img {
    max-width: 42.75rem;
    margin-left: 4rem
}

.global-section.event .section-image-container.mooncake .sub-img1 {
    left: 54%
}

.global-section.event .section-image-container.mooncake .sub-img2 {
    left: 70%
}

.global-section.event .section-image-container.mooncake .sub-img3 {
    left: 37%
}

.global-section.event .section-image-container.mooncake .section-img {
    max-width: 48.75rem;
    margin-top: -6rem
}

.global-section.event .section-image-container.merdeka {
    top: -15%
}

.global-section.event .section-image-container.merdeka .sub-img3 {
    top: 40%
}

.global-section.event .section-content-container {
    overflow: unset
}

.global-section.event .section-content-container .mooncake {
    max-width: 58%
}

.global-section.event .section-content-container .border-deco {
    width: 102%;
    height: 106%;
    top: -2%;
    right: -1%
}

.global-section.event .section-content-container .sub-img4 {
    width: 100%;
    height: auto;
    max-width: 8.375rem;
    position: absolute;
    top: 1%;
    right: -6%
}

.global-section.event .section-content-container .deco-4 {
    position: absolute;
    top: -8%;
    left: 0
}

.global-section.event .product-overview-slick .slick-container .slick-track .product-overview .card-shadow {
    display: block
}

.global-section.event .product-overview-slick .slick-container .slick-track .product-overview .product-overview-bg.active,.global-section.event .product-overview-slick .slick-container .slick-track .slick-center .product-overview .card-shadow {
    display: none
}

.global-section.event .product-overview-slick .slick-container .slick-track .slick-center .product-overview .product-overview-bg.active {
    display: block;
    width: 100%;
    height: 18.6875rem;
    margin: 0 auto
}

.global-section.event .product-overview-slick .slick-container .slick-track .slick-center .product-overview .product-overview-bg.active.merdeka {
    width: 100%;
    height: auto;
    margin: -2rem auto 0
}

.global-section.event .product-overview-slick .slick-container .deco-1,.global-section.event .product-overview-slick .slick-container .deco-2 {
    position: absolute;
    bottom: -4%
}

.global-section.event .product-overview-slick .slick-container .deco-1 {
    width: 11.375rem;
    height: auto;
    left: 24%
}

.global-section.event .product-overview-slick .slick-container .deco-2 {
    width: 12.5rem;
    height: auto;
    right: 24%
}

.service-section {
    overflow-x: hidden
}

.service-section.merdeka {
    background-image: url(/static/media/services-bg.088b9ddc.png)
}

.service-section.merdeka,.service-section.mooncake {
    background-position: bottom;
    background-repeat: no-repeat
}

.service-section.mooncake {
    background-image: url(/static/media/services-bg.12f5bdb0.webp)
}

.service-section.event .service-section-content {
    background-image: url(/static/media/services-bg.b2af9f0b.png);
    padding-top: 3rem
}

.service-section.event .border-deco {
    width: 98%;
    height: 103%;
    top: -2%;
    right: 2%
}

.service-section.event .service-deco-1,.service-section.event .service-deco-2 {
    height: auto;
    position: absolute;
    z-index: 1
}

.service-section.event .service-deco-1 {
    width: 26rem;
    bottom: -5%;
    left: -22%
}

.service-section.event .service-deco-2 {
    width: 9.25rem;
    bottom: 0;
    right: -32%
}

.raya-bg-deco {
    background-image: url(/static/media/raya-bg.c838fcdf.png);
    background-repeat: repeat-y;
    background-position: top;
    background-size: contain
}

.raya-bg-deco .events-section .x-container {
    margin-top: 0;
    padding-top: 5rem
}

.raya-bg-deco .service-section .x-container {
    margin-bottom: 0;
    padding-bottom: 5rem
}

.border-deco {
    position: absolute;
    pointer-events: none
}

.mobile-view .banner-slick .cny-deco-1,.mobile-view .banner-slick .cny-deco-2 {
    max-width: 7.625rem
}

.mobile-view .banner-slick .cny-deco-1 {
    left: -6%
}

.mobile-view .banner-slick .cny-deco-2 {
    right: -6%
}

.merdeka-video {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: -999;
    object-fit: cover
}

.event-top-deco .top-deco-one {
    margin: 0 2rem;
    position: fixed;
    z-index: 99
}

.event-top-deco .top-deco-two {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    right: 3%;
    position: fixed;
    z-index: 99
}

.bottom-nav-section.mooncake .bottom-nav-content .home-btn .bottom-icon {
    box-shadow: none!important
}

.bottom-nav-section.mooncake .bottom-nav-content .home-btn .bottom-icon-active {
    box-shadow: none!important;
    width: 135%!important;
    height: auto!important;
    margin-left: -1.25rem;
    padding-bottom: .5rem
}

.bottom-nav-section.mooncake .bottom-nav-content .nav-link img {
    height: 2.25rem;
    width: auto
}

.bottom-nav-section.mooncake .bottom-nav-content .nav-link.active .bottom-icon-active {
    height: 3rem;
    width: auto;
    margin-top: -.5rem;
    margin-bottom: 0
}

.pl-section .lb-section .lb-event-date .date {
    width: 30%;
    justify-content: center
}

.pl-section .wc-category-cont .lb-game {
    position: relative;
    color: #6b7ba8;
    border: none;
    transition: all .3s ease-in-out;
    background: none;
    height: 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 1rem 0
}

.pl-section .wc-category-cont .lb-game.active {
    color: #fff
}

.pl-section .wc-category-cont .lb-game.active .icon-grey {
    display: none
}

.pl-section .wc-category-cont .lb-game.active .icon-white {
    display: block
}

.pl-section .wc-category-cont .lb-game.active:after {
    background: linear-gradient(#5da9fe,#3e73fa);
    border-radius: 4rem;
    height: 10rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: "";
    width: 100%;
    z-index: -1;
    box-shadow: 0 3px 5px rgba(107,123,168,.25)
}

.pl-section .wc-category-cont .lb-game .h5,.pl-section .wc-category-cont .lb-game h5 {
    margin-bottom: 0
}

.pl-section .wc-category-cont .lb-game p {
    font-size: .75rem
}

.pl-section .wc-category-cont .lb-game p .icon-grey {
    margin: auto;
    display: block
}

.pl-section .wc-category-cont .lb-game p .icon-white {
    margin: auto;
    display: none
}

.pl-section .wc-category-cont .lb-game .status {
    color: #fff;
    width: 4rem;
    text-align: center;
    border-radius: 1rem;
    margin-top: .2rem
}

.pl-section .wc-category-cont .lb-game .status.deactive {
    background-color: #ea4e3d
}

.pl-section .wc-category-cont .lb-game .status.active {
    background-color: #04be02
}

.pl-section .wc-category-cont .lb-game .status.pending {
    background-color: #a5aabc
}

.pl-section .wc-category-cont .slick-container {
    position: relative
}

.pl-section .wc-category-cont .slick-container .slick-slider .slick-list {
    overflow-y: visible;
    overflow-x: clip;
    background: linear-gradient(#f6faff,#d7eafb)
}

.pl-section .wc-category-cont .slick-container .slick-slider .slick-list .slick-track {
    display: flex;
    justify-content: center;
    border-radius: .5rem;
    padding: 0 2rem;
    margin: 2rem auto
}

.pl-section .wc-category-cont .slick-container .slick-arrow {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none
}

.pl-section .wc-category-cont .slick-container .slick-arrow .slick-arrow-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #abb8d6;
    width: 2rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    pointer-events: all
}

.pl-section .wc-category-cont .slick-container .slick-arrow .slick-arrow-btn.next {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.pl-section .wc-category-cont .slick-container .slick-arrow .slick-arrow-btn.prev {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.pl-section .wc-category-cont .slick-container .slick-arrow .slick-arrow-btn svg {
    width: 3rem;
    height: 3rem;
    color: #fff
}

.pl-section .wc-category-cont .slick-container .slick-arrow .slick-arrow-btn:hover {
    box-shadow: 0 0 0 .25rem rgba(107,123,168,.25)
}

.pl-section .wc-vs-section {
    background-color: #fff;
    padding: 2rem 4rem;
    text-align: center;
    border-radius: 1rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.pl-section .wc-vs-section.wc-table .wc-head {
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    text-align: center
}

.pl-section .wc-vs-section.wc-table .wc-body {
    width: 25%;
    height: auto
}

.pl-section .wc-vs-section.wc-table .wc-content {
    height: auto;
    width: 100%;
    background-image: url(/static/media/premier-league-bg.9fd7763e.png);
    object-fit: cover;
    background-repeat: no-repeat;
    border-radius: .5rem;
    background-size: cover;
    position: relative
}

.pl-section .wc-vs-section.wc-table .wc-time {
    position: relative;
    z-index: 5;
    background: linear-gradient(#5da9fe,#3e73fa);
    margin: 0 .5rem;
    padding: .5rem;
    border-radius: 2rem;
    color: #fff;
    border-top-left-radius: unset;
    border-top-right-radius: unset
}

.pl-section .wc-vs-section.wc-table .wc-details {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    padding: 1rem
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check {
    position: relative;
    margin: 0
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check .win-img {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -.1rem;
    right: -.5rem;
    object-fit: cover
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check.enable {
    background: linear-gradient(180deg,#b3c9fc,#eef5ff 50%);
    border-radius: .5rem
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check .btn-check:active+.form-check-label,.pl-section .wc-vs-section.wc-table .wc-details .form-check .btn-check:focus+.form-check-label {
    box-shadow: 0 3px 5px rgba(74,137,252,.25)!important
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check .btn-check:checked+.form-check-label {
    box-shadow: 0 3px 5px rgba(74,137,252,.25)!important;
    color: #414755!important;
    background: #fff;
    border: .1875rem solid #3e73fa!important
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check-label {
    max-width: unset;
    height: 4rem;
    background-color: hsla(0,0%,100%,.3);
    border-radius: .5rem;
    border: unset;
    box-shadow: 0 3px 5px rgba(74,137,252,.25);
    transition: all .2s ease-in-out;
    padding: .5rem
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check-label:after {
    content: none
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check-label img {
    width: 2.5rem;
    margin-right: .5rem
}

.pl-section .wc-vs-section.wc-table .wc-details .form-check-label.disabled {
    background-color: #cbced8;
    opacity: .5
}

.pl-section .wc-vs-section.wc-table .wc-details img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-right: unset
}

.pl-section .wc-vs-section.wc-table .wc-details .versus-img {
    width: 4rem;
    height: auto
}

.pl-section .wc-vs-section.wc-table .score-wrap {
    display: flex;
    justify-content: space-between;
    padding: .5rem 1rem 1rem;
    border-top: .125rem solid #fff
}

.pl-section .wc-vs-section.wc-table .score-wrap .score-body {
    display: flex;
    flex-direction: column
}

.pl-section .wc-vs-section.wc-table .score-wrap .btn-white {
    font-weight: 600;
    height: 2rem;
    padding: .5rem 2rem;
    border-radius: .5rem;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    width: 100%
}

.pl-section .wc-vs-section.wc-table .score-wrap .score-font {
    font-size: 1rem;
    font-weight: 600
}

.pl-section .wc-vs-section.wc-table .score-wrap .aet-font {
    color: #ea4e3d;
    text-transform: uppercase
}

.pl-section .wc-vs-section.wc-table .wc-notice img {
    width: 50%
}

.pl-section .wc-vs-section.wc-table .wc-notice .h1,.pl-section .wc-vs-section.wc-table .wc-notice h1 {
    margin-bottom: 1rem
}

.pl-section .wc-vs-section .btn-gradient-blue {
    border: unset;
    height: 3rem;
    width: 50%
}

.pl-section .wc-reward {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1rem
}

.pl-section .wc-reward .wc-reward-container {
    border-radius: 1rem;
    background: linear-gradient(180deg,#fbfcff,#eef5ff 30%);
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    color: #6b7ba8;
    opacity: .8;
    text-align: center;
    padding: 0 0 1rem
}

.pl-section .wc-reward .wc-reward-container.col-3 {
    width: 20%
}

.pl-section .wc-reward .wc-reward-container .wc-reward-header {
    background-color: #fff;
    padding: 1rem;
    width: 100%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.pl-section .wc-reward .wc-reward-container.active {
    box-shadow: 0 0 10px 0 rgba(74,137,252,.7)
}

.pl-section .wc-reward .wc-reward-container.inactive {
    opacity: .5
}

.wc-modal .modal-content {
    background: linear-gradient(180deg,#b3c9fc,#fff 30%)!important;
    position: relative
}

.wc-modal .modal-content .modal-body {
    padding: 3rem
}

.wc-modal .btn-gradient-blue {
    width: 60%
}

.mobile-view .pl-section {
    margin: 0 1rem
}

.mobile-view .pl-section .lb-section .lb-event-date .date {
    width: 100%
}

.mobile-view .pl-section .slick-container {
    height: 6rem
}

.mobile-view .pl-section .slick-container .slick-slider {
    padding: 0 1.5rem
}

.mobile-view .pl-section .slick-container .slick-slider .slick-list .slick-track {
    padding: 0
}

.mobile-view .pl-section .slick-container .slick-slider .slick-list .slick-track .slick-slide {
    width: 5rem!important
}

.mobile-view .pl-section .slick-container .slick-arrow .slick-arrow-btn {
    width: 1.5rem
}

.mobile-view .pl-section .slick-container .slick-arrow .slick-arrow-btn svg {
    width: 1rem;
    height: 1rem
}

.mobile-view .pl-section .wc-category-cont .match-date-btn .lb-game {
    height: auto
}

.mobile-view .pl-section .wc-category-cont .match-date-btn .lb-game.active:after {
    height: 7rem
}

.mobile-view .pl-section .wc-vs-section {
    border-radius: 1rem;
    padding: .5rem
}

.mobile-view .pl-section .wc-vs-section .wc-head {
    margin: .5rem;
    justify-content: space-between
}

.mobile-view .pl-section .wc-vs-section .versus-img {
    width: 3rem!important
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-body {
    width: 48%;
    padding: 0
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-body .wc-content {
    top: .2rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-body .wc-content .wc-time {
    border-radius: 2rem;
    padding: .25rem;
    border-top-left-radius: unset;
    border-top-right-radius: unset
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-body .wc-content .wc-details {
    padding: 1rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-body .wc-content .score-wrap {
    padding: .5rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-body .wc-content .score-wrap span {
    font-size: .75rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-body .wc-content .score-wrap .btn-white {
    padding: .5rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-body .wc-content .score-wrap .score-font {
    font-weight: 600;
    font-size: .875rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-bg img {
    width: 100%;
    height: auto
}

.mobile-view .pl-section .wc-vs-section.wc-table .form-check .win-img {
    width: 2.5rem;
    height: 2.5rem;
    top: 0;
    right: -.5rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .form-check .form-check-label {
    width: unset;
    min-width: 100%;
    height: 3.5rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .form-check .form-check-label img {
    width: 2.5rem
}

.mobile-view .pl-section .wc-vs-section.wc-table .wc-notice img {
    width: 100%
}

.mobile-view .pl-section .wc-reward {
    padding: unset
}

.mobile-view .pl-section .wc-reward .wc-reward-container {
    padding-bottom: .5rem;
    border-radius: .5rem
}

.mobile-view .pl-section .wc-reward .wc-reward-container .wc-reward-header {
    padding: .5rem
}

.mobile-view .pl-section .wc-reward .wc-reward-container.col-3 {
    width: 25%
}

.mobile-view .pl-section .wc-reward .wc-reward-container .wc-reward-body {
    font-size: .63rem
}

.mobile-view .pl-section .section-header-gray .h1,.mobile-view .pl-section .section-header-gray h1 {
    color: #8b9ccb;
    font-weight: 600;
    margin-bottom: .5rem
}

.mobile-view .pl-section .section-header-gray .h5,.mobile-view .pl-section .section-header-gray h5 {
    color: #a5aabc
}

.mobile-view .pl-section .input-group-col .input-group .form-control {
    text-align: left;
    border-right: 0
}

.mobile-view .pl-section .input-group-col .input-group .input-group-text {
    background-color: #fff
}

.mobile-view .lb-event-date {
    justify-content: space-between
}

.mobile-view .lb-event-date .date {
    justify-content: center;
    width: 100%
}

.mobile-view .lb-event-date .date .status {
    color: #fff;
    width: 4rem;
    text-align: center;
    border-radius: 1rem;
    margin-top: unset;
    margin-left: .5rem;
    font-size: .75rem
}

.mobile-view .lb-event-date .date .status.deactive {
    background-color: #ea4e3d
}

.mobile-view .lb-event-date .date .status.active {
    background-color: #04be02
}

.mobile-view .lb-event-date .date .status.pending {
    background-color: #a5aabc
}

.mobile-view .wc-modal .modal-content .modal-body {
    padding: 3rem 0 0
}

.pf-dashboard {
    position: relative;
    z-index: 1;
    margin-top: 2rem
}

.pf-dashboard .x-container {
    display: flex;
    margin-top: 7rem!important
}

.pf-dashboard .x-container .pf-fade-col>.row,.pf-dashboard .x-container>.row {
    width: 100%
}

.pf-dashboard .x-container .pf-fade-col>.row>*,.pf-dashboard .x-container>.row>* {
    display: flex;
    flex-direction: column
}

.pf-dashboard .x-container .pf-fade-col>.row>*>:not(:last-child),.pf-dashboard .x-container>.row>*>:not(:last-child) {
    margin-bottom: 1rem
}

.pf-dashboard .x-container .pf-fade-col>.row>.col-12>:nth-child(n+2),.pf-dashboard .x-container>.row>.col-12>:nth-child(n+2) {
    display: flex;
    flex-direction: column;
    height: 100%
}

.pf-dashboard .x-container .pf-fade-col>.row>.col-3>:not(:nth-child(n+3)),.pf-dashboard .x-container>.row>.col-3>:not(:nth-child(n+3)) {
    height: 50%
}

.pf-dashboard .x-container .pf-fade-col>.row>.col-3>:not(:nth-child(n+3)) .pd-content,.pf-dashboard .x-container>.row>.col-3>:not(:nth-child(n+3)) .pd-content {
    height: 100%
}

.pf-dashboard .x-container .pf-fade-col {
    width: 100%
}

.pf-dashboard .x-container .pf-fade-col .row,.pf-dashboard .x-container .pf-fade-col .row .col-12,.ps-col {
    height: 100%
}

.ps-col {
    max-width: 220px;
    width: 100%;
    margin-right: 1rem;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.ps-col .ps-tp-panel {
    padding: 1rem
}

.ps-col .ps-tp-panel .ps-user-details {
    display: grid;
    justify-content: center;
    grid-gap: .25rem;
    gap: .25rem;
    text-align: center
}

.ps-col .ps-tp-panel .ps-user-details .ps-user-profile {
    position: relative;
    display: flex;
    cursor: pointer;
    width: 80px;
    height: 80px;
    margin: auto
}

.ps-col .ps-tp-panel .ps-user-details .ps-user-profile p {
    text-align: center
}

.ps-col .ps-tp-panel .ps-user-details .ps-user-profile img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    overflow: hidden
}

.ps-col .ps-tp-panel .ps-user-details .ps-user-profile .overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: rgba(65,71,85,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    border-radius: 50%
}

.ps-col .ps-tp-panel .ps-user-details .ps-user-profile .overlay img {
    width: 30px;
    height: 30px
}

.ps-col .ps-tp-panel .ps-user-details .ps-user-profile:hover .overlay {
    opacity: 1
}

.ps-col .ps-tp-panel .ps-user-details .ps-username {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.ps-col .ps-tp-panel .ps-user-details .ps-username p {
    max-width: 9.0625rem;
    text-align: center;
    overflow-wrap: break-word;
    line-height: 1.25;
    color: #414755
}

.ps-col .ps-tp-panel .ps-user-details .ps-username span {
    margin-left: .5rem;
    background: #8b9ccb
}

.ps-col .ps-tp-panel .navbar-nav {
    flex-direction: row
}

.ps-col .ps-tp-panel .navbar-nav .nav-item {
    flex: 1 1
}

.ps-col .ps-tp-panel .navbar-nav .nav-item .nav-link {
    display: block;
    text-align: center;
    color: #6b7ba8;
    transition: all .3s ease-in-out
}

.ps-col .ps-tp-panel .navbar-nav .nav-item .nav-link:hover {
    text-decoration: none;
    color: #8b9ccb
}

.ps-col .ps-tp-panel .navbar-nav .nav-item .nav-link:focus {
    outline: 0
}

.ps-col .ps-tp-panel .navbar-nav .nav-item .nav-link.active {
    color: #4a89fc
}

.ps-col .ps-tp-panel .navbar-nav .nav-item .nav-link img {
    display: block;
    max-width: 40px;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.ps-col .ps-bt-panel {
    padding: 0 0 1rem
}

.ps-col .ps-bt-panel .navbar-nav .nav-item .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;
    padding: .75rem 1rem
}

.ps-col .ps-bt-panel .navbar-nav .nav-item .nav-link .badge {
    position: absolute;
    right: 2rem
}

.ps-col .ps-bt-panel .navbar-nav .nav-item .nav-link:hover>p {
    color: #4a89fc
}

.ps-col .ps-bt-panel .navbar-nav .nav-item .nav-link.active {
    border-left: 4px solid #4a89fc;
    background-color: #f6faff;
    margin-left: -4px
}

.ps-col .ps-bt-panel .navbar-nav .nav-item .nav-link.active p {
    color: #4a89fc
}

.ps-col .ps-bt-panel .navbar-nav .nav-item .nav-link img {
    max-width: 25px;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.ps-col .ps-bt-panel .navbar-nav .nav-item .nav-link p {
    font-size: .875rem;
    color: #414755;
    width: 75%
}

.ps-col .ps-bt-panel .navbar-nav hr {
    margin: 1rem
}

.ps-upgrade-acc {
    text-align: center
}

.ps-upgrade-acc .upgrade-acc-container {
    width: 100%;
    display: flex;
    align-items: center;
    background: #f6faff;
    padding: .5rem;
    border-radius: .3125rem;
    color: #6b7ba8;
    font-weight: 600;
    font-size: .75rem;
    cursor: pointer
}

.ps-upgrade-acc .upgrade-acc-container .upgrade-acc-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 1rem
}

.ps-upgrade-acc .upgrade-acc-container .upgrade-acc-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    background: #becaec;
    border-radius: 1rem;
    padding: .25rem
}

.ps-upgrade-acc .upgrade-acc-container.active {
    color: #3e73fa
}

.ps-upgrade-acc .upgrade-acc-container.active .upgrade-acc-icon svg {
    background: #3e73fa
}

.ps-upgrade-acc .km-btn {
    font-size: .75rem;
    color: #3e73fa;
    text-decoration: underline;
    cursor: pointer
}

.ps-upgrade-acc.mobile .upgrade-acc-container {
    width: 6.5rem;
    margin-right: 1rem;
    justify-content: space-around
}

.ps-upgrade-acc.mobile .upgrade-acc-container .upgrade-acc-icon {
    margin: 0
}

.ps-upgrade-acc.mobile .upgrade-acc-container p {
    font-size: .63rem;
    line-height: 1.2
}

.nav-link.invalid {
    pointer-events: none;
    opacity: .5
}

.nav-link.invalid p {
    line-height: 1.25
}

.nav-link.invalid .small,.nav-link.invalid small {
    font-size: .75rem
}

.pd-card-col {
    position: relative
}

.pd-card-col .h4,.pd-card-col .h6,.pd-card-col h4,.pd-card-col h6 {
    margin-bottom: 1rem
}

.pd-card-col .pd-header-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

.pd-card-col .pd-header-more .h6,.pd-card-col .pd-header-more h6 {
    margin-bottom: unset;
    margin-right: .5rem
}

.pd-card-col .pd-header-more a {
    font-size: .75rem;
    line-height: 1.2;
    white-space: nowrap;
    transition: all .3s ease-in-out
}

.pd-card-col .pd-header-more a:hover {
    text-decoration: none;
    color: #abb8d6
}

.pd-card-col .pd-header-more a:focus {
    outline: 0
}

.pd-card-col .pd-content {
    position: relative
}

.pd-card-col .pd-content.bordered {
    padding: 1rem;
    border-radius: .5rem;
    border: 1px solid #becaec
}

.pd-card-col .pd-tbs-col {
    display: flex;
    align-items: center;
    padding: .5rem;
    margin-bottom: 1rem;
    border: 1px solid #4a89fc;
    border-radius: .25rem
}

.pd-card-col .pd-tbs-col img {
    margin-right: 7px
}

.pd-card-col .pd-tbs-col p {
    color: #414755;
    font-size: .75rem;
    font-weight: 500
}

.pd-card-col .pd-currency-col {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    width: 100%
}

.pd-card-col .pd-currency-col img {
    width: 45px;
    height: 45px;
    margin-right: 1rem
}

.pd-card-col .pd-currency-col p {
    display: inline-block;
    font-size: 1rem
}

.pd-card-col .pd-currency-col p b {
    color: #414755
}

.pd-card-col .pd-currency-col p b.tx-green {
    color: #04be02
}

.pd-card-col .pd-currency-col a {
    transition: all .3s ease-in-out
}

.pd-card-col .pd-currency-col a:hover {
    text-decoration: none;
    color: #abb8d6
}

.pd-card-col .pd-currency-col a:focus {
    outline: 0
}

.pd-card-col .pd-currency-col.pi {
    justify-content: unset
}

.pd-card-col .pd-currency-col.pi span.mx-4 {
    display: inline-block;
    height: 30px;
    width: .5px;
    background-color: #6b7ba8
}

.verified-col {
    width: 55%;
    display: flex;
    align-items: center;
    word-break: break-all;
    text-transform: capitalize
}

.verified-col .form-control {
    max-width: -webkit-max-content;
    max-width: max-content
}

.verified-col .verified-label {
    margin-left: .4375rem;
    color: #414755
}

.input-group.indonesia .form-control {
    padding-right: 3.5rem!important
}

.input-group.indonesia:after {
    content: "(‘000)";
    position: absolute;
    z-index: 5;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #becaec
}

.no-records {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center
}

.no-records label {
    display: block;
    font-weight: 500
}

.no-records label,.no-records p {
    font-size: .75rem
}

.no-records img {
    max-width: 20rem;
    width: 100%;
    height: auto
}

.no-records .btn-gradient-blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: .5rem
}

.no-records a:not(.btn-gradient-blue) {
    transition: all .3s ease-in-out
}

.no-records a:not(.btn-gradient-blue):hover {
    text-decoration: none;
    color: #abb8d6
}

.no-records a:not(.btn-gradient-blue):focus {
    outline: 0
}

.pf-m-dashboard .no-records {
    padding: 0 1rem
}

.pf-m-dashboard .no-records .btn-gradient-blue {
    width: 100%
}

.notify-num {
    right: -2.5%;
    top: -7.5%;
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    color: #fff;
    background-image: linear-gradient(0deg,#ea4e3d,#f7778c);
    font-size: .63rem;
    font-weight: 500;
    line-height: 1.0625rem
}

.notify-num,.notify-red-dot {
    position: absolute;
    display: inline-block
}

.notify-red-dot {
    top: 0;
    right: 5%;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background-color: #ea4e3d;
    border: 2px solid #fff
}

.pf-m-dashboard.on-top {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    height: var(--app-height);
    width: 100vw;
    overflow-y: auto;
    background-color: #f0f6ff
}

.pf-m-dashboard.on-top.mall {
    z-index: 999
}

.pf-m-dashboard .col-form-label {
    color: #6b7ba8;
    padding: 0 .75rem;
    margin-bottom: 1rem
}

.pf-m-dashboard .input-group-col {
    background: #fff;
    padding: .25rem .75rem
}

.pf-m-dashboard .input-group-col .form-control {
    border: 0
}

.pf-m-dashboard .input-group-col .form-check-group {
    margin: -.25rem
}

.pf-m-dashboard .input-group-col img {
    height: 1.125rem;
    margin: auto .4375rem auto 0
}

.pf-m-dashboard .input-group-col .form-check.form-check-inline {
    margin: 0;
    padding: .25rem
}

.pf-m-dashboard .input-group-col .form-check.form-check-inline.four-check {
    width: 25%
}

.pf-m-dashboard .input-group-col .form-check.form-check-inline.four-check label {
    font-size: .75rem;
    flex-direction: column;
    height: 5rem;
    padding: .2rem;
    overflow: hidden
}

.pf-m-dashboard .input-group-col .form-check.form-check-inline.four-check label img {
    margin-bottom: .25rem
}

.pf-m-dashboard .input-group-col .form-check.form-check-inline.four-check label p {
    text-transform: capitalize;
    margin-bottom: .25rem!important
}

.pf-m-dashboard .input-group-col .form-check.form-check-inline.five-check {
    width: 20%
}

.pf-m-dashboard .input-group-col .form-check.form-check-inline .form-check-label {
    max-width: unset;
    min-width: unset
}

.pf-m-dashboard .input-group-col .input-group.left .input-group-text {
    padding-left: 0
}

.pf-m-dashboard .input-group-col .input-group.left .form-control {
    padding-left: 0;
    padding-right: 0
}

.pf-m-dashboard .input-group-col .input-group.right .input-group-text {
    padding-right: 0
}

.pf-m-dashboard .input-group-col .input-group.right .form-control {
    padding-left: 0;
    padding-right: 0
}

.pf-m-dashboard .input-group-col .input-group .input-group-text {
    border: 0
}

.pf-m-dashboard .input-group-col .input-group .input-group-text svg {
    font-size: 1.5rem
}

.pf-m-dashboard .input-group-col .form-control .is-invalid:focus,.pf-m-dashboard .input-group-col .form-control .is-valid:focus,.pf-m-dashboard .input-group-col .form-control:focus,.pf-m-dashboard .input-group-col .form-control:focus-within,.pf-m-dashboard .input-group-col .form-control:invalid:focus,.pf-m-dashboard .input-group-col .form-control:valid:focus,.pf-m-dashboard .input-group-col .form-select .is-invalid:focus,.pf-m-dashboard .input-group-col .form-select .is-valid:focus,.pf-m-dashboard .input-group-col .form-select:focus,.pf-m-dashboard .input-group-col .form-select:focus-within,.pf-m-dashboard .input-group-col .form-select:invalid:focus,.pf-m-dashboard .input-group-col .form-select:valid:focus {
    box-shadow: none
}

.pf-m-dashboard .input-group-col .form-control[readOnly],.pf-m-dashboard .input-group-col .form-control[readOnly]+.input-group-text,.pf-m-dashboard .input-group-col .form-select[readOnly],.pf-m-dashboard .input-group-col .form-select[readOnly]+.input-group-text {
    background-color: initial
}

.pf-m-dashboard .input-group-col .bank-list-group>:not(.select-bank-opts) .form-check-label:not(.wdrawal-add-bank) {
    min-height: 3.125rem
}

.pf-m-dashboard .input-group-col .bank-list-group>:not(.select-bank-opts) .form-check-label:not(.wdrawal-add-bank)>* {
    flex: unset
}

.pf-m-dashboard .input-group-col .bank-list-group>:not(.select-bank-opts) .form-check-label:not(.wdrawal-add-bank)>:first-child {
    display: flex;
    align-items: center;
    padding-right: 1rem
}

.pf-m-dashboard .input-group-col .bank-list-group>:not(.select-bank-opts) .form-check-label .list-details {
    max-width: 10rem
}

.pf-m-dashboard .input-group-col .bank-list-group>:not(.select-bank-opts) .form-check-label .list-details p {
    overflow: hidden;
    text-overflow: ellipsis
}

.pf-m-dashboard .pd-m-card-col {
    margin: 1rem 0;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.pf-m-dashboard.dnw-section .col-form-label {
    color: #000;
    margin-bottom: .25rem;
    font-weight: 500
}

.pf-m-dashboard.dnw-section .pd-form-m-col {
    background-color: #fff;
    padding-bottom: 2rem
}

.pf-m-dashboard.dnw-section .pd-form-m-col .input-group-col .form-control {
    background-color: #f6faff;
    border-radius: .25rem
}

.pf-m-dashboard.dnw-section .pd-form-m-col .input-group-col .btn-gradient-blue {
    height: 2.5rem;
    border-radius: .25rem
}

.pf-m-dashboard.dnw-section .input-group-col {
    background: #fff;
    align-items: center
}

.pf-m-dashboard.dnw-section .input-group-col .form-check.form-check-inline {
    padding: .2rem
}

.pf-m-dashboard.dnw-section .input-group-col img {
    height: 1.75rem;
    margin: unset;
    width: unset
}

.pf-m-dashboard.dnw-section .input-group-col .input-group.left .input-group-text {
    padding-left: 1rem;
    background-color: #f6faff;
    border-radius: .25rem
}

.pf-m-dashboard.dnw-section .input-group-col .input-group.left .form-control {
    background-color: #f6faff;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: .25rem
}

.pf-m-dashboard.dnw-section .input-group-col .input-group.right {
    background-color: #f6faff;
    border-radius: .5rem
}

.pf-m-dashboard.dnw-section .input-group-col .input-group.right .input-group-text {
    padding-right: .75rem
}

.pf-m-dashboard.dnw-section .input-group-col .input-group.right .form-control {
    background-color: #f6faff;
    padding-left: 1rem;
    padding-right: 1rem
}

.pf-m-dashboard.dnw-section .input-group-col .input-group .input-group-text {
    border: 0
}

.pf-m-dashboard.dnw-section .input-group-col .input-group .input-group-text svg {
    font-size: 1.5rem
}

.pf-m-dashboard.remain-w .input-group-col img {
    height: 1.75rem;
    margin: auto .4375rem
}

.pd-form-m-col {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem
}

.pd-form-m-col .input-group-col .btn-gradient-blue {
    min-width: 4rem;
    height: -webkit-max-content;
    height: max-content;
    border-radius: 1rem
}

.pf-dashboard .small span,.pf-dashboard small span,.pf-m-dashboard .small span,.pf-m-dashboard small span {
    text-decoration: underline;
    color: #4a89fc;
    cursor: pointer
}

.pi-sec-lvl-col {
    display: grid;
    grid-gap: .5rem;
    gap: .5rem
}

.pi-sec-lvl-col .pi-sec-lvl-content {
    display: flex;
    align-items: center
}

.pi-sec-lvl-col .pi-sec-lvl-content>p {
    font-size: 1rem;
    color: #414755;
    margin-right: .5rem
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar {
    display: flex;
    align-items: center
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar>p {
    font-size: 1rem;
    font-weight: 500
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar span {
    border-radius: 1rem;
    margin: 0 .5rem;
    height: .3125rem;
    width: 1.875rem
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.low>.small,.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.low>p,.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.low>small {
    color: #ea4e3d
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.low span:nth-child(n-2) {
    background-color: #ea4e3d
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.low span:nth-child(n+3) {
    background-color: #fbdbd8
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.normal>.small,.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.normal>p,.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.normal>small {
    color: #ffaa09
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.normal span:nth-child(n-3) {
    background-color: #ffaa09
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.normal span:nth-child(n+4) {
    background-color: #ffe5b4
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.strong>.small,.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.strong>p,.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.strong>small {
    color: #04be02
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.strong span {
    background-color: #04be02
}

.pi-sec-lvl-col .pi-sec-lvl-content .pi-sec-lvl-bar.sec-m-lvl>p {
    font-size: .875rem;
    font-weight: 600
}

.pi-progress-col .navbar-nav {
    flex-direction: row
}

.pi-progress-col .navbar-nav .nav-item {
    display: flex;
    align-items: center;
    flex: 1 1
}

.pi-progress-col .navbar-nav .nav-item:nth-child(n+1):not(:last-child) {
    margin-right: .75rem
}

.pi-progress-col .navbar-nav .nav-item:not(.active) .inactive {
    display: block
}

.pi-progress-col .navbar-nav .nav-item.active .inactive,.pi-progress-col .navbar-nav .nav-item:not(.active) .active {
    display: none
}

.pi-progress-col .navbar-nav .nav-item.active .active {
    display: block
}

.pi-progress-col .navbar-nav .nav-item img {
    max-width: 40px;
    width: 100%;
    height: auto;
    margin-right: 7px
}

.pi-progress-col .navbar-nav .nav-item p {
    font-size: .75rem;
    line-height: 1.25
}

.fb-mf-col,.pi-bd-col,.pi-bh-col {
    position: relative;
    height: 100%;
    overflow: auto
}

.fb-mf-col::-webkit-scrollbar,.pi-bd-col::-webkit-scrollbar,.pi-bh-col::-webkit-scrollbar {
    display: none
}

.pi-bh-col .list-group {
    height: 0
}

.pi-bh-col .list-group .list-group-item {
    padding-left: 0;
    padding-right: 0;
    border-color: #becaec
}

.pi-bh-col .list-group .list-group-item span {
    display: flex;
    justify-content: space-between;
    margin: .25rem 0
}

.pi-bh-col .list-group .list-group-item span>* {
    font-size: .75rem;
    width: calc(50% - .5rem)
}

.pi-bh-col .list-group .list-group-item span label {
    color: #414755;
    font-weight: 500
}

.pi-bh-col .list-group .list-group-item span p {
    color: #6b7ba8
}

.pi-bd-col .list-group {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    height: 0
}

.pi-bd-col .list-group .list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem;
    border: 1px solid #becaec;
    border-radius: .5rem;
    transition: all .3s ease-in-out
}

.pi-bd-col .list-group .list-group-item:hover {
    border-color: #4a89fc
}

.pi-bd-col .list-group .list-group-item:hover p,.pi-bd-col .list-group .list-group-item:hover svg {
    color: #4a89fc
}

.pi-bd-col .list-group .list-group-item img {
    width: 20px;
    height: 20px;
    object-fit: contain
}

.pi-bd-col .list-group .list-group-item p {
    width: 80%;
    font-size: .75rem;
    color: #6b7ba8;
    font-weight: 500
}

.pi-bd-col .list-group .list-group-item svg {
    color: #6b7ba8;
    width: 20px;
    height: 20px
}

.pi-m-section ul {
    list-style-type: none;
    padding: 0
}

.pi-m-section .pi-m-header {
    width: 100%;
    background-image: url(/static/media/header-bg.532ffaa3.jpg);
    background-position: 100% -9.375rem;
    background-size: cover;
    background-repeat: no-repeat
}

.pi-m-section .pi-m-header .pi-edit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 40px;
    color: #414755
}

.pi-m-section .pi-m-header .pi-edit svg {
    font-size: 1.5rem
}

.pi-m-section .pi-m-header .pi-m-info {
    width: 70%;
    margin: 0 auto;
    padding: 0 1rem;
    justify-content: center
}

.pi-m-section .pi-m-header .pi-m-info .user-info .us-balance {
    font-size: 1.125rem;
    font-weight: 500
}

.pi-m-section .pi-m-header .pi-m-info .user-info .us-join {
    font-size: .75rem;
    color: #8b9ccb
}

.pi-m-section .pi-m-header .pi-m-amount {
    width: 100%;
    height: auto;
    padding: 1rem 1rem 0
}

.pi-m-section .pi-m-header .pi-m-amount .amount {
    background: hsla(0,0%,100%,.5);
    padding: 1rem;
    border-radius: .625rem;
    text-align: center
}

.pi-m-section .pi-m-header .pi-m-amount .amount .number {
    font-size: 1.5rem;
    color: #414755
}

.pi-m-section .pi-m-header .pi-m-amount .amount .coin-earning .number {
    font-size: 1rem
}

.pi-m-section .pi-m-header .pi-deposit-withdrawal {
    display: flex;
    justify-content: space-between;
    grid-gap: .5rem;
    gap: .5rem;
    padding: 1rem
}

.pi-m-section .pi-m-header .pi-deposit-withdrawal .btn {
    border-radius: .625rem;
    height: 3.4375rem;
    width: 100%
}

.pi-m-section .pi-m-header .pi-deposit-withdrawal .btn img {
    width: 2.5rem;
    height: auto
}

.pi-m-section .pi-m-header .pi-selection {
    padding: 0 1rem;
    display: flex;
    justify-content: center
}

.pi-m-section .pi-m-header .pi-selection .row {
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    border-radius: .625rem;
    padding: 1rem 0;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.pi-m-section .pi-m-header .pi-selection .row .col-3 {
    font-size: .75rem;
    border-right: 1px solid #becaec
}

.pi-m-section .pi-m-header .pi-selection .row .col-3 a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #414755
}

.pi-m-section .pi-m-header .pi-selection .row .col-3 a img {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: .5rem
}

.pi-m-section .pi-m-header .pi-selection .row .col-3 a p {
    line-height: 1.2
}

.pi-m-section .pi-m-header .pi-selection .row .col-3:last-child {
    border-right: 0
}

.pi-m-section .pi-m-option {
    margin-top: 1rem
}

.pi-m-section .pi-m-option .option-img {
    width: 1.6875rem;
    height: 1.6875rem
}

.pi-m-section .pi-m-option .badge,.pi-m-section .pi-m-option .option-img {
    margin: 0 .5rem
}

.pi-m-section .pi-m-option .pi-mall-redemption {
    display: flex;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.pi-m-section .pi-m-option .pi-mall-redemption li {
    width: 50%;
    border-right: 1px solid #becaec
}

.pi-m-section .pi-m-option .pi-mall-redemption li .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    font-size: .75rem;
    color: #414755
}

.pi-m-section .pi-m-option .pi-mall-redemption li .nav-link p {
    text-align: center
}

.pi-m-section .pi-m-option .pi-mall-redemption li:last-child {
    border-right: 0
}

.pi-m-section .pi-m-option .pi-m-list {
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    padding: 0 1rem
}

.pi-m-section .pi-m-option .pi-m-list li {
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #becaec
}

.pi-m-section .pi-m-option .pi-m-list li a {
    display: flex;
    align-items: center;
    color: #414755
}

.pi-m-section .pi-m-option .pi-m-list li a svg {
    margin-left: auto;
    font-size: 1.5rem
}

.pi-m-section .pi-m-option .pi-m-list li:last-child {
    border-bottom: 0
}

.ei-m-section {
    width: 100%;
    height: auto
}

.ei-m-section .pi-m-info {
    background: #fff;
    padding: 1rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.ei-m-section .pi-m-info .user-profile-container {
    width: 20%
}

.ei-m-section .pi-m-info .user-info {
    width: 80%
}

.ei-m-section .forms-col,.ei-m-section .pf-m-dashboard {
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.ei-m-section .forms-col {
    background: #fff;
    padding: 1rem
}

.ei-m-section .forms-col .input-group-col {
    padding-bottom: 1rem;
    border-bottom: 1px solid #abb8d6
}

.ei-m-section .forms-col .input-group-col .input-group .form-control {
    width: 55%;
    border: 0;
    padding-left: 0;
    color: #abb8d6;
    word-break: break-all;
    text-transform: capitalize
}

.ei-m-section .forms-col .input-group-col .input-group .form-control.note-text {
    font-size: .875rem
}

.ei-m-section .forms-col .input-group-col .input-group .input-group-text {
    border: 0;
    margin-left: auto
}

.ei-m-section .forms-col .input-group-col .input-group .input-group-text svg {
    font-size: 1.5rem
}

.ei-m-section .forms-col .input-group-col:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.sp-m-section .input-group-col .h5,.sp-m-section .input-group-col h5 {
    color: #414755;
    font-weight: 400;
    margin: 0
}

.sp-m-section .input-group-col span {
    color: #abb8d6;
    font-size: .75rem
}

.sp-m-section .input-group-col .forget-pin {
    color: #ea4e3d;
    text-align: start;
    text-decoration: underline;
    font-size: .75rem
}

.sp-m-section .css-2b097c-container,.verification-m-section .css-2b097c-container {
    width: 30%
}

.sp-m-section .input-group.left .react-select__control,.verification-m-section .input-group.left .react-select__control {
    min-width: unset;
    border: 0!important
}

.sp-m-section .form-control.is-valid,.verification-m-section .form-control.is-valid {
    background-image: url(/static/media/icon-checked.0057d15c.webp)
}

.sp-m-section .verificate-m-input,.verification-m-section .verificate-m-input {
    display: flex;
    align-items: center
}

.sp-m-section .verificate-m-input .form-control,.verification-m-section .verificate-m-input .form-control {
    width: 80%;
    padding-left: 0
}

.sp-m-section .verificate-m-input .small,.sp-m-section .verificate-m-input small,.verification-m-section .verificate-m-input .small,.verification-m-section .verificate-m-input small {
    color: #4a89fc;
    margin-right: .5rem
}

.sp-m-section .verificate-m-input .btn,.verification-m-section .verificate-m-input .btn {
    min-width: 4.8125rem;
    height: 1.875rem;
    border-radius: 3rem;
    font-size: .75rem
}

.sp-m-section .m-subHeader .sub-link,.verification-m-section .m-subHeader .sub-link {
    width: auto
}

.sp-m-section .m-subHeader .h6,.sp-m-section .m-subHeader h6,.verification-m-section .m-subHeader .h6,.verification-m-section .m-subHeader h6 {
    width: 100%
}

.sp-m-section .edit-sec-header .sub-link,.verification-m-section .edit-sec-header .sub-link {
    width: 25%
}

.third-party-m-auth .third-party-m-auth-container {
    margin-top: 1rem;
    background: #fff;
    padding: 0 1rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.third-party-m-auth .third-party-m-auth-container .third-party-list li {
    border: 0;
    border-bottom: .0625rem solid #becaec;
    padding: 1rem
}

.third-party-m-auth .third-party-m-auth-container .third-party-list li:last-child {
    border-bottom: 0
}

.sp-mention {
    text-align: center;
    font-size: .75rem;
    color: #abb8d6;
    padding: 0 1rem
}

.sp-mention a {
    text-decoration: underline
}

.upgrade-acc-m-section .m-subHeader .sub-link {
    width: auto
}

.upgrade-acc-m-section .m-subHeader .h6,.upgrade-acc-m-section .m-subHeader h6 {
    width: 100%
}

.upgrade-acc-m-section .forms-col .pd-form-m-col .input-group-col .dropzone-container {
    margin-bottom: .5rem
}

.upgrade-acc-m-section .forms-col .pd-form-m-col .small,.upgrade-acc-m-section .forms-col .pd-form-m-col small {
    color: #abb8d6
}

.business-m-info .pd-form-m-col .input-group-col .col-form-label {
    padding: 0;
    color: #414755
}

.business-m-info .footer-desc {
    text-align: center;
    padding: 0 1rem;
    font-size: .75rem;
    color: #8b9ccb
}

.business-m-info .footer-desc span {
    text-decoration: underline;
    color: #4a89fc
}

.vip-lvl-col .vip-lvl-tp {
    display: flex
}

.vip-lvl-col .vip-lvl-tp .lazy-load-image-background {
    position: relative;
    overflow: hidden
}

.vip-lvl-col .vip-lvl-tp .lazy-load-image-background:after {
    -webkit-animation: shine 3s ease-in-out infinite;
    animation: shine 3s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    opacity: 1;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0))
}

.vip-lvl-col .vip-lvl-tp .lazy-load-image-background {
    margin-top: -25px
}

.vip-lvl-col .vip-lvl-tp img {
    max-width: 100px;
    width: 100%;
    height: auto
}

.vip-lvl-col .vip-lvl-tp .vip-lvl-details-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-left: 1rem
}

.vip-lvl-col .vip-lvl-tp .vip-lvl-details-col .h5,.vip-lvl-col .vip-lvl-tp .vip-lvl-details-col h5 {
    color: #414755
}

.vip-lvl-col .vip-lvl-tp .vip-lvl-details-col .vip-lvl-details {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.vip-lvl-col .vip-lvl-tp .vip-lvl-details-col .vip-lvl-details span {
    display: flex
}

.vip-lvl-col .vip-lvl-tp .vip-lvl-details-col .vip-lvl-details span>:nth-child(n+1):not(:last-child) {
    margin-right: 2rem
}

.vip-lvl-col .vip-lvl-tp .vip-lvl-details-col .vip-lvl-details a {
    display: flex;
    align-items: center;
    width: unset
}

.vip-lvl-col .vip-lvl-md {
    position: relative;
    margin: 2rem 1rem;
    height: 12px;
    background-color: #f0f6ff;
    border-radius: .5rem
}

.vip-lvl-col .vip-lvl-md ul {
    list-style-type: none;
    padding-left: unset;
    display: flex
}

.vip-lvl-col .vip-lvl-md ul li {
    position: relative;
    height: 12px;
    flex: 1 1
}

.vip-lvl-col .vip-lvl-md ul li.active span {
    top: -42px;
    width: 38px;
    height: 38px;
    line-height: 3;
    text-align: center;
    color: #fff;
    background: url(/static/media/cloud-pointer.654a8227.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none
}

.vip-lvl-col .vip-lvl-md ul li span {
    position: absolute;
    top: -25px;
    right: -15px;
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.vip-lvl-col .vip-lvl-md ul li span:hover {
    opacity: .75
}

.vip-lvl-col .vip-lvl-md .vip-lvl-progress-bar {
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease-in-out;
    border-radius: .5rem;
    background: linear-gradient(90deg,#5da9fe,#3e73fa);
    box-shadow: 0 3px 5px rgba(107,123,168,.25)
}

.vip-lvl-col .vip-lvl-bt {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem
}

.vip-lvl-col .vip-lvl-bt .h6,.vip-lvl-col .vip-lvl-bt h6 {
    font-weight: 400;
    color: #4a89fc;
    margin: 0
}

.vip-lvl-col .vip-lvl-bt .vip-lvl-deposit,.vip-lvl-col .vip-lvl-bt .vip-lvl-turnover {
    display: flex;
    align-items: center
}

.vip-lvl-col .vip-lvl-bt .vip-lvl-deposit .progress-bar,.vip-lvl-col .vip-lvl-bt .vip-lvl-turnover .progress-bar {
    position: relative;
    height: 8px;
    width: 35%;
    background-color: #f0f6ff;
    margin: 0 1rem
}

.vip-lvl-col .vip-lvl-bt .vip-lvl-deposit .progress-bar span,.vip-lvl-col .vip-lvl-bt .vip-lvl-turnover .progress-bar span {
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .5rem;
    background: linear-gradient(90deg,#5da9fe,#3e73fa);
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    transition: all .5s ease-in-out
}

.vip-lvl-col .vip-lvl-bt .vip-lvl-deposit p:first-child,.vip-lvl-col .vip-lvl-bt .vip-lvl-turnover p:first-child {
    min-width: 70px
}

.vip-lvl-col .vip-lvl-bt .vip-lvl-deposit p:last-child,.vip-lvl-col .vip-lvl-bt .vip-lvl-turnover p:last-child {
    color: #4a89fc
}

.vip-exclusive-col .col-5ths {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    text-align: center
}

.vip-exclusive-col .col-5ths img {
    max-width: 75px;
    width: 100%
}

.vip-exclusive-col .col-5ths p {
    font-size: .75rem;
    margin-bottom: .5rem!important
}

.vip-exclusive-col .col-5ths p .small,.vip-exclusive-col .col-5ths p small {
    display: block
}

.vip-exclusive-col .col-5ths p .small .number,.vip-exclusive-col .col-5ths p small .number {
    color: #4a89fc
}

.vip-exclusive-col .col-5ths .btn-outline-blue {
    height: 1.5625rem;
    min-width: unset;
    line-height: 0;
    margin-top: auto;
    border-radius: .9375rem
}

.vip-exclusive-col .col-5ths .btn-outline-blue:hover {
    color: #fff;
    background: linear-gradient(90deg,#5da9fe,#3e73fa)
}

.vip-offer-col .row .col-5ths {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.vip-offer-col .row .col-5ths:not(:last-child) {
    border-right: 1px solid #becaec
}

.vip-offer-col .row .col-5ths .h5,.vip-offer-col .row .col-5ths h5 {
    color: #4a89fc;
    font-size: .875rem
}

.vip-offer-col .row .col-5ths p {
    margin-top: 1rem;
    font-size: 1rem;
    color: #414755
}

.vip-offer-col .row .col-5ths p .small,.vip-offer-col .row .col-5ths p small {
    display: block
}

.vip-offer-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.75rem;
    background: #f0f6ff;
    border-radius: 50%
}

.vip-offer-img img {
    max-width: 3.75rem;
    width: 100%;
    height: auto
}

.ve-m-container {
    color: #6b7ba8
}

.ve-m-container .ve-m-header {
    width: 100%;
    height: auto;
    background-image: url(/static/media/header-bg.532ffaa3.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.ve-m-container .ve-m-header .pi-m-info {
    width: 100%;
    height: auto;
    padding: 0 1rem;
    justify-content: space-between
}

.ve-m-container .ve-m-header .pi-m-info .user-info {
    width: 80%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 0
}

.ve-m-container .ve-m-header .dt-container {
    padding: 0 1rem
}

.ve-m-container .ve-m-header .dt-container .dt-amount {
    display: flex;
    margin-top: 1rem
}

.ve-m-container .ve-m-header .dt-container .dt-amount .deposit,.ve-m-container .ve-m-header .dt-container .dt-amount .turnover {
    width: 5.625rem;
    height: auto;
    color: #414755
}

.ve-m-container .ve-m-header .dt-container .dt-amount .progress .back,.ve-m-container .ve-m-header .dt-container .dt-amount .progress .front {
    justify-content: center
}

.ve-m-container .ve-m-header .dt-container .dt-amount .progress .back {
    background: linear-gradient(90deg,#3e73fa 10%,#5da9fe)
}

.ve-m-container .ve-m-header .dt-container .dt-amount .progress .front {
    color: #4a89fc
}

.ve-m-container .ve-m-header .slick-container .slick-track {
    padding-bottom: 1rem
}

.ve-m-container .ve-m-header .slick-container .slick-track .slick-slide {
    padding: 0 .5rem
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card {
    position: relative
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .card-shadow {
    border-radius: .625rem
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-state {
    position: absolute;
    top: 0;
    left: 0;
    padding: .25rem .75rem;
    border-top-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
    font-size: .75rem;
    color: #f0f6ff;
    background: linear-gradient(90deg,#abb8d6,#8b9ccb)
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-state.current {
    background: linear-gradient(90deg,#ddc186,#bc9f65)
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-logo {
    width: 100%;
    max-width: 5.625rem;
    height: auto;
    position: absolute;
    top: 0;
    right: 1rem;
    z-index: 1
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-content-container {
    width: 100%;
    height: auto;
    position: absolute;
    top: 12%;
    left: 0
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-content-container .vip-content {
    padding: .5rem 2rem;
    margin-right: 3rem;
    font-size: .75rem
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-content-container .vip-content span {
    color: #414755
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-content-container .vip-content .h1,.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-content-container .vip-content h1 {
    font-size: 1.875rem;
    margin: 0
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-content-container .vip-notice {
    width: 100%;
    height: auto;
    background: linear-gradient(90deg,#abb8d6,#becaec);
    padding: .5rem 2rem;
    font-size: .63rem
}

.ve-m-container .ve-m-header .slick-container .ve-vip-card .vip-content-container .vip-notice span {
    color: #414755
}

.ve-m-container .ve-m-content .my-detail,.ve-m-container .ve-m-content .my-ve {
    padding: 1rem;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    color: #414755
}

.ve-m-container .ve-m-content .my-detail .row .col-6,.ve-m-container .ve-m-content .my-ve .row .col-6 {
    display: flex;
    align-items: flex-start
}

.ve-m-container .ve-m-content .my-detail .h5,.ve-m-container .ve-m-content .my-detail h5,.ve-m-container .ve-m-content .my-ve .h5,.ve-m-container .ve-m-content .my-ve h5 {
    margin-bottom: 1.5rem
}

.ve-m-container .ve-m-content .my-ve .row .col-6 img {
    min-width: 3.4375rem;
    height: auto
}

.ve-m-container .ve-m-content .my-ve .row .col-6 div p {
    font-size: 1.125rem
}

.ve-m-container .ve-m-content .my-ve .row .col-6 div .exclusive {
    font-size: .75rem;
    color: #6b7ba8
}

.ve-m-container .ve-m-content .my-ve .row .col-6 div .exclusive .number {
    color: #4a89fc
}

.ve-m-container .ve-m-content .my-ve .row .col-6 .btn {
    min-width: 3.25rem;
    height: 1.5rem;
    font-size: .63rem;
    padding: 0 .5rem;
    border-radius: 1rem;
    margin-top: .25rem
}

.ve-m-container .ve-m-content .my-detail .col-6 .vip-offer-img {
    width: 2.5rem;
    padding: 0;
    margin: 0
}

.ve-m-container .ve-m-content .my-detail .col-6 div {
    width: 70%;
    display: flex;
    flex-direction: column;
    margin-left: .5rem
}

.ve-m-container .ve-m-content .my-detail .col-6 div p {
    font-size: .75rem;
    color: #4a89fc
}

.ve-m-container .ve-m-content .my-detail .col-6 div .number {
    font-size: 1.125rem;
    color: #414755
}

.ve-m-container .progress {
    width: 100%;
    height: 1.25rem;
    position: relative;
    background: #fff;
    border-radius: .75rem
}

.ve-m-container .progress .back,.ve-m-container .progress .front {
    width: 100%;
    height: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5rem;
    font-weight: 600
}

.ve-m-container .progress .front {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    color: #bc9f65;
    transition: -webkit-clip-path 1s linear;
    transition: clip-path 1s linear;
    transition: clip-path 1s linear,-webkit-clip-path 1s linear
}

.ve-m-container .progress .back {
    background: linear-gradient(90deg,#bc9f65 10%,#ddc186);
    color: #fff
}

.my-wallet-modal {
    padding: 1rem
}

.my-wallet-modal .modal-header {
    padding: 0
}

.my-wallet-modal .modal-header .h5,.my-wallet-modal .modal-header h5 {
    color: #414755!important;
    margin: 0
}

.my-wallet-modal .modal-body {
    padding: 0
}

.my-wallet-modal .modal-body .h6,.my-wallet-modal .modal-body h6 {
    color: #414755;
    font-weight: 600
}

.my-wallet-modal .modal-body .my-wallet-modal-content {
    padding-left: 1rem;
    margin-bottom: 0;
    height: 16rem;
    overflow: auto
}

.my-wallet-modal .modal-body .my-wallet-modal-content li {
    margin-bottom: 1rem
}

.my-wallet-modal .modal-body .btn-gradient-blue {
    min-width: 16rem;
    display: block;
    margin: 0 auto
}

.my-wallet-col .row .col-6 .my-wallet-content {
    height: 100%;
    display: flex;
    padding: 1rem;
    border: 1px solid #becaec;
    border-radius: .5rem
}

.my-wallet-col .row .col-6 .my-wallet-content .coin-container,.my-wallet-col .row .col-6 .my-wallet-content .interest-container,.my-wallet-col .row .col-6 .my-wallet-content .wallet-container {
    width: 60%;
    display: flex;
    align-items: center
}

.my-wallet-col .row .col-6 .my-wallet-content .coin-container img,.my-wallet-col .row .col-6 .my-wallet-content .coin-container svg,.my-wallet-col .row .col-6 .my-wallet-content .interest-container img,.my-wallet-col .row .col-6 .my-wallet-content .interest-container svg,.my-wallet-col .row .col-6 .my-wallet-content .wallet-container img,.my-wallet-col .row .col-6 .my-wallet-content .wallet-container svg {
    margin-right: 7px
}

.my-wallet-col .row .col-6 .my-wallet-content .coin-container p,.my-wallet-col .row .col-6 .my-wallet-content .interest-container p,.my-wallet-col .row .col-6 .my-wallet-content .wallet-container p {
    color: #414755;
    font-weight: 500
}

.my-wallet-col .row .col-6 .my-wallet-content .coin-container p span,.my-wallet-col .row .col-6 .my-wallet-content .interest-container p span,.my-wallet-col .row .col-6 .my-wallet-content .wallet-container p span {
    font-size: 1.25rem;
    word-break: break-all
}

.my-wallet-col .row .col-6 .my-wallet-content .coin-container svg {
    border: .0625rem solid #becaec;
    border-radius: 1rem;
    width: 2rem;
    height: auto;
    color: #becaec;
    cursor: pointer
}

.my-wallet-col .row .col-6 .my-wallet-content .interest-container {
    width: 40%;
    flex-direction: column;
    border-left: .0625rem solid #becaec
}

.my-wallet-col .row .col-6 .my-wallet-content .interest-container span {
    color: #04be02
}

.my-wallet-col .row .col-6:nth-child(2)>a {
    display: block;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: .5rem;
    overflow: hidden
}

.my-wallet-col .row .col-6:nth-child(2)>a:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.my-wallet-col .row .col-6:nth-child(2)>a img {
    width: 100%;
    height: auto
}

.fd-col .nav-tabs {
    border-bottom: .0625rem solid #becaec
}

.fd-col .nav-tabs .nav-item:nth-child(n+1):not(:last-child) {
    margin-right: 1rem
}

.fd-col .nav-tabs .nav-item .nav-link {
    color: #414755;
    font-weight: 600;
    outline: 0;
    border: 0;
    padding-left: 0;
    padding-right: 0
}

.fd-col .nav-tabs .nav-item .nav-link.active {
    color: #4a89fc;
    border: 0;
    border-bottom: .125rem solid #4a89fc
}

.add-more-col {
    height: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.add-more-col.show {
    height: auto;
    opacity: 1;
    overflow: unset
}

.add-more-col .add-more-headers {
    font-size: .75rem;
    font-weight: 600;
    color: #414755;
    background-color: #f6faff;
    padding: 0 1rem;
    height: 50px;
    line-height: 50px
}

.pf-m-dashboard .my-m-col {
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    padding: 0 1rem
}

.pf-m-dashboard .my-m-col .mw-m-balance {
    text-align: center;
    padding: 1rem 0
}

.pf-m-dashboard .my-m-col .mw-m-balance p {
    font-size: 1rem
}

.pf-m-dashboard .my-m-col .mw-m-balance .number {
    color: #414755;
    font-size: 1.25rem
}

.pf-m-dashboard .my-m-col .mw-m-balance .interest-container {
    display: flex;
    margin-top: 1rem;
    align-items: center
}

.pf-m-dashboard .my-m-col .mw-m-balance .interest-container p {
    width: 50%;
    color: #414755
}

.pf-m-dashboard .my-m-col .mw-m-balance .interest-container .number {
    color: #04be02
}

.pf-m-dashboard .my-m-col .mw-m-balance .interest-container .number span {
    color: #414755;
    font-size: .875rem
}

.pf-m-dashboard .my-m-col .coin-earning {
    border-top: 1px solid #abb8d6;
    padding: 1rem
}

.pf-m-dashboard .my-m-col .coin-earning .number {
    font-size: 1.125rem
}

.pf-m-dashboard .my-m-btm-col {
    display: flex;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.pf-m-dashboard .my-m-btm-col .my-m-btm-link {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    font-size: .875rem;
    color: #6b7ba8
}

.pf-m-dashboard .my-m-btm-col .my-m-btm-link:first-child {
    border-right: 1px solid #abb8d6
}

.pf-m-dashboard .my-m-btm-col .my-m-btm-link img {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .4375rem
}

.pf-m-dashboard .fd-col {
    height: 100%
}

.pf-m-dashboard .fd-col .bank-list-group {
    display: block;
    height: 100%
}

.mobile-view .bank-list-group .pd-table thead {
    display: none
}

.my-bd-m-col {
    display: flex;
    align-items: center
}

.my-bd-m-col .my-bd-m-acc {
    font-size: .875rem;
    text-align: left
}

.mall-promos-col .col-6>a {
    display: block;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: .5rem;
    overflow: hidden
}

.mall-promos-col .col-6>a:hover {
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.mall-promos-col .col-6>a img {
    width: 100%;
    height: auto
}

.x33mall .x33mall-banner {
    width: 100%;
    height: 18rem;
    object-fit: cover;
    object-position: center;
    position: relative;
    border-radius: 1rem;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.x33mall .filters-col {
    margin-top: 0
}

.x33mall .filters-col .nav-item:nth-child(n+1):not(:last-child) {
    margin-right: 2rem
}

.x33mall .filters-col .nav-item img {
    margin-right: .5rem
}

.x33mall .filter-body {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.x33mall .filter-body .reset-btn {
    display: unset!important
}

.x33mall .filter-body .btn {
    width: 11rem
}

.x33mall .filter-body .btn.active {
    color: #3e73fa
}

.x33mall .filter-body .filter-content {
    width: 20rem
}

.x33mall .filter-body .filter-content .h6,.x33mall .filter-body .filter-content h6 {
    margin-bottom: .5rem
}

.x33mall .filter-body .input-range {
    width: 90%;
    margin-left: .5rem
}

.x33mall .filter-body .input-range .input-range__slider,.x33mall .filter-body .input-range .input-range__track--active {
    background: linear-gradient(90deg,#5da9fe,#3e73fa);
    border: unset
}

.x33mall .filter-body .input-range .input-range__label--max,.x33mall .filter-body .input-range .input-range__label--min {
    display: none
}

.x33mall .filter-body .input-range .input-range__track {
    height: .5rem
}

.x33mall .filter-body .input-range .input-range__slider {
    height: .8rem;
    width: .8rem;
    margin-top: -.6rem
}

.x33mall .filter-body .input-range .input-range__label-container {
    font-size: .75rem
}

.x33mall .filter-body .input-range .input-range__label-container:before {
    content: "";
    background-image: url(/static/media/coin.a0c1eeb3.svg);
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    float: left;
    background-size: 1rem
}

.x33mall .filter-body .input-range .input-range__label--value {
    top: .5rem;
    font-family: "AdihausDIN","Poppins","Noto Serif SC",sans-serif;
    color: #000
}

.x33mall .product-title {
    display: inline-flex;
    justify-content: space-between
}

.x33mall .product-title p svg {
    color: #3e73fa;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .3rem
}

.x33mall .product-title p .notify-red-dot {
    top: .8rem;
    right: 2%;
    border: unset;
    height: 1rem;
    width: 1rem
}

.x33mall .product-title p .notify-red-dot .small,.x33mall .product-title p .notify-red-dot small {
    color: #fff;
    position: absolute;
    top: 0;
    right: .25rem
}

.x33mall .product-body {
    text-align: center;
    background: linear-gradient(#fff,#f0f6ff);
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    border-radius: .5rem;
    margin-bottom: 1rem
}

.x33mall .product-body:hover {
    color: #4a89fc;
    box-shadow: 0 0 0 .25rem rgba(74,137,252,.25)
}

.x33mall .product-body .product-cont {
    padding: 1rem;
    cursor: pointer
}

.x33mall .product-body .product-cont p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 1rem!important
}

.x33mall .product-body .product-cont img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.x33mall .product-body .product-details {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: .5rem 1rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    align-items: center
}

.x33mall .product-body .product-details .product-coin {
    width: 1.25rem;
    margin-right: .2rem
}

.x33mall .product-body p {
    text-align: left
}

.x33mall.checkout .table .product-img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.x33mall.checkout .table .product-coin {
    margin-right: .5rem
}

.x33mall.checkout .table.cart tr td:nth-child(2) img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.x33mall.checkout .table.cart td input {
    width: 1rem;
    height: 1rem
}

.x33mall.checkout .delete-icon {
    width: .9375rem
}

.x33mall.checkout .btn-gradient-blue {
    width: 9.375rem
}

.x33mall.checkout .select-phone-ck {
    width: 11rem
}

.x33mall.checkout .ck-title {
    background-color: #f6faff;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-top: 2rem
}

.x33mall.checkout .ck-title .h6,.x33mall.checkout .ck-title h6 {
    margin-bottom: 0;
    font-size: .75rem
}

.x33mall.checkout .no-records-cont {
    margin: 10rem
}

.x33mall.checkout .no-records-cont .no-records img {
    max-width: 25rem
}

.x33mall.checkout .no-records-cont .btn-gradient-blue {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto 0
}

.x33mall.checkout .submit-btn {
    width: 15rem;
    display: inline-grid;
    align-items: center
}

.x33mall.cart .input-group-col {
    margin-bottom: 10rem
}

.x33mall .fav-btn img {
    width: 1.5625rem
}

.x33mall .count-btn {
    border: .0625rem solid #cbced8;
    padding: 0 .5rem;
    margin: 1rem 0;
    border-radius: unset
}

.x33mall .count-btn:focus {
    box-shadow: unset
}

.x33mall .count-btn.left {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.x33mall .count-btn.center {
    border-left: unset;
    border-right: unset;
    border-radius: unset
}

.x33mall .count-btn.right {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.x33mall .f-orange {
    color: #ffaa09;
    display: inline-flex;
    align-items: center
}

.x33mall .f-orange .product-coin {
    width: 1.5rem;
    height: 1.5rem
}

.x33mall .fav-btn {
    border: 0;
    background-color: unset
}

.x33mall .modal-content {
    border: unset
}

.x33mall .modal-header {
    background: linear-gradient(#fff,#f0f6ff);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.x33mall .modal-title {
    color: #000!important;
    font-weight: 400!important;
    display: inline-flex
}

.x33mall .modal-title img {
    margin-right: .5rem;
    width: 1rem;
    height: auto
}

.x33mall .modal-body {
    background-color: #fff;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    flex-direction: row!important;
    align-items: flex-start!important;
    display: flex!important
}

.x33mall .modal-body .modal-body-cont {
    width: 50%;
    padding: 0 .5rem;
    display: grid
}

.x33mall .modal-body .modal-body-cont.border-left {
    border-left: .125rem solid rgba(171,184,214,.3)
}

.x33mall .modal-body .modal-body-cont .btn-gradient-blue {
    margin-bottom: .5rem
}

.x33mall .modal-body .modal-body-cont .product-broder {
    margin: 2rem
}

.x33mall .modal-body .modal-body-cont .product-img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.x33mall .modal-body .modal-body-cont .details-cont {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end
}

.x33mall .modal-body .modal-body-cont .details-cont .small,.x33mall .modal-body .modal-body-cont .details-cont small {
    line-height: 2
}

.x33mall .modal-body .modal-body-cont .product-tnc {
    font-size: .63rem;
    overflow-y: scroll;
    height: 100px;
    padding-right: .5rem
}

.x33mall .modal-body .modal-body-cont .product-tnc::-webkit-scrollbar-thumb {
    border-radius: 1.25rem
}

.x33mall .modal-body .modal-body-cont .product-tnc::-webkit-scrollbar {
    width: .1875rem
}

.x33mall .modal-body .f-red {
    color: #ea4e3d
}

.x33mall .modal-body .product-coin {
    width: 1rem;
    height: auto;
    margin-bottom: .2rem;
    margin-right: .1rem
}

.x33mall .feedback {
    font-size: .75rem;
    color: #ea4e3d;
    text-align: center
}

.select-page-modal .h5,.select-page-modal h5 {
    color: #000;
    text-align: center;
    padding-top: 1rem;
    font-weight: 600
}

.select-page-modal .modal-dialog {
    width: 18.75rem
}

.select-page-modal .modal-dialog ul {
    padding-left: 0
}

.select-page-modal .modal-dialog ul .btn-outline-blue {
    text-align: left;
    width: 100%;
    margin-bottom: .5rem
}

.select-page-modal .modal-dialog ul .btn-outline-blue.active {
    color: #fff;
    background-color: #4a89fc
}

.select-page-modal .modal-dialog ul .btn-outline-blue .game-icon {
    width: 1.5625rem
}

.select-page-modal .back-btn,.select-page-modal .btn-gradient-blue {
    width: 80%;
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-address-form .modal-footer {
    border-top: 0
}

.modal-address-form .btn-gradient-blue {
    width: 12.5rem;
    margin: 0 auto
}

.mobile-view .x33mall .x33mall-header {
    position: relative
}

.mobile-view .x33mall .x33mall-header:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(data:image/jpeg;base64,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);
    background-size: 100%;
    background-repeat: no-repeat
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount {
    padding: 1rem
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount img {
    width: 100%;
    height: auto
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount .amount {
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .3rem
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount .amount .left {
    display: flex;
    align-items: center
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount .amount .left svg {
    zoom:1.5;color: #becaec
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount .amount .right {
    width: 1.3rem;
    position: relative
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount .amount .right .notify-red-dot {
    top: -10%;
    right: -30%
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount .amount .number {
    color: #444c64
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount .earning {
    font-size: .75rem
}

.mobile-view .x33mall .x33mall-header .xmall-m-amount .earning .number {
    color: #04be02
}

.mobile-view .x33mall .pf-fade-col .pd-card-col {
    padding: .75rem;
    border-radius: .5rem
}

.mobile-view .x33mall .pf-fade-col .pd-card-col .product-body p {
    font-size: .75rem
}

.mobile-view .x33mall .pf-fade-col .pd-card-col .product-body .product-cont {
    padding: .5rem
}

.mobile-view .x33mall .pf-fade-col .pd-card-col .product-body .product-cont p {
    margin-bottom: .5rem!important
}

.mobile-view .x33mall .pf-fade-col .pd-card-col .product-body .product-details {
    padding: .5rem
}

.mobile-view .x33mall .pf-fade-col .pd-card-col .product-body .product-details .fav-btn {
    width: 1.2rem;
    height: 1.2rem
}

.mobile-view .x33mall .x3m-m-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

.mobile-view .x33mall .x3m-m-filter .btn-m-filter {
    border: 3px solid #abb8d6;
    border-radius: 1rem;
    width: 6rem;
    padding: .3rem;
    font-size: .75rem
}

.mobile-view .x33mall .x3m-m-filter .btn-m-filter.active {
    border-color: #4a89fc;
    color: #4a89fc
}

.mobile-view .x33mall .filter-body {
    align-items: center;
    margin-bottom: 2rem
}

.mobile-view .x33mall .filter-body img {
    width: 1.4rem;
    height: 1.4rem
}

.mobile-view .x33mall .filter-body .btn-success {
    width: 5rem;
    height: 2rem;
    border-radius: 2rem;
    background-color: #04be02;
    border-color: #04be02
}

.mobile-view .x33mall .details-title {
    font-size: .875rem
}

.mobile-view .x33mall .product-broder {
    border-radius: .5rem;
    border: 1px solid #becaec;
    margin: 0!important;
    background: linear-gradient(180deg,hsla(0,0%,100%,.95),rgba(214,227,246,.95));
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    width: 5rem;
    text-align: center;
    padding: .5rem
}

.mobile-view .x33mall .product-broder .product-img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.mobile-view .x33mall .accordion {
    margin-top: .5rem
}

.mobile-view .x33mall .accordion .accordion-body {
    padding: .5rem 0
}

.mobile-view .x33mall .accordion .accordion-item {
    border: unset
}

.mobile-view .x33mall .accordion .accordion-button {
    padding: 1rem 1rem 0;
    display: flex;
    justify-content: center
}

.mobile-view .x33mall .accordion .accordion-button:after {
    margin-left: .3rem;
    width: 1rem;
    height: 1rem;
    background-size: 1rem
}

.mobile-view .x33mall .accordion .accordion-button:not(.collapsed) {
    background-color: unset;
    box-shadow: unset;
    padding: 1rem 1rem 0
}

.mobile-view .x33mall .accordion .accordion-button:focus {
    box-shadow: unset
}

.mobile-view .checkout .select-phone-ck {
    width: 10rem
}

.mobile-view .checkout .select-phone-ck .react-select__control {
    border: unset!important
}

.mobile-view .checkout .select-phone-ck .react-select__control .react-select__value-container {
    padding: 0
}

.mobile-view .checkout .select-phone-ck .react-select__control .react-select__single-value img {
    margin-right: .2rem
}

.mobile-view .checkout .form-check {
    width: 100%
}

.mobile-view .checkout .form-check-label {
    height: unset
}

.mobile-view .checkout .form-check-label:not(.wdrawal-add-bank) {
    min-height: 3.125rem
}

.mobile-view .checkout .form-check-label:not(.wdrawal-add-bank)>* {
    flex: unset
}

.mobile-view .checkout .form-check-label:not(.wdrawal-add-bank)>:first-child {
    display: unset!important;
    align-items: center;
    padding-right: 1rem
}

.mobile-view .checkout .btn-gradient-blue {
    width: unset
}

.mobile-view .checkout .checkout-product:not(:last-child):after {
    content: "";
    display: block;
    left: 0;
    right: 0;
    border-top: .125rem solid #f0f6ff;
    margin: .5rem auto
}

.mobile-view .checkout .checkout-product .details-cont p {
    color: #000
}

.mobile-view .checkout .f-orange {
    font-size: 1rem
}

.mobile-view .checkout .mall-fade-col {
    position: fixed;
    bottom: 0;
    width: 100%
}

.mobile-view .checkout .mall-fade-col .mall-fade-body {
    background: linear-gradient(180deg,#fff,#d6e3f6)
}

.mobile-view .checkout .mall-fade-col .mall-fade-cont {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    border-top: .0625rem solid #becaec
}

.mobile-view .x33mall-track .mall-track-head {
    padding: 1rem 1rem 1rem 0;
    background: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom: 1px solid #becaec
}

.mobile-view .x33mall-track .mall-track-title label {
    width: unset
}

.mobile-view .x33mall-track .right {
    padding: 0 3.5rem
}

.mobile-view .x33mall-track .right .vip-lvl-col .vip-lvl-md {
    margin: 2rem 0
}

.mobile-view .x33mall-track .right .vip-lvl-col .track-details-r {
    width: 16rem!important
}

.rh-tp-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #becaec
}

.rh-tp-panel .nav-link {
    border: unset;
    color: #444c64
}

.rh-tp-panel .nav-link.active {
    display: inline-block;
    color: #4a89fc;
    border-bottom: 2px solid #4a89fc;
    padding-bottom: .5rem;
    margin-top: auto
}

.rh-tp-panel>div {
    display: flex;
    max-width: 70%;
    padding-bottom: .5rem
}

.rh-tp-panel>div p {
    font-size: .75rem
}

.rh-tp-panel>div img {
    margin-right: 7px
}

.pd-card-col .pd-table.rh-pd-table {
    border-collapse: initial;
    border-spacing: 0;
    width: 100%
}

.pd-card-col .pd-table .rdp-his-body {
    position: relative;
    margin-bottom: 1rem;
    display: table;
    width: 100%;
    border-radius: .5rem;
    border: .0625rem solid #becaec
}

.pd-card-col .pd-table .rdp-his-body.active .input-group-text,.pd-card-col .pd-table .rdp-his-body.active label,.pd-card-col .pd-table .rdp-his-body.pending .input-group-text,.pd-card-col .pd-table .rdp-his-body.pending label {
    display: none
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-title {
    background: linear-gradient(#fff,#f0f6ff)
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-title td {
    border-bottom: unset;
    border-top: .0625rem solid #becaec;
    text-align: unset
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-title td:first-child {
    border-top-left-radius: .5rem
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-title td:last-child {
    border-top-right-radius: .5rem
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-content {
    border-top: unset
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-content td {
    width: 25%;
    border-bottom: unset;
    text-align: unset;
    white-space: break-spaces
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-content td .h6,.pd-card-col .pd-table .rdp-his-body .rdp-his-content td h6 {
    font-weight: 500
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-content td .mall-track-title {
    display: inline-flex
}

.pd-card-col .pd-table .rdp-his-body .rdp-his-content td .mall-track-title p {
    margin-top: .25rem;
    line-height: 1.5;
    width: calc(100% - 2rem)
}

.pd-card-col .pd-table .rdp-his-body .product-img {
    width: 3.5rem;
    height: auto;
    margin-right: 1rem
}

.pd-card-col .pd-table .rdp-his-body .product-coin {
    width: 1.5rem;
    margin-right: .3rem;
    margin-bottom: .2rem
}

.pd-card-col .pd-table .rdp-his-body .icon-img {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem
}

.pd-card-col .active,.pd-m-card-col .active {
    color: #04be02
}

.pd-card-col .pending,.pd-m-card-col .pending {
    color: #ffaa09
}

.pd-card-col .deactive,.pd-card-col .interest-tnc>p,.pd-m-card-col .deactive,.pd-m-card-col .interest-tnc>p {
    color: #ea4e3d
}

.mobile-view .pd-m-card-col {
    box-shadow: unset
}

.mobile-view .pd-m-card-col:not(.white) {
    background-color: unset
}

.mobile-view .pd-m-card-col .rh-m-pd-card {
    background-color: #fff;
    padding: 1rem
}

.mobile-view .pd-m-card-col .rh-m-pd-card:not(:last-child) {
    margin-bottom: 1rem
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-tp-panel {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-tp-panel svg {
    margin-right: .5rem
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-tp-panel p {
    font-size: .75rem
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-md-panel {
    display: flex;
    align-items: center
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-md-panel .rh-m-md-img {
    border-radius: .5rem;
    background: linear-gradient(180deg,#fff,#f0f6ff);
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.5);
    width: 4rem;
    padding: .5rem
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-md-panel .rh-m-md-img img {
    width: 3rem;
    height: 3rem;
    object-fit: contain
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-md-panel .rh-m-md-content {
    margin-left: 1rem
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-btm-panel {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-btm-panel .rh-m-btm-status {
    display: flex;
    align-items: center;
    width: 65%
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-btm-panel .rh-m-btm-status p {
    font-size: .75rem;
    padding-right: .5rem;
    width: calc(100% - 2rem)
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-btm-panel .rh-m-btm-status svg {
    margin-right: .5rem
}

.mobile-view .pd-m-card-col .rh-m-pd-card .rh-m-btm-panel button {
    width: 35%
}

.ep-modal .modal-dialog {
    max-width: 1200px
}

.ep-modal .modal-dialog .ep-address {
    width: 100%
}

.ep-modal .modal-dialog .ep-address .modal-content {
    background-image: unset;
    background-color: unset
}

.ep-modal .modal-dialog .ep-address .modal-content .pd-card-col {
    background: #f6faff
}

.ep-modal .modal-dialog .ep-address .modal-content .pd-card-col .pd-table tbody,.ep-modal .modal-dialog .ep-address .modal-content .pd-card-col .pd-table thead tr,.ep-modal .modal-dialog .ep-address .modal-content .pd-card-col .wdrawal-add-bank {
    background: #fff
}

.ep-modal .modal-dialog .ep-address .modal-content .pd-card-col .react-select__single-value .btn {
    display: none
}

.msg-tabs-col {
    margin-bottom: -1.25rem
}

.msg-tabs-col .nav-tabs {
    border-bottom: 0
}

.msg-tabs-col .nav-tabs .nav-item .nav-link {
    position: relative;
    color: #414755;
    background: transparent;
    font-weight: 600;
    border: 0;
    border-bottom: .1875rem solid transparent;
    transition: all .3s ease-in-out
}

.msg-tabs-col .nav-tabs .nav-item .nav-link:hover {
    text-decoration: none;
    color: #abb8d6
}

.msg-tabs-col .nav-tabs .nav-item .nav-link:focus {
    outline: 0
}

.msg-tabs-col .nav-tabs .nav-item .nav-link.active {
    color: #4a89fc;
    border-bottom: .1875rem solid #4a89fc
}

.msg-tabs-content,.msg-tabs-content .tab-content,.msg-tabs-content .tab-content .tab-pane {
    height: inherit
}

.msg-list-col,.msg-list-col .msg-list {
    display: flex;
    flex-direction: column;
    height: 100%
}

.msg-list-col .msg-list {
    margin-top: .5rem
}

.msg-list-col .msg-list .msg-list-group {
    padding: 0;
    border: 0;
    box-shadow: none
}

.msg-list-col .msg-list .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-color: #becaec;
    cursor: pointer;
    transition: background-color .3s ease-in-out
}

.msg-list-col .msg-list .list-group-item:hover {
    background-color: #f6faff
}

.msg-list-col .msg-list .list-group-item .msg-icon-col {
    position: relative
}

.msg-list-col .msg-list .list-group-item .msg-icon-col img {
    width: 2rem;
    height: 2rem
}

.msg-list-col .msg-list .list-group-item .msg-icon-col .notify-red-dot {
    right: -20%
}

.msg-list-col .msg-list .list-group-item .h6>span,.msg-list-col .msg-list .list-group-item h6>span {
    white-space: nowrap
}

.msg-list-col .msg-list .list-group-item .h6>span,.msg-list-col .msg-list .list-group-item h6>span,.msg-list-col .msg-list .list-group-item p,.msg-list-col .msg-list .list-group-item span {
    font-size: .75rem;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.msg-list-col .msg-list .list-group-item .h6,.msg-list-col .msg-list .list-group-item h6 {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    width: 30%;
    line-height: 1
}

.msg-list-col .msg-list .list-group-item p {
    color: #6b7ba8;
    width: 50%
}

.msg-list-col .msg-list .list-group-item>span:not(h6):not(.h6) {
    color: #abb8d6
}

.msg-edit-col .msg-edit-panel {
    display: inline-flex
}

.msg-edit-col .msg-edit-panel.left {
    float: left
}

.msg-edit-col .msg-edit-panel.right {
    float: right
}

.msg-edit-col .msg-edit-panel>:not(:last-child) {
    margin-right: 1rem
}

.msg-edit-col .msg-edit-panel .form-check {
    align-self: center;
    margin-bottom: 0
}

.msg-edit-col .msg-edit-panel .btn.text-icon {
    font-size: .75rem;
    font-weight: 400
}

.msg-edit-col .msg-edit-panel .btn.text-icon:disabled,.msg-edit-col .msg-edit-panel .btn.text-icon[disabled] {
    color: #abb8d6
}

.msg-edit-col .msg-edit-panel .btn.text-icon img,.msg-edit-col .msg-edit-panel .btn.text-icon svg {
    width: 20px;
    height: auto
}

.msg-inner-col .msg-inner-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 1rem;
    border-bottom: 1px solid #becaec
}

.msg-inner-col .msg-inner-header .msg-inner-title {
    width: 80%
}

.msg-inner-col .msg-inner-header .msg-inner-title .h5,.msg-inner-col .msg-inner-header .msg-inner-title h5 {
    color: #414755;
    margin-bottom: 0
}

.msg-inner-col .msg-inner-header .msg-inner-title p {
    margin-top: .5rem;
    color: #abb8d6
}

.msg-inner-col .msg-inner-header button {
    display: inline-block
}

.msg-inner-col .msg-inner-content {
    margin: 1rem 0
}

.msg-inner-col .msg-inner-content p {
    line-height: 2
}

.msg-inner-col.feedback .msg-inner-header {
    align-items: center
}

.msg-inner-col.feedback .msg-inner-header .msg-inner-title {
    display: flex;
    align-items: center
}

.msg-inner-col.feedback .msg-inner-header .msg-inner-title img {
    width: 35px;
    height: 35px;
    margin-right: 1.25rem
}

.msg-inner-col.feedback .msg-inner-content {
    margin: 0
}

.msg-inner-col.feedback .msg-inner-content .list-group .list-group-item {
    display: flex;
    justify-content: space-between;
    max-width: 850px;
    padding: .75rem 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-color: #becaec
}

.msg-inner-col.feedback .msg-inner-content .list-group .list-group-item img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
    margin-top: 7px;
    margin-right: 1.25rem
}

.msg-inner-col.feedback .msg-inner-content .list-group .list-group-item p {
    color: #6b7ba8;
    margin-bottom: 1rem!important
}

.msg-inner-col.feedback .msg-inner-content .list-group .list-group-item span {
    color: #abb8d6
}

.checkbox-m-message {
    display: flex;
    flex-direction: column;
    width: 90%;
    padding-left: .5rem
}

.checkbox-m-message .message-m-content {
    display: flex;
    justify-content: space-between
}

.checkbox-m-message p {
    padding-left: .5rem;
    width: 90%
}

.pf-m-dashboard .msg-tabs-col {
    margin-bottom: unset;
    background-color: #fff;
    padding: 0 1rem
}

.pf-m-dashboard .msg-tabs-col .nav-tabs {
    justify-content: space-between
}

.pf-m-dashboard .msg-tabs-col .nav-tabs .nav-item {
    flex: 1 1
}

.pf-m-dashboard .msg-tabs-col .nav-tabs .nav-item .nav-link {
    margin: 0 auto;
    font-weight: 400
}

.pf-m-dashboard .msg-tabs-col .nav-tabs .nav-item .nav-link:not(.active) {
    color: #abb8d6
}

.pf-m-dashboard .msg-list-col .msg-list,.pf-m-dashboard .msg-list-col .msg-list .react-bootstrap-table {
    overflow: hidden
}

.pf-m-dashboard .msg-list-col .msg-list .react-bootstrap-table table>tbody>tr:first-child .list-group-item {
    border-top: 0
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group {
    min-width: unset
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item {
    position: relative;
    left: -2.5rem;
    width: 29rem;
    padding: 1rem;
    transition: all .3s ease-in-out
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item.show {
    left: 0
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item.show .form-check-input {
    opacity: 1
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .form-check-input {
    opacity: 0
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .form-check-input,.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .msg-icon-col {
    margin: 0 auto
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .list-group-item-r {
    display: grid;
    grid-gap: .25rem;
    gap: .25rem;
    width: 80%
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .list-group-item-r label {
    display: flex;
    justify-content: space-between
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .list-group-item-r label .h6,.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .list-group-item-r label h6 {
    width: 12.5rem;
    margin-left: -.25rem
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .list-group-item-r label .h6 span,.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .list-group-item-r label h6 span {
    font-size: .875rem
}

.pf-m-dashboard .msg-list-col .msg-list .msg-list-group .list-group-item .list-group-item-r p {
    width: 100%;
    text-align: left
}

.pf-m-dashboard .msg-edit-col {
    justify-content: space-between;
    position: fixed;
    height: 5rem;
    width: 100%;
    z-index: 999;
    bottom: 0;
    background-image: linear-gradient(#fff,#f0f6ff);
    padding: 1rem;
    bottom: -5rem;
    transition: all .3s ease-in-out
}

.pf-m-dashboard .msg-edit-col.show {
    bottom: 0
}

.pf-m-dashboard .msg-edit-col .btn.text-icon {
    font-size: .875rem
}

.pf-m-dashboard .msg-inner-col {
    padding: 1rem
}

.pf-m-dashboard .msg-inner-col .msg-inner-header {
    display: flex;
    justify-content: unset
}

.pf-m-dashboard .msg-inner-col .msg-icon-col {
    margin-right: .75rem
}

.pf-m-dashboard .msg-inner-col .msg-icon-col img {
    width: 2rem;
    height: 2rem
}

.referral-tp-panel .row .col-6>div {
    display: flex;
    align-items: center;
    padding: 1rem;
    border: 1px solid #becaec;
    border-radius: .5rem;
    height: 100%
}

.referral-tp-panel .row .col-6>div img,.referral-tp-panel .row .col-6>div svg {
    margin-right: 7px
}

.referral-tp-panel .row .col-6>div p {
    color: #414755;
    font-weight: 500
}

.referral-tp-panel .row .col-6>div p span {
    font-size: 1.25rem
}

.pf-m-dashboard .referral-tp-panel {
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.pf-m-dashboard .referral-tp-panel .col-6 {
    position: relative
}

.pf-m-dashboard .referral-tp-panel .col-6>div {
    border: unset!important;
    flex-direction: column;
    text-align: center
}

.pf-m-dashboard .referral-tp-panel .col-6:nth-child(2):after {
    content: "";
    background: #becaec;
    position: absolute;
    bottom: 25%;
    left: 0;
    height: 50%;
    width: .0625rem
}

.pf-m-dashboard .referral-tp-panel .col-6 img {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem
}

.m-referral {
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.m-referral .input-group {
    align-items: center
}

.m-referral .list-group {
    margin-top: 1rem;
    flex-wrap: wrap
}

.m-referral .list-group .list-group-item {
    flex: unset;
    width: 25%
}

.pf-m-dashboard .pd-content .referral-tp-panel .row {
    width: 100%;
    margin: 0
}

.pf-m-dashboard .pd-content .referral-tp-panel .row .col-6 {
    margin: 0
}

.pf-m-dashboard .pd-content .referral-tp-panel .row .col-6 p {
    font-size: 1.25rem
}

.pf-m-dashboard .pd-content .referral-tp-panel .row .col-6 p .small,.pf-m-dashboard .pd-content .referral-tp-panel .row .col-6 p small {
    font-size: .63rem;
    margin: 0 .25rem
}

.pf-m-dashboard .m-referral .input-group .form-control {
    flex: unset;
    width: 70%
}

.pf-m-dashboard .m-referral .input-group .input-group-text {
    width: 30%
}

.pf-m-dashboard .m-referral .input-group .input-group-text .btn-gradient-blue {
    height: 2.5rem;
    width: 100%;
    min-width: unset;
    top: 0
}

.fb-mf-col {
    margin: 0 -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.fb-mf-col .list-group {
    height: 0
}

.fb-mf-col .list-group .list-group-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-color: #becaec;
    margin: 0 -1.25rem;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.fb-mf-col .list-group .list-group-item:hover {
    background-color: #f6faff
}

.fb-mf-col .list-group .list-group-item label {
    font-size: .75rem;
    font-weight: 500;
    color: #414755;
    margin-bottom: .5rem
}

.fb-mf-col .list-group .list-group-item p {
    font-size: .75rem;
    color: #6b7ba8;
    line-height: 1.25
}

.bank-list-group {
    display: grid;
    grid-gap: .5rem;
    gap: .5rem
}

.bank-list-group>:not(.select-bank-opts) {
    margin-right: 0
}

.bank-list-group>:not(.select-bank-opts) .form-check-label {
    min-height: 2.5rem;
    max-width: unset;
    justify-content: space-between
}

.bank-list-group>:not(.select-bank-opts) .form-check-label:not(.wdrawal-add-bank)>* {
    flex: 1 1
}

.bank-list-group>:not(.select-bank-opts) .form-check-label:not(.wdrawal-add-bank)>:first-child {
    text-align: left
}

.bank-list-group>:not(.select-bank-opts) .form-check-label img {
    height: 1.40625rem
}

.bank-list-group>:not(.select-bank-opts) .form-check-label>:first-child img {
    margin-right: .875rem
}

.bank-list-group>:not(.select-bank-opts) .form-check-label>:nth-child(2) {
    text-align: center
}

.bank-list-group>:not(.select-bank-opts) .form-check-label>:nth-child(3) {
    text-align: right
}

.bank-list-group>:not(.select-bank-opts) .wdrawal-add-bank {
    color: #4a89fc;
    justify-content: center
}

.wdrawal-add-bank {
    font-weight: 500;
    border: 0;
    background-color: #f6faff!important;
    color: #3e73fa!important;
    border: 0!important
}

.wdrawal-add-bank svg {
    height: 1.25rem!important;
    width: 1.25rem!important
}

.select-bank-opts {
    display: grid;
    grid-template-columns: repeat(5,calc(20% - .4rem));
    grid-gap: .5rem;
    gap: .5rem;
    border-radius: .25rem;
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important;
    border-color: #becaec;
    margin-top: unset
}

.select-bank-opts .form-check-inline {
    margin: 0
}

.select-bank-opts .form-check-inline .form-check-label {
    font-size: .75rem;
    width: 100%;
    max-width: unset;
    flex-direction: column;
    height: 4.5rem;
    grid-gap: .15rem;
    gap: .15rem;
    overflow: hidden
}

.select-bank-opts .form-check-inline .form-check-label p {
    text-transform: capitalize
}

.select-bank-opts .form-check-inline .form-check-label img {
    height: 24px
}

.payment-notices-col {
    margin-top: auto;
    border-radius: .25rem;
    padding: 1rem;
    background-color: #f6faff
}

.payment-notices-col .h6,.payment-notices-col h6 {
    color: #4a89fc;
    margin-bottom: .5rem
}

.payment-notices-col ol {
    padding-left: 1rem;
    margin-bottom: 0
}

.payment-notices-col ol li {
    font-size: .75rem
}

.payment-notices-col ol li a {
    color: #4a89fc!important;
    font-weight: 500;
    cursor: pointer
}

.payment-notices-col ol li span {
    color: #4a89fc;
    font-weight: 500
}

.withdraw-crypto-amount {
    width: 100%;
    display: flex
}

.withdraw-crypto-amount .input-group .form-control::-webkit-input-placeholder {
    font-size: .75rem
}

.withdraw-crypto-amount .input-group .form-control::placeholder {
    font-size: .75rem
}

.withdraw-crypto-amount .exchange-rate-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .5rem 0
}

.withdraw-crypto-amount .exchange-rate-img svg {
    width: 1.25rem;
    height: 1.25rem
}

.withdraw-crypto-amount .exchange-rate-input {
    display: flex;
    background-color: #f0f6ff
}

.withdraw-crypto-amount .exchange-rate-input .input-group .form-control,.withdraw-crypto-amount .exchange-rate-input .input-group .input-group-text {
    pointer-events: none;
    background-color: #f0f6ff
}

.pf-m-dashboard .payment-notices-col {
    margin-top: 1rem;
    background-color: #fff
}

.pf-m-dashboard .payment-notices-col li:not(:last-child) {
    margin-bottom: 1rem
}

.mobile-view .select-bank-opts .form-check-inline {
    width: 33.33%
}

.mobile-view .select-bank-opts .form-check-inline .form-check-label img {
    width: auto;
    height: 1.5rem
}

.mobile-view .withdraw-crypto-amount {
    flex-direction: column;
    align-items: center
}

.mobile-view .withdraw-crypto-amount .input-group-col {
    width: 100%
}

.mobile-view .withdraw-crypto-amount .exchange-rate-img svg {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.transfer-duration {
    background-color: #f0f6ff;
    color: #ea4e3d;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -webkit-fill-available;
    margin: 0 -.75rem -.5rem;
    padding: .2rem .25rem;
    border-radius: .25rem;
    font-size: .63rem;
    line-height: 1
}

.transfer-duration svg {
    width: 1rem!important;
    height: 1rem!important;
    margin-right: .25rem
}

.pf-m-dashboard .transfer-duration {
    font-size: .75rem;
    margin: 0 -.2rem -.5rem
}

.pf-m-dashboard .transfer-duration-label {
    color: #ea4e3d;
    font-size: .75rem;
    padding: 0 .75rem
}

.pf-m-dashboard .transfer-duration-label svg {
    width: 1rem!important;
    height: 1rem!important;
    margin-right: .25rem
}

.bonus-col .bonus-container,.bonus-m-col .bonus-container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid #becaec;
    border-radius: .5rem
}

.bonus-col .bonus-content,.bonus-col .bonus-m-content,.bonus-m-col .bonus-content,.bonus-m-col .bonus-m-content {
    display: flex;
    align-items: center
}

.bonus-col .bonus-content img,.bonus-col .bonus-content svg,.bonus-col .bonus-m-content img,.bonus-col .bonus-m-content svg,.bonus-m-col .bonus-content img,.bonus-m-col .bonus-content svg,.bonus-m-col .bonus-m-content img,.bonus-m-col .bonus-m-content svg {
    height: 3.125rem;
    width: 3.125rem;
    margin-right: .4375rem
}

.bonus-col .bonus-content p,.bonus-col .bonus-m-content p,.bonus-m-col .bonus-content p,.bonus-m-col .bonus-m-content p {
    color: #414755;
    font-weight: 500
}

.bonus-col .bonus-content p span,.bonus-col .bonus-m-content p span,.bonus-m-col .bonus-content p span,.bonus-m-col .bonus-m-content p span {
    font-size: 1.25rem;
    word-break: break-all
}

.bonus-m-content {
    padding: 1rem;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25)
}

.bonus-event-m-container {
    padding: 1rem 1rem 6rem
}

.bonus-event-m-container #bonusTab {
    display: grid;
    grid-gap: .75rem;
    gap: .75rem
}

.bonus-event-m-container #bonusTab li {
    width: 100%
}

.bonus-event-m-container #bonusTab li .nav-link {
    color: #444c64;
    border-radius: .75rem;
    background-color: #fff;
    min-height: 2.5rem;
    width: 100%;
    font-size: .63rem;
    text-align: center;
    box-shadow: 0 3px 5px rgba(107,123,168,.25);
    padding: .5rem
}

.bonus-event-m-container #bonusTab li .nav-link.active {
    color: #fff;
    background-size: 100% 100%;
    background-position: 50%;
    background-image: url(/static/media/active-btn.55504033.webp)
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card {
    position: relative;
    border-radius: .75rem;
    overflow: hidden;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    background-color: #fff
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card:not(:last-child) {
    margin-bottom: .75rem
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card:not(.w-border) .bonus-event-m-content {
    width: 77%;
    padding-right: .75rem;
    position: absolute;
    bottom: .75rem;
    right: 0
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card.w-border.w-bg {
    border: .0625rem solid #fff;
    background-color: #f6faff
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card.w-border .bonus-event-m-content {
    padding: .75rem
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card.w-border .bonus-event-m-content img {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card .bonus-event-m-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card .bonus-event-m-content p {
    width: 5rem;
    color: #414755;
    font-weight: 500;
    font-size: .63rem;
    line-height: 1.5
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card .bonus-event-m-content p span {
    color: #3e73fa
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card .bonus-event-m-content .btn-gradient-blue {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    width: 5rem;
    min-width: unset;
    white-space: normal;
    font-size: .63rem
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card .bonus-event-m-content .btn-gradient-blue[disabled] {
    pointer-events: none;
    opacity: .75
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card.new-events:after {
    content: "";
    position: absolute;
    background: url(/static/media/new-icon.990f8546.gif);
    background-repeat: no-repeat;
    background-size: contain;
    top: -.01562rem;
    left: -.01562rem;
    width: 2rem;
    height: 2rem
}

.bonus-event-m-container #bonusTabContent .bonus-event-m-card.new-events-id:after {
    content: "";
    position: absolute;
    background: url(/static/media/new-icon-id.df14633b.gif);
    background-repeat: no-repeat;
    background-size: contain;
    top: -.01562rem;
    left: -.0625rem;
    width: 2.5rem;
    height: 2.5rem
}

.bonus-event-container .bonus-event-card {
    position: relative;
    border-radius: .75rem;
    overflow: hidden
}

.bonus-event-container .bonus-event-card:not(.w-border) img {
    width: 100%;
    height: 8.125rem;
    object-fit: cover
}

.bonus-event-container .bonus-event-card.new-events:after {
    content: "";
    position: absolute;
    background: url(/static/media/new-icon.990f8546.gif);
    background-repeat: no-repeat;
    background-size: contain;
    top: -.01562rem;
    left: -.0625rem;
    width: 2.5rem;
    height: 2.5rem
}

.bonus-event-container .bonus-event-card.new-events-id:after {
    content: "";
    position: absolute;
    background: url(/static/media/new-icon-id.df14633b.gif);
    background-repeat: no-repeat;
    background-size: contain;
    top: -.01562rem;
    left: -.0625rem;
    width: 2.5rem;
    height: 2.5rem
}

.bonus-event-container .bonus-event-card .bonus-event-content {
    position: absolute;
    text-align: center;
    padding: 0 1rem;
    width: 100%;
    bottom: .75rem
}

.bonus-event-container .bonus-event-card p {
    font-size: .75rem;
    color: #444c64;
    margin-bottom: .25rem!important
}

.bonus-event-container .bonus-event-card p span {
    color: #3e73fa
}

.bonus-event-container .bonus-event-card .btn-outline-blue {
    font-size: .75rem;
    margin: 0 auto;
    border-radius: 1rem;
    height: unset;
    width: -webkit-max-content;
    width: max-content;
    min-width: unset;
    background-color: #fff
}

.bonus-event-container .bonus-event-card .btn-outline-blue[disabled] {
    pointer-events: none;
    opacity: .75
}

.bonus-event-container .bonus-event-card.w-border {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #becaec;
    padding: 0 1rem;
    height: 8.125rem
}

.bonus-event-container .bonus-event-card.w-border.w-bg {
    background-color: #f6faff
}

.bonus-event-container .bonus-event-card.w-border img {
    width: 3rem;
    height: 3rem;
    margin-bottom: .25rem
}

.bonus-btn-col {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(107,123,168,.25);
    width: 100%
}

.bonus-btn-col .btn-gradient-blue {
    width: 100%
}

.css-yk16xz-control {
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 38px;
    position: relative;
    transition: all 100ms ease 0s;
    box-sizing: border-box;
    outline: 0px !important;
}

.css-1hwfws3 {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-wrap: wrap;
    padding: 2px 8px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.css-1uccc91-singleValue {
    color: rgb(51, 51, 51);
    margin-left: 2px;
    margin-right: 2px;
    max-width: calc(100% - 8px);
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
}

.bhdLno {
    position: relative;
    width: 80vw;
    max-width: 445px;
    height: 80vw;
    max-height: 445px;
    object-fit: contain;
    flex-shrink: 0;
    z-index: 5;
    pointer-events: none;
}

.dNkkBq {
    position: absolute;
    width: 100%;
    inset: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transform: rotate(0deg);
}

.hmocIu {
    width: 98%;
    height: 98%;
}

.gTLZXx {
    position: absolute;
    z-index: 5;
    width: 17%;
    right: 6px;
    top: 15px;
}

.cIKpxU {
    -webkit-user-drag: none;
}

/*# sourceMappingURL=main.9ebe1044.chunk.css.map */

        /* Loading screen styles */
.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it's above other content */
    background-color: rgba(0, 0, 0, 0.7); /* Darker color with 70% opacity */
}



        .loading-gif {
            width: 200px; /* Adjust the width of the loading GIF */
            height: 200px; /* Adjust the height of the loading GIF */
            background-image: url("/static/media/6689241da8456447fd1f5.gif");
            background-size: cover; /* Ensure the image covers the container */
            background-repeat: no-repeat; /* Prevent repeating the image */
        }


        .d-loading-gif {
            width: 100px; /* Adjust the width of the loading GIF */
            height: 100px; /* Adjust the height of the loading GIF */
            background-image: url("/static/media/6689241da8456447fd1f5.gif");
            background-size: cover; /* Ensure the image covers the container */
            background-repeat: no-repeat; /* Prevent repeating the image */
        }