@charset "UTF-8";
@-webkit-keyframes spaceboots {
        0% {
                -webkit-transform: translate(3px, 2px) rotate(1deg);
        }
        10% {
                -webkit-transform: translate(-2px, -3px) rotate(-2deg);
        }
        20% {
                -webkit-transform: translate(-4px, -1px) rotate(2deg);
        }
        30% {
                -webkit-transform: translate(1px, 3px) rotate(1deg);
        }
        40% {
                -webkit-transform: translate(2px, -2px) rotate(2deg);
        }
        50% {
                -webkit-transform: translate(-2px, 3px) rotate(-2deg);
        }
        60% {
                -webkit-transform: translate(-4px, 2px) rotate(1deg);
        }
        70% {
                -webkit-transform: translate(3px, 2px) rotate(-2deg);
        }
        80% {
                -webkit-transform: translate(-2px, -2px) rotate(2deg);
        }
        90% {
                -webkit-transform: translate(3px, 3px) rotate(1deg);
        }
        to {
                -webkit-transform: translate(2px, -2px) rotate(-2deg);
        }
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
        --blue: #13b3e5;
        --indigo: #6574cd;
        --purple: #9561e2;
        --pink: #fecece;
        --red: #ff0031;
        --orange: #f6993f;
        --yellow: #ffed4a;
        --green: #019700;
        --teal: #4dc0b5;
        --cyan: #6cb2eb;
        --white: #fff;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --primary: #13b3e5;
        --secondary: #6c757d;
        --success: #019700;
        --info: #6cb2eb;
        --warning: #ffed4a;
        --danger: #ff0031;
        --light: #f8f9fa;
        --dark: #343a40;
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
                Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
                "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
                "Noto Color Emoji";
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
                "Liberation Mono", "Courier New", monospace;
}
*,
:after,
:before {
        box-sizing: border-box;
}
html {
        font-family: sans-serif;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
        display: block;
}
body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
                Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
                Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 1.6;
        color: #212529;
        text-align: left;
}
[tabindex="-1"]:focus {
        outline: 0 !important;
}
hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
        margin-top: 0;
        margin-bottom: 0.5rem;
}
p {
        margin-top: 0;
        margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        border-bottom: 0;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
}
address {
        font-style: normal;
        line-height: inherit;
}
address,
dl,
ol,
ul {
        margin-bottom: 1rem;
}
dl,
ol,
ul {
        margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
        margin-bottom: 0;
}
dt {
        font-weight: 700;
}
dd {
        margin-bottom: 0.5rem;
        margin-left: 0;
}
blockquote {
        margin: 0 0 1rem;
}
b,
strong {
        font-weight: bolder;
}
small {
        font-size: 80%;
}
sub,
sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline;
}
sub {
        bottom: -0.25em;
}
sup {
        top: -0.5em;
}
a {
        color: #13b3e5;
        text-decoration: none;
        background-color: transparent;
}
a:hover {
        color: #0d7c9e;
        text-decoration: underline;
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
        outline: 0;
}
code,
kbd,
pre,
samp {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
                Courier New, monospace;
        font-size: 1em;
}
pre {
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
}
figure {
        margin: 0 0 1rem;
}
img {
        border-style: none;
}
img,
svg {
        vertical-align: middle;
}
svg {
        overflow: hidden;
}
table {
        border-collapse: collapse;
}
caption {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        color: #6c757d;
        text-align: left;
        caption-side: bottom;
}
th {
        text-align: inherit;
}
label {
        display: inline-block;
        margin-bottom: 0.5rem;
}
button {
        border-radius: 0;
}
button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
}
button,
input {
        overflow: visible;
}
button,
select {
        text-transform: none;
}
select {
        word-wrap: normal;
}
[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;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
        padding: 0;
        border-style: none;
}
input[type="checkbox"],
input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
        -webkit-appearance: listbox;
}
textarea {
        overflow: auto;
        resize: vertical;
}
fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
}
legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        line-height: inherit;
        color: inherit;
        white-space: normal;
}
progress {
        vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
        height: auto;
}
[type="search"] {
        outline-offset: -2px;
        -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
}
::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
}
output {
        display: inline-block;
}
summary {
        display: list-item;
        cursor: pointer;
}
template {
        display: none;
}
[hidden] {
        display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
}
.h1,
h1 {
        font-size: 2rem;
}
.h2,
h2 {
        font-size: 1.6rem;
}
.h3,
h3 {
        font-size: 1.4rem;
}
.h4,
h4 {
        font-size: 1.2rem;
}
.h5,
h5 {
        font-size: 1rem;
}
.h6,
h6 {
        font-size: 0.8rem;
}
.lead {
        font-size: 1rem;
        font-weight: 300;
}
.display-1 {
        font-size: 6rem;
}
.display-1,
.display-2 {
        font-weight: 300;
        line-height: 1.2;
}
.display-2 {
        font-size: 5.5rem;
}
.display-3 {
        font-size: 4.5rem;
}
.display-3,
.display-4 {
        font-weight: 300;
        line-height: 1.2;
}
.display-4 {
        font-size: 3.5rem;
}
hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.small,
small {
        font-size: 80%;
        font-weight: 400;
}
.mark,
mark {
        padding: 0.2em;
        background-color: #fcf8e3;
}
.list-inline,
.list-unstyled {
        padding-left: 0;
        list-style: none;
}
.list-inline-item {
        display: inline-block;
}
.list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
}
.initialism {
        font-size: 90%;
        text-transform: uppercase;
}
.blockquote {
        margin-bottom: 1rem;
        font-size: 1rem;
}
.blockquote-footer {
        display: block;
        font-size: 80%;
        color: #6c757d;
}
.blockquote-footer:before {
        content: "\2014\A0";
}
.img-fluid,
.img-thumbnail {
        max-width: 100%;
        height: auto;
}
.img-thumbnail {
        padding: 0.25rem;
        background-color: hsla(0, 0%, 100%, 0.95);
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
}
.figure {
        display: inline-block;
}
.figure-img {
        margin-bottom: 0.5rem;
        line-height: 1;
}
.figure-caption {
        font-size: 90%;
        color: #6c757d;
}
code {
        font-size: 87.5%;
        color: #fecece;
        word-break: break-word;
}
a > code {
        color: inherit;
}
kbd {
        padding: 0.2rem 0.4rem;
        font-size: 87.5%;
        color: #fff;
        background-color: #212529;
        border-radius: 0.2rem;
}
kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
}
pre {
        display: block;
        font-size: 87.5%;
        color: #212529;
}
pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
}
.pre-scrollable {
        max-height: 340px;
        overflow-y: scroll;
}
.container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
}
@media (min-width: 576px) {
        .container {
                max-width: 540px;
        }
}
@media (min-width: 768px) {
        .container {
                max-width: 720px;
        }
}
@media (min-width: 992px) {
        .container {
                max-width: 960px;
        }
}
@media (min-width: 1200px) {
        .container {
                max-width: 1140px;
        }
}
.container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
}
.row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
}
.no-gutters {
        margin-right: 0;
        margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
}
.col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
}
.col-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
}
.col-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
}
.col-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
}
.col-3 {
        flex: 0 0 25%;
        max-width: 25%;
}
.col-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
}
.col-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
}
.col-6 {
        flex: 0 0 50%;
        max-width: 50%;
}
.col-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
}
.col-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
}
.col-9 {
        flex: 0 0 75%;
        max-width: 75%;
}
.col-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
}
.col-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
}
.col-12 {
        flex: 0 0 100%;
        max-width: 100%;
}
.order-first {
        order: -1;
}
.order-last {
        order: 13;
}
.order-0 {
        order: 0;
}
.order-1 {
        order: 1;
}
.order-2 {
        order: 2;
}
.order-3 {
        order: 3;
}
.order-4 {
        order: 4;
}
.order-5 {
        order: 5;
}
.order-6 {
        order: 6;
}
.order-7 {
        order: 7;
}
.order-8 {
        order: 8;
}
.order-9 {
        order: 9;
}
.order-10 {
        order: 10;
}
.order-11 {
        order: 11;
}
.order-12 {
        order: 12;
}
.offset-1 {
        margin-left: 8.3333333333%;
}
.offset-2 {
        margin-left: 16.6666666667%;
}
.offset-3 {
        margin-left: 25%;
}
.offset-4 {
        margin-left: 33.3333333333%;
}
.offset-5 {
        margin-left: 41.6666666667%;
}
.offset-6 {
        margin-left: 50%;
}
.offset-7 {
        margin-left: 58.3333333333%;
}
.offset-8 {
        margin-left: 66.6666666667%;
}
.offset-9 {
        margin-left: 75%;
}
.offset-10 {
        margin-left: 83.3333333333%;
}
.offset-11 {
        margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
        .col-sm {
                flex-basis: 0;
                flex-grow: 1;
                max-width: 100%;
        }
        .col-sm-auto {
                flex: 0 0 auto;
                width: auto;
                max-width: 100%;
        }
        .col-sm-1 {
                flex: 0 0 8.3333333333%;
                max-width: 8.3333333333%;
        }
        .col-sm-2 {
                flex: 0 0 16.6666666667%;
                max-width: 16.6666666667%;
        }
        .col-sm-3 {
                flex: 0 0 25%;
                max-width: 25%;
        }
        .col-sm-4 {
                flex: 0 0 33.3333333333%;
                max-width: 33.3333333333%;
        }
        .col-sm-5 {
                flex: 0 0 41.6666666667%;
                max-width: 41.6666666667%;
        }
        .col-sm-6 {
                flex: 0 0 50%;
                max-width: 50%;
        }
        .col-sm-7 {
                flex: 0 0 58.3333333333%;
                max-width: 58.3333333333%;
        }
        .col-sm-8 {
                flex: 0 0 66.6666666667%;
                max-width: 66.6666666667%;
        }
        .col-sm-9 {
                flex: 0 0 75%;
                max-width: 75%;
        }
        .col-sm-10 {
                flex: 0 0 83.3333333333%;
                max-width: 83.3333333333%;
        }
        .col-sm-11 {
                flex: 0 0 91.6666666667%;
                max-width: 91.6666666667%;
        }
        .col-sm-12 {
                flex: 0 0 100%;
                max-width: 100%;
        }
        .order-sm-first {
                order: -1;
        }
        .order-sm-last {
                order: 13;
        }
        .order-sm-0 {
                order: 0;
        }
        .order-sm-1 {
                order: 1;
        }
        .order-sm-2 {
                order: 2;
        }
        .order-sm-3 {
                order: 3;
        }
        .order-sm-4 {
                order: 4;
        }
        .order-sm-5 {
                order: 5;
        }
        .order-sm-6 {
                order: 6;
        }
        .order-sm-7 {
                order: 7;
        }
        .order-sm-8 {
                order: 8;
        }
        .order-sm-9 {
                order: 9;
        }
        .order-sm-10 {
                order: 10;
        }
        .order-sm-11 {
                order: 11;
        }
        .order-sm-12 {
                order: 12;
        }
        .offset-sm-0 {
                margin-left: 0;
        }
        .offset-sm-1 {
                margin-left: 8.3333333333%;
        }
        .offset-sm-2 {
                margin-left: 16.6666666667%;
        }
        .offset-sm-3 {
                margin-left: 25%;
        }
        .offset-sm-4 {
                margin-left: 33.3333333333%;
        }
        .offset-sm-5 {
                margin-left: 41.6666666667%;
        }
        .offset-sm-6 {
                margin-left: 50%;
        }
        .offset-sm-7 {
                margin-left: 58.3333333333%;
        }
        .offset-sm-8 {
                margin-left: 66.6666666667%;
        }
        .offset-sm-9 {
                margin-left: 75%;
        }
        .offset-sm-10 {
                margin-left: 83.3333333333%;
        }
        .offset-sm-11 {
                margin-left: 91.6666666667%;
        }
}
@media (min-width: 768px) {
        .col-md {
                flex-basis: 0;
                flex-grow: 1;
                max-width: 100%;
        }
        .col-md-auto {
                flex: 0 0 auto;
                width: auto;
                max-width: 100%;
        }
        .col-md-1 {
                flex: 0 0 8.3333333333%;
                max-width: 8.3333333333%;
        }
        .col-md-2 {
                flex: 0 0 16.6666666667%;
                max-width: 16.6666666667%;
        }
        .col-md-3 {
                flex: 0 0 25%;
                max-width: 25%;
        }
        .col-md-4 {
                flex: 0 0 33.3333333333%;
                max-width: 33.3333333333%;
        }
        .col-md-5 {
                flex: 0 0 41.6666666667%;
                max-width: 41.6666666667%;
        }
        .col-md-6 {
                flex: 0 0 50%;
                max-width: 50%;
        }
        .col-md-7 {
                flex: 0 0 58.3333333333%;
                max-width: 58.3333333333%;
        }
        .col-md-8 {
                flex: 0 0 66.6666666667%;
                max-width: 66.6666666667%;
        }
        .col-md-9 {
                flex: 0 0 75%;
                max-width: 75%;
        }
        .col-md-10 {
                flex: 0 0 83.3333333333%;
                max-width: 83.3333333333%;
        }
        .col-md-11 {
                flex: 0 0 91.6666666667%;
                max-width: 91.6666666667%;
        }
        .col-md-12 {
                flex: 0 0 100%;
                max-width: 100%;
        }
        .order-md-first {
                order: -1;
        }
        .order-md-last {
                order: 13;
        }
        .order-md-0 {
                order: 0;
        }
        .order-md-1 {
                order: 1;
        }
        .order-md-2 {
                order: 2;
        }
        .order-md-3 {
                order: 3;
        }
        .order-md-4 {
                order: 4;
        }
        .order-md-5 {
                order: 5;
        }
        .order-md-6 {
                order: 6;
        }
        .order-md-7 {
                order: 7;
        }
        .order-md-8 {
                order: 8;
        }
        .order-md-9 {
                order: 9;
        }
        .order-md-10 {
                order: 10;
        }
        .order-md-11 {
                order: 11;
        }
        .order-md-12 {
                order: 12;
        }
        .offset-md-0 {
                margin-left: 0;
        }
        .offset-md-1 {
                margin-left: 8.3333333333%;
        }
        .offset-md-2 {
                margin-left: 16.6666666667%;
        }
        .offset-md-3 {
                margin-left: 25%;
        }
        .offset-md-4 {
                margin-left: 33.3333333333%;
        }
        .offset-md-5 {
                margin-left: 41.6666666667%;
        }
        .offset-md-6 {
                margin-left: 50%;
        }
        .offset-md-7 {
                margin-left: 58.3333333333%;
        }
        .offset-md-8 {
                margin-left: 66.6666666667%;
        }
        .offset-md-9 {
                margin-left: 75%;
        }
        .offset-md-10 {
                margin-left: 83.3333333333%;
        }
        .offset-md-11 {
                margin-left: 91.6666666667%;
        }
}
@media (min-width: 992px) {
        .col-lg {
                flex-basis: 0;
                flex-grow: 1;
                max-width: 100%;
        }
        .col-lg-auto {
                flex: 0 0 auto;
                width: auto;
                max-width: 100%;
        }
        .col-lg-1 {
                flex: 0 0 8.3333333333%;
                max-width: 8.3333333333%;
        }
        .col-lg-2 {
                flex: 0 0 16.6666666667%;
                max-width: 16.6666666667%;
        }
        .col-lg-3 {
                flex: 0 0 25%;
                max-width: 25%;
        }
        .col-lg-4 {
                flex: 0 0 33.3333333333%;
                max-width: 33.3333333333%;
        }
        .col-lg-5 {
                flex: 0 0 41.6666666667%;
                max-width: 41.6666666667%;
        }
        .col-lg-6 {
                flex: 0 0 50%;
                max-width: 50%;
        }
        .col-lg-7 {
                flex: 0 0 58.3333333333%;
                max-width: 58.3333333333%;
        }
        .col-lg-8 {
                flex: 0 0 66.6666666667%;
                max-width: 66.6666666667%;
        }
        .col-lg-9 {
                flex: 0 0 75%;
                max-width: 75%;
        }
        .col-lg-10 {
                flex: 0 0 83.3333333333%;
                max-width: 83.3333333333%;
        }
        .col-lg-11 {
                flex: 0 0 91.6666666667%;
                max-width: 91.6666666667%;
        }
        .col-lg-12 {
                flex: 0 0 100%;
                max-width: 100%;
        }
        .order-lg-first {
                order: -1;
        }
        .order-lg-last {
                order: 13;
        }
        .order-lg-0 {
                order: 0;
        }
        .order-lg-1 {
                order: 1;
        }
        .order-lg-2 {
                order: 2;
        }
        .order-lg-3 {
                order: 3;
        }
        .order-lg-4 {
                order: 4;
        }
        .order-lg-5 {
                order: 5;
        }
        .order-lg-6 {
                order: 6;
        }
        .order-lg-7 {
                order: 7;
        }
        .order-lg-8 {
                order: 8;
        }
        .order-lg-9 {
                order: 9;
        }
        .order-lg-10 {
                order: 10;
        }
        .order-lg-11 {
                order: 11;
        }
        .order-lg-12 {
                order: 12;
        }
        .offset-lg-0 {
                margin-left: 0;
        }
        .offset-lg-1 {
                margin-left: 8.3333333333%;
        }
        .offset-lg-2 {
                margin-left: 16.6666666667%;
        }
        .offset-lg-3 {
                margin-left: 25%;
        }
        .offset-lg-4 {
                margin-left: 33.3333333333%;
        }
        .offset-lg-5 {
                margin-left: 41.6666666667%;
        }
        .offset-lg-6 {
                margin-left: 50%;
        }
        .offset-lg-7 {
                margin-left: 58.3333333333%;
        }
        .offset-lg-8 {
                margin-left: 66.6666666667%;
        }
        .offset-lg-9 {
                margin-left: 75%;
        }
        .offset-lg-10 {
                margin-left: 83.3333333333%;
        }
        .offset-lg-11 {
                margin-left: 91.6666666667%;
        }
}
@media (min-width: 1200px) {
        .col-xl {
                flex-basis: 0;
                flex-grow: 1;
                max-width: 100%;
        }
        .col-xl-auto {
                flex: 0 0 auto;
                width: auto;
                max-width: 100%;
        }
        .col-xl-1 {
                flex: 0 0 8.3333333333%;
                max-width: 8.3333333333%;
        }
        .col-xl-2 {
                flex: 0 0 16.6666666667%;
                max-width: 16.6666666667%;
        }
        .col-xl-3 {
                flex: 0 0 25%;
                max-width: 25%;
        }
        .col-xl-4 {
                flex: 0 0 33.3333333333%;
                max-width: 33.3333333333%;
        }
        .col-xl-5 {
                flex: 0 0 41.6666666667%;
                max-width: 41.6666666667%;
        }
        .col-xl-6 {
                flex: 0 0 50%;
                max-width: 50%;
        }
        .col-xl-7 {
                flex: 0 0 58.3333333333%;
                max-width: 58.3333333333%;
        }
        .col-xl-8 {
                flex: 0 0 66.6666666667%;
                max-width: 66.6666666667%;
        }
        .col-xl-9 {
                flex: 0 0 75%;
                max-width: 75%;
        }
        .col-xl-10 {
                flex: 0 0 83.3333333333%;
                max-width: 83.3333333333%;
        }
        .col-xl-11 {
                flex: 0 0 91.6666666667%;
                max-width: 91.6666666667%;
        }
        .col-xl-12 {
                flex: 0 0 100%;
                max-width: 100%;
        }
        .order-xl-first {
                order: -1;
        }
        .order-xl-last {
                order: 13;
        }
        .order-xl-0 {
                order: 0;
        }
        .order-xl-1 {
                order: 1;
        }
        .order-xl-2 {
                order: 2;
        }
        .order-xl-3 {
                order: 3;
        }
        .order-xl-4 {
                order: 4;
        }
        .order-xl-5 {
                order: 5;
        }
        .order-xl-6 {
                order: 6;
        }
        .order-xl-7 {
                order: 7;
        }
        .order-xl-8 {
                order: 8;
        }
        .order-xl-9 {
                order: 9;
        }
        .order-xl-10 {
                order: 10;
        }
        .order-xl-11 {
                order: 11;
        }
        .order-xl-12 {
                order: 12;
        }
        .offset-xl-0 {
                margin-left: 0;
        }
        .offset-xl-1 {
                margin-left: 8.3333333333%;
        }
        .offset-xl-2 {
                margin-left: 16.6666666667%;
        }
        .offset-xl-3 {
                margin-left: 25%;
        }
        .offset-xl-4 {
                margin-left: 33.3333333333%;
        }
        .offset-xl-5 {
                margin-left: 41.6666666667%;
        }
        .offset-xl-6 {
                margin-left: 50%;
        }
        .offset-xl-7 {
                margin-left: 58.3333333333%;
        }
        .offset-xl-8 {
                margin-left: 66.6666666667%;
        }
        .offset-xl-9 {
                margin-left: 75%;
        }
        .offset-xl-10 {
                margin-left: 83.3333333333%;
        }
        .offset-xl-11 {
                margin-left: 91.6666666667%;
        }
}
.table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
}
.table td,
.table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
}
.table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
        border-top: 2px solid #dee2e6;
}
.table-sm td,
.table-sm th {
        padding: 0.3rem;
}
.table-bordered,
.table-bordered td,
.table-bordered th {
        border: 1px solid #dee2e6;
}
.table-bordered thead td,
.table-bordered thead th {
        border-bottom-width: 2px;
}
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
        border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
        color: #212529;
        background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > td,
.table-primary > th {
        background-color: #bdeaf8;
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
        border-color: #84d7f1;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
        background-color: #a6e3f6;
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
        background-color: #d6d8db;
}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
        border-color: #b3b7bb;
}
.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
        background-color: #c8cbcf;
}
.table-success,
.table-success > td,
.table-success > th {
        background-color: #b8e2b8;
}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
        border-color: #7bc97a;
}
.table-hover .table-success:hover,
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
        background-color: #a6dba6;
}
.table-info,
.table-info > td,
.table-info > th {
        background-color: #d6e9f9;
}
.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
        border-color: #b3d7f5;
}
.table-hover .table-info:hover,
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
        background-color: #c0ddf6;
}
.table-warning,
.table-warning > td,
.table-warning > th {
        background-color: #fffacc;
}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
        border-color: #fff6a1;
}
.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
        background-color: #fff8b3;
}
.table-danger,
.table-danger > td,
.table-danger > th {
        background-color: #ffb8c5;
}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
        border-color: #ff7a94;
}
.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
        background-color: #ff9fb0;
}
.table-light,
.table-light > td,
.table-light > th {
        background-color: #fdfdfe;
}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
        border-color: #fbfcfc;
}
.table-hover .table-light:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
        background-color: #ececf6;
}
.table-dark,
.table-dark > td,
.table-dark > th {
        background-color: #c6c8ca;
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
        border-color: #95999c;
}
.table-hover .table-dark:hover,
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
}
.table-active,
.table-active > td,
.table-active > th,
.table-hover .table-active:hover,
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
        color: #fff;
        background-color: #343a40;
        border-color: #454d55;
}
.table .thead-light th {
        color: #495057;
        background-color: #e9ecef;
        border-color: #dee2e6;
}
.table-dark {
        color: #fff;
        background-color: #343a40;
}
.table-dark td,
.table-dark th,
.table-dark thead th {
        border-color: #454d55;
}
.table-dark.table-bordered {
        border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: hsla(0, 0%, 100%, 0.05);
}
.table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: hsla(0, 0%, 100%, 0.075);
}
@media (max-width: 575.98px) {
        .table-responsive-sm {
                display: block;
                width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
        }
        .table-responsive-sm > .table-bordered {
                border: 0;
        }
}
@media (max-width: 767.98px) {
        .table-responsive-md {
                display: block;
                width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
        }
        .table-responsive-md > .table-bordered {
                border: 0;
        }
}
@media (max-width: 991.98px) {
        .table-responsive-lg {
                display: block;
                width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
        }
        .table-responsive-lg > .table-bordered {
                border: 0;
        }
}
@media (max-width: 1199.98px) {
        .table-responsive-xl {
                display: block;
                width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
        }
        .table-responsive-xl > .table-bordered {
                border: 0;
        }
}
.table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
        border: 0;
}
.form-control {
        display: block;
        width: 100%;
        height: calc(1.6em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 1.6;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .form-control {
                transition: none;
        }
}
.form-control::-ms-expand {
        background-color: transparent;
        border: 0;
}
.form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #83daf5;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.form-control::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1;
}
.form-control::-moz-placeholder {
        color: #6c757d;
        opacity: 1;
}
.form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
}
.form-control::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
}
.form-control::placeholder {
        color: #6c757d;
        opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
}
select.form-control:focus::-ms-value {
        color: #495057;
        background-color: #fff;
}
.form-control-file,
.form-control-range {
        display: block;
        width: 100%;
}
.col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.6;
}
.col-form-label-lg {
        padding-top: calc(0.5rem + 1px);
        padding-bottom: calc(0.5rem + 1px);
        font-size: 1rem;
        line-height: 1.5;
}
.col-form-label-sm {
        padding-top: calc(0.25rem + 1px);
        padding-bottom: calc(0.25rem + 1px);
        font-size: 0.7rem;
        line-height: 1.5;
}
.form-control-plaintext {
        display: block;
        width: 100%;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        margin-bottom: 0;
        line-height: 1.6;
        color: #212529;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0;
}
.form-control-sm {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
        line-height: 1.5;
        border-radius: 0.2rem;
}
.form-control-lg {
        height: calc(1.5em + 1rem + 2px);
        padding: 0.5rem 1rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.3rem;
}
select.form-control[multiple],
select.form-control[size],
textarea.form-control {
        height: auto;
}
.form-group {
        margin-bottom: 1rem;
}
.form-text {
        display: block;
        margin-top: 0.25rem;
}
.form-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
}
.form-check {
        position: relative;
        display: block;
        padding-left: 1.25rem;
}
.form-check-input {
        position: absolute;
        margin-top: 0.3rem;
        margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
        color: #6c757d;
}
.form-check-label {
        margin-bottom: 0;
}
.form-check-inline {
        display: inline-flex;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
}
.valid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #019700;
}
.valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.7rem;
        line-height: 1.6;
        color: #fff;
        background-color: rgba(1, 151, 0, 0.9);
        border-radius: 0.25rem;
}
.form-control.is-valid,
.was-validated .form-control:valid {
        border-color: #019700;
        padding-right: calc(1.6em + 0.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='%23019700' 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: 100% calc(0.4em + 0.1875rem);
        background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
        border-color: #019700;
        box-shadow: 0 0 0 0.2rem rgba(1, 151, 0, 0.25);
}
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip {
        display: block;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
        padding-right: calc(1.6em + 0.75rem);
        background-position: top calc(0.4em + 0.1875rem) right
                calc(0.4em + 0.1875rem);
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
        border-color: #019700;
        padding-right: calc((3em + 2.25rem) / 4 + 1.75rem);
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
                        no-repeat right 0.75rem center/8px 10px,
                url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23019700' 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")
                        #fff no-repeat center right 1.75rem /
                        calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
        border-color: #019700;
        box-shadow: 0 0 0 0.2rem rgba(1, 151, 0, 0.25);
}
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip {
        display: block;
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
        color: #019700;
}
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
        display: block;
}
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
        color: #019700;
}
.custom-control-input.is-valid ~ .custom-control-label:before,
.was-validated .custom-control-input:valid ~ .custom-control-label:before {
        border-color: #019700;
}
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip,
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip {
        display: block;
}
.custom-control-input.is-valid:checked ~ .custom-control-label:before,
.was-validated
        .custom-control-input:valid:checked
        ~ .custom-control-label:before {
        border-color: #01ca00;
        background-color: #01ca00;
}
.custom-control-input.is-valid:focus ~ .custom-control-label:before,
.was-validated
        .custom-control-input:valid:focus
        ~ .custom-control-label:before {
        box-shadow: 0 0 0 0.2rem rgba(1, 151, 0, 0.25);
}
.custom-control-input.is-valid:focus:not(:checked)
        ~ .custom-control-label:before,
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated
        .custom-control-input:valid:focus:not(:checked)
        ~ .custom-control-label:before,
.was-validated .custom-file-input:valid ~ .custom-file-label {
        border-color: #019700;
}
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip,
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip {
        display: block;
}
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
        border-color: #019700;
        box-shadow: 0 0 0 0.2rem rgba(1, 151, 0, 0.25);
}
.invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #ff0031;
}
.invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.7rem;
        line-height: 1.6;
        color: #fff;
        background-color: rgba(255, 0, 49, 0.9);
        border-radius: 0.25rem;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
        border-color: #ff0031;
        padding-right: calc(1.6em + 0.75rem);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF0031' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23FF0031' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 100% calc(0.4em + 0.1875rem);
        background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
        border-color: #ff0031;
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 49, 0.25);
}
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip {
        display: block;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
        padding-right: calc(1.6em + 0.75rem);
        background-position: top calc(0.4em + 0.1875rem) right
                calc(0.4em + 0.1875rem);
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
        border-color: #ff0031;
        padding-right: calc((3em + 2.25rem) / 4 + 1.75rem);
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
                        no-repeat right 0.75rem center/8px 10px,
                url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF0031' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23FF0031' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
                        #fff no-repeat center right 1.75rem /
                        calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
        border-color: #ff0031;
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 49, 0.25);
}
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip {
        display: block;
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
        color: #ff0031;
}
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
        display: block;
}
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
        color: #ff0031;
}
.custom-control-input.is-invalid ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid ~ .custom-control-label:before {
        border-color: #ff0031;
}
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
        display: block;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label:before,
.was-validated
        .custom-control-input:invalid:checked
        ~ .custom-control-label:before {
        border-color: #ff335a;
        background-color: #ff335a;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label:before,
.was-validated
        .custom-control-input:invalid:focus
        ~ .custom-control-label:before {
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 49, 0.25);
}
.custom-control-input.is-invalid:focus:not(:checked)
        ~ .custom-control-label:before,
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated
        .custom-control-input:invalid:focus:not(:checked)
        ~ .custom-control-label:before,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
        border-color: #ff0031;
}
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
        display: block;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
        border-color: #ff0031;
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 49, 0.25);
}
.form-inline {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
}
.form-inline .form-check {
        width: 100%;
}
@media (min-width: 576px) {
        .form-inline label {
                justify-content: center;
        }
        .form-inline .form-group,
        .form-inline label {
                display: flex;
                align-items: center;
                margin-bottom: 0;
        }
        .form-inline .form-group {
                flex: 0 0 auto;
                flex-flow: row wrap;
        }
        .form-inline .form-control {
                display: inline-block;
                width: auto;
                vertical-align: middle;
        }
        .form-inline .form-control-plaintext {
                display: inline-block;
        }
        .form-inline .custom-select,
        .form-inline .input-group {
                width: auto;
        }
        .form-inline .form-check {
                display: flex;
                align-items: center;
                justify-content: center;
                width: auto;
                padding-left: 0;
        }
        .form-inline .form-check-input {
                position: relative;
                flex-shrink: 0;
                margin-top: 0;
                margin-right: 0.25rem;
                margin-left: 0;
        }
        .form-inline .custom-control {
                align-items: center;
                justify-content: center;
        }
        .form-inline .custom-control-label {
                margin-bottom: 0;
        }
}
.btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 0.8rem;
        line-height: 1.6;
        border-radius: 0.25rem;
        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;
}
.btn:hover {
        color: #212529;
        text-decoration: none;
}
.btn.focus,
.btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.btn.disabled,
.btn:disabled {
        opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
        pointer-events: none;
}
.btn-primary {
        color: #fff;
        background-color: #13b3e5;
        border-color: #13b3e5;
}
.btn-primary:hover {
        color: #fff;
        background-color: #1097c2;
        border-color: #0f8eb6;
}
.btn-primary.focus,
.btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(54, 190, 233, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
        color: #fff;
        background-color: #13b3e5;
        border-color: #13b3e5;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0f8eb6;
        border-color: #0e85aa;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(54, 190, 233, 0.5);
}
.btn-secondary {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
}
.btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
}
.btn-secondary.focus,
.btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
        color: #fff;
        background-color: #019700;
        border-color: #019700;
}
.btn-success:hover {
        color: #fff;
        background-color: #017100;
        border-color: #016400;
}
.btn-success.focus,
.btn-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(39, 167, 38, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
        color: #fff;
        background-color: #019700;
        border-color: #019700;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #016400;
        border-color: #015700;
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(39, 167, 38, 0.5);
}
.btn-info {
        color: #212529;
        background-color: #6cb2eb;
        border-color: #6cb2eb;
}
.btn-info:hover {
        color: #fff;
        background-color: #4aa0e6;
        border-color: #3f9ae5;
}
.btn-info.focus,
.btn-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(97, 157, 206, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
        color: #212529;
        background-color: #6cb2eb;
        border-color: #6cb2eb;
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #3f9ae5;
        border-color: #3495e3;
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(97, 157, 206, 0.5);
}
.btn-warning {
        color: #212529;
        background-color: #ffed4a;
        border-color: #ffed4a;
}
.btn-warning:hover {
        color: #212529;
        background-color: #ffe924;
        border-color: #ffe817;
}
.btn-warning.focus,
.btn-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 207, 69, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
        color: #212529;
        background-color: #ffed4a;
        border-color: #ffed4a;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffe817;
        border-color: #ffe70a;
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 207, 69, 0.5);
}
.btn-danger {
        color: #fff;
        background-color: #ff0031;
        border-color: #ff0031;
}
.btn-danger:hover {
        color: #fff;
        background-color: #d9002a;
        border-color: #cc0027;
}
.btn-danger.focus,
.btn-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 38, 80, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
        color: #fff;
        background-color: #ff0031;
        border-color: #ff0031;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #cc0027;
        border-color: #bf0025;
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 38, 80, 0.5);
}
.btn-light {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
}
.btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
}
.btn-light.focus,
.btn-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
}
.btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
}
.btn-dark.focus,
.btn-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
        color: #13b3e5;
        border-color: #13b3e5;
}
.btn-outline-primary:hover {
        color: #fff;
        background-color: #13b3e5;
        border-color: #13b3e5;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
        color: #13b3e5;
        background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #13b3e5;
        border-color: #13b3e5;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.5);
}
.btn-outline-secondary {
        color: #6c757d;
        border-color: #6c757d;
}
.btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
        color: #019700;
        border-color: #019700;
}
.btn-outline-success:hover {
        color: #fff;
        background-color: #019700;
        border-color: #019700;
}
.btn-outline-success.focus,
.btn-outline-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(1, 151, 0, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
        color: #019700;
        background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #019700;
        border-color: #019700;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(1, 151, 0, 0.5);
}
.btn-outline-info {
        color: #6cb2eb;
        border-color: #6cb2eb;
}
.btn-outline-info:hover {
        color: #212529;
        background-color: #6cb2eb;
        border-color: #6cb2eb;
}
.btn-outline-info.focus,
.btn-outline-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 178, 235, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
        color: #6cb2eb;
        background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
        color: #212529;
        background-color: #6cb2eb;
        border-color: #6cb2eb;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 178, 235, 0.5);
}
.btn-outline-warning {
        color: #ffed4a;
        border-color: #ffed4a;
}
.btn-outline-warning:hover {
        color: #212529;
        background-color: #ffed4a;
        border-color: #ffed4a;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 237, 74, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
        color: #ffed4a;
        background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffed4a;
        border-color: #ffed4a;
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 237, 74, 0.5);
}
.btn-outline-danger {
        color: #ff0031;
        border-color: #ff0031;
}
.btn-outline-danger:hover {
        color: #fff;
        background-color: #ff0031;
        border-color: #ff0031;
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 49, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
        color: #ff0031;
        background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #ff0031;
        border-color: #ff0031;
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 49, 0.5);
}
.btn-outline-light {
        color: #f8f9fa;
        border-color: #f8f9fa;
}
.btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
}
.btn-outline-light.focus,
.btn-outline-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
        color: #343a40;
        border-color: #343a40;
}
.btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
        font-weight: 400;
        color: #13b3e5;
        text-decoration: none;
}
.btn-link:hover {
        color: #0d7c9e;
        text-decoration: underline;
}
.btn-link.focus,
.btn-link:focus {
        text-decoration: underline;
        box-shadow: none;
}
.btn-link.disabled,
.btn-link:disabled {
        color: #6c757d;
        pointer-events: none;
}
.btn-group-lg > .btn,
.btn-lg {
        padding: 0.5rem 1rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.3rem;
}
.btn-group-sm > .btn,
.btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
        line-height: 1.5;
        border-radius: 0.2rem;
}
.btn-block {
        display: block;
        width: 100%;
}
.btn-block + .btn-block {
        margin-top: 0.5rem;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
        width: 100%;
}
.fade {
        transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
        .fade {
                transition: none;
        }
}
.fade:not(.show) {
        opacity: 0;
}
.collapse:not(.show) {
        display: none;
}
.collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
        .collapsing {
                transition: none;
        }
}
.dropdown,
.dropleft,
.dropright,
.dropup {
        position: relative;
}
.dropdown-toggle {
        white-space: nowrap;
}
.dropdown-toggle:after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty:after {
        margin-left: 0;
}
.dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 0.8rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
}
.dropdown-menu-left {
        right: auto;
        left: 0;
}
.dropdown-menu-right {
        right: 0;
        left: auto;
}
@media (min-width: 576px) {
        .dropdown-menu-sm-left {
                right: auto;
                left: 0;
        }
        .dropdown-menu-sm-right {
                right: 0;
                left: auto;
        }
}
@media (min-width: 768px) {
        .dropdown-menu-md-left {
                right: auto;
                left: 0;
        }
        .dropdown-menu-md-right {
                right: 0;
                left: auto;
        }
}
@media (min-width: 992px) {
        .dropdown-menu-lg-left {
                right: auto;
                left: 0;
        }
        .dropdown-menu-lg-right {
                right: 0;
                left: auto;
        }
}
@media (min-width: 1200px) {
        .dropdown-menu-xl-left {
                right: auto;
                left: 0;
        }
        .dropdown-menu-xl-right {
                right: 0;
                left: auto;
        }
}
.dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle:after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid;
        border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty:after {
        margin-left: 0;
}
.dropright .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: 0.125rem;
}
.dropright .dropdown-toggle:after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0;
        border-bottom: 0.3em solid transparent;
        border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty:after {
        margin-left: 0;
}
.dropright .dropdown-toggle:after {
        vertical-align: 0;
}
.dropleft .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: 0.125rem;
}
.dropleft .dropdown-toggle:after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        display: none;
}
.dropleft .dropdown-toggle:before {
        display: inline-block;
        margin-right: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid;
        border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty:after {
        margin-left: 0;
}
.dropleft .dropdown-toggle:before {
        vertical-align: 0;
}
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
        right: auto;
        bottom: auto;
}
.dropdown-divider {
        height: 0;
        margin: 0.5rem 0;
        overflow: hidden;
        border-top: 1px solid #e9ecef;
}
.dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
}
.dropdown-item.active,
.dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #13b3e5;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent;
}
.dropdown-menu.show {
        display: block;
}
.dropdown-header {
        display: block;
        padding: 0.5rem 1.5rem;
        margin-bottom: 0;
        font-size: 0.7rem;
        color: #6c757d;
        white-space: nowrap;
}
.dropdown-item-text {
        display: block;
        padding: 0.25rem 1.5rem;
        color: #212529;
}
.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.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.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 > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
        margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.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:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
        padding-right: 0.5625rem;
        padding-left: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
        margin-left: 0;
}
.dropleft .dropdown-toggle-split:before {
        margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
        padding-right: 0.375rem;
        padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
        padding-right: 0.75rem;
        padding-left: 0.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: -1px;
}
.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:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
        margin-bottom: 0;
}
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
}
.input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
}
.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
}
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
        margin-left: -1px;
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
        z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
        z-index: 4;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
}
.input-group > .custom-file {
        display: flex;
        align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
}
.input-group-append,
.input-group-prepend {
        display: flex;
}
.input-group-append .btn,
.input-group-prepend .btn {
        position: relative;
        z-index: 2;
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
        z-index: 3;
}
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
        margin-left: -1px;
}
.input-group-prepend {
        margin-right: -1px;
}
.input-group-append {
        margin-left: -1px;
}
.input-group-text {
        display: flex;
        align-items: center;
        padding: 0.375rem 0.75rem;
        margin-bottom: 0;
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 1.6;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
}
.input-group-text input[type="checkbox"],
.input-group-text input[type="radio"] {
        margin-top: 0;
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
        height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
        padding: 0.5rem 1rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.3rem;
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
        height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
        line-height: 1.5;
        border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
        padding-right: 1.75rem;
}
.input-group
        > .input-group-append:last-child
        > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
        > .input-group-append:last-child
        > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
        > .input-group-prepend:first-child
        > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
}
.custom-control {
        position: relative;
        display: block;
        min-height: 1.28rem;
        padding-left: 1.5rem;
}
.custom-control-inline {
        display: inline-flex;
        margin-right: 1rem;
}
.custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label:before {
        color: #fff;
        border-color: #13b3e5;
        background-color: #13b3e5;
}
.custom-control-input:focus ~ .custom-control-label:before {
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
        border-color: #83daf5;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label:before {
        color: #fff;
        background-color: #b2e8f9;
        border-color: #b2e8f9;
}
.custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label:before {
        background-color: #e9ecef;
}
.custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
}
.custom-control-label:before {
        pointer-events: none;
        background-color: #fff;
        border: 1px solid #adb5bd;
}
.custom-control-label:after,
.custom-control-label:before {
        position: absolute;
        top: 0.14rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
}
.custom-control-label:after {
        background: no-repeat 50%/50% 50%;
}
.custom-checkbox .custom-control-label:before {
        border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        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='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox
        .custom-control-input:indeterminate
        ~ .custom-control-label:before {
        border-color: #13b3e5;
        background-color: #13b3e5;
}
.custom-checkbox
        .custom-control-input:indeterminate
        ~ .custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-checkbox
        .custom-control-input:disabled:checked
        ~ .custom-control-label:before {
        background-color: rgba(19, 179, 229, 0.5);
}
.custom-checkbox
        .custom-control-input:disabled:indeterminate
        ~ .custom-control-label:before {
        background-color: rgba(19, 179, 229, 0.5);
}
.custom-radio .custom-control-label:before {
        border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
        background-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='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-radio
        .custom-control-input:disabled:checked
        ~ .custom-control-label:before {
        background-color: rgba(19, 179, 229, 0.5);
}
.custom-switch {
        padding-left: 2.25rem;
}
.custom-switch .custom-control-label:before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: 0.5rem;
}
.custom-switch .custom-control-label:after {
        top: calc(0.14rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: 0.5rem;
        transition: background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
                -webkit-transform 0.15s ease-in-out;
        transition: transform 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;
        transition: transform 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,
                -webkit-transform 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .custom-switch .custom-control-label:after {
                transition: none;
        }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
        background-color: #fff;
        -webkit-transform: translateX(0.75rem);
        transform: translateX(0.75rem);
}
.custom-switch
        .custom-control-input:disabled:checked
        ~ .custom-control-label:before {
        background-color: rgba(19, 179, 229, 0.5);
}
.custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.6em + 0.75rem + 2px);
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 1.6;
        color: #495057;
        vertical-align: middle;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
                no-repeat right 0.75rem center/8px 10px;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.custom-select:focus {
        border-color: #83daf5;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.custom-select:focus::-ms-value {
        color: #495057;
        background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
}
.custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef;
}
.custom-select::-ms-expand {
        display: none;
}
.custom-select-sm {
        height: calc(1.5em + 0.5rem + 2px);
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        font-size: 0.7rem;
}
.custom-select-lg {
        height: calc(1.5em + 1rem + 2px);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        font-size: 1rem;
}
.custom-file {
        display: inline-block;
        margin-bottom: 0;
}
.custom-file,
.custom-file-input {
        position: relative;
        width: 100%;
        height: calc(1.6em + 0.75rem + 2px);
}
.custom-file-input {
        z-index: 2;
        margin: 0;
        opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
        border-color: #83daf5;
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label:after {
        content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]:after {
        content: attr(data-browse);
}
.custom-file-label {
        left: 0;
        z-index: 1;
        height: calc(1.6em + 0.75rem + 2px);
        font-weight: 400;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
}
.custom-file-label,
.custom-file-label:after {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.375rem 0.75rem;
        line-height: 1.6;
        color: #495057;
}
.custom-file-label:after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.6em + 0.75rem);
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 0.25rem 0.25rem 0;
}
.custom-range {
        width: 100%;
        height: 1.4rem;
        padding: 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.custom-range:focus {
        outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.95),
                0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.95),
                0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.95),
                0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.custom-range::-moz-focus-outer {
        border: 0;
}
.custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #13b3e5;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
}
@media (prefers-reduced-motion: reduce) {
        .custom-range::-webkit-slider-thumb {
                transition: none;
        }
}
.custom-range::-webkit-slider-thumb:active {
        background-color: #b2e8f9;
}
.custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #13b3e5;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -moz-appearance: none;
        appearance: none;
}
@media (prefers-reduced-motion: reduce) {
        .custom-range::-moz-range-thumb {
                transition: none;
        }
}
.custom-range::-moz-range-thumb:active {
        background-color: #b2e8f9;
}
.custom-range::-moz-range-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem;
}
.custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        background-color: #13b3e5;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
}
@media (prefers-reduced-motion: reduce) {
        .custom-range::-ms-thumb {
                transition: none;
        }
}
.custom-range::-ms-thumb:active {
        background-color: #b2e8f9;
}
.custom-range::-ms-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: 0.5rem;
}
.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
        background-color: #dee2e6;
        border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
        margin-right: 15px;
}
.custom-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
        cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
        background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
        cursor: default;
}
.custom-range:disabled::-ms-thumb {
        background-color: #adb5bd;
}
.custom-control-label:before,
.custom-file-label,
.custom-select {
        transition: background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .custom-control-label:before,
        .custom-file-label,
        .custom-select {
                transition: none;
        }
}
.nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
}
.nav-link {
        display: block;
        padding: 0.5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
        text-decoration: none;
}
.nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
}
.nav-tabs {
        border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
        margin-bottom: -1px;
}
.nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
        border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
        color: #495057;
        background-color: hsla(0, 0%, 100%, 0.95);
        border-color: #dee2e6 #dee2e6 hsla(0, 0%, 100%, 0.95);
}
.nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
}
.nav-pills .nav-link {
        border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
        color: #fff;
        background-color: #13b3e5;
}
.nav-fill .nav-item {
        flex: 1 1 auto;
        text-align: center;
}
.nav-justified .nav-item {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center;
}
.tab-content > .tab-pane {
        display: none;
}
.tab-content > .active {
        display: block;
}
.navbar {
        position: relative;
        padding: 0.5rem 1rem;
}
.navbar,
.navbar > .container,
.navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
}
.navbar-brand {
        display: inline-block;
        padding-top: 0.34rem;
        padding-bottom: 0.34rem;
        margin-right: 1rem;
        font-size: 1rem;
        line-height: inherit;
        white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
        text-decoration: none;
}
.navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
}
.navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
}
.navbar-nav .dropdown-menu {
        position: static;
        float: none;
}
.navbar-text {
        display: inline-block;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
}
.navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
}
.navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.25rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
        text-decoration: none;
}
.navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat 50%;
        background-size: 100% 100%;
}
@media (max-width: 575.98px) {
        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
                padding-right: 0;
                padding-left: 0;
        }
}
@media (min-width: 576px) {
        .navbar-expand-sm {
                flex-flow: row 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: 0.5rem;
                padding-left: 0.5rem;
        }
        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
                flex-wrap: nowrap;
        }
        .navbar-expand-sm .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
        }
        .navbar-expand-sm .navbar-toggler {
                display: none;
        }
}
@media (max-width: 767.98px) {
        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
                padding-right: 0;
                padding-left: 0;
        }
}
@media (min-width: 768px) {
        .navbar-expand-md {
                flex-flow: row 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: 0.5rem;
                padding-left: 0.5rem;
        }
        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
                flex-wrap: nowrap;
        }
        .navbar-expand-md .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
        }
        .navbar-expand-md .navbar-toggler {
                display: none;
        }
}
@media (max-width: 991.98px) {
        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
                padding-right: 0;
                padding-left: 0;
        }
}
@media (min-width: 992px) {
        .navbar-expand-lg {
                flex-flow: row 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: 0.5rem;
                padding-left: 0.5rem;
        }
        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
                flex-wrap: nowrap;
        }
        .navbar-expand-lg .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
        }
        .navbar-expand-lg .navbar-toggler {
                display: none;
        }
}
@media (max-width: 1199.98px) {
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
                padding-right: 0;
                padding-left: 0;
        }
}
@media (min-width: 1200px) {
        .navbar-expand-xl {
                flex-flow: row 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: 0.5rem;
                padding-left: 0.5rem;
        }
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
                flex-wrap: nowrap;
        }
        .navbar-expand-xl .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
        }
        .navbar-expand-xl .navbar-toggler {
                display: none;
        }
}
.navbar-expand {
        flex-flow: row nowrap;
        justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
}
.navbar-expand .navbar-nav {
        flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
        flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
}
.navbar-expand .navbar-toggler {
        display: none;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
        color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
        color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
        color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
        color: hsla(0, 0%, 100%, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
        color: hsla(0, 0%, 100%, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
        color: hsla(0, 0%, 100%, 0.25);
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
        color: #fff;
}
.navbar-dark .navbar-toggler {
        color: hsla(0, 0%, 100%, 0.5);
        border-color: hsla(0, 0%, 100%, 0.1);
}
.navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
        color: hsla(0, 0%, 100%, 0.5);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
        color: #fff;
}
.card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0.25rem;
}
.card > hr {
        margin-right: 0;
        margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
}
.card-body {
        flex: 1 1 auto;
        padding: 1.25rem;
}
.card-title {
        margin-bottom: 0.75rem;
}
.card-subtitle {
        margin-top: -0.375rem;
}
.card-subtitle,
.card-text:last-child {
        margin-bottom: 0;
}
.card-link:hover {
        text-decoration: none;
}
.card-link + .card-link {
        margin-left: 1.25rem;
}
.card-header {
        padding: 0.75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
        border-top: 0;
}
.card-footer {
        padding: 0.75rem 1.25rem;
        background-color: rgba(0, 0, 0, 0.03);
        border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
        margin-bottom: -0.75rem;
        border-bottom: 0;
}
.card-header-pills,
.card-header-tabs {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
}
.card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
}
.card-img {
        width: 100%;
        border-radius: calc(0.25rem - 1px);
}
.card-img-top {
        width: 100%;
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
        width: 100%;
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
        display: flex;
        flex-direction: column;
}
.card-deck .card {
        margin-bottom: 15px;
}
@media (min-width: 576px) {
        .card-deck {
                flex-flow: row wrap;
                margin-right: -15px;
                margin-left: -15px;
        }
        .card-deck .card {
                display: flex;
                flex: 1 0 0%;
                flex-direction: column;
                margin-right: 15px;
                margin-bottom: 0;
                margin-left: 15px;
        }
}
.card-group {
        display: flex;
        flex-direction: column;
}
.card-group > .card {
        margin-bottom: 15px;
}
@media (min-width: 576px) {
        .card-group {
                flex-flow: row wrap;
        }
        .card-group > .card {
                flex: 1 0 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;
        }
}
.card-columns .card {
        margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
        .card-columns {
                -webkit-column-count: 3;
                -moz-column-count: 3;
                column-count: 3;
                -webkit-column-gap: 1.25rem;
                -moz-column-gap: 1.25rem;
                column-gap: 1.25rem;
                orphans: 1;
                widows: 1;
        }
        .card-columns .card {
                display: inline-block;
                width: 100%;
        }
}
.accordion > .card {
        overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0;
}
.accordion > .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
}
.accordion > .card .card-header {
        margin-bottom: -1px;
}
.breadcrumb {
        display: flex;
        flex-wrap: wrap;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: #e9ecef;
        border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item:before {
        display: inline-block;
        padding-right: 0.5rem;
        color: #6c757d;
        content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover:before {
        text-decoration: underline;
        text-decoration: none;
}
.breadcrumb-item.active {
        color: #6c757d;
}
.pagination {
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0.25rem;
}
.page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #13b3e5;
        background-color: #fff;
        border: 1px solid #dee2e6;
}
.page-link:hover {
        z-index: 2;
        color: #0d7c9e;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
}
.page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.25);
}
.page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #13b3e5;
        border-color: #13b3e5;
}
.page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6;
}
.pagination-lg .page-link {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
        line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
}
.badge {
        display: inline-block;
        padding: 0.25em 0.4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .badge {
                transition: none;
        }
}
a.badge:focus,
a.badge:hover {
        text-decoration: none;
}
.badge:empty {
        display: none;
}
.btn .badge {
        position: relative;
        top: -1px;
}
.badge-pill {
        padding-right: 0.6em;
        padding-left: 0.6em;
        border-radius: 10rem;
}
.badge-primary {
        color: #fff;
        background-color: #13b3e5;
}
a.badge-primary:focus,
a.badge-primary:hover {
        color: #fff;
        background-color: #0f8eb6;
}
a.badge-primary.focus,
a.badge-primary:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(19, 179, 229, 0.5);
}
.badge-secondary {
        color: #fff;
        background-color: #6c757d;
}
a.badge-secondary:focus,
a.badge-secondary:hover {
        color: #fff;
        background-color: #545b62;
}
a.badge-secondary.focus,
a.badge-secondary:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-success {
        color: #fff;
        background-color: #019700;
}
a.badge-success:focus,
a.badge-success:hover {
        color: #fff;
        background-color: #016400;
}
a.badge-success.focus,
a.badge-success:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(1, 151, 0, 0.5);
}
.badge-info {
        color: #212529;
        background-color: #6cb2eb;
}
a.badge-info:focus,
a.badge-info:hover {
        color: #212529;
        background-color: #3f9ae5;
}
a.badge-info.focus,
a.badge-info:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(108, 178, 235, 0.5);
}
.badge-warning {
        color: #212529;
        background-color: #ffed4a;
}
a.badge-warning:focus,
a.badge-warning:hover {
        color: #212529;
        background-color: #ffe817;
}
a.badge-warning.focus,
a.badge-warning:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255, 237, 74, 0.5);
}
.badge-danger {
        color: #fff;
        background-color: #ff0031;
}
a.badge-danger:focus,
a.badge-danger:hover {
        color: #fff;
        background-color: #cc0027;
}
a.badge-danger.focus,
a.badge-danger:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255, 0, 49, 0.5);
}
.badge-light {
        color: #212529;
        background-color: #f8f9fa;
}
a.badge-light:focus,
a.badge-light:hover {
        color: #212529;
        background-color: #dae0e5;
}
a.badge-light.focus,
a.badge-light:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
        color: #fff;
        background-color: #343a40;
}
a.badge-dark:focus,
a.badge-dark:hover {
        color: #fff;
        background-color: #1d2124;
}
a.badge-dark.focus,
a.badge-dark:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #e9ecef;
        border-radius: 0.3rem;
}
@media (min-width: 576px) {
        .jumbotron {
                padding: 4rem 2rem;
        }
}
.jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
}
.alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.25rem;
}
.alert-heading {
        color: inherit;
}
.alert-link {
        font-weight: 700;
}
.alert-dismissible {
        padding-right: 3.7rem;
}
.alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
}
.alert-primary {
        color: #0a5d77;
        background-color: #d0f0fa;
        border-color: #bdeaf8;
}
.alert-primary hr {
        border-top-color: #a6e3f6;
}
.alert-primary .alert-link {
        color: #063848;
}
.alert-secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db;
}
.alert-secondary hr {
        border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
        color: #202326;
}
.alert-success {
        color: #014f00;
        background-color: #cceacc;
        border-color: #b8e2b8;
}
.alert-success hr {
        border-top-color: #a6dba6;
}
.alert-success .alert-link {
        color: #001c00;
}
.alert-info {
        color: #385d7a;
        background-color: #e2f0fb;
        border-color: #d6e9f9;
}
.alert-info hr {
        border-top-color: #c0ddf6;
}
.alert-info .alert-link {
        color: #284257;
}
.alert-warning {
        color: #857b26;
        background-color: #fffbdb;
        border-color: #fffacc;
}
.alert-warning hr {
        border-top-color: #fff8b3;
}
.alert-warning .alert-link {
        color: #5d561b;
}
.alert-danger {
        color: #850019;
        background-color: #ffccd6;
        border-color: #ffb8c5;
}
.alert-danger hr {
        border-top-color: #ff9fb0;
}
.alert-danger .alert-link {
        color: #52000f;
}
.alert-light {
        color: #818182;
        background-color: #fefefe;
        border-color: #fdfdfe;
}
.alert-light hr {
        border-top-color: #ececf6;
}
.alert-light .alert-link {
        color: #686868;
}
.alert-dark {
        color: #1b1e21;
        background-color: #d6d8d9;
        border-color: #c6c8ca;
}
.alert-dark hr {
        border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
        color: #040505;
}
@-webkit-keyframes progress-bar-stripes {
        0% {
                background-position: 1rem 0;
        }
        to {
                background-position: 0 0;
        }
}
.progress {
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: 0.6rem;
        background-color: #e9ecef;
        border-radius: 0.25rem;
}
.progress-bar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #13b3e5;
        transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
        .progress-bar {
                transition: none;
        }
}
.progress-bar-striped {
        background-image: linear-gradient(
                45deg,
                hsla(0, 0%, 100%, 0.15) 25%,
                transparent 0,
                transparent 50%,
                hsla(0, 0%, 100%, 0.15) 0,
                hsla(0, 0%, 100%, 0.15) 75%,
                transparent 0,
                transparent
        );
        background-size: 1rem 1rem;
}
.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;
        }
}
.media {
        display: flex;
        align-items: flex-start;
}
.media-body {
        flex: 1;
}
.list-group {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
}
.list-group-item-action {
        width: 100%;
        color: #495057;
        text-align: inherit;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
}
.list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef;
}
.list-group-item {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled,
.list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
}
.list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #13b3e5;
        border-color: #13b3e5;
}
.list-group-horizontal {
        flex-direction: row;
}
.list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
}
@media (min-width: 576px) {
        .list-group-horizontal-sm {
                flex-direction: row;
        }
        .list-group-horizontal-sm .list-group-item {
                margin-right: -1px;
                margin-bottom: 0;
        }
        .list-group-horizontal-sm .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
        }
        .list-group-horizontal-sm .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                border-bottom-left-radius: 0;
        }
}
@media (min-width: 768px) {
        .list-group-horizontal-md {
                flex-direction: row;
        }
        .list-group-horizontal-md .list-group-item {
                margin-right: -1px;
                margin-bottom: 0;
        }
        .list-group-horizontal-md .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
        }
        .list-group-horizontal-md .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                border-bottom-left-radius: 0;
        }
}
@media (min-width: 992px) {
        .list-group-horizontal-lg {
                flex-direction: row;
        }
        .list-group-horizontal-lg .list-group-item {
                margin-right: -1px;
                margin-bottom: 0;
        }
        .list-group-horizontal-lg .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
        }
        .list-group-horizontal-lg .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                border-bottom-left-radius: 0;
        }
}
@media (min-width: 1200px) {
        .list-group-horizontal-xl {
                flex-direction: row;
        }
        .list-group-horizontal-xl .list-group-item {
                margin-right: -1px;
                margin-bottom: 0;
        }
        .list-group-horizontal-xl .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
        }
        .list-group-horizontal-xl .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                border-bottom-left-radius: 0;
        }
}
.list-group-flush .list-group-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
        margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
        border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom: 0;
}
.list-group-item-primary {
        color: #0a5d77;
        background-color: #bdeaf8;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
        color: #0a5d77;
        background-color: #a6e3f6;
}
.list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #0a5d77;
        border-color: #0a5d77;
}
.list-group-item-secondary {
        color: #383d41;
        background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41;
}
.list-group-item-success {
        color: #014f00;
        background-color: #b8e2b8;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
        color: #014f00;
        background-color: #a6dba6;
}
.list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #014f00;
        border-color: #014f00;
}
.list-group-item-info {
        color: #385d7a;
        background-color: #d6e9f9;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
        color: #385d7a;
        background-color: #c0ddf6;
}
.list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #385d7a;
        border-color: #385d7a;
}
.list-group-item-warning {
        color: #857b26;
        background-color: #fffacc;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
        color: #857b26;
        background-color: #fff8b3;
}
.list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #857b26;
        border-color: #857b26;
}
.list-group-item-danger {
        color: #850019;
        background-color: #ffb8c5;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
        color: #850019;
        background-color: #ff9fb0;
}
.list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #850019;
        border-color: #850019;
}
.list-group-item-light {
        color: #818182;
        background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182;
}
.list-group-item-dark {
        color: #1b1e21;
        background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21;
}
.close {
        float: right;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 0.5;
}
.close:hover {
        color: #000;
        text-decoration: none;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
        opacity: 0.75;
}
button.close {
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
a.close.disabled {
        pointer-events: none;
}
.toast {
        max-width: 350px;
        overflow: hidden;
        font-size: 0.875rem;
        background-color: hsla(0, 0%, 100%, 0.85);
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        border-radius: 0.25rem;
}
.toast:not(:last-child) {
        margin-bottom: 0.75rem;
}
.toast.showing {
        opacity: 1;
}
.toast.show {
        display: block;
        opacity: 1;
}
.toast.hide {
        display: none;
}
.toast-header {
        display: flex;
        align-items: center;
        padding: 0.25rem 0.75rem;
        color: #6c757d;
        background-color: hsla(0, 0%, 100%, 0.85);
        background-clip: padding-box;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-body {
        padding: 0.75rem;
}
.modal-open {
        overflow: hidden;
}
.modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
}
.modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
}
.modal-dialog {
        position: relative;
        width: auto;
        margin: 0.5rem;
        pointer-events: none;
}
.modal.fade .modal-dialog {
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.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-dialog-scrollable {
        display: flex;
        max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
        flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
        overflow-y: auto;
}
.modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem);
}
.modal-dialog-centered:before {
        display: block;
        height: calc(100vh - 1rem);
        content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
        max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable:before {
        content: none;
}
.modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
        outline: 0;
}
.modal-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
}
.modal-backdrop.fade {
        opacity: 0;
}
.modal-backdrop.show {
        opacity: 0.5;
}
.modal-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: 0.3rem;
        border-top-right-radius: 0.3rem;
}
.modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto;
}
.modal-title {
        margin-bottom: 0;
        line-height: 1.6;
}
.modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem;
}
.modal-footer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 1rem;
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
        margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
        margin-right: 0.25rem;
}
.modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
}
@media (min-width: 576px) {
        .modal-dialog {
                max-width: 500px;
                margin: 1.75rem auto;
        }
        .modal-dialog-scrollable {
                max-height: calc(100% - 3.5rem);
        }
        .modal-dialog-scrollable .modal-content {
                max-height: calc(100vh - 3.5rem);
        }
        .modal-dialog-centered {
                min-height: calc(100% - 3.5rem);
        }
        .modal-dialog-centered:before {
                height: calc(100vh - 3.5rem);
        }
        .modal-sm {
                max-width: 300px;
        }
}
@media (min-width: 992px) {
        .modal-lg,
        .modal-xl {
                max-width: 800px;
        }
}
@media (min-width: 1200px) {
        .modal-xl {
                max-width: 1140px;
        }
}
.tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
                Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
                Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-style: normal;
        font-weight: 400;
        line-height: 1.6;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.7rem;
        word-wrap: break-word;
        opacity: 0;
}
.tooltip.show {
        opacity: 0.9;
}
.tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
}
.tooltip .arrow:before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
}
.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
        padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
        bottom: 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.bs-tooltip-top .arrow:before {
        top: 0;
        border-width: 0.4rem 0.4rem 0;
        border-top-color: #000;
}
.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
        padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.bs-tooltip-right .arrow:before {
        right: 0;
        border-width: 0.4rem 0.4rem 0.4rem 0;
        border-right-color: #000;
}
.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
        padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
        top: 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.bs-tooltip-bottom .arrow:before {
        bottom: 0;
        border-width: 0 0.4rem 0.4rem;
        border-bottom-color: #000;
}
.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
        padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.bs-tooltip-left .arrow:before {
        left: 0;
        border-width: 0.4rem 0 0.4rem 0.4rem;
        border-left-color: #000;
}
.tooltip-inner {
        max-width: 200px;
        padding: 0.25rem 0.5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 0.25rem;
}
.popover {
        top: 0;
        left: 0;
        z-index: 1060;
        max-width: 276px;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
                Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
                Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-style: normal;
        font-weight: 400;
        line-height: 1.6;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.7rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
}
.popover,
.popover .arrow {
        position: absolute;
        display: block;
}
.popover .arrow {
        width: 1rem;
        height: 0.5rem;
        margin: 0 0.3rem;
}
.popover .arrow:after,
.popover .arrow:before {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
}
.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
        margin-bottom: 0.5rem;
}
.bs-popover-auto[x-placement^="top"] > .arrow,
.bs-popover-top > .arrow {
        bottom: calc(-0.5rem + -1px);
}
.bs-popover-auto[x-placement^="top"] > .arrow:before,
.bs-popover-top > .arrow:before {
        bottom: 0;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="top"] > .arrow:after,
.bs-popover-top > .arrow:after {
        bottom: 1px;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff;
}
.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
        margin-left: 0.5rem;
}
.bs-popover-auto[x-placement^="right"] > .arrow,
.bs-popover-right > .arrow {
        left: calc(-0.5rem + -1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^="right"] > .arrow:before,
.bs-popover-right > .arrow:before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="right"] > .arrow:after,
.bs-popover-right > .arrow:after {
        left: 1px;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
        margin-top: 0.5rem;
}
.bs-popover-auto[x-placement^="bottom"] > .arrow,
.bs-popover-bottom > .arrow {
        top: calc(-0.5rem + -1px);
}
.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.bs-popover-bottom > .arrow:before {
        top: 0;
        border-width: 0 0.5rem 0.5rem;
        border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.bs-popover-bottom > .arrow:after {
        top: 1px;
        border-width: 0 0.5rem 0.5rem;
        border-bottom-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header:before,
.bs-popover-bottom .popover-header:before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7;
}
.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
        margin-right: 0.5rem;
}
.bs-popover-auto[x-placement^="left"] > .arrow,
.bs-popover-left > .arrow {
        right: calc(-0.5rem + -1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^="left"] > .arrow:before,
.bs-popover-left > .arrow:before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="left"] > .arrow:after,
.bs-popover-left > .arrow:after {
        right: 1px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff;
}
.popover-header {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0;
        font-size: 0.8rem;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-top-left-radius: calc(0.3rem - 1px);
        border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
        display: none;
}
.popover-body {
        padding: 0.5rem 0.75rem;
        color: #212529;
}
.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 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out,
                -webkit-transform 0.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-right,
.carousel-item-next:not(.carousel-item-left) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
        -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-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-right {
                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%;
        color: #fff;
        text-align: center;
        opacity: 0.5;
        transition: opacity 0.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: 0.9;
}
.carousel-control-prev {
        left: 0;
}
.carousel-control-next {
        right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%;
}
.carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 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' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
}
.carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
        .carousel-indicators li {
                transition: none;
        }
}
.carousel-indicators .active {
        opacity: 1;
}
.carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
}
@-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 {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: 0.25em solid;
        border-right: 0.25em solid transparent;
        border-radius: 50%;
        -webkit-animation: spinner-border 0.75s linear infinite;
        animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
        0% {
                -webkit-transform: scale(0);
                transform: scale(0);
        }
        50% {
                opacity: 1;
        }
}
@keyframes spinner-grow {
        0% {
                -webkit-transform: scale(0);
                transform: scale(0);
        }
        50% {
                opacity: 1;
        }
}
.spinner-grow {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        -webkit-animation: spinner-grow 0.75s linear infinite;
        animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
        width: 1rem;
        height: 1rem;
}
.align-baseline {
        vertical-align: baseline !important;
}
.align-top {
        vertical-align: top !important;
}
.align-middle {
        vertical-align: middle !important;
}
.align-bottom {
        vertical-align: bottom !important;
}
.align-text-bottom {
        vertical-align: text-bottom !important;
}
.align-text-top {
        vertical-align: text-top !important;
}
.bg-primary {
        background-color: #13b3e5 !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
        background-color: #0f8eb6 !important;
}
.bg-secondary {
        background-color: #6c757d !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
        background-color: #545b62 !important;
}
.bg-success {
        background-color: #019700 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
        background-color: #016400 !important;
}
.bg-info {
        background-color: #6cb2eb !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
        background-color: #3f9ae5 !important;
}
.bg-warning {
        background-color: #ffed4a !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
        background-color: #ffe817 !important;
}
.bg-danger {
        background-color: #ff0031 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
        background-color: #cc0027 !important;
}
.bg-light {
        background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
        background-color: #dae0e5 !important;
}
.bg-dark {
        background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
        background-color: #1d2124 !important;
}
.bg-white {
        background-color: #fff !important;
}
.bg-transparent {
        background-color: transparent !important;
}
.border {
        border: 1px solid #dee2e6 !important;
}
.border-top {
        border-top: 1px solid #dee2e6 !important;
}
.border-right {
        border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
        border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
        border-left: 1px solid #dee2e6 !important;
}
.border-0 {
        border: 0 !important;
}
.border-top-0 {
        border-top: 0 !important;
}
.border-right-0 {
        border-right: 0 !important;
}
.border-bottom-0 {
        border-bottom: 0 !important;
}
.border-left-0 {
        border-left: 0 !important;
}
.border-primary {
        border-color: #13b3e5 !important;
}
.border-secondary {
        border-color: #6c757d !important;
}
.border-success {
        border-color: #019700 !important;
}
.border-info {
        border-color: #6cb2eb !important;
}
.border-warning {
        border-color: #ffed4a !important;
}
.border-danger {
        border-color: #ff0031 !important;
}
.border-light {
        border-color: #f8f9fa !important;
}
.border-dark {
        border-color: #343a40 !important;
}
.border-white {
        border-color: #fff !important;
}
.rounded-sm {
        border-radius: 0.2rem !important;
}
.rounded {
        border-radius: 0.25rem !important;
}
.rounded-top {
        border-top-left-radius: 0.25rem !important;
}
.rounded-right,
.rounded-top {
        border-top-right-radius: 0.25rem !important;
}
.rounded-bottom,
.rounded-right {
        border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom,
.rounded-left {
        border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
        border-top-left-radius: 0.25rem !important;
}
.rounded-lg {
        border-radius: 0.3rem !important;
}
.rounded-circle {
        border-radius: 50% !important;
}
.rounded-pill {
        border-radius: 50rem !important;
}
.rounded-0 {
        border-radius: 0 !important;
}
.clearfix:after {
        display: block;
        clear: both;
        content: "";
}
.d-none {
        display: none !important;
}
.d-inline {
        display: inline !important;
}
.d-inline-block {
        display: inline-block !important;
}
.d-block {
        display: block !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;
}
@media (min-width: 576px) {
        .d-sm-none {
                display: none !important;
        }
        .d-sm-inline {
                display: inline !important;
        }
        .d-sm-inline-block {
                display: inline-block !important;
        }
        .d-sm-block {
                display: block !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;
        }
}
@media (min-width: 768px) {
        .d-md-none {
                display: none !important;
        }
        .d-md-inline {
                display: inline !important;
        }
        .d-md-inline-block {
                display: inline-block !important;
        }
        .d-md-block {
                display: block !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;
        }
}
@media (min-width: 992px) {
        .d-lg-none {
                display: none !important;
        }
        .d-lg-inline {
                display: inline !important;
        }
        .d-lg-inline-block {
                display: inline-block !important;
        }
        .d-lg-block {
                display: block !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;
        }
}
@media (min-width: 1200px) {
        .d-xl-none {
                display: none !important;
        }
        .d-xl-inline {
                display: inline !important;
        }
        .d-xl-inline-block {
                display: inline-block !important;
        }
        .d-xl-block {
                display: block !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;
        }
}
@media print {
        .d-print-none {
                display: none !important;
        }
        .d-print-inline {
                display: inline !important;
        }
        .d-print-inline-block {
                display: inline-block !important;
        }
        .d-print-block {
                display: block !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;
        }
}
.embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
}
.embed-responsive:before {
        display: block;
        content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
}
.embed-responsive-21by9:before {
        padding-top: 42.8571428571%;
}
.embed-responsive-16by9:before {
        padding-top: 56.25%;
}
.embed-responsive-4by3:before {
        padding-top: 75%;
}
.embed-responsive-1by1:before {
        padding-top: 100%;
}
.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-wrap {
        flex-wrap: wrap !important;
}
.flex-nowrap {
        flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
}
.flex-fill {
        flex: 1 1 auto !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;
}
.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;
}
.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;
}
@media (min-width: 576px) {
        .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-wrap {
                flex-wrap: wrap !important;
        }
        .flex-sm-nowrap {
                flex-wrap: nowrap !important;
        }
        .flex-sm-wrap-reverse {
                flex-wrap: wrap-reverse !important;
        }
        .flex-sm-fill {
                flex: 1 1 auto !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;
        }
        .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;
        }
        .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;
        }
}
@media (min-width: 768px) {
        .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-wrap {
                flex-wrap: wrap !important;
        }
        .flex-md-nowrap {
                flex-wrap: nowrap !important;
        }
        .flex-md-wrap-reverse {
                flex-wrap: wrap-reverse !important;
        }
        .flex-md-fill {
                flex: 1 1 auto !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;
        }
        .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;
        }
        .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;
        }
}
@media (min-width: 992px) {
        .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-wrap {
                flex-wrap: wrap !important;
        }
        .flex-lg-nowrap {
                flex-wrap: nowrap !important;
        }
        .flex-lg-wrap-reverse {
                flex-wrap: wrap-reverse !important;
        }
        .flex-lg-fill {
                flex: 1 1 auto !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;
        }
        .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;
        }
        .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;
        }
}
@media (min-width: 1200px) {
        .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-wrap {
                flex-wrap: wrap !important;
        }
        .flex-xl-nowrap {
                flex-wrap: nowrap !important;
        }
        .flex-xl-wrap-reverse {
                flex-wrap: wrap-reverse !important;
        }
        .flex-xl-fill {
                flex: 1 1 auto !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;
        }
        .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;
        }
        .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;
        }
}
.float-left {
        float: left !important;
}
.float-right {
        float: right !important;
}
.float-none {
        float: none !important;
}
@media (min-width: 576px) {
        .float-sm-left {
                float: left !important;
        }
        .float-sm-right {
                float: right !important;
        }
        .float-sm-none {
                float: none !important;
        }
}
@media (min-width: 768px) {
        .float-md-left {
                float: left !important;
        }
        .float-md-right {
                float: right !important;
        }
        .float-md-none {
                float: none !important;
        }
}
@media (min-width: 992px) {
        .float-lg-left {
                float: left !important;
        }
        .float-lg-right {
                float: right !important;
        }
        .float-lg-none {
                float: none !important;
        }
}
@media (min-width: 1200px) {
        .float-xl-left {
                float: left !important;
        }
        .float-xl-right {
                float: right !important;
        }
        .float-xl-none {
                float: none !important;
        }
}
.overflow-auto {
        overflow: auto !important;
}
.overflow-hidden {
        overflow: hidden !important;
}
.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;
}
.fixed-top {
        top: 0;
}
.fixed-bottom,
.fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
}
.fixed-bottom {
        bottom: 0;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
        .sticky-top {
                position: -webkit-sticky;
                position: sticky;
                top: 0;
                z-index: 1020;
        }
}
.sr-only {
        white-space: nowrap;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
        white-space: normal;
}
.shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
        box-shadow: none !important;
}
.w-25 {
        width: 25% !important;
}
.w-50 {
        width: 50% !important;
}
.w-75 {
        width: 75% !important;
}
.w-100 {
        width: 100% !important;
}
.w-auto {
        width: auto !important;
}
.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;
}
.mw-100 {
        max-width: 100% !important;
}
.mh-100 {
        max-height: 100% !important;
}
.min-vw-100 {
        min-width: 100vw !important;
}
.min-vh-100 {
        min-height: 100vh !important;
}
.vw-100 {
        width: 100vw !important;
}
.vh-100 {
        height: 100vh !important;
}
.stretched-link:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: transparent;
}
.m-0 {
        margin: 0 !important;
}
.mt-0,
.my-0 {
        margin-top: 0 !important;
}
.mr-0,
.mx-0 {
        margin-right: 0 !important;
}
.mb-0,
.my-0 {
        margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
        margin-left: 0 !important;
}
.m-1 {
        margin: 0.25rem !important;
}
.mt-1,
.my-1 {
        margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
        margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
        margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
        margin-left: 0.25rem !important;
}
.m-2 {
        margin: 0.5rem !important;
}
.mt-2,
.my-2 {
        margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
        margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
        margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
        margin-left: 0.5rem !important;
}
.m-3 {
        margin: 1rem !important;
}
.mt-3,
.my-3 {
        margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
        margin-right: 1rem !important;
}
.mb-3,
.my-3 {
        margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
        margin-left: 1rem !important;
}
.m-4 {
        margin: 1.5rem !important;
}
.mt-4,
.my-4 {
        margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
        margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
        margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
        margin-left: 1.5rem !important;
}
.m-5 {
        margin: 3rem !important;
}
.mt-5,
.my-5 {
        margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
        margin-right: 3rem !important;
}
.mb-5,
.my-5 {
        margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
        margin-left: 3rem !important;
}
.p-0 {
        padding: 0 !important;
}
.pt-0,
.py-0 {
        padding-top: 0 !important;
}
.pr-0,
.px-0 {
        padding-right: 0 !important;
}
.pb-0,
.py-0 {
        padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
        padding-left: 0 !important;
}
.p-1 {
        padding: 0.25rem !important;
}
.pt-1,
.py-1 {
        padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
        padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
        padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
        padding-left: 0.25rem !important;
}
.p-2 {
        padding: 0.5rem !important;
}
.pt-2,
.py-2 {
        padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
        padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
        padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
        padding-left: 0.5rem !important;
}
.p-3 {
        padding: 1rem !important;
}
.pt-3,
.py-3 {
        padding-top: 1rem !important;
}
.pr-3,
.px-3 {
        padding-right: 1rem !important;
}
.pb-3,
.py-3 {
        padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
        padding-left: 1rem !important;
}
.p-4 {
        padding: 1.5rem !important;
}
.pt-4,
.py-4 {
        padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
        padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
        padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
        padding-left: 1.5rem !important;
}
.p-5 {
        padding: 3rem !important;
}
.pt-5,
.py-5 {
        padding-top: 3rem !important;
}
.pr-5,
.px-5 {
        padding-right: 3rem !important;
}
.pb-5,
.py-5 {
        padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
        padding-left: 3rem !important;
}
.m-n1 {
        margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
        margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
        margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
        margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
        margin-left: -0.25rem !important;
}
.m-n2 {
        margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
        margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
        margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
        margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
        margin-left: -0.5rem !important;
}
.m-n3 {
        margin: -1rem !important;
}
.mt-n3,
.my-n3 {
        margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
        margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
        margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
        margin-left: -1rem !important;
}
.m-n4 {
        margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
        margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
        margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
        margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
        margin-left: -1.5rem !important;
}
.m-n5 {
        margin: -3rem !important;
}
.mt-n5,
.my-n5 {
        margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
        margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
        margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
        margin-left: -3rem !important;
}
.m-auto {
        margin: auto !important;
}
.mt-auto,
.my-auto {
        margin-top: auto !important;
}
.mr-auto,
.mx-auto {
        margin-right: auto !important;
}
.mb-auto,
.my-auto {
        margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
        margin-left: auto !important;
}
@media (min-width: 576px) {
        .m-sm-0 {
                margin: 0 !important;
        }
        .mt-sm-0,
        .my-sm-0 {
                margin-top: 0 !important;
        }
        .mr-sm-0,
        .mx-sm-0 {
                margin-right: 0 !important;
        }
        .mb-sm-0,
        .my-sm-0 {
                margin-bottom: 0 !important;
        }
        .ml-sm-0,
        .mx-sm-0 {
                margin-left: 0 !important;
        }
        .m-sm-1 {
                margin: 0.25rem !important;
        }
        .mt-sm-1,
        .my-sm-1 {
                margin-top: 0.25rem !important;
        }
        .mr-sm-1,
        .mx-sm-1 {
                margin-right: 0.25rem !important;
        }
        .mb-sm-1,
        .my-sm-1 {
                margin-bottom: 0.25rem !important;
        }
        .ml-sm-1,
        .mx-sm-1 {
                margin-left: 0.25rem !important;
        }
        .m-sm-2 {
                margin: 0.5rem !important;
        }
        .mt-sm-2,
        .my-sm-2 {
                margin-top: 0.5rem !important;
        }
        .mr-sm-2,
        .mx-sm-2 {
                margin-right: 0.5rem !important;
        }
        .mb-sm-2,
        .my-sm-2 {
                margin-bottom: 0.5rem !important;
        }
        .ml-sm-2,
        .mx-sm-2 {
                margin-left: 0.5rem !important;
        }
        .m-sm-3 {
                margin: 1rem !important;
        }
        .mt-sm-3,
        .my-sm-3 {
                margin-top: 1rem !important;
        }
        .mr-sm-3,
        .mx-sm-3 {
                margin-right: 1rem !important;
        }
        .mb-sm-3,
        .my-sm-3 {
                margin-bottom: 1rem !important;
        }
        .ml-sm-3,
        .mx-sm-3 {
                margin-left: 1rem !important;
        }
        .m-sm-4 {
                margin: 1.5rem !important;
        }
        .mt-sm-4,
        .my-sm-4 {
                margin-top: 1.5rem !important;
        }
        .mr-sm-4,
        .mx-sm-4 {
                margin-right: 1.5rem !important;
        }
        .mb-sm-4,
        .my-sm-4 {
                margin-bottom: 1.5rem !important;
        }
        .ml-sm-4,
        .mx-sm-4 {
                margin-left: 1.5rem !important;
        }
        .m-sm-5 {
                margin: 3rem !important;
        }
        .mt-sm-5,
        .my-sm-5 {
                margin-top: 3rem !important;
        }
        .mr-sm-5,
        .mx-sm-5 {
                margin-right: 3rem !important;
        }
        .mb-sm-5,
        .my-sm-5 {
                margin-bottom: 3rem !important;
        }
        .ml-sm-5,
        .mx-sm-5 {
                margin-left: 3rem !important;
        }
        .p-sm-0 {
                padding: 0 !important;
        }
        .pt-sm-0,
        .py-sm-0 {
                padding-top: 0 !important;
        }
        .pr-sm-0,
        .px-sm-0 {
                padding-right: 0 !important;
        }
        .pb-sm-0,
        .py-sm-0 {
                padding-bottom: 0 !important;
        }
        .pl-sm-0,
        .px-sm-0 {
                padding-left: 0 !important;
        }
        .p-sm-1 {
                padding: 0.25rem !important;
        }
        .pt-sm-1,
        .py-sm-1 {
                padding-top: 0.25rem !important;
        }
        .pr-sm-1,
        .px-sm-1 {
                padding-right: 0.25rem !important;
        }
        .pb-sm-1,
        .py-sm-1 {
                padding-bottom: 0.25rem !important;
        }
        .pl-sm-1,
        .px-sm-1 {
                padding-left: 0.25rem !important;
        }
        .p-sm-2 {
                padding: 0.5rem !important;
        }
        .pt-sm-2,
        .py-sm-2 {
                padding-top: 0.5rem !important;
        }
        .pr-sm-2,
        .px-sm-2 {
                padding-right: 0.5rem !important;
        }
        .pb-sm-2,
        .py-sm-2 {
                padding-bottom: 0.5rem !important;
        }
        .pl-sm-2,
        .px-sm-2 {
                padding-left: 0.5rem !important;
        }
        .p-sm-3 {
                padding: 1rem !important;
        }
        .pt-sm-3,
        .py-sm-3 {
                padding-top: 1rem !important;
        }
        .pr-sm-3,
        .px-sm-3 {
                padding-right: 1rem !important;
        }
        .pb-sm-3,
        .py-sm-3 {
                padding-bottom: 1rem !important;
        }
        .pl-sm-3,
        .px-sm-3 {
                padding-left: 1rem !important;
        }
        .p-sm-4 {
                padding: 1.5rem !important;
        }
        .pt-sm-4,
        .py-sm-4 {
                padding-top: 1.5rem !important;
        }
        .pr-sm-4,
        .px-sm-4 {
                padding-right: 1.5rem !important;
        }
        .pb-sm-4,
        .py-sm-4 {
                padding-bottom: 1.5rem !important;
        }
        .pl-sm-4,
        .px-sm-4 {
                padding-left: 1.5rem !important;
        }
        .p-sm-5 {
                padding: 3rem !important;
        }
        .pt-sm-5,
        .py-sm-5 {
                padding-top: 3rem !important;
        }
        .pr-sm-5,
        .px-sm-5 {
                padding-right: 3rem !important;
        }
        .pb-sm-5,
        .py-sm-5 {
                padding-bottom: 3rem !important;
        }
        .pl-sm-5,
        .px-sm-5 {
                padding-left: 3rem !important;
        }
        .m-sm-n1 {
                margin: -0.25rem !important;
        }
        .mt-sm-n1,
        .my-sm-n1 {
                margin-top: -0.25rem !important;
        }
        .mr-sm-n1,
        .mx-sm-n1 {
                margin-right: -0.25rem !important;
        }
        .mb-sm-n1,
        .my-sm-n1 {
                margin-bottom: -0.25rem !important;
        }
        .ml-sm-n1,
        .mx-sm-n1 {
                margin-left: -0.25rem !important;
        }
        .m-sm-n2 {
                margin: -0.5rem !important;
        }
        .mt-sm-n2,
        .my-sm-n2 {
                margin-top: -0.5rem !important;
        }
        .mr-sm-n2,
        .mx-sm-n2 {
                margin-right: -0.5rem !important;
        }
        .mb-sm-n2,
        .my-sm-n2 {
                margin-bottom: -0.5rem !important;
        }
        .ml-sm-n2,
        .mx-sm-n2 {
                margin-left: -0.5rem !important;
        }
        .m-sm-n3 {
                margin: -1rem !important;
        }
        .mt-sm-n3,
        .my-sm-n3 {
                margin-top: -1rem !important;
        }
        .mr-sm-n3,
        .mx-sm-n3 {
                margin-right: -1rem !important;
        }
        .mb-sm-n3,
        .my-sm-n3 {
                margin-bottom: -1rem !important;
        }
        .ml-sm-n3,
        .mx-sm-n3 {
                margin-left: -1rem !important;
        }
        .m-sm-n4 {
                margin: -1.5rem !important;
        }
        .mt-sm-n4,
        .my-sm-n4 {
                margin-top: -1.5rem !important;
        }
        .mr-sm-n4,
        .mx-sm-n4 {
                margin-right: -1.5rem !important;
        }
        .mb-sm-n4,
        .my-sm-n4 {
                margin-bottom: -1.5rem !important;
        }
        .ml-sm-n4,
        .mx-sm-n4 {
                margin-left: -1.5rem !important;
        }
        .m-sm-n5 {
                margin: -3rem !important;
        }
        .mt-sm-n5,
        .my-sm-n5 {
                margin-top: -3rem !important;
        }
        .mr-sm-n5,
        .mx-sm-n5 {
                margin-right: -3rem !important;
        }
        .mb-sm-n5,
        .my-sm-n5 {
                margin-bottom: -3rem !important;
        }
        .ml-sm-n5,
        .mx-sm-n5 {
                margin-left: -3rem !important;
        }
        .m-sm-auto {
                margin: auto !important;
        }
        .mt-sm-auto,
        .my-sm-auto {
                margin-top: auto !important;
        }
        .mr-sm-auto,
        .mx-sm-auto {
                margin-right: auto !important;
        }
        .mb-sm-auto,
        .my-sm-auto {
                margin-bottom: auto !important;
        }
        .ml-sm-auto,
        .mx-sm-auto {
                margin-left: auto !important;
        }
}
@media (min-width: 768px) {
        .m-md-0 {
                margin: 0 !important;
        }
        .mt-md-0,
        .my-md-0 {
                margin-top: 0 !important;
        }
        .mr-md-0,
        .mx-md-0 {
                margin-right: 0 !important;
        }
        .mb-md-0,
        .my-md-0 {
                margin-bottom: 0 !important;
        }
        .ml-md-0,
        .mx-md-0 {
                margin-left: 0 !important;
        }
        .m-md-1 {
                margin: 0.25rem !important;
        }
        .mt-md-1,
        .my-md-1 {
                margin-top: 0.25rem !important;
        }
        .mr-md-1,
        .mx-md-1 {
                margin-right: 0.25rem !important;
        }
        .mb-md-1,
        .my-md-1 {
                margin-bottom: 0.25rem !important;
        }
        .ml-md-1,
        .mx-md-1 {
                margin-left: 0.25rem !important;
        }
        .m-md-2 {
                margin: 0.5rem !important;
        }
        .mt-md-2,
        .my-md-2 {
                margin-top: 0.5rem !important;
        }
        .mr-md-2,
        .mx-md-2 {
                margin-right: 0.5rem !important;
        }
        .mb-md-2,
        .my-md-2 {
                margin-bottom: 0.5rem !important;
        }
        .ml-md-2,
        .mx-md-2 {
                margin-left: 0.5rem !important;
        }
        .m-md-3 {
                margin: 1rem !important;
        }
        .mt-md-3,
        .my-md-3 {
                margin-top: 1rem !important;
        }
        .mr-md-3,
        .mx-md-3 {
                margin-right: 1rem !important;
        }
        .mb-md-3,
        .my-md-3 {
                margin-bottom: 1rem !important;
        }
        .ml-md-3,
        .mx-md-3 {
                margin-left: 1rem !important;
        }
        .m-md-4 {
                margin: 1.5rem !important;
        }
        .mt-md-4,
        .my-md-4 {
                margin-top: 1.5rem !important;
        }
        .mr-md-4,
        .mx-md-4 {
                margin-right: 1.5rem !important;
        }
        .mb-md-4,
        .my-md-4 {
                margin-bottom: 1.5rem !important;
        }
        .ml-md-4,
        .mx-md-4 {
                margin-left: 1.5rem !important;
        }
        .m-md-5 {
                margin: 3rem !important;
        }
        .mt-md-5,
        .my-md-5 {
                margin-top: 3rem !important;
        }
        .mr-md-5,
        .mx-md-5 {
                margin-right: 3rem !important;
        }
        .mb-md-5,
        .my-md-5 {
                margin-bottom: 3rem !important;
        }
        .ml-md-5,
        .mx-md-5 {
                margin-left: 3rem !important;
        }
        .p-md-0 {
                padding: 0 !important;
        }
        .pt-md-0,
        .py-md-0 {
                padding-top: 0 !important;
        }
        .pr-md-0,
        .px-md-0 {
                padding-right: 0 !important;
        }
        .pb-md-0,
        .py-md-0 {
                padding-bottom: 0 !important;
        }
        .pl-md-0,
        .px-md-0 {
                padding-left: 0 !important;
        }
        .p-md-1 {
                padding: 0.25rem !important;
        }
        .pt-md-1,
        .py-md-1 {
                padding-top: 0.25rem !important;
        }
        .pr-md-1,
        .px-md-1 {
                padding-right: 0.25rem !important;
        }
        .pb-md-1,
        .py-md-1 {
                padding-bottom: 0.25rem !important;
        }
        .pl-md-1,
        .px-md-1 {
                padding-left: 0.25rem !important;
        }
        .p-md-2 {
                padding: 0.5rem !important;
        }
        .pt-md-2,
        .py-md-2 {
                padding-top: 0.5rem !important;
        }
        .pr-md-2,
        .px-md-2 {
                padding-right: 0.5rem !important;
        }
        .pb-md-2,
        .py-md-2 {
                padding-bottom: 0.5rem !important;
        }
        .pl-md-2,
        .px-md-2 {
                padding-left: 0.5rem !important;
        }
        .p-md-3 {
                padding: 1rem !important;
        }
        .pt-md-3,
        .py-md-3 {
                padding-top: 1rem !important;
        }
        .pr-md-3,
        .px-md-3 {
                padding-right: 1rem !important;
        }
        .pb-md-3,
        .py-md-3 {
                padding-bottom: 1rem !important;
        }
        .pl-md-3,
        .px-md-3 {
                padding-left: 1rem !important;
        }
        .p-md-4 {
                padding: 1.5rem !important;
        }
        .pt-md-4,
        .py-md-4 {
                padding-top: 1.5rem !important;
        }
        .pr-md-4,
        .px-md-4 {
                padding-right: 1.5rem !important;
        }
        .pb-md-4,
        .py-md-4 {
                padding-bottom: 1.5rem !important;
        }
        .pl-md-4,
        .px-md-4 {
                padding-left: 1.5rem !important;
        }
        .p-md-5 {
                padding: 3rem !important;
        }
        .pt-md-5,
        .py-md-5 {
                padding-top: 3rem !important;
        }
        .pr-md-5,
        .px-md-5 {
                padding-right: 3rem !important;
        }
        .pb-md-5,
        .py-md-5 {
                padding-bottom: 3rem !important;
        }
        .pl-md-5,
        .px-md-5 {
                padding-left: 3rem !important;
        }
        .m-md-n1 {
                margin: -0.25rem !important;
        }
        .mt-md-n1,
        .my-md-n1 {
                margin-top: -0.25rem !important;
        }
        .mr-md-n1,
        .mx-md-n1 {
                margin-right: -0.25rem !important;
        }
        .mb-md-n1,
        .my-md-n1 {
                margin-bottom: -0.25rem !important;
        }
        .ml-md-n1,
        .mx-md-n1 {
                margin-left: -0.25rem !important;
        }
        .m-md-n2 {
                margin: -0.5rem !important;
        }
        .mt-md-n2,
        .my-md-n2 {
                margin-top: -0.5rem !important;
        }
        .mr-md-n2,
        .mx-md-n2 {
                margin-right: -0.5rem !important;
        }
        .mb-md-n2,
        .my-md-n2 {
                margin-bottom: -0.5rem !important;
        }
        .ml-md-n2,
        .mx-md-n2 {
                margin-left: -0.5rem !important;
        }
        .m-md-n3 {
                margin: -1rem !important;
        }
        .mt-md-n3,
        .my-md-n3 {
                margin-top: -1rem !important;
        }
        .mr-md-n3,
        .mx-md-n3 {
                margin-right: -1rem !important;
        }
        .mb-md-n3,
        .my-md-n3 {
                margin-bottom: -1rem !important;
        }
        .ml-md-n3,
        .mx-md-n3 {
                margin-left: -1rem !important;
        }
        .m-md-n4 {
                margin: -1.5rem !important;
        }
        .mt-md-n4,
        .my-md-n4 {
                margin-top: -1.5rem !important;
        }
        .mr-md-n4,
        .mx-md-n4 {
                margin-right: -1.5rem !important;
        }
        .mb-md-n4,
        .my-md-n4 {
                margin-bottom: -1.5rem !important;
        }
        .ml-md-n4,
        .mx-md-n4 {
                margin-left: -1.5rem !important;
        }
        .m-md-n5 {
                margin: -3rem !important;
        }
        .mt-md-n5,
        .my-md-n5 {
                margin-top: -3rem !important;
        }
        .mr-md-n5,
        .mx-md-n5 {
                margin-right: -3rem !important;
        }
        .mb-md-n5,
        .my-md-n5 {
                margin-bottom: -3rem !important;
        }
        .ml-md-n5,
        .mx-md-n5 {
                margin-left: -3rem !important;
        }
        .m-md-auto {
                margin: auto !important;
        }
        .mt-md-auto,
        .my-md-auto {
                margin-top: auto !important;
        }
        .mr-md-auto,
        .mx-md-auto {
                margin-right: auto !important;
        }
        .mb-md-auto,
        .my-md-auto {
                margin-bottom: auto !important;
        }
        .ml-md-auto,
        .mx-md-auto {
                margin-left: auto !important;
        }
}
@media (min-width: 992px) {
        .m-lg-0 {
                margin: 0 !important;
        }
        .mt-lg-0,
        .my-lg-0 {
                margin-top: 0 !important;
        }
        .mr-lg-0,
        .mx-lg-0 {
                margin-right: 0 !important;
        }
        .mb-lg-0,
        .my-lg-0 {
                margin-bottom: 0 !important;
        }
        .ml-lg-0,
        .mx-lg-0 {
                margin-left: 0 !important;
        }
        .m-lg-1 {
                margin: 0.25rem !important;
        }
        .mt-lg-1,
        .my-lg-1 {
                margin-top: 0.25rem !important;
        }
        .mr-lg-1,
        .mx-lg-1 {
                margin-right: 0.25rem !important;
        }
        .mb-lg-1,
        .my-lg-1 {
                margin-bottom: 0.25rem !important;
        }
        .ml-lg-1,
        .mx-lg-1 {
                margin-left: 0.25rem !important;
        }
        .m-lg-2 {
                margin: 0.5rem !important;
        }
        .mt-lg-2,
        .my-lg-2 {
                margin-top: 0.5rem !important;
        }
        .mr-lg-2,
        .mx-lg-2 {
                margin-right: 0.5rem !important;
        }
        .mb-lg-2,
        .my-lg-2 {
                margin-bottom: 0.5rem !important;
        }
        .ml-lg-2,
        .mx-lg-2 {
                margin-left: 0.5rem !important;
        }
        .m-lg-3 {
                margin: 1rem !important;
        }
        .mt-lg-3,
        .my-lg-3 {
                margin-top: 1rem !important;
        }
        .mr-lg-3,
        .mx-lg-3 {
                margin-right: 1rem !important;
        }
        .mb-lg-3,
        .my-lg-3 {
                margin-bottom: 1rem !important;
        }
        .ml-lg-3,
        .mx-lg-3 {
                margin-left: 1rem !important;
        }
        .m-lg-4 {
                margin: 1.5rem !important;
        }
        .mt-lg-4,
        .my-lg-4 {
                margin-top: 1.5rem !important;
        }
        .mr-lg-4,
        .mx-lg-4 {
                margin-right: 1.5rem !important;
        }
        .mb-lg-4,
        .my-lg-4 {
                margin-bottom: 1.5rem !important;
        }
        .ml-lg-4,
        .mx-lg-4 {
                margin-left: 1.5rem !important;
        }
        .m-lg-5 {
                margin: 3rem !important;
        }
        .mt-lg-5,
        .my-lg-5 {
                margin-top: 3rem !important;
        }
        .mr-lg-5,
        .mx-lg-5 {
                margin-right: 3rem !important;
        }
        .mb-lg-5,
        .my-lg-5 {
                margin-bottom: 3rem !important;
        }
        .ml-lg-5,
        .mx-lg-5 {
                margin-left: 3rem !important;
        }
        .p-lg-0 {
                padding: 0 !important;
        }
        .pt-lg-0,
        .py-lg-0 {
                padding-top: 0 !important;
        }
        .pr-lg-0,
        .px-lg-0 {
                padding-right: 0 !important;
        }
        .pb-lg-0,
        .py-lg-0 {
                padding-bottom: 0 !important;
        }
        .pl-lg-0,
        .px-lg-0 {
                padding-left: 0 !important;
        }
        .p-lg-1 {
                padding: 0.25rem !important;
        }
        .pt-lg-1,
        .py-lg-1 {
                padding-top: 0.25rem !important;
        }
        .pr-lg-1,
        .px-lg-1 {
                padding-right: 0.25rem !important;
        }
        .pb-lg-1,
        .py-lg-1 {
                padding-bottom: 0.25rem !important;
        }
        .pl-lg-1,
        .px-lg-1 {
                padding-left: 0.25rem !important;
        }
        .p-lg-2 {
                padding: 0.5rem !important;
        }
        .pt-lg-2,
        .py-lg-2 {
                padding-top: 0.5rem !important;
        }
        .pr-lg-2,
        .px-lg-2 {
                padding-right: 0.5rem !important;
        }
        .pb-lg-2,
        .py-lg-2 {
                padding-bottom: 0.5rem !important;
        }
        .pl-lg-2,
        .px-lg-2 {
                padding-left: 0.5rem !important;
        }
        .p-lg-3 {
                padding: 1rem !important;
        }
        .pt-lg-3,
        .py-lg-3 {
                padding-top: 1rem !important;
        }
        .pr-lg-3,
        .px-lg-3 {
                padding-right: 1rem !important;
        }
        .pb-lg-3,
        .py-lg-3 {
                padding-bottom: 1rem !important;
        }
        .pl-lg-3,
        .px-lg-3 {
                padding-left: 1rem !important;
        }
        .p-lg-4 {
                padding: 1.5rem !important;
        }
        .pt-lg-4,
        .py-lg-4 {
                padding-top: 1.5rem !important;
        }
        .pr-lg-4,
        .px-lg-4 {
                padding-right: 1.5rem !important;
        }
        .pb-lg-4,
        .py-lg-4 {
                padding-bottom: 1.5rem !important;
        }
        .pl-lg-4,
        .px-lg-4 {
                padding-left: 1.5rem !important;
        }
        .p-lg-5 {
                padding: 3rem !important;
        }
        .pt-lg-5,
        .py-lg-5 {
                padding-top: 3rem !important;
        }
        .pr-lg-5,
        .px-lg-5 {
                padding-right: 3rem !important;
        }
        .pb-lg-5,
        .py-lg-5 {
                padding-bottom: 3rem !important;
        }
        .pl-lg-5,
        .px-lg-5 {
                padding-left: 3rem !important;
        }
        .m-lg-n1 {
                margin: -0.25rem !important;
        }
        .mt-lg-n1,
        .my-lg-n1 {
                margin-top: -0.25rem !important;
        }
        .mr-lg-n1,
        .mx-lg-n1 {
                margin-right: -0.25rem !important;
        }
        .mb-lg-n1,
        .my-lg-n1 {
                margin-bottom: -0.25rem !important;
        }
        .ml-lg-n1,
        .mx-lg-n1 {
                margin-left: -0.25rem !important;
        }
        .m-lg-n2 {
                margin: -0.5rem !important;
        }
        .mt-lg-n2,
        .my-lg-n2 {
                margin-top: -0.5rem !important;
        }
        .mr-lg-n2,
        .mx-lg-n2 {
                margin-right: -0.5rem !important;
        }
        .mb-lg-n2,
        .my-lg-n2 {
                margin-bottom: -0.5rem !important;
        }
        .ml-lg-n2,
        .mx-lg-n2 {
                margin-left: -0.5rem !important;
        }
        .m-lg-n3 {
                margin: -1rem !important;
        }
        .mt-lg-n3,
        .my-lg-n3 {
                margin-top: -1rem !important;
        }
        .mr-lg-n3,
        .mx-lg-n3 {
                margin-right: -1rem !important;
        }
        .mb-lg-n3,
        .my-lg-n3 {
                margin-bottom: -1rem !important;
        }
        .ml-lg-n3,
        .mx-lg-n3 {
                margin-left: -1rem !important;
        }
        .m-lg-n4 {
                margin: -1.5rem !important;
        }
        .mt-lg-n4,
        .my-lg-n4 {
                margin-top: -1.5rem !important;
        }
        .mr-lg-n4,
        .mx-lg-n4 {
                margin-right: -1.5rem !important;
        }
        .mb-lg-n4,
        .my-lg-n4 {
                margin-bottom: -1.5rem !important;
        }
        .ml-lg-n4,
        .mx-lg-n4 {
                margin-left: -1.5rem !important;
        }
        .m-lg-n5 {
                margin: -3rem !important;
        }
        .mt-lg-n5,
        .my-lg-n5 {
                margin-top: -3rem !important;
        }
        .mr-lg-n5,
        .mx-lg-n5 {
                margin-right: -3rem !important;
        }
        .mb-lg-n5,
        .my-lg-n5 {
                margin-bottom: -3rem !important;
        }
        .ml-lg-n5,
        .mx-lg-n5 {
                margin-left: -3rem !important;
        }
        .m-lg-auto {
                margin: auto !important;
        }
        .mt-lg-auto,
        .my-lg-auto {
                margin-top: auto !important;
        }
        .mr-lg-auto,
        .mx-lg-auto {
                margin-right: auto !important;
        }
        .mb-lg-auto,
        .my-lg-auto {
                margin-bottom: auto !important;
        }
        .ml-lg-auto,
        .mx-lg-auto {
                margin-left: auto !important;
        }
}
@media (min-width: 1200px) {
        .m-xl-0 {
                margin: 0 !important;
        }
        .mt-xl-0,
        .my-xl-0 {
                margin-top: 0 !important;
        }
        .mr-xl-0,
        .mx-xl-0 {
                margin-right: 0 !important;
        }
        .mb-xl-0,
        .my-xl-0 {
                margin-bottom: 0 !important;
        }
        .ml-xl-0,
        .mx-xl-0 {
                margin-left: 0 !important;
        }
        .m-xl-1 {
                margin: 0.25rem !important;
        }
        .mt-xl-1,
        .my-xl-1 {
                margin-top: 0.25rem !important;
        }
        .mr-xl-1,
        .mx-xl-1 {
                margin-right: 0.25rem !important;
        }
        .mb-xl-1,
        .my-xl-1 {
                margin-bottom: 0.25rem !important;
        }
        .ml-xl-1,
        .mx-xl-1 {
                margin-left: 0.25rem !important;
        }
        .m-xl-2 {
                margin: 0.5rem !important;
        }
        .mt-xl-2,
        .my-xl-2 {
                margin-top: 0.5rem !important;
        }
        .mr-xl-2,
        .mx-xl-2 {
                margin-right: 0.5rem !important;
        }
        .mb-xl-2,
        .my-xl-2 {
                margin-bottom: 0.5rem !important;
        }
        .ml-xl-2,
        .mx-xl-2 {
                margin-left: 0.5rem !important;
        }
        .m-xl-3 {
                margin: 1rem !important;
        }
        .mt-xl-3,
        .my-xl-3 {
                margin-top: 1rem !important;
        }
        .mr-xl-3,
        .mx-xl-3 {
                margin-right: 1rem !important;
        }
        .mb-xl-3,
        .my-xl-3 {
                margin-bottom: 1rem !important;
        }
        .ml-xl-3,
        .mx-xl-3 {
                margin-left: 1rem !important;
        }
        .m-xl-4 {
                margin: 1.5rem !important;
        }
        .mt-xl-4,
        .my-xl-4 {
                margin-top: 1.5rem !important;
        }
        .mr-xl-4,
        .mx-xl-4 {
                margin-right: 1.5rem !important;
        }
        .mb-xl-4,
        .my-xl-4 {
                margin-bottom: 1.5rem !important;
        }
        .ml-xl-4,
        .mx-xl-4 {
                margin-left: 1.5rem !important;
        }
        .m-xl-5 {
                margin: 3rem !important;
        }
        .mt-xl-5,
        .my-xl-5 {
                margin-top: 3rem !important;
        }
        .mr-xl-5,
        .mx-xl-5 {
                margin-right: 3rem !important;
        }
        .mb-xl-5,
        .my-xl-5 {
                margin-bottom: 3rem !important;
        }
        .ml-xl-5,
        .mx-xl-5 {
                margin-left: 3rem !important;
        }
        .p-xl-0 {
                padding: 0 !important;
        }
        .pt-xl-0,
        .py-xl-0 {
                padding-top: 0 !important;
        }
        .pr-xl-0,
        .px-xl-0 {
                padding-right: 0 !important;
        }
        .pb-xl-0,
        .py-xl-0 {
                padding-bottom: 0 !important;
        }
        .pl-xl-0,
        .px-xl-0 {
                padding-left: 0 !important;
        }
        .p-xl-1 {
                padding: 0.25rem !important;
        }
        .pt-xl-1,
        .py-xl-1 {
                padding-top: 0.25rem !important;
        }
        .pr-xl-1,
        .px-xl-1 {
                padding-right: 0.25rem !important;
        }
        .pb-xl-1,
        .py-xl-1 {
                padding-bottom: 0.25rem !important;
        }
        .pl-xl-1,
        .px-xl-1 {
                padding-left: 0.25rem !important;
        }
        .p-xl-2 {
                padding: 0.5rem !important;
        }
        .pt-xl-2,
        .py-xl-2 {
                padding-top: 0.5rem !important;
        }
        .pr-xl-2,
        .px-xl-2 {
                padding-right: 0.5rem !important;
        }
        .pb-xl-2,
        .py-xl-2 {
                padding-bottom: 0.5rem !important;
        }
        .pl-xl-2,
        .px-xl-2 {
                padding-left: 0.5rem !important;
        }
        .p-xl-3 {
                padding: 1rem !important;
        }
        .pt-xl-3,
        .py-xl-3 {
                padding-top: 1rem !important;
        }
        .pr-xl-3,
        .px-xl-3 {
                padding-right: 1rem !important;
        }
        .pb-xl-3,
        .py-xl-3 {
                padding-bottom: 1rem !important;
        }
        .pl-xl-3,
        .px-xl-3 {
                padding-left: 1rem !important;
        }
        .p-xl-4 {
                padding: 1.5rem !important;
        }
        .pt-xl-4,
        .py-xl-4 {
                padding-top: 1.5rem !important;
        }
        .pr-xl-4,
        .px-xl-4 {
                padding-right: 1.5rem !important;
        }
        .pb-xl-4,
        .py-xl-4 {
                padding-bottom: 1.5rem !important;
        }
        .pl-xl-4,
        .px-xl-4 {
                padding-left: 1.5rem !important;
        }
        .p-xl-5 {
                padding: 3rem !important;
        }
        .pt-xl-5,
        .py-xl-5 {
                padding-top: 3rem !important;
        }
        .pr-xl-5,
        .px-xl-5 {
                padding-right: 3rem !important;
        }
        .pb-xl-5,
        .py-xl-5 {
                padding-bottom: 3rem !important;
        }
        .pl-xl-5,
        .px-xl-5 {
                padding-left: 3rem !important;
        }
        .m-xl-n1 {
                margin: -0.25rem !important;
        }
        .mt-xl-n1,
        .my-xl-n1 {
                margin-top: -0.25rem !important;
        }
        .mr-xl-n1,
        .mx-xl-n1 {
                margin-right: -0.25rem !important;
        }
        .mb-xl-n1,
        .my-xl-n1 {
                margin-bottom: -0.25rem !important;
        }
        .ml-xl-n1,
        .mx-xl-n1 {
                margin-left: -0.25rem !important;
        }
        .m-xl-n2 {
                margin: -0.5rem !important;
        }
        .mt-xl-n2,
        .my-xl-n2 {
                margin-top: -0.5rem !important;
        }
        .mr-xl-n2,
        .mx-xl-n2 {
                margin-right: -0.5rem !important;
        }
        .mb-xl-n2,
        .my-xl-n2 {
                margin-bottom: -0.5rem !important;
        }
        .ml-xl-n2,
        .mx-xl-n2 {
                margin-left: -0.5rem !important;
        }
        .m-xl-n3 {
                margin: -1rem !important;
        }
        .mt-xl-n3,
        .my-xl-n3 {
                margin-top: -1rem !important;
        }
        .mr-xl-n3,
        .mx-xl-n3 {
                margin-right: -1rem !important;
        }
        .mb-xl-n3,
        .my-xl-n3 {
                margin-bottom: -1rem !important;
        }
        .ml-xl-n3,
        .mx-xl-n3 {
                margin-left: -1rem !important;
        }
        .m-xl-n4 {
                margin: -1.5rem !important;
        }
        .mt-xl-n4,
        .my-xl-n4 {
                margin-top: -1.5rem !important;
        }
        .mr-xl-n4,
        .mx-xl-n4 {
                margin-right: -1.5rem !important;
        }
        .mb-xl-n4,
        .my-xl-n4 {
                margin-bottom: -1.5rem !important;
        }
        .ml-xl-n4,
        .mx-xl-n4 {
                margin-left: -1.5rem !important;
        }
        .m-xl-n5 {
                margin: -3rem !important;
        }
        .mt-xl-n5,
        .my-xl-n5 {
                margin-top: -3rem !important;
        }
        .mr-xl-n5,
        .mx-xl-n5 {
                margin-right: -3rem !important;
        }
        .mb-xl-n5,
        .my-xl-n5 {
                margin-bottom: -3rem !important;
        }
        .ml-xl-n5,
        .mx-xl-n5 {
                margin-left: -3rem !important;
        }
        .m-xl-auto {
                margin: auto !important;
        }
        .mt-xl-auto,
        .my-xl-auto {
                margin-top: auto !important;
        }
        .mr-xl-auto,
        .mx-xl-auto {
                margin-right: auto !important;
        }
        .mb-xl-auto,
        .my-xl-auto {
                margin-bottom: auto !important;
        }
        .ml-xl-auto,
        .mx-xl-auto {
                margin-left: auto !important;
        }
}
.text-monospace {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
                Courier New, monospace !important;
}
.text-justify {
        text-align: justify !important;
}
.text-wrap {
        white-space: normal !important;
}
.text-nowrap {
        white-space: nowrap !important;
}
.text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.text-left {
        text-align: left !important;
}
.text-right {
        text-align: right !important;
}
.text-center {
        text-align: center !important;
}
@media (min-width: 576px) {
        .text-sm-left {
                text-align: left !important;
        }
        .text-sm-right {
                text-align: right !important;
        }
        .text-sm-center {
                text-align: center !important;
        }
}
@media (min-width: 768px) {
        .text-md-left {
                text-align: left !important;
        }
        .text-md-right {
                text-align: right !important;
        }
        .text-md-center {
                text-align: center !important;
        }
}
@media (min-width: 992px) {
        .text-lg-left {
                text-align: left !important;
        }
        .text-lg-right {
                text-align: right !important;
        }
        .text-lg-center {
                text-align: center !important;
        }
}
@media (min-width: 1200px) {
        .text-xl-left {
                text-align: left !important;
        }
        .text-xl-right {
                text-align: right !important;
        }
        .text-xl-center {
                text-align: center !important;
        }
}
.text-lowercase {
        text-transform: lowercase !important;
}
.text-uppercase {
        text-transform: uppercase !important;
}
.text-capitalize {
        text-transform: capitalize !important;
}
.font-weight-light {
        font-weight: 300 !important;
}
.font-weight-lighter {
        font-weight: lighter !important;
}
.font-weight-normal {
        font-weight: 400 !important;
}
.font-weight-bold {
        font-weight: 700 !important;
}
.font-weight-bolder {
        font-weight: bolder !important;
}
.font-italic {
        font-style: italic !important;
}
.text-white {
        color: #fff !important;
}
.text-primary {
        color: #13b3e5 !important;
}
a.text-primary:focus,
a.text-primary:hover {
        color: #0d7c9e !important;
}
.text-secondary {
        color: #6c757d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
        color: #494f54 !important;
}
.text-success {
        color: #019700 !important;
}
a.text-success:focus,
a.text-success:hover {
        color: #004b00 !important;
}
.text-info {
        color: #6cb2eb !important;
}
a.text-info:focus,
a.text-info:hover {
        color: #298fe2 !important;
}
.text-warning {
        color: #ffed4a !important;
}
a.text-warning:focus,
a.text-warning:hover {
        color: #fde300 !important;
}
.text-danger {
        color: #ff0031 !important;
}
a.text-danger:focus,
a.text-danger:hover {
        color: #b30022 !important;
}
.text-light {
        color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
        color: #cbd3da !important;
}
.text-dark {
        color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
        color: #121416 !important;
}
.text-body {
        color: #212529 !important;
}
.text-muted {
        color: #6c757d !important;
}
.text-black-50 {
        color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
        color: hsla(0, 0%, 100%, 0.5) !important;
}
.text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
}
.text-decoration-none {
        text-decoration: none !important;
}
.text-break {
        word-break: break-word !important;
        overflow-wrap: break-word !important;
}
.text-reset {
        color: inherit !important;
}
.visible {
        visibility: visible !important;
}
.invisible {
        visibility: hidden !important;
}
@media print {
        *,
        :after,
        :before {
                text-shadow: none !important;
                box-shadow: none !important;
        }
        a:not(.btn) {
                text-decoration: underline;
        }
        abbr[title]:after {
                content: " (" attr(title) ")";
        }
        pre {
                white-space: pre-wrap !important;
        }
        blockquote,
        pre {
                border: 1px solid #adb5bd;
                page-break-inside: avoid;
        }
        thead {
                display: table-header-group;
        }
        img,
        tr {
                page-break-inside: avoid;
        }
        h2,
        h3,
        p {
                orphans: 3;
                widows: 3;
        }
        h2,
        h3 {
                page-break-after: avoid;
        }
        @page {
                size: a3;
        }
        .container,
        body {
                min-width: 992px !important;
        }
        .navbar {
                display: none;
        }
        .badge {
                border: 1px solid #000;
        }
        .table {
                border-collapse: collapse !important;
        }
        .table td,
        .table th {
                background-color: #fff !important;
        }
        .table-bordered td,
        .table-bordered th {
                border: 1px solid #dee2e6 !important;
        }
        .table-dark {
                color: inherit;
        }
        .table-dark tbody + tbody,
        .table-dark td,
        .table-dark th,
        .table-dark thead th {
                border-color: #dee2e6;
        }
        .table .thead-dark th {
                color: inherit;
                border-color: #dee2e6;
        }
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
}
.fa-lg {
        font-size: 1.3333333333em;
        line-height: 0.75em;
        vertical-align: -0.0667em;
}
.fa-xs {
        font-size: 0.75em;
}
.fa-sm {
        font-size: 0.875em;
}
.fa-1x {
        font-size: 1em;
}
.fa-2x {
        font-size: 2em;
}
.fa-3x {
        font-size: 3em;
}
.fa-4x {
        font-size: 4em;
}
.fa-5x {
        font-size: 5em;
}
.fa-6x {
        font-size: 6em;
}
.fa-7x {
        font-size: 7em;
}
.fa-8x {
        font-size: 8em;
}
.fa-9x {
        font-size: 9em;
}
.fa-10x {
        font-size: 10em;
}
.fa-fw {
        text-align: center;
        width: 1.25em;
}
.fa-ul {
        list-style-type: none;
        margin-left: 2.5em;
        padding-left: 0;
}
.fa-ul > li {
        position: relative;
}
.fa-li {
        left: -2em;
        position: absolute;
        text-align: center;
        width: 2em;
        line-height: inherit;
}
.fa-border {
        border: 0.08em solid #eee;
        border-radius: 0.1em;
        padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
        float: left;
}
.fa-pull-right {
        float: right;
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
        margin-right: 0.3em;
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
        margin-left: 0.3em;
}
.fa-spin {
        -webkit-animation: fa-spin 2s linear infinite;
        animation: fa-spin 2s linear infinite;
}
.fa-pulse {
        -webkit-animation: fa-spin 1s steps(8) infinite;
        animation: fa-spin 1s steps(8) infinite;
}
@-webkit-keyframes fa-spin {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
        }
}
@keyframes fa-spin {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
        }
}
.fa-rotate-90 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}
.fa-rotate-180 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
}
.fa-rotate-270 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
}
.fa-flip-horizontal {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
}
.fa-flip-vertical {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
        -webkit-transform: scale(-1);
        transform: scale(-1);
}
:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
        -webkit-filter: none;
        filter: none;
}
.fa-stack {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        position: relative;
        vertical-align: middle;
        width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
}
.fa-stack-1x {
        line-height: inherit;
}
.fa-stack-2x {
        font-size: 2em;
}
.fa-inverse {
        color: #fff;
}
.fa-500px:before {
        content: "\F26E";
}
.fa-accessible-icon:before {
        content: "\F368";
}
.fa-accusoft:before {
        content: "\F369";
}
.fa-acquisitions-incorporated:before {
        content: "\F6AF";
}
.fa-ad:before {
        content: "\F641";
}
.fa-address-book:before {
        content: "\F2B9";
}
.fa-address-card:before {
        content: "\F2BB";
}
.fa-adjust:before {
        content: "\F042";
}
.fa-adn:before {
        content: "\F170";
}
.fa-adversal:before {
        content: "\F36A";
}
.fa-affiliatetheme:before {
        content: "\F36B";
}
.fa-air-freshener:before {
        content: "\F5D0";
}
.fa-airbnb:before {
        content: "\F834";
}
.fa-algolia:before {
        content: "\F36C";
}
.fa-align-center:before {
        content: "\F037";
}
.fa-align-justify:before {
        content: "\F039";
}
.fa-align-left:before {
        content: "\F036";
}
.fa-align-right:before {
        content: "\F038";
}
.fa-alipay:before {
        content: "\F642";
}
.fa-allergies:before {
        content: "\F461";
}
.fa-amazon:before {
        content: "\F270";
}
.fa-amazon-pay:before {
        content: "\F42C";
}
.fa-ambulance:before {
        content: "\F0F9";
}
.fa-american-sign-language-interpreting:before {
        content: "\F2A3";
}
.fa-amilia:before {
        content: "\F36D";
}
.fa-anchor:before {
        content: "\F13D";
}
.fa-android:before {
        content: "\F17B";
}
.fa-angellist:before {
        content: "\F209";
}
.fa-angle-double-down:before {
        content: "\F103";
}
.fa-angle-double-left:before {
        content: "\F100";
}
.fa-angle-double-right:before {
        content: "\F101";
}
.fa-angle-double-up:before {
        content: "\F102";
}
.fa-angle-down:before {
        content: "\F107";
}
.fa-angle-left:before {
        content: "\F104";
}
.fa-angle-right:before {
        content: "\F105";
}
.fa-angle-up:before {
        content: "\F106";
}
.fa-angry:before {
        content: "\F556";
}
.fa-angrycreative:before {
        content: "\F36E";
}
.fa-angular:before {
        content: "\F420";
}
.fa-ankh:before {
        content: "\F644";
}
.fa-app-store:before {
        content: "\F36F";
}
.fa-app-store-ios:before {
        content: "\F370";
}
.fa-apper:before {
        content: "\F371";
}
.fa-apple:before {
        content: "\F179";
}
.fa-apple-alt:before {
        content: "\F5D1";
}
.fa-apple-pay:before {
        content: "\F415";
}
.fa-archive:before {
        content: "\F187";
}
.fa-archway:before {
        content: "\F557";
}
.fa-arrow-alt-circle-down:before {
        content: "\F358";
}
.fa-arrow-alt-circle-left:before {
        content: "\F359";
}
.fa-arrow-alt-circle-right:before {
        content: "\F35A";
}
.fa-arrow-alt-circle-up:before {
        content: "\F35B";
}
.fa-arrow-circle-down:before {
        content: "\F0AB";
}
.fa-arrow-circle-left:before {
        content: "\F0A8";
}
.fa-arrow-circle-right:before {
        content: "\F0A9";
}
.fa-arrow-circle-up:before {
        content: "\F0AA";
}
.fa-arrow-down:before {
        content: "\F063";
}
.fa-arrow-left:before {
        content: "\F060";
}
.fa-arrow-right:before {
        content: "\F061";
}
.fa-arrow-up:before {
        content: "\F062";
}
.fa-arrows-alt:before {
        content: "\F0B2";
}
.fa-arrows-alt-h:before {
        content: "\F337";
}
.fa-arrows-alt-v:before {
        content: "\F338";
}
.fa-artstation:before {
        content: "\F77A";
}
.fa-assistive-listening-systems:before {
        content: "\F2A2";
}
.fa-asterisk:before {
        content: "\F069";
}
.fa-asymmetrik:before {
        content: "\F372";
}
.fa-at:before {
        content: "\F1FA";
}
.fa-atlas:before {
        content: "\F558";
}
.fa-atlassian:before {
        content: "\F77B";
}
.fa-atom:before {
        content: "\F5D2";
}
.fa-audible:before {
        content: "\F373";
}
.fa-audio-description:before {
        content: "\F29E";
}
.fa-autoprefixer:before {
        content: "\F41C";
}
.fa-avianex:before {
        content: "\F374";
}
.fa-aviato:before {
        content: "\F421";
}
.fa-award:before {
        content: "\F559";
}
.fa-aws:before {
        content: "\F375";
}
.fa-baby:before {
        content: "\F77C";
}
.fa-baby-carriage:before {
        content: "\F77D";
}
.fa-backspace:before {
        content: "\F55A";
}
.fa-backward:before {
        content: "\F04A";
}
.fa-bacon:before {
        content: "\F7E5";
}
.fa-bacteria:before {
        content: "\E059";
}
.fa-bacterium:before {
        content: "\E05A";
}
.fa-bahai:before {
        content: "\F666";
}
.fa-balance-scale:before {
        content: "\F24E";
}
.fa-balance-scale-left:before {
        content: "\F515";
}
.fa-balance-scale-right:before {
        content: "\F516";
}
.fa-ban:before {
        content: "\F05E";
}
.fa-band-aid:before {
        content: "\F462";
}
.fa-bandcamp:before {
        content: "\F2D5";
}
.fa-barcode:before {
        content: "\F02A";
}
.fa-bars:before {
        content: "\F0C9";
}
.fa-baseball-ball:before {
        content: "\F433";
}
.fa-basketball-ball:before {
        content: "\F434";
}
.fa-bath:before {
        content: "\F2CD";
}
.fa-battery-empty:before {
        content: "\F244";
}
.fa-battery-full:before {
        content: "\F240";
}
.fa-battery-half:before {
        content: "\F242";
}
.fa-battery-quarter:before {
        content: "\F243";
}
.fa-battery-three-quarters:before {
        content: "\F241";
}
.fa-battle-net:before {
        content: "\F835";
}
.fa-bed:before {
        content: "\F236";
}
.fa-beer:before {
        content: "\F0FC";
}
.fa-behance:before {
        content: "\F1B4";
}
.fa-behance-square:before {
        content: "\F1B5";
}
.fa-bell:before {
        content: "\F0F3";
}
.fa-bell-slash:before {
        content: "\F1F6";
}
.fa-bezier-curve:before {
        content: "\F55B";
}
.fa-bible:before {
        content: "\F647";
}
.fa-bicycle:before {
        content: "\F206";
}
.fa-biking:before {
        content: "\F84A";
}
.fa-bimobject:before {
        content: "\F378";
}
.fa-binoculars:before {
        content: "\F1E5";
}
.fa-biohazard:before {
        content: "\F780";
}
.fa-birthday-cake:before {
        content: "\F1FD";
}
.fa-bitbucket:before {
        content: "\F171";
}
.fa-bitcoin:before {
        content: "\F379";
}
.fa-bity:before {
        content: "\F37A";
}
.fa-black-tie:before {
        content: "\F27E";
}
.fa-blackberry:before {
        content: "\F37B";
}
.fa-blender:before {
        content: "\F517";
}
.fa-blender-phone:before {
        content: "\F6B6";
}
.fa-blind:before {
        content: "\F29D";
}
.fa-blog:before {
        content: "\F781";
}
.fa-blogger:before {
        content: "\F37C";
}
.fa-blogger-b:before {
        content: "\F37D";
}
.fa-bluetooth:before {
        content: "\F293";
}
.fa-bluetooth-b:before {
        content: "\F294";
}
.fa-bold:before {
        content: "\F032";
}
.fa-bolt:before {
        content: "\F0E7";
}
.fa-bomb:before {
        content: "\F1E2";
}
.fa-bone:before {
        content: "\F5D7";
}
.fa-bong:before {
        content: "\F55C";
}
.fa-book:before {
        content: "\F02D";
}
.fa-book-dead:before {
        content: "\F6B7";
}
.fa-book-medical:before {
        content: "\F7E6";
}
.fa-book-open:before {
        content: "\F518";
}
.fa-book-reader:before {
        content: "\F5DA";
}
.fa-bookmark:before {
        content: "\F02E";
}
.fa-bootstrap:before {
        content: "\F836";
}
.fa-border-all:before {
        content: "\F84C";
}
.fa-border-none:before {
        content: "\F850";
}
.fa-border-style:before {
        content: "\F853";
}
.fa-bowling-ball:before {
        content: "\F436";
}
.fa-box:before {
        content: "\F466";
}
.fa-box-open:before {
        content: "\F49E";
}
.fa-box-tissue:before {
        content: "\E05B";
}
.fa-boxes:before {
        content: "\F468";
}
.fa-braille:before {
        content: "\F2A1";
}
.fa-brain:before {
        content: "\F5DC";
}
.fa-bread-slice:before {
        content: "\F7EC";
}
.fa-briefcase:before {
        content: "\F0B1";
}
.fa-briefcase-medical:before {
        content: "\F469";
}
.fa-broadcast-tower:before {
        content: "\F519";
}
.fa-broom:before {
        content: "\F51A";
}
.fa-brush:before {
        content: "\F55D";
}
.fa-btc:before {
        content: "\F15A";
}
.fa-buffer:before {
        content: "\F837";
}
.fa-bug:before {
        content: "\F188";
}
.fa-building:before {
        content: "\F1AD";
}
.fa-bullhorn:before {
        content: "\F0A1";
}
.fa-bullseye:before {
        content: "\F140";
}
.fa-burn:before {
        content: "\F46A";
}
.fa-buromobelexperte:before {
        content: "\F37F";
}
.fa-bus:before {
        content: "\F207";
}
.fa-bus-alt:before {
        content: "\F55E";
}
.fa-business-time:before {
        content: "\F64A";
}
.fa-buy-n-large:before {
        content: "\F8A6";
}
.fa-buysellads:before {
        content: "\F20D";
}
.fa-calculator:before {
        content: "\F1EC";
}
.fa-calendar:before {
        content: "\F133";
}
.fa-calendar-alt:before {
        content: "\F073";
}
.fa-calendar-check:before {
        content: "\F274";
}
.fa-calendar-day:before {
        content: "\F783";
}
.fa-calendar-minus:before {
        content: "\F272";
}
.fa-calendar-plus:before {
        content: "\F271";
}
.fa-calendar-times:before {
        content: "\F273";
}
.fa-calendar-week:before {
        content: "\F784";
}
.fa-camera:before {
        content: "\F030";
}
.fa-camera-retro:before {
        content: "\F083";
}
.fa-campground:before {
        content: "\F6BB";
}
.fa-canadian-maple-leaf:before {
        content: "\F785";
}
.fa-candy-cane:before {
        content: "\F786";
}
.fa-cannabis:before {
        content: "\F55F";
}
.fa-capsules:before {
        content: "\F46B";
}
.fa-car:before {
        content: "\F1B9";
}
.fa-car-alt:before {
        content: "\F5DE";
}
.fa-car-battery:before {
        content: "\F5DF";
}
.fa-car-crash:before {
        content: "\F5E1";
}
.fa-car-side:before {
        content: "\F5E4";
}
.fa-caravan:before {
        content: "\F8FF";
}
.fa-caret-down:before {
        content: "\F0D7";
}
.fa-caret-left:before {
        content: "\F0D9";
}
.fa-caret-right:before {
        content: "\F0DA";
}
.fa-caret-square-down:before {
        content: "\F150";
}
.fa-caret-square-left:before {
        content: "\F191";
}
.fa-caret-square-right:before {
        content: "\F152";
}
.fa-caret-square-up:before {
        content: "\F151";
}
.fa-caret-up:before {
        content: "\F0D8";
}
.fa-carrot:before {
        content: "\F787";
}
.fa-cart-arrow-down:before {
        content: "\F218";
}
.fa-cart-plus:before {
        content: "\F217";
}
.fa-cash-register:before {
        content: "\F788";
}
.fa-cat:before {
        content: "\F6BE";
}
.fa-cc-amazon-pay:before {
        content: "\F42D";
}
.fa-cc-amex:before {
        content: "\F1F3";
}
.fa-cc-apple-pay:before {
        content: "\F416";
}
.fa-cc-diners-club:before {
        content: "\F24C";
}
.fa-cc-discover:before {
        content: "\F1F2";
}
.fa-cc-jcb:before {
        content: "\F24B";
}
.fa-cc-mastercard:before {
        content: "\F1F1";
}
.fa-cc-paypal:before {
        content: "\F1F4";
}
.fa-cc-stripe:before {
        content: "\F1F5";
}
.fa-cc-visa:before {
        content: "\F1F0";
}
.fa-centercode:before {
        content: "\F380";
}
.fa-centos:before {
        content: "\F789";
}
.fa-certificate:before {
        content: "\F0A3";
}
.fa-chair:before {
        content: "\F6C0";
}
.fa-chalkboard:before {
        content: "\F51B";
}
.fa-chalkboard-teacher:before {
        content: "\F51C";
}
.fa-charging-station:before {
        content: "\F5E7";
}
.fa-chart-area:before {
        content: "\F1FE";
}
.fa-chart-bar:before {
        content: "\F080";
}
.fa-chart-line:before {
        content: "\F201";
}
.fa-chart-pie:before {
        content: "\F200";
}
.fa-check:before {
        content: "\F00C";
}
.fa-check-circle:before {
        content: "\F058";
}
.fa-check-double:before {
        content: "\F560";
}
.fa-check-square:before {
        content: "\F14A";
}
.fa-cheese:before {
        content: "\F7EF";
}
.fa-chess:before {
        content: "\F439";
}
.fa-chess-bishop:before {
        content: "\F43A";
}
.fa-chess-board:before {
        content: "\F43C";
}
.fa-chess-king:before {
        content: "\F43F";
}
.fa-chess-knight:before {
        content: "\F441";
}
.fa-chess-pawn:before {
        content: "\F443";
}
.fa-chess-queen:before {
        content: "\F445";
}
.fa-chess-rook:before {
        content: "\F447";
}
.fa-chevron-circle-down:before {
        content: "\F13A";
}
.fa-chevron-circle-left:before {
        content: "\F137";
}
.fa-chevron-circle-right:before {
        content: "\F138";
}
.fa-chevron-circle-up:before {
        content: "\F139";
}
.fa-chevron-down:before {
        content: "\F078";
}
.fa-chevron-left:before {
        content: "\F053";
}
.fa-chevron-right:before {
        content: "\F054";
}
.fa-chevron-up:before {
        content: "\F077";
}
.fa-child:before {
        content: "\F1AE";
}
.fa-chrome:before {
        content: "\F268";
}
.fa-chromecast:before {
        content: "\F838";
}
.fa-church:before {
        content: "\F51D";
}
.fa-circle:before {
        content: "\F111";
}
.fa-circle-notch:before {
        content: "\F1CE";
}
.fa-city:before {
        content: "\F64F";
}
.fa-clinic-medical:before {
        content: "\F7F2";
}
.fa-clipboard:before {
        content: "\F328";
}
.fa-clipboard-check:before {
        content: "\F46C";
}
.fa-clipboard-list:before {
        content: "\F46D";
}
.fa-clock:before {
        content: "\F017";
}
.fa-clone:before {
        content: "\F24D";
}
.fa-closed-captioning:before {
        content: "\F20A";
}
.fa-cloud:before {
        content: "\F0C2";
}
.fa-cloud-download-alt:before {
        content: "\F381";
}
.fa-cloud-meatball:before {
        content: "\F73B";
}
.fa-cloud-moon:before {
        content: "\F6C3";
}
.fa-cloud-moon-rain:before {
        content: "\F73C";
}
.fa-cloud-rain:before {
        content: "\F73D";
}
.fa-cloud-showers-heavy:before {
        content: "\F740";
}
.fa-cloud-sun:before {
        content: "\F6C4";
}
.fa-cloud-sun-rain:before {
        content: "\F743";
}
.fa-cloud-upload-alt:before {
        content: "\F382";
}
.fa-cloudflare:before {
        content: "\E07D";
}
.fa-cloudscale:before {
        content: "\F383";
}
.fa-cloudsmith:before {
        content: "\F384";
}
.fa-cloudversify:before {
        content: "\F385";
}
.fa-cocktail:before {
        content: "\F561";
}
.fa-code:before {
        content: "\F121";
}
.fa-code-branch:before {
        content: "\F126";
}
.fa-codepen:before {
        content: "\F1CB";
}
.fa-codiepie:before {
        content: "\F284";
}
.fa-coffee:before {
        content: "\F0F4";
}
.fa-cog:before {
        content: "\F013";
}
.fa-cogs:before {
        content: "\F085";
}
.fa-coins:before {
        content: "\F51E";
}
.fa-columns:before {
        content: "\F0DB";
}
.fa-comment:before {
        content: "\F075";
}
.fa-comment-alt:before {
        content: "\F27A";
}
.fa-comment-dollar:before {
        content: "\F651";
}
.fa-comment-dots:before {
        content: "\F4AD";
}
.fa-comment-medical:before {
        content: "\F7F5";
}
.fa-comment-slash:before {
        content: "\F4B3";
}
.fa-comments:before {
        content: "\F086";
}
.fa-comments-dollar:before {
        content: "\F653";
}
.fa-compact-disc:before {
        content: "\F51F";
}
.fa-compass:before {
        content: "\F14E";
}
.fa-compress:before {
        content: "\F066";
}
.fa-compress-alt:before {
        content: "\F422";
}
.fa-compress-arrows-alt:before {
        content: "\F78C";
}
.fa-concierge-bell:before {
        content: "\F562";
}
.fa-confluence:before {
        content: "\F78D";
}
.fa-connectdevelop:before {
        content: "\F20E";
}
.fa-contao:before {
        content: "\F26D";
}
.fa-cookie:before {
        content: "\F563";
}
.fa-cookie-bite:before {
        content: "\F564";
}
.fa-copy:before {
        content: "\F0C5";
}
.fa-copyright:before {
        content: "\F1F9";
}
.fa-cotton-bureau:before {
        content: "\F89E";
}
.fa-couch:before {
        content: "\F4B8";
}
.fa-cpanel:before {
        content: "\F388";
}
.fa-creative-commons:before {
        content: "\F25E";
}
.fa-creative-commons-by:before {
        content: "\F4E7";
}
.fa-creative-commons-nc:before {
        content: "\F4E8";
}
.fa-creative-commons-nc-eu:before {
        content: "\F4E9";
}
.fa-creative-commons-nc-jp:before {
        content: "\F4EA";
}
.fa-creative-commons-nd:before {
        content: "\F4EB";
}
.fa-creative-commons-pd:before {
        content: "\F4EC";
}
.fa-creative-commons-pd-alt:before {
        content: "\F4ED";
}
.fa-creative-commons-remix:before {
        content: "\F4EE";
}
.fa-creative-commons-sa:before {
        content: "\F4EF";
}
.fa-creative-commons-sampling:before {
        content: "\F4F0";
}
.fa-creative-commons-sampling-plus:before {
        content: "\F4F1";
}
.fa-creative-commons-share:before {
        content: "\F4F2";
}
.fa-creative-commons-zero:before {
        content: "\F4F3";
}
.fa-credit-card:before {
        content: "\F09D";
}
.fa-critical-role:before {
        content: "\F6C9";
}
.fa-crop:before {
        content: "\F125";
}
.fa-crop-alt:before {
        content: "\F565";
}
.fa-cross:before {
        content: "\F654";
}
.fa-crosshairs:before {
        content: "\F05B";
}
.fa-crow:before {
        content: "\F520";
}
.fa-crown:before {
        content: "\F521";
}
.fa-crutch:before {
        content: "\F7F7";
}
.fa-css3:before {
        content: "\F13C";
}
.fa-css3-alt:before {
        content: "\F38B";
}
.fa-cube:before {
        content: "\F1B2";
}
.fa-cubes:before {
        content: "\F1B3";
}
.fa-cut:before {
        content: "\F0C4";
}
.fa-cuttlefish:before {
        content: "\F38C";
}
.fa-d-and-d:before {
        content: "\F38D";
}
.fa-d-and-d-beyond:before {
        content: "\F6CA";
}
.fa-dailymotion:before {
        content: "\E052";
}
.fa-dashcube:before {
        content: "\F210";
}
.fa-database:before {
        content: "\F1C0";
}
.fa-deaf:before {
        content: "\F2A4";
}
.fa-deezer:before {
        content: "\E077";
}
.fa-delicious:before {
        content: "\F1A5";
}
.fa-democrat:before {
        content: "\F747";
}
.fa-deploydog:before {
        content: "\F38E";
}
.fa-deskpro:before {
        content: "\F38F";
}
.fa-desktop:before {
        content: "\F108";
}
.fa-dev:before {
        content: "\F6CC";
}
.fa-deviantart:before {
        content: "\F1BD";
}
.fa-dharmachakra:before {
        content: "\F655";
}
.fa-dhl:before {
        content: "\F790";
}
.fa-diagnoses:before {
        content: "\F470";
}
.fa-diaspora:before {
        content: "\F791";
}
.fa-dice:before {
        content: "\F522";
}
.fa-dice-d20:before {
        content: "\F6CF";
}
.fa-dice-d6:before {
        content: "\F6D1";
}
.fa-dice-five:before {
        content: "\F523";
}
.fa-dice-four:before {
        content: "\F524";
}
.fa-dice-one:before {
        content: "\F525";
}
.fa-dice-six:before {
        content: "\F526";
}
.fa-dice-three:before {
        content: "\F527";
}
.fa-dice-two:before {
        content: "\F528";
}
.fa-digg:before {
        content: "\F1A6";
}
.fa-digital-ocean:before {
        content: "\F391";
}
.fa-digital-tachograph:before {
        content: "\F566";
}
.fa-directions:before {
        content: "\F5EB";
}
.fa-discord:before {
        content: "\F392";
}
.fa-discourse:before {
        content: "\F393";
}
.fa-disease:before {
        content: "\F7FA";
}
.fa-divide:before {
        content: "\F529";
}
.fa-dizzy:before {
        content: "\F567";
}
.fa-dna:before {
        content: "\F471";
}
.fa-dochub:before {
        content: "\F394";
}
.fa-docker:before {
        content: "\F395";
}
.fa-dog:before {
        content: "\F6D3";
}
.fa-dollar-sign:before {
        content: "\F155";
}
.fa-dolly:before {
        content: "\F472";
}
.fa-dolly-flatbed:before {
        content: "\F474";
}
.fa-donate:before {
        content: "\F4B9";
}
.fa-door-closed:before {
        content: "\F52A";
}
.fa-door-open:before {
        content: "\F52B";
}
.fa-dot-circle:before {
        content: "\F192";
}
.fa-dove:before {
        content: "\F4BA";
}
.fa-download:before {
        content: "\F019";
}
.fa-draft2digital:before {
        content: "\F396";
}
.fa-drafting-compass:before {
        content: "\F568";
}
.fa-dragon:before {
        content: "\F6D5";
}
.fa-draw-polygon:before {
        content: "\F5EE";
}
.fa-dribbble:before {
        content: "\F17D";
}
.fa-dribbble-square:before {
        content: "\F397";
}
.fa-dropbox:before {
        content: "\F16B";
}
.fa-drum:before {
        content: "\F569";
}
.fa-drum-steelpan:before {
        content: "\F56A";
}
.fa-drumstick-bite:before {
        content: "\F6D7";
}
.fa-drupal:before {
        content: "\F1A9";
}
.fa-dumbbell:before {
        content: "\F44B";
}
.fa-dumpster:before {
        content: "\F793";
}
.fa-dumpster-fire:before {
        content: "\F794";
}
.fa-dungeon:before {
        content: "\F6D9";
}
.fa-dyalog:before {
        content: "\F399";
}
.fa-earlybirds:before {
        content: "\F39A";
}
.fa-ebay:before {
        content: "\F4F4";
}
.fa-edge:before {
        content: "\F282";
}
.fa-edge-legacy:before {
        content: "\E078";
}
.fa-edit:before {
        content: "\F044";
}
.fa-egg:before {
        content: "\F7FB";
}
.fa-eject:before {
        content: "\F052";
}
.fa-elementor:before {
        content: "\F430";
}
.fa-ellipsis-h:before {
        content: "\F141";
}
.fa-ellipsis-v:before {
        content: "\F142";
}
.fa-ello:before {
        content: "\F5F1";
}
.fa-ember:before {
        content: "\F423";
}
.fa-empire:before {
        content: "\F1D1";
}
.fa-envelope:before {
        content: "\F0E0";
}
.fa-envelope-open:before {
        content: "\F2B6";
}
.fa-envelope-open-text:before {
        content: "\F658";
}
.fa-envelope-square:before {
        content: "\F199";
}
.fa-envira:before {
        content: "\F299";
}
.fa-equals:before {
        content: "\F52C";
}
.fa-eraser:before {
        content: "\F12D";
}
.fa-erlang:before {
        content: "\F39D";
}
.fa-ethereum:before {
        content: "\F42E";
}
.fa-ethernet:before {
        content: "\F796";
}
.fa-etsy:before {
        content: "\F2D7";
}
.fa-euro-sign:before {
        content: "\F153";
}
.fa-evernote:before {
        content: "\F839";
}
.fa-exchange-alt:before {
        content: "\F362";
}
.fa-exclamation:before {
        content: "\F12A";
}
.fa-exclamation-circle:before {
        content: "\F06A";
}
.fa-exclamation-triangle:before {
        content: "\F071";
}
.fa-expand:before {
        content: "\F065";
}
.fa-expand-alt:before {
        content: "\F424";
}
.fa-expand-arrows-alt:before {
        content: "\F31E";
}
.fa-expeditedssl:before {
        content: "\F23E";
}
.fa-external-link-alt:before {
        content: "\F35D";
}
.fa-external-link-square-alt:before {
        content: "\F360";
}
.fa-eye:before {
        content: "\F06E";
}
.fa-eye-dropper:before {
        content: "\F1FB";
}
.fa-eye-slash:before {
        content: "\F070";
}
.fa-facebook:before {
        content: "\F09A";
}
.fa-facebook-f:before {
        content: "\F39E";
}
.fa-facebook-messenger:before {
        content: "\F39F";
}
.fa-facebook-square:before {
        content: "\F082";
}
.fa-fan:before {
        content: "\F863";
}
.fa-fantasy-flight-games:before {
        content: "\F6DC";
}
.fa-fast-backward:before {
        content: "\F049";
}
.fa-fast-forward:before {
        content: "\F050";
}
.fa-faucet:before {
        content: "\E005";
}
.fa-fax:before {
        content: "\F1AC";
}
.fa-feather:before {
        content: "\F52D";
}
.fa-feather-alt:before {
        content: "\F56B";
}
.fa-fedex:before {
        content: "\F797";
}
.fa-fedora:before {
        content: "\F798";
}
.fa-female:before {
        content: "\F182";
}
.fa-fighter-jet:before {
        content: "\F0FB";
}
.fa-figma:before {
        content: "\F799";
}
.fa-file:before {
        content: "\F15B";
}
.fa-file-alt:before {
        content: "\F15C";
}
.fa-file-archive:before {
        content: "\F1C6";
}
.fa-file-audio:before {
        content: "\F1C7";
}
.fa-file-code:before {
        content: "\F1C9";
}
.fa-file-contract:before {
        content: "\F56C";
}
.fa-file-csv:before {
        content: "\F6DD";
}
.fa-file-download:before {
        content: "\F56D";
}
.fa-file-excel:before {
        content: "\F1C3";
}
.fa-file-export:before {
        content: "\F56E";
}
.fa-file-image:before {
        content: "\F1C5";
}
.fa-file-import:before {
        content: "\F56F";
}
.fa-file-invoice:before {
        content: "\F570";
}
.fa-file-invoice-dollar:before {
        content: "\F571";
}
.fa-file-medical:before {
        content: "\F477";
}
.fa-file-medical-alt:before {
        content: "\F478";
}
.fa-file-pdf:before {
        content: "\F1C1";
}
.fa-file-powerpoint:before {
        content: "\F1C4";
}
.fa-file-prescription:before {
        content: "\F572";
}
.fa-file-signature:before {
        content: "\F573";
}
.fa-file-upload:before {
        content: "\F574";
}
.fa-file-video:before {
        content: "\F1C8";
}
.fa-file-word:before {
        content: "\F1C2";
}
.fa-fill:before {
        content: "\F575";
}
.fa-fill-drip:before {
        content: "\F576";
}
.fa-film:before {
        content: "\F008";
}
.fa-filter:before {
        content: "\F0B0";
}
.fa-fingerprint:before {
        content: "\F577";
}
.fa-fire:before {
        content: "\F06D";
}
.fa-fire-alt:before {
        content: "\F7E4";
}
.fa-fire-extinguisher:before {
        content: "\F134";
}
.fa-firefox:before {
        content: "\F269";
}
.fa-firefox-browser:before {
        content: "\E007";
}
.fa-first-aid:before {
        content: "\F479";
}
.fa-first-order:before {
        content: "\F2B0";
}
.fa-first-order-alt:before {
        content: "\F50A";
}
.fa-firstdraft:before {
        content: "\F3A1";
}
.fa-fish:before {
        content: "\F578";
}
.fa-fist-raised:before {
        content: "\F6DE";
}
.fa-flag:before {
        content: "\F024";
}
.fa-flag-checkered:before {
        content: "\F11E";
}
.fa-flag-usa:before {
        content: "\F74D";
}
.fa-flask:before {
        content: "\F0C3";
}
.fa-flickr:before {
        content: "\F16E";
}
.fa-flipboard:before {
        content: "\F44D";
}
.fa-flushed:before {
        content: "\F579";
}
.fa-fly:before {
        content: "\F417";
}
.fa-folder:before {
        content: "\F07B";
}
.fa-folder-minus:before {
        content: "\F65D";
}
.fa-folder-open:before {
        content: "\F07C";
}
.fa-folder-plus:before {
        content: "\F65E";
}
.fa-font:before {
        content: "\F031";
}
.fa-font-awesome:before {
        content: "\F2B4";
}
.fa-font-awesome-alt:before {
        content: "\F35C";
}
.fa-font-awesome-flag:before {
        content: "\F425";
}
.fa-font-awesome-logo-full:before {
        content: "\F4E6";
}
.fa-fonticons:before {
        content: "\F280";
}
.fa-fonticons-fi:before {
        content: "\F3A2";
}
.fa-football-ball:before {
        content: "\F44E";
}
.fa-fort-awesome:before {
        content: "\F286";
}
.fa-fort-awesome-alt:before {
        content: "\F3A3";
}
.fa-forumbee:before {
        content: "\F211";
}
.fa-forward:before {
        content: "\F04E";
}
.fa-foursquare:before {
        content: "\F180";
}
.fa-free-code-camp:before {
        content: "\F2C5";
}
.fa-freebsd:before {
        content: "\F3A4";
}
.fa-frog:before {
        content: "\F52E";
}
.fa-frown:before {
        content: "\F119";
}
.fa-frown-open:before {
        content: "\F57A";
}
.fa-fulcrum:before {
        content: "\F50B";
}
.fa-funnel-dollar:before {
        content: "\F662";
}
.fa-futbol:before {
        content: "\F1E3";
}
.fa-galactic-republic:before {
        content: "\F50C";
}
.fa-galactic-senate:before {
        content: "\F50D";
}
.fa-gamepad:before {
        content: "\F11B";
}
.fa-gas-pump:before {
        content: "\F52F";
}
.fa-gavel:before {
        content: "\F0E3";
}
.fa-gem:before {
        content: "\F3A5";
}
.fa-genderless:before {
        content: "\F22D";
}
.fa-get-pocket:before {
        content: "\F265";
}
.fa-gg:before {
        content: "\F260";
}
.fa-gg-circle:before {
        content: "\F261";
}
.fa-ghost:before {
        content: "\F6E2";
}
.fa-gift:before {
        content: "\F06B";
}
.fa-gifts:before {
        content: "\F79C";
}
.fa-git:before {
        content: "\F1D3";
}
.fa-git-alt:before {
        content: "\F841";
}
.fa-git-square:before {
        content: "\F1D2";
}
.fa-github:before {
        content: "\F09B";
}
.fa-github-alt:before {
        content: "\F113";
}
.fa-github-square:before {
        content: "\F092";
}
.fa-gitkraken:before {
        content: "\F3A6";
}
.fa-gitlab:before {
        content: "\F296";
}
.fa-gitter:before {
        content: "\F426";
}
.fa-glass-cheers:before {
        content: "\F79F";
}
.fa-glass-martini:before {
        content: "\F000";
}
.fa-glass-martini-alt:before {
        content: "\F57B";
}
.fa-glass-whiskey:before {
        content: "\F7A0";
}
.fa-glasses:before {
        content: "\F530";
}
.fa-glide:before {
        content: "\F2A5";
}
.fa-glide-g:before {
        content: "\F2A6";
}
.fa-globe:before {
        content: "\F0AC";
}
.fa-globe-africa:before {
        content: "\F57C";
}
.fa-globe-americas:before {
        content: "\F57D";
}
.fa-globe-asia:before {
        content: "\F57E";
}
.fa-globe-europe:before {
        content: "\F7A2";
}
.fa-gofore:before {
        content: "\F3A7";
}
.fa-golf-ball:before {
        content: "\F450";
}
.fa-goodreads:before {
        content: "\F3A8";
}
.fa-goodreads-g:before {
        content: "\F3A9";
}
.fa-google:before {
        content: "\F1A0";
}
.fa-google-drive:before {
        content: "\F3AA";
}
.fa-google-pay:before {
        content: "\E079";
}
.fa-google-play:before {
        content: "\F3AB";
}
.fa-google-plus:before {
        content: "\F2B3";
}
.fa-google-plus-g:before {
        content: "\F0D5";
}
.fa-google-plus-square:before {
        content: "\F0D4";
}
.fa-google-wallet:before {
        content: "\F1EE";
}
.fa-gopuram:before {
        content: "\F664";
}
.fa-graduation-cap:before {
        content: "\F19D";
}
.fa-gratipay:before {
        content: "\F184";
}
.fa-grav:before {
        content: "\F2D6";
}
.fa-greater-than:before {
        content: "\F531";
}
.fa-greater-than-equal:before {
        content: "\F532";
}
.fa-grimace:before {
        content: "\F57F";
}
.fa-grin:before {
        content: "\F580";
}
.fa-grin-alt:before {
        content: "\F581";
}
.fa-grin-beam:before {
        content: "\F582";
}
.fa-grin-beam-sweat:before {
        content: "\F583";
}
.fa-grin-hearts:before {
        content: "\F584";
}
.fa-grin-squint:before {
        content: "\F585";
}
.fa-grin-squint-tears:before {
        content: "\F586";
}
.fa-grin-stars:before {
        content: "\F587";
}
.fa-grin-tears:before {
        content: "\F588";
}
.fa-grin-tongue:before {
        content: "\F589";
}
.fa-grin-tongue-squint:before {
        content: "\F58A";
}
.fa-grin-tongue-wink:before {
        content: "\F58B";
}
.fa-grin-wink:before {
        content: "\F58C";
}
.fa-grip-horizontal:before {
        content: "\F58D";
}
.fa-grip-lines:before {
        content: "\F7A4";
}
.fa-grip-lines-vertical:before {
        content: "\F7A5";
}
.fa-grip-vertical:before {
        content: "\F58E";
}
.fa-gripfire:before {
        content: "\F3AC";
}
.fa-grunt:before {
        content: "\F3AD";
}
.fa-guilded:before {
        content: "\E07E";
}
.fa-guitar:before {
        content: "\F7A6";
}
.fa-gulp:before {
        content: "\F3AE";
}
.fa-h-square:before {
        content: "\F0FD";
}
.fa-hacker-news:before {
        content: "\F1D4";
}
.fa-hacker-news-square:before {
        content: "\F3AF";
}
.fa-hackerrank:before {
        content: "\F5F7";
}
.fa-hamburger:before {
        content: "\F805";
}
.fa-hammer:before {
        content: "\F6E3";
}
.fa-hamsa:before {
        content: "\F665";
}
.fa-hand-holding:before {
        content: "\F4BD";
}
.fa-hand-holding-heart:before {
        content: "\F4BE";
}
.fa-hand-holding-medical:before {
        content: "\E05C";
}
.fa-hand-holding-usd:before {
        content: "\F4C0";
}
.fa-hand-holding-water:before {
        content: "\F4C1";
}
.fa-hand-lizard:before {
        content: "\F258";
}
.fa-hand-middle-finger:before {
        content: "\F806";
}
.fa-hand-paper:before {
        content: "\F256";
}
.fa-hand-peace:before {
        content: "\F25B";
}
.fa-hand-point-down:before {
        content: "\F0A7";
}
.fa-hand-point-left:before {
        content: "\F0A5";
}
.fa-hand-point-right:before {
        content: "\F0A4";
}
.fa-hand-point-up:before {
        content: "\F0A6";
}
.fa-hand-pointer:before {
        content: "\F25A";
}
.fa-hand-rock:before {
        content: "\F255";
}
.fa-hand-scissors:before {
        content: "\F257";
}
.fa-hand-sparkles:before {
        content: "\E05D";
}
.fa-hand-spock:before {
        content: "\F259";
}
.fa-hands:before {
        content: "\F4C2";
}
.fa-hands-helping:before {
        content: "\F4C4";
}
.fa-hands-wash:before {
        content: "\E05E";
}
.fa-handshake:before {
        content: "\F2B5";
}
.fa-handshake-alt-slash:before {
        content: "\E05F";
}
.fa-handshake-slash:before {
        content: "\E060";
}
.fa-hanukiah:before {
        content: "\F6E6";
}
.fa-hard-hat:before {
        content: "\F807";
}
.fa-hashtag:before {
        content: "\F292";
}
.fa-hat-cowboy:before {
        content: "\F8C0";
}
.fa-hat-cowboy-side:before {
        content: "\F8C1";
}
.fa-hat-wizard:before {
        content: "\F6E8";
}
.fa-hdd:before {
        content: "\F0A0";
}
.fa-head-side-cough:before {
        content: "\E061";
}
.fa-head-side-cough-slash:before {
        content: "\E062";
}
.fa-head-side-mask:before {
        content: "\E063";
}
.fa-head-side-virus:before {
        content: "\E064";
}
.fa-heading:before {
        content: "\F1DC";
}
.fa-headphones:before {
        content: "\F025";
}
.fa-headphones-alt:before {
        content: "\F58F";
}
.fa-headset:before {
        content: "\F590";
}
.fa-heart:before {
        content: "\F004";
}
.fa-heart-broken:before {
        content: "\F7A9";
}
.fa-heartbeat:before {
        content: "\F21E";
}
.fa-helicopter:before {
        content: "\F533";
}
.fa-highlighter:before {
        content: "\F591";
}
.fa-hiking:before {
        content: "\F6EC";
}
.fa-hippo:before {
        content: "\F6ED";
}
.fa-hips:before {
        content: "\F452";
}
.fa-hire-a-helper:before {
        content: "\F3B0";
}
.fa-history:before {
        content: "\F1DA";
}
.fa-hive:before {
        content: "\E07F";
}
.fa-hockey-puck:before {
        content: "\F453";
}
.fa-holly-berry:before {
        content: "\F7AA";
}
.fa-home:before {
        content: "\F015";
}
.fa-hooli:before {
        content: "\F427";
}
.fa-hornbill:before {
        content: "\F592";
}
.fa-horse:before {
        content: "\F6F0";
}
.fa-horse-head:before {
        content: "\F7AB";
}
.fa-hospital:before {
        content: "\F0F8";
}
.fa-hospital-alt:before {
        content: "\F47D";
}
.fa-hospital-symbol:before {
        content: "\F47E";
}
.fa-hospital-user:before {
        content: "\F80D";
}
.fa-hot-tub:before {
        content: "\F593";
}
.fa-hotdog:before {
        content: "\F80F";
}
.fa-hotel:before {
        content: "\F594";
}
.fa-hotjar:before {
        content: "\F3B1";
}
.fa-hourglass:before {
        content: "\F254";
}
.fa-hourglass-end:before {
        content: "\F253";
}
.fa-hourglass-half:before {
        content: "\F252";
}
.fa-hourglass-start:before {
        content: "\F251";
}
.fa-house-damage:before {
        content: "\F6F1";
}
.fa-house-user:before {
        content: "\E065";
}
.fa-houzz:before {
        content: "\F27C";
}
.fa-hryvnia:before {
        content: "\F6F2";
}
.fa-html5:before {
        content: "\F13B";
}
.fa-hubspot:before {
        content: "\F3B2";
}
.fa-i-cursor:before {
        content: "\F246";
}
.fa-ice-cream:before {
        content: "\F810";
}
.fa-icicles:before {
        content: "\F7AD";
}
.fa-icons:before {
        content: "\F86D";
}
.fa-id-badge:before {
        content: "\F2C1";
}
.fa-id-card:before {
        content: "\F2C2";
}
.fa-id-card-alt:before {
        content: "\F47F";
}
.fa-ideal:before {
        content: "\E013";
}
.fa-igloo:before {
        content: "\F7AE";
}
.fa-image:before {
        content: "\F03E";
}
.fa-images:before {
        content: "\F302";
}
.fa-imdb:before {
        content: "\F2D8";
}
.fa-inbox:before {
        content: "\F01C";
}
.fa-indent:before {
        content: "\F03C";
}
.fa-industry:before {
        content: "\F275";
}
.fa-infinity:before {
        content: "\F534";
}
.fa-info:before {
        content: "\F129";
}
.fa-info-circle:before {
        content: "\F05A";
}
.fa-innosoft:before {
        content: "\E080";
}
.fa-instagram:before {
        content: "\F16D";
}
.fa-instagram-square:before {
        content: "\E055";
}
.fa-instalod:before {
        content: "\E081";
}
.fa-intercom:before {
        content: "\F7AF";
}
.fa-internet-explorer:before {
        content: "\F26B";
}
.fa-invision:before {
        content: "\F7B0";
}
.fa-ioxhost:before {
        content: "\F208";
}
.fa-italic:before {
        content: "\F033";
}
.fa-itch-io:before {
        content: "\F83A";
}
.fa-itunes:before {
        content: "\F3B4";
}
.fa-itunes-note:before {
        content: "\F3B5";
}
.fa-java:before {
        content: "\F4E4";
}
.fa-jedi:before {
        content: "\F669";
}
.fa-jedi-order:before {
        content: "\F50E";
}
.fa-jenkins:before {
        content: "\F3B6";
}
.fa-jira:before {
        content: "\F7B1";
}
.fa-joget:before {
        content: "\F3B7";
}
.fa-joint:before {
        content: "\F595";
}
.fa-joomla:before {
        content: "\F1AA";
}
.fa-journal-whills:before {
        content: "\F66A";
}
.fa-js:before {
        content: "\F3B8";
}
.fa-js-square:before {
        content: "\F3B9";
}
.fa-jsfiddle:before {
        content: "\F1CC";
}
.fa-kaaba:before {
        content: "\F66B";
}
.fa-kaggle:before {
        content: "\F5FA";
}
.fa-key:before {
        content: "\F084";
}
.fa-keybase:before {
        content: "\F4F5";
}
.fa-keyboard:before {
        content: "\F11C";
}
.fa-keycdn:before {
        content: "\F3BA";
}
.fa-khanda:before {
        content: "\F66D";
}
.fa-kickstarter:before {
        content: "\F3BB";
}
.fa-kickstarter-k:before {
        content: "\F3BC";
}
.fa-kiss:before {
        content: "\F596";
}
.fa-kiss-beam:before {
        content: "\F597";
}
.fa-kiss-wink-heart:before {
        content: "\F598";
}
.fa-kiwi-bird:before {
        content: "\F535";
}
.fa-korvue:before {
        content: "\F42F";
}
.fa-landmark:before {
        content: "\F66F";
}
.fa-language:before {
        content: "\F1AB";
}
.fa-laptop:before {
        content: "\F109";
}
.fa-laptop-code:before {
        content: "\F5FC";
}
.fa-laptop-house:before {
        content: "\E066";
}
.fa-laptop-medical:before {
        content: "\F812";
}
.fa-laravel:before {
        content: "\F3BD";
}
.fa-lastfm:before {
        content: "\F202";
}
.fa-lastfm-square:before {
        content: "\F203";
}
.fa-laugh:before {
        content: "\F599";
}
.fa-laugh-beam:before {
        content: "\F59A";
}
.fa-laugh-squint:before {
        content: "\F59B";
}
.fa-laugh-wink:before {
        content: "\F59C";
}
.fa-layer-group:before {
        content: "\F5FD";
}
.fa-leaf:before {
        content: "\F06C";
}
.fa-leanpub:before {
        content: "\F212";
}
.fa-lemon:before {
        content: "\F094";
}
.fa-less:before {
        content: "\F41D";
}
.fa-less-than:before {
        content: "\F536";
}
.fa-less-than-equal:before {
        content: "\F537";
}
.fa-level-down-alt:before {
        content: "\F3BE";
}
.fa-level-up-alt:before {
        content: "\F3BF";
}
.fa-life-ring:before {
        content: "\F1CD";
}
.fa-lightbulb:before {
        content: "\F0EB";
}
.fa-line:before {
        content: "\F3C0";
}
.fa-link:before {
        content: "\F0C1";
}
.fa-linkedin:before {
        content: "\F08C";
}
.fa-linkedin-in:before {
        content: "\F0E1";
}
.fa-linode:before {
        content: "\F2B8";
}
.fa-linux:before {
        content: "\F17C";
}
.fa-lira-sign:before {
        content: "\F195";
}
.fa-list:before {
        content: "\F03A";
}
.fa-list-alt:before {
        content: "\F022";
}
.fa-list-ol:before {
        content: "\F0CB";
}
.fa-list-ul:before {
        content: "\F0CA";
}
.fa-location-arrow:before {
        content: "\F124";
}
.fa-lock:before {
        content: "\F023";
}
.fa-lock-open:before {
        content: "\F3C1";
}
.fa-long-arrow-alt-down:before {
        content: "\F309";
}
.fa-long-arrow-alt-left:before {
        content: "\F30A";
}
.fa-long-arrow-alt-right:before {
        content: "\F30B";
}
.fa-long-arrow-alt-up:before {
        content: "\F30C";
}
.fa-low-vision:before {
        content: "\F2A8";
}
.fa-luggage-cart:before {
        content: "\F59D";
}
.fa-lungs:before {
        content: "\F604";
}
.fa-lungs-virus:before {
        content: "\E067";
}
.fa-lyft:before {
        content: "\F3C3";
}
.fa-magento:before {
        content: "\F3C4";
}
.fa-magic:before {
        content: "\F0D0";
}
.fa-magnet:before {
        content: "\F076";
}
.fa-mail-bulk:before {
        content: "\F674";
}
.fa-mailchimp:before {
        content: "\F59E";
}
.fa-male:before {
        content: "\F183";
}
.fa-mandalorian:before {
        content: "\F50F";
}
.fa-map:before {
        content: "\F279";
}
.fa-map-marked:before {
        content: "\F59F";
}
.fa-map-marked-alt:before {
        content: "\F5A0";
}
.fa-map-marker:before {
        content: "\F041";
}
.fa-map-marker-alt:before {
        content: "\F3C5";
}
.fa-map-pin:before {
        content: "\F276";
}
.fa-map-signs:before {
        content: "\F277";
}
.fa-markdown:before {
        content: "\F60F";
}
.fa-marker:before {
        content: "\F5A1";
}
.fa-mars:before {
        content: "\F222";
}
.fa-mars-double:before {
        content: "\F227";
}
.fa-mars-stroke:before {
        content: "\F229";
}
.fa-mars-stroke-h:before {
        content: "\F22B";
}
.fa-mars-stroke-v:before {
        content: "\F22A";
}
.fa-mask:before {
        content: "\F6FA";
}
.fa-mastodon:before {
        content: "\F4F6";
}
.fa-maxcdn:before {
        content: "\F136";
}
.fa-mdb:before {
        content: "\F8CA";
}
.fa-medal:before {
        content: "\F5A2";
}
.fa-medapps:before {
        content: "\F3C6";
}
.fa-medium:before {
        content: "\F23A";
}
.fa-medium-m:before {
        content: "\F3C7";
}
.fa-medkit:before {
        content: "\F0FA";
}
.fa-medrt:before {
        content: "\F3C8";
}
.fa-meetup:before {
        content: "\F2E0";
}
.fa-megaport:before {
        content: "\F5A3";
}
.fa-meh:before {
        content: "\F11A";
}
.fa-meh-blank:before {
        content: "\F5A4";
}
.fa-meh-rolling-eyes:before {
        content: "\F5A5";
}
.fa-memory:before {
        content: "\F538";
}
.fa-mendeley:before {
        content: "\F7B3";
}
.fa-menorah:before {
        content: "\F676";
}
.fa-mercury:before {
        content: "\F223";
}
.fa-meteor:before {
        content: "\F753";
}
.fa-microblog:before {
        content: "\E01A";
}
.fa-microchip:before {
        content: "\F2DB";
}
.fa-microphone:before {
        content: "\F130";
}
.fa-microphone-alt:before {
        content: "\F3C9";
}
.fa-microphone-alt-slash:before {
        content: "\F539";
}
.fa-microphone-slash:before {
        content: "\F131";
}
.fa-microscope:before {
        content: "\F610";
}
.fa-microsoft:before {
        content: "\F3CA";
}
.fa-minus:before {
        content: "\F068";
}
.fa-minus-circle:before {
        content: "\F056";
}
.fa-minus-square:before {
        content: "\F146";
}
.fa-mitten:before {
        content: "\F7B5";
}
.fa-mix:before {
        content: "\F3CB";
}
.fa-mixcloud:before {
        content: "\F289";
}
.fa-mixer:before {
        content: "\E056";
}
.fa-mizuni:before {
        content: "\F3CC";
}
.fa-mobile:before {
        content: "\F10B";
}
.fa-mobile-alt:before {
        content: "\F3CD";
}
.fa-modx:before {
        content: "\F285";
}
.fa-monero:before {
        content: "\F3D0";
}
.fa-money-bill:before {
        content: "\F0D6";
}
.fa-money-bill-alt:before {
        content: "\F3D1";
}
.fa-money-bill-wave:before {
        content: "\F53A";
}
.fa-money-bill-wave-alt:before {
        content: "\F53B";
}
.fa-money-check:before {
        content: "\F53C";
}
.fa-money-check-alt:before {
        content: "\F53D";
}
.fa-monument:before {
        content: "\F5A6";
}
.fa-moon:before {
        content: "\F186";
}
.fa-mortar-pestle:before {
        content: "\F5A7";
}
.fa-mosque:before {
        content: "\F678";
}
.fa-motorcycle:before {
        content: "\F21C";
}
.fa-mountain:before {
        content: "\F6FC";
}
.fa-mouse:before {
        content: "\F8CC";
}
.fa-mouse-pointer:before {
        content: "\F245";
}
.fa-mug-hot:before {
        content: "\F7B6";
}
.fa-music:before {
        content: "\F001";
}
.fa-napster:before {
        content: "\F3D2";
}
.fa-neos:before {
        content: "\F612";
}
.fa-network-wired:before {
        content: "\F6FF";
}
.fa-neuter:before {
        content: "\F22C";
}
.fa-newspaper:before {
        content: "\F1EA";
}
.fa-nimblr:before {
        content: "\F5A8";
}
.fa-node:before {
        content: "\F419";
}
.fa-node-js:before {
        content: "\F3D3";
}
.fa-not-equal:before {
        content: "\F53E";
}
.fa-notes-medical:before {
        content: "\F481";
}
.fa-npm:before {
        content: "\F3D4";
}
.fa-ns8:before {
        content: "\F3D5";
}
.fa-nutritionix:before {
        content: "\F3D6";
}
.fa-object-group:before {
        content: "\F247";
}
.fa-object-ungroup:before {
        content: "\F248";
}
.fa-octopus-deploy:before {
        content: "\E082";
}
.fa-odnoklassniki:before {
        content: "\F263";
}
.fa-odnoklassniki-square:before {
        content: "\F264";
}
.fa-oil-can:before {
        content: "\F613";
}
.fa-old-republic:before {
        content: "\F510";
}
.fa-om:before {
        content: "\F679";
}
.fa-opencart:before {
        content: "\F23D";
}
.fa-openid:before {
        content: "\F19B";
}
.fa-opera:before {
        content: "\F26A";
}
.fa-optin-monster:before {
        content: "\F23C";
}
.fa-orcid:before {
        content: "\F8D2";
}
.fa-osi:before {
        content: "\F41A";
}
.fa-otter:before {
        content: "\F700";
}
.fa-outdent:before {
        content: "\F03B";
}
.fa-page4:before {
        content: "\F3D7";
}
.fa-pagelines:before {
        content: "\F18C";
}
.fa-pager:before {
        content: "\F815";
}
.fa-paint-brush:before {
        content: "\F1FC";
}
.fa-paint-roller:before {
        content: "\F5AA";
}
.fa-palette:before {
        content: "\F53F";
}
.fa-palfed:before {
        content: "\F3D8";
}
.fa-pallet:before {
        content: "\F482";
}
.fa-paper-plane:before {
        content: "\F1D8";
}
.fa-paperclip:before {
        content: "\F0C6";
}
.fa-parachute-box:before {
        content: "\F4CD";
}
.fa-paragraph:before {
        content: "\F1DD";
}
.fa-parking:before {
        content: "\F540";
}
.fa-passport:before {
        content: "\F5AB";
}
.fa-pastafarianism:before {
        content: "\F67B";
}
.fa-paste:before {
        content: "\F0EA";
}
.fa-patreon:before {
        content: "\F3D9";
}
.fa-pause:before {
        content: "\F04C";
}
.fa-pause-circle:before {
        content: "\F28B";
}
.fa-paw:before {
        content: "\F1B0";
}
.fa-paypal:before {
        content: "\F1ED";
}
.fa-peace:before {
        content: "\F67C";
}
.fa-pen:before {
        content: "\F304";
}
.fa-pen-alt:before {
        content: "\F305";
}
.fa-pen-fancy:before {
        content: "\F5AC";
}
.fa-pen-nib:before {
        content: "\F5AD";
}
.fa-pen-square:before {
        content: "\F14B";
}
.fa-pencil-alt:before {
        content: "\F303";
}
.fa-pencil-ruler:before {
        content: "\F5AE";
}
.fa-penny-arcade:before {
        content: "\F704";
}
.fa-people-arrows:before {
        content: "\E068";
}
.fa-people-carry:before {
        content: "\F4CE";
}
.fa-pepper-hot:before {
        content: "\F816";
}
.fa-perbyte:before {
        content: "\E083";
}
.fa-percent:before {
        content: "\F295";
}
.fa-percentage:before {
        content: "\F541";
}
.fa-periscope:before {
        content: "\F3DA";
}
.fa-person-booth:before {
        content: "\F756";
}
.fa-phabricator:before {
        content: "\F3DB";
}
.fa-phoenix-framework:before {
        content: "\F3DC";
}
.fa-phoenix-squadron:before {
        content: "\F511";
}
.fa-phone:before {
        content: "\F095";
}
.fa-phone-alt:before {
        content: "\F879";
}
.fa-phone-slash:before {
        content: "\F3DD";
}
.fa-phone-square:before {
        content: "\F098";
}
.fa-phone-square-alt:before {
        content: "\F87B";
}
.fa-phone-volume:before {
        content: "\F2A0";
}
.fa-photo-video:before {
        content: "\F87C";
}
.fa-php:before {
        content: "\F457";
}
.fa-pied-piper:before {
        content: "\F2AE";
}
.fa-pied-piper-alt:before {
        content: "\F1A8";
}
.fa-pied-piper-hat:before {
        content: "\F4E5";
}
.fa-pied-piper-pp:before {
        content: "\F1A7";
}
.fa-pied-piper-square:before {
        content: "\E01E";
}
.fa-piggy-bank:before {
        content: "\F4D3";
}
.fa-pills:before {
        content: "\F484";
}
.fa-pinterest:before {
        content: "\F0D2";
}
.fa-pinterest-p:before {
        content: "\F231";
}
.fa-pinterest-square:before {
        content: "\F0D3";
}
.fa-pizza-slice:before {
        content: "\F818";
}
.fa-place-of-worship:before {
        content: "\F67F";
}
.fa-plane:before {
        content: "\F072";
}
.fa-plane-arrival:before {
        content: "\F5AF";
}
.fa-plane-departure:before {
        content: "\F5B0";
}
.fa-plane-slash:before {
        content: "\E069";
}
.fa-play:before {
        content: "\F04B";
}
.fa-play-circle:before {
        content: "\F144";
}
.fa-playstation:before {
        content: "\F3DF";
}
.fa-plug:before {
        content: "\F1E6";
}
.fa-plus:before {
        content: "\F067";
}
.fa-plus-circle:before {
        content: "\F055";
}
.fa-plus-square:before {
        content: "\F0FE";
}
.fa-podcast:before {
        content: "\F2CE";
}
.fa-poll:before {
        content: "\F681";
}
.fa-poll-h:before {
        content: "\F682";
}
.fa-poo:before {
        content: "\F2FE";
}
.fa-poo-storm:before {
        content: "\F75A";
}
.fa-poop:before {
        content: "\F619";
}
.fa-portrait:before {
        content: "\F3E0";
}
.fa-pound-sign:before {
        content: "\F154";
}
.fa-power-off:before {
        content: "\F011";
}
.fa-pray:before {
        content: "\F683";
}
.fa-praying-hands:before {
        content: "\F684";
}
.fa-prescription:before {
        content: "\F5B1";
}
.fa-prescription-bottle:before {
        content: "\F485";
}
.fa-prescription-bottle-alt:before {
        content: "\F486";
}
.fa-print:before {
        content: "\F02F";
}
.fa-procedures:before {
        content: "\F487";
}
.fa-product-hunt:before {
        content: "\F288";
}
.fa-project-diagram:before {
        content: "\F542";
}
.fa-pump-medical:before {
        content: "\E06A";
}
.fa-pump-soap:before {
        content: "\E06B";
}
.fa-pushed:before {
        content: "\F3E1";
}
.fa-puzzle-piece:before {
        content: "\F12E";
}
.fa-python:before {
        content: "\F3E2";
}
.fa-qq:before {
        content: "\F1D6";
}
.fa-qrcode:before {
        content: "\F029";
}
.fa-question:before {
        content: "\F128";
}
.fa-question-circle:before {
        content: "\F059";
}
.fa-quidditch:before {
        content: "\F458";
}
.fa-quinscape:before {
        content: "\F459";
}
.fa-quora:before {
        content: "\F2C4";
}
.fa-quote-left:before {
        content: "\F10D";
}
.fa-quote-right:before {
        content: "\F10E";
}
.fa-quran:before {
        content: "\F687";
}
.fa-r-project:before {
        content: "\F4F7";
}
.fa-radiation:before {
        content: "\F7B9";
}
.fa-radiation-alt:before {
        content: "\F7BA";
}
.fa-rainbow:before {
        content: "\F75B";
}
.fa-random:before {
        content: "\F074";
}
.fa-raspberry-pi:before {
        content: "\F7BB";
}
.fa-ravelry:before {
        content: "\F2D9";
}
.fa-react:before {
        content: "\F41B";
}
.fa-reacteurope:before {
        content: "\F75D";
}
.fa-readme:before {
        content: "\F4D5";
}
.fa-rebel:before {
        content: "\F1D0";
}
.fa-receipt:before {
        content: "\F543";
}
.fa-record-vinyl:before {
        content: "\F8D9";
}
.fa-recycle:before {
        content: "\F1B8";
}
.fa-red-river:before {
        content: "\F3E3";
}
.fa-reddit:before {
        content: "\F1A1";
}
.fa-reddit-alien:before {
        content: "\F281";
}
.fa-reddit-square:before {
        content: "\F1A2";
}
.fa-redhat:before {
        content: "\F7BC";
}
.fa-redo:before {
        content: "\F01E";
}
.fa-redo-alt:before {
        content: "\F2F9";
}
.fa-registered:before {
        content: "\F25D";
}
.fa-remove-format:before {
        content: "\F87D";
}
.fa-renren:before {
        content: "\F18B";
}
.fa-reply:before {
        content: "\F3E5";
}
.fa-reply-all:before {
        content: "\F122";
}
.fa-replyd:before {
        content: "\F3E6";
}
.fa-republican:before {
        content: "\F75E";
}
.fa-researchgate:before {
        content: "\F4F8";
}
.fa-resolving:before {
        content: "\F3E7";
}
.fa-restroom:before {
        content: "\F7BD";
}
.fa-retweet:before {
        content: "\F079";
}
.fa-rev:before {
        content: "\F5B2";
}
.fa-ribbon:before {
        content: "\F4D6";
}
.fa-ring:before {
        content: "\F70B";
}
.fa-road:before {
        content: "\F018";
}
.fa-robot:before {
        content: "\F544";
}
.fa-rocket:before {
        content: "\F135";
}
.fa-rocketchat:before {
        content: "\F3E8";
}
.fa-rockrms:before {
        content: "\F3E9";
}
.fa-route:before {
        content: "\F4D7";
}
.fa-rss:before {
        content: "\F09E";
}
.fa-rss-square:before {
        content: "\F143";
}
.fa-ruble-sign:before {
        content: "\F158";
}
.fa-ruler:before {
        content: "\F545";
}
.fa-ruler-combined:before {
        content: "\F546";
}
.fa-ruler-horizontal:before {
        content: "\F547";
}
.fa-ruler-vertical:before {
        content: "\F548";
}
.fa-running:before {
        content: "\F70C";
}
.fa-rupee-sign:before {
        content: "\F156";
}
.fa-rust:before {
        content: "\E07A";
}
.fa-sad-cry:before {
        content: "\F5B3";
}
.fa-sad-tear:before {
        content: "\F5B4";
}
.fa-safari:before {
        content: "\F267";
}
.fa-salesforce:before {
        content: "\F83B";
}
.fa-sass:before {
        content: "\F41E";
}
.fa-satellite:before {
        content: "\F7BF";
}
.fa-satellite-dish:before {
        content: "\F7C0";
}
.fa-save:before {
        content: "\F0C7";
}
.fa-schlix:before {
        content: "\F3EA";
}
.fa-school:before {
        content: "\F549";
}
.fa-screwdriver:before {
        content: "\F54A";
}
.fa-scribd:before {
        content: "\F28A";
}
.fa-scroll:before {
        content: "\F70E";
}
.fa-sd-card:before {
        content: "\F7C2";
}
.fa-search:before {
        content: "\F002";
}
.fa-search-dollar:before {
        content: "\F688";
}
.fa-search-location:before {
        content: "\F689";
}
.fa-search-minus:before {
        content: "\F010";
}
.fa-search-plus:before {
        content: "\F00E";
}
.fa-searchengin:before {
        content: "\F3EB";
}
.fa-seedling:before {
        content: "\F4D8";
}
.fa-sellcast:before {
        content: "\F2DA";
}
.fa-sellsy:before {
        content: "\F213";
}
.fa-server:before {
        content: "\F233";
}
.fa-servicestack:before {
        content: "\F3EC";
}
.fa-shapes:before {
        content: "\F61F";
}
.fa-share:before {
        content: "\F064";
}
.fa-share-alt:before {
        content: "\F1E0";
}
.fa-share-alt-square:before {
        content: "\F1E1";
}
.fa-share-square:before {
        content: "\F14D";
}
.fa-shekel-sign:before {
        content: "\F20B";
}
.fa-shield-alt:before {
        content: "\F3ED";
}
.fa-shield-virus:before {
        content: "\E06C";
}
.fa-ship:before {
        content: "\F21A";
}
.fa-shipping-fast:before {
        content: "\F48B";
}
.fa-shirtsinbulk:before {
        content: "\F214";
}
.fa-shoe-prints:before {
        content: "\F54B";
}
.fa-shopify:before {
        content: "\E057";
}
.fa-shopping-bag:before {
        content: "\F290";
}
.fa-shopping-basket:before {
        content: "\F291";
}
.fa-shopping-cart:before {
        content: "\F07A";
}
.fa-shopware:before {
        content: "\F5B5";
}
.fa-shower:before {
        content: "\F2CC";
}
.fa-shuttle-van:before {
        content: "\F5B6";
}
.fa-sign:before {
        content: "\F4D9";
}
.fa-sign-in-alt:before {
        content: "\F2F6";
}
.fa-sign-language:before {
        content: "\F2A7";
}
.fa-sign-out-alt:before {
        content: "\F2F5";
}
.fa-signal:before {
        content: "\F012";
}
.fa-signature:before {
        content: "\F5B7";
}
.fa-sim-card:before {
        content: "\F7C4";
}
.fa-simplybuilt:before {
        content: "\F215";
}
.fa-sink:before {
        content: "\E06D";
}
.fa-sistrix:before {
        content: "\F3EE";
}
.fa-sitemap:before {
        content: "\F0E8";
}
.fa-sith:before {
        content: "\F512";
}
.fa-skating:before {
        content: "\F7C5";
}
.fa-sketch:before {
        content: "\F7C6";
}
.fa-skiing:before {
        content: "\F7C9";
}
.fa-skiing-nordic:before {
        content: "\F7CA";
}
.fa-skull:before {
        content: "\F54C";
}
.fa-skull-crossbones:before {
        content: "\F714";
}
.fa-skyatlas:before {
        content: "\F216";
}
.fa-skype:before {
        content: "\F17E";
}
.fa-slack:before {
        content: "\F198";
}
.fa-slack-hash:before {
        content: "\F3EF";
}
.fa-slash:before {
        content: "\F715";
}
.fa-sleigh:before {
        content: "\F7CC";
}
.fa-sliders-h:before {
        content: "\F1DE";
}
.fa-slideshare:before {
        content: "\F1E7";
}
.fa-smile:before {
        content: "\F118";
}
.fa-smile-beam:before {
        content: "\F5B8";
}
.fa-smile-wink:before {
        content: "\F4DA";
}
.fa-smog:before {
        content: "\F75F";
}
.fa-smoking:before {
        content: "\F48D";
}
.fa-smoking-ban:before {
        content: "\F54D";
}
.fa-sms:before {
        content: "\F7CD";
}
.fa-snapchat:before {
        content: "\F2AB";
}
.fa-snapchat-ghost:before {
        content: "\F2AC";
}
.fa-snapchat-square:before {
        content: "\F2AD";
}
.fa-snowboarding:before {
        content: "\F7CE";
}
.fa-snowflake:before {
        content: "\F2DC";
}
.fa-snowman:before {
        content: "\F7D0";
}
.fa-snowplow:before {
        content: "\F7D2";
}
.fa-soap:before {
        content: "\E06E";
}
.fa-socks:before {
        content: "\F696";
}
.fa-solar-panel:before {
        content: "\F5BA";
}
.fa-sort:before {
        content: "\F0DC";
}
.fa-sort-alpha-down:before {
        content: "\F15D";
}
.fa-sort-alpha-down-alt:before {
        content: "\F881";
}
.fa-sort-alpha-up:before {
        content: "\F15E";
}
.fa-sort-alpha-up-alt:before {
        content: "\F882";
}
.fa-sort-amount-down:before {
        content: "\F160";
}
.fa-sort-amount-down-alt:before {
        content: "\F884";
}
.fa-sort-amount-up:before {
        content: "\F161";
}
.fa-sort-amount-up-alt:before {
        content: "\F885";
}
.fa-sort-down:before {
        content: "\F0DD";
}
.fa-sort-numeric-down:before {
        content: "\F162";
}
.fa-sort-numeric-down-alt:before {
        content: "\F886";
}
.fa-sort-numeric-up:before {
        content: "\F163";
}
.fa-sort-numeric-up-alt:before {
        content: "\F887";
}
.fa-sort-up:before {
        content: "\F0DE";
}
.fa-soundcloud:before {
        content: "\F1BE";
}
.fa-sourcetree:before {
        content: "\F7D3";
}
.fa-spa:before {
        content: "\F5BB";
}
.fa-space-shuttle:before {
        content: "\F197";
}
.fa-speakap:before {
        content: "\F3F3";
}
.fa-speaker-deck:before {
        content: "\F83C";
}
.fa-spell-check:before {
        content: "\F891";
}
.fa-spider:before {
        content: "\F717";
}
.fa-spinner:before {
        content: "\F110";
}
.fa-splotch:before {
        content: "\F5BC";
}
.fa-spotify:before {
        content: "\F1BC";
}
.fa-spray-can:before {
        content: "\F5BD";
}
.fa-square:before {
        content: "\F0C8";
}
.fa-square-full:before {
        content: "\F45C";
}
.fa-square-root-alt:before {
        content: "\F698";
}
.fa-squarespace:before {
        content: "\F5BE";
}
.fa-stack-exchange:before {
        content: "\F18D";
}
.fa-stack-overflow:before {
        content: "\F16C";
}
.fa-stackpath:before {
        content: "\F842";
}
.fa-stamp:before {
        content: "\F5BF";
}
.fa-star:before {
        content: "\F005";
}
.fa-star-and-crescent:before {
        content: "\F699";
}
.fa-star-half:before {
        content: "\F089";
}
.fa-star-half-alt:before {
        content: "\F5C0";
}
.fa-star-of-david:before {
        content: "\F69A";
}
.fa-star-of-life:before {
        content: "\F621";
}
.fa-staylinked:before {
        content: "\F3F5";
}
.fa-steam:before {
        content: "\F1B6";
}
.fa-steam-square:before {
        content: "\F1B7";
}
.fa-steam-symbol:before {
        content: "\F3F6";
}
.fa-step-backward:before {
        content: "\F048";
}
.fa-step-forward:before {
        content: "\F051";
}
.fa-stethoscope:before {
        content: "\F0F1";
}
.fa-sticker-mule:before {
        content: "\F3F7";
}
.fa-sticky-note:before {
        content: "\F249";
}
.fa-stop:before {
        content: "\F04D";
}
.fa-stop-circle:before {
        content: "\F28D";
}
.fa-stopwatch:before {
        content: "\F2F2";
}
.fa-stopwatch-20:before {
        content: "\E06F";
}
.fa-store:before {
        content: "\F54E";
}
.fa-store-alt:before {
        content: "\F54F";
}
.fa-store-alt-slash:before {
        content: "\E070";
}
.fa-store-slash:before {
        content: "\E071";
}
.fa-strava:before {
        content: "\F428";
}
.fa-stream:before {
        content: "\F550";
}
.fa-street-view:before {
        content: "\F21D";
}
.fa-strikethrough:before {
        content: "\F0CC";
}
.fa-stripe:before {
        content: "\F429";
}
.fa-stripe-s:before {
        content: "\F42A";
}
.fa-stroopwafel:before {
        content: "\F551";
}
.fa-studiovinari:before {
        content: "\F3F8";
}
.fa-stumbleupon:before {
        content: "\F1A4";
}
.fa-stumbleupon-circle:before {
        content: "\F1A3";
}
.fa-subscript:before {
        content: "\F12C";
}
.fa-subway:before {
        content: "\F239";
}
.fa-suitcase:before {
        content: "\F0F2";
}
.fa-suitcase-rolling:before {
        content: "\F5C1";
}
.fa-sun:before {
        content: "\F185";
}
.fa-superpowers:before {
        content: "\F2DD";
}
.fa-superscript:before {
        content: "\F12B";
}
.fa-supple:before {
        content: "\F3F9";
}
.fa-surprise:before {
        content: "\F5C2";
}
.fa-suse:before {
        content: "\F7D6";
}
.fa-swatchbook:before {
        content: "\F5C3";
}
.fa-swift:before {
        content: "\F8E1";
}
.fa-swimmer:before {
        content: "\F5C4";
}
.fa-swimming-pool:before {
        content: "\F5C5";
}
.fa-symfony:before {
        content: "\F83D";
}
.fa-synagogue:before {
        content: "\F69B";
}
.fa-sync:before {
        content: "\F021";
}
.fa-sync-alt:before {
        content: "\F2F1";
}
.fa-syringe:before {
        content: "\F48E";
}
.fa-table:before {
        content: "\F0CE";
}
.fa-table-tennis:before {
        content: "\F45D";
}
.fa-tablet:before {
        content: "\F10A";
}
.fa-tablet-alt:before {
        content: "\F3FA";
}
.fa-tablets:before {
        content: "\F490";
}
.fa-tachometer-alt:before {
        content: "\F3FD";
}
.fa-tag:before {
        content: "\F02B";
}
.fa-tags:before {
        content: "\F02C";
}
.fa-tape:before {
        content: "\F4DB";
}
.fa-tasks:before {
        content: "\F0AE";
}
.fa-taxi:before {
        content: "\F1BA";
}
.fa-teamspeak:before {
        content: "\F4F9";
}
.fa-teeth:before {
        content: "\F62E";
}
.fa-teeth-open:before {
        content: "\F62F";
}
.fa-telegram:before {
        content: "\F2C6";
}
.fa-telegram-plane:before {
        content: "\F3FE";
}
.fa-temperature-high:before {
        content: "\F769";
}
.fa-temperature-low:before {
        content: "\F76B";
}
.fa-tencent-weibo:before {
        content: "\F1D5";
}
.fa-tenge:before {
        content: "\F7D7";
}
.fa-terminal:before {
        content: "\F120";
}
.fa-text-height:before {
        content: "\F034";
}
.fa-text-width:before {
        content: "\F035";
}
.fa-th:before {
        content: "\F00A";
}
.fa-th-large:before {
        content: "\F009";
}
.fa-th-list:before {
        content: "\F00B";
}
.fa-the-red-yeti:before {
        content: "\F69D";
}
.fa-theater-masks:before {
        content: "\F630";
}
.fa-themeco:before {
        content: "\F5C6";
}
.fa-themeisle:before {
        content: "\F2B2";
}
.fa-thermometer:before {
        content: "\F491";
}
.fa-thermometer-empty:before {
        content: "\F2CB";
}
.fa-thermometer-full:before {
        content: "\F2C7";
}
.fa-thermometer-half:before {
        content: "\F2C9";
}
.fa-thermometer-quarter:before {
        content: "\F2CA";
}
.fa-thermometer-three-quarters:before {
        content: "\F2C8";
}
.fa-think-peaks:before {
        content: "\F731";
}
.fa-thumbs-down:before {
        content: "\F165";
}
.fa-thumbs-up:before {
        content: "\F164";
}
.fa-thumbtack:before {
        content: "\F08D";
}
.fa-ticket-alt:before {
        content: "\F3FF";
}
.fa-tiktok:before {
        content: "\E07B";
}
.fa-times:before {
        content: "\F00D";
}
.fa-times-circle:before {
        content: "\F057";
}
.fa-tint:before {
        content: "\F043";
}
.fa-tint-slash:before {
        content: "\F5C7";
}
.fa-tired:before {
        content: "\F5C8";
}
.fa-toggle-off:before {
        content: "\F204";
}
.fa-toggle-on:before {
        content: "\F205";
}
.fa-toilet:before {
        content: "\F7D8";
}
.fa-toilet-paper:before {
        content: "\F71E";
}
.fa-toilet-paper-slash:before {
        content: "\E072";
}
.fa-toolbox:before {
        content: "\F552";
}
.fa-tools:before {
        content: "\F7D9";
}
.fa-tooth:before {
        content: "\F5C9";
}
.fa-torah:before {
        content: "\F6A0";
}
.fa-torii-gate:before {
        content: "\F6A1";
}
.fa-tractor:before {
        content: "\F722";
}
.fa-trade-federation:before {
        content: "\F513";
}
.fa-trademark:before {
        content: "\F25C";
}
.fa-traffic-light:before {
        content: "\F637";
}
.fa-trailer:before {
        content: "\E041";
}
.fa-train:before {
        content: "\F238";
}
.fa-tram:before {
        content: "\F7DA";
}
.fa-transgender:before {
        content: "\F224";
}
.fa-transgender-alt:before {
        content: "\F225";
}
.fa-trash:before {
        content: "\F1F8";
}
.fa-trash-alt:before {
        content: "\F2ED";
}
.fa-trash-restore:before {
        content: "\F829";
}
.fa-trash-restore-alt:before {
        content: "\F82A";
}
.fa-tree:before {
        content: "\F1BB";
}
.fa-trello:before {
        content: "\F181";
}
.fa-trophy:before {
        content: "\F091";
}
.fa-truck:before {
        content: "\F0D1";
}
.fa-truck-loading:before {
        content: "\F4DE";
}
.fa-truck-monster:before {
        content: "\F63B";
}
.fa-truck-moving:before {
        content: "\F4DF";
}
.fa-truck-pickup:before {
        content: "\F63C";
}
.fa-tshirt:before {
        content: "\F553";
}
.fa-tty:before {
        content: "\F1E4";
}
.fa-tumblr:before {
        content: "\F173";
}
.fa-tumblr-square:before {
        content: "\F174";
}
.fa-tv:before {
        content: "\F26C";
}
.fa-twitch:before {
        content: "\F1E8";
}
.fa-twitter:before {
        content: "\F099";
}
.fa-twitter-square:before {
        content: "\F081";
}
.fa-typo3:before {
        content: "\F42B";
}
.fa-uber:before {
        content: "\F402";
}
.fa-ubuntu:before {
        content: "\F7DF";
}
.fa-uikit:before {
        content: "\F403";
}
.fa-umbraco:before {
        content: "\F8E8";
}
.fa-umbrella:before {
        content: "\F0E9";
}
.fa-umbrella-beach:before {
        content: "\F5CA";
}
.fa-uncharted:before {
        content: "\E084";
}
.fa-underline:before {
        content: "\F0CD";
}
.fa-undo:before {
        content: "\F0E2";
}
.fa-undo-alt:before {
        content: "\F2EA";
}
.fa-uniregistry:before {
        content: "\F404";
}
.fa-unity:before {
        content: "\E049";
}
.fa-universal-access:before {
        content: "\F29A";
}
.fa-university:before {
        content: "\F19C";
}
.fa-unlink:before {
        content: "\F127";
}
.fa-unlock:before {
        content: "\F09C";
}
.fa-unlock-alt:before {
        content: "\F13E";
}
.fa-unsplash:before {
        content: "\E07C";
}
.fa-untappd:before {
        content: "\F405";
}
.fa-upload:before {
        content: "\F093";
}
.fa-ups:before {
        content: "\F7E0";
}
.fa-usb:before {
        content: "\F287";
}
.fa-user:before {
        content: "\F007";
}
.fa-user-alt:before {
        content: "\F406";
}
.fa-user-alt-slash:before {
        content: "\F4FA";
}
.fa-user-astronaut:before {
        content: "\F4FB";
}
.fa-user-check:before {
        content: "\F4FC";
}
.fa-user-circle:before {
        content: "\F2BD";
}
.fa-user-clock:before {
        content: "\F4FD";
}
.fa-user-cog:before {
        content: "\F4FE";
}
.fa-user-edit:before {
        content: "\F4FF";
}
.fa-user-friends:before {
        content: "\F500";
}
.fa-user-graduate:before {
        content: "\F501";
}
.fa-user-injured:before {
        content: "\F728";
}
.fa-user-lock:before {
        content: "\F502";
}
.fa-user-md:before {
        content: "\F0F0";
}
.fa-user-minus:before {
        content: "\F503";
}
.fa-user-ninja:before {
        content: "\F504";
}
.fa-user-nurse:before {
        content: "\F82F";
}
.fa-user-plus:before {
        content: "\F234";
}
.fa-user-secret:before {
        content: "\F21B";
}
.fa-user-shield:before {
        content: "\F505";
}
.fa-user-slash:before {
        content: "\F506";
}
.fa-user-tag:before {
        content: "\F507";
}
.fa-user-tie:before {
        content: "\F508";
}
.fa-user-times:before {
        content: "\F235";
}
.fa-users:before {
        content: "\F0C0";
}
.fa-users-cog:before {
        content: "\F509";
}
.fa-users-slash:before {
        content: "\E073";
}
.fa-usps:before {
        content: "\F7E1";
}
.fa-ussunnah:before {
        content: "\F407";
}
.fa-utensil-spoon:before {
        content: "\F2E5";
}
.fa-utensils:before {
        content: "\F2E7";
}
.fa-vaadin:before {
        content: "\F408";
}
.fa-vector-square:before {
        content: "\F5CB";
}
.fa-venus:before {
        content: "\F221";
}
.fa-venus-double:before {
        content: "\F226";
}
.fa-venus-mars:before {
        content: "\F228";
}
.fa-vest:before {
        content: "\E085";
}
.fa-vest-patches:before {
        content: "\E086";
}
.fa-viacoin:before {
        content: "\F237";
}
.fa-viadeo:before {
        content: "\F2A9";
}
.fa-viadeo-square:before {
        content: "\F2AA";
}
.fa-vial:before {
        content: "\F492";
}
.fa-vials:before {
        content: "\F493";
}
.fa-viber:before {
        content: "\F409";
}
.fa-video:before {
        content: "\F03D";
}
.fa-video-slash:before {
        content: "\F4E2";
}
.fa-vihara:before {
        content: "\F6A7";
}
.fa-vimeo:before {
        content: "\F40A";
}
.fa-vimeo-square:before {
        content: "\F194";
}
.fa-vimeo-v:before {
        content: "\F27D";
}
.fa-vine:before {
        content: "\F1CA";
}
.fa-virus:before {
        content: "\E074";
}
.fa-virus-slash:before {
        content: "\E075";
}
.fa-viruses:before {
        content: "\E076";
}
.fa-vk:before {
        content: "\F189";
}
.fa-vnv:before {
        content: "\F40B";
}
.fa-voicemail:before {
        content: "\F897";
}
.fa-volleyball-ball:before {
        content: "\F45F";
}
.fa-volume-down:before {
        content: "\F027";
}
.fa-volume-mute:before {
        content: "\F6A9";
}
.fa-volume-off:before {
        content: "\F026";
}
.fa-volume-up:before {
        content: "\F028";
}
.fa-vote-yea:before {
        content: "\F772";
}
.fa-vr-cardboard:before {
        content: "\F729";
}
.fa-vuejs:before {
        content: "\F41F";
}
.fa-walking:before {
        content: "\F554";
}
.fa-wallet:before {
        content: "\F555";
}
.fa-warehouse:before {
        content: "\F494";
}
.fa-watchman-monitoring:before {
        content: "\E087";
}
.fa-water:before {
        content: "\F773";
}
.fa-wave-square:before {
        content: "\F83E";
}
.fa-waze:before {
        content: "\F83F";
}
.fa-weebly:before {
        content: "\F5CC";
}
.fa-weibo:before {
        content: "\F18A";
}
.fa-weight:before {
        content: "\F496";
}
.fa-weight-hanging:before {
        content: "\F5CD";
}
.fa-weixin:before {
        content: "\F1D7";
}
.fa-whatsapp:before {
        content: "\F232";
}
.fa-whatsapp-square:before {
        content: "\F40C";
}
.fa-wheelchair:before {
        content: "\F193";
}
.fa-whmcs:before {
        content: "\F40D";
}
.fa-wifi:before {
        content: "\F1EB";
}
.fa-wikipedia-w:before {
        content: "\F266";
}
.fa-wind:before {
        content: "\F72E";
}
.fa-window-close:before {
        content: "\F410";
}
.fa-window-maximize:before {
        content: "\F2D0";
}
.fa-window-minimize:before {
        content: "\F2D1";
}
.fa-window-restore:before {
        content: "\F2D2";
}
.fa-windows:before {
        content: "\F17A";
}
.fa-wine-bottle:before {
        content: "\F72F";
}
.fa-wine-glass:before {
        content: "\F4E3";
}
.fa-wine-glass-alt:before {
        content: "\F5CE";
}
.fa-wix:before {
        content: "\F5CF";
}
.fa-wizards-of-the-coast:before {
        content: "\F730";
}
.fa-wodu:before {
        content: "\E088";
}
.fa-wolf-pack-battalion:before {
        content: "\F514";
}
.fa-won-sign:before {
        content: "\F159";
}
.fa-wordpress:before {
        content: "\F19A";
}
.fa-wordpress-simple:before {
        content: "\F411";
}
.fa-wpbeginner:before {
        content: "\F297";
}
.fa-wpexplorer:before {
        content: "\F2DE";
}
.fa-wpforms:before {
        content: "\F298";
}
.fa-wpressr:before {
        content: "\F3E4";
}
.fa-wrench:before {
        content: "\F0AD";
}
.fa-x-ray:before {
        content: "\F497";
}
.fa-xbox:before {
        content: "\F412";
}
.fa-xing:before {
        content: "\F168";
}
.fa-xing-square:before {
        content: "\F169";
}
.fa-y-combinator:before {
        content: "\F23B";
}
.fa-yahoo:before {
        content: "\F19E";
}
.fa-yammer:before {
        content: "\F840";
}
.fa-yandex:before {
        content: "\F413";
}
.fa-yandex-international:before {
        content: "\F414";
}
.fa-yarn:before {
        content: "\F7E3";
}
.fa-yelp:before {
        content: "\F1E9";
}
.fa-yen-sign:before {
        content: "\F157";
}
.fa-yin-yang:before {
        content: "\F6AD";
}
.fa-yoast:before {
        content: "\F2B1";
}
.fa-youtube:before {
        content: "\F167";
}
.fa-youtube-square:before {
        content: "\F431";
}
.fa-zhihu:before {
        content: "\F63F";
}
.sr-only {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
        font-family: Font Awesome\5 Brands;
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?592643a83b8541edc52063d84c468700);
        src: url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?592643a83b8541edc52063d84c468700)
                        format("embedded-opentype"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?ed311c7a0ade9a75bb3ebf5a7670f31d)
                        format("woff2"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?1a575a4138e5f366474f0e7c5bd614a5)
                        format("woff"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?513aa607d398efaccc559916c3431403)
                        format("truetype"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?1d5619cd804367cefe6da2d79289218a)
                        format("svg");
}
.fab {
        font-family: Font Awesome\5 Brands;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
        font-family: Font Awesome\5 Free;
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?b0e2db3b634d1bc3928e127458d993d8);
        src: url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?b0e2db3b634d1bc3928e127458d993d8)
                        format("embedded-opentype"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?b91d376b8d7646d671cd820950d5f7f1)
                        format("woff2"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?d1d7e3b4c219fde0f7376c6facfd7149)
                        format("woff"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?766913e6c0088ab8c9f73e18b4127bc4)
                        format("truetype"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?c5d109be8edd3de0f60eb472bd9ef691)
                        format("svg");
}
.fab,
.far {
        font-weight: 400;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
        font-family: Font Awesome\5 Free;
        font-style: normal;
        font-weight: 900;
        font-display: block;
        src: url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?0c6bfc668a72935760178f91327aed3a);
        src: url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?0c6bfc668a72935760178f91327aed3a)
                        format("embedded-opentype"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?d824df7eb2e268626a2dd9a6a741ac4e)
                        format("woff2"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?d745348d289b149026921f197929a893)
                        format("woff"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?b9625119ce4300f0ef890a8f3234c773)
                        format("truetype"),
                url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?37bc7099f6f1ba80236164f22e905837)
                        format("svg");
}
.fa,
.far,
.fas {
        font-family: Font Awesome\5 Free;
}
.fa,
.fas {
        font-weight: 900;
}
.navbar-laravel {
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-Black.eot);
        src: url(/fonts/BRFirma/BRFirma-Black.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-Black.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-Black.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-Black.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-Black.svg#BRFirma-Black)
                        format("svg");
        font-weight: 900;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-BlackItalic.eot);
        src: url(/fonts/BRFirma/BRFirma-BlackItalic.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-BlackItalic.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-BlackItalic.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-BlackItalic.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-BlackItalic.svg#BRFirma-BlackItalic)
                        format("svg");
        font-weight: 900;
        font-style: italic;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-BoldItalic.eot);
        src: url(/fonts/BRFirma/BRFirma-BoldItalic.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-BoldItalic.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-BoldItalic.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-BoldItalic.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-BoldItalic.svg#BRFirma-BoldItalic)
                        format("svg");
        font-weight: 700;
        font-style: italic;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-Bold.eot);
        src: url(/fonts/BRFirma/BRFirma-Bold.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-Bold.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-Bold.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-Bold.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-Bold.svg#BRFirma-Bold) format("svg");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-ExtraLightItalic.eot);
        src: url(/fonts/BRFirma/BRFirma-ExtraLightItalic.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-ExtraLightItalic.woff2)
                        format("woff2"),
                url(/fonts/BRFirma/BRFirma-ExtraLightItalic.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-ExtraLightItalic.ttf)
                        format("truetype"),
                url(/fonts/BRFirma/BRFirma-ExtraLightItalic.svg#BRFirma-ExtraLightItalic)
                        format("svg");
        font-weight: 200;
        font-style: italic;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-LightItalic.eot);
        src: url(/fonts/BRFirma/BRFirma-LightItalic.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-LightItalic.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-LightItalic.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-LightItalic.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-LightItalic.svg#BRFirma-LightItalic)
                        format("svg");
        font-weight: 300;
        font-style: italic;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-ExtraLight.eot);
        src: url(/fonts/BRFirma/BRFirma-ExtraLight.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-ExtraLight.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-ExtraLight.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-ExtraLight.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-ExtraLight.svg#BRFirma-ExtraLight)
                        format("svg");
        font-weight: 200;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-Light.eot);
        src: url(/fonts/BRFirma/BRFirma-Light.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-Light.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-Light.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-Light.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-Light.svg#BRFirma-Light)
                        format("svg");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-Medium.eot);
        src: url(/fonts/BRFirma/BRFirma-Medium.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-Medium.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-Medium.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-Medium.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-Medium.svg#BRFirma-Medium)
                        format("svg");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-RegularItalic.eot);
        src: url(/fonts/BRFirma/BRFirma-RegularItalic.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-RegularItalic.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-RegularItalic.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-RegularItalic.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-RegularItalic.svg#BRFirma-RegularItalic)
                        format("svg");
        font-weight: 400;
        font-style: italic;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-MediumItalic.eot);
        src: url(/fonts/BRFirma/BRFirma-MediumItalic.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-MediumItalic.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-MediumItalic.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-MediumItalic.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-MediumItalic.svg#BRFirma-MediumItalic)
                        format("svg");
        font-weight: 500;
        font-style: italic;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-Regular.eot);
        src: url(/fonts/BRFirma/BRFirma-Regular.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-Regular.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-Regular.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-Regular.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-Regular.svg#BRFirma-Regular)
                        format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-Thin.eot);
        src: url(/fonts/BRFirma/BRFirma-Thin.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-Thin.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-Thin.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-Thin.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-Thin.svg#BRFirma-Thin) format("svg");
        font-weight: 100;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-SemiBold.eot);
        src: url(/fonts/BRFirma/BRFirma-SemiBold.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-SemiBold.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-SemiBold.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-SemiBold.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-SemiBold.svg#BRFirma-SemiBold)
                        format("svg");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-SemiBoldItalic.eot);
        src: url(/fonts/BRFirma/BRFirma-SemiBoldItalic.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-SemiBoldItalic.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-SemiBoldItalic.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-SemiBoldItalic.ttf)
                        format("truetype"),
                url(/fonts/BRFirma/BRFirma-SemiBoldItalic.svg#BRFirma-SemiBoldItalic)
                        format("svg");
        font-weight: 600;
        font-style: italic;
        font-display: swap;
}
@font-face {
        font-family: BR Firma;
        src: url(/fonts/BRFirma/BRFirma-ThinItalic.eot);
        src: url(/fonts/BRFirma/BRFirma-ThinItalic.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/BRFirma/BRFirma-ThinItalic.woff2) format("woff2"),
                url(/fonts/BRFirma/BRFirma-ThinItalic.woff) format("woff"),
                url(/fonts/BRFirma/BRFirma-ThinItalic.ttf) format("truetype"),
                url(/fonts/BRFirma/BRFirma-ThinItalic.svg#BRFirma-ThinItalic)
                        format("svg");
        font-weight: 100;
        font-style: italic;
        font-display: swap;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
        color: #ccc;
}
html {
        overflow-x: hidden;
}
body {
        font-family: BR Firma !important;
        background-color: hsla(0, 0%, 100%, 0.95);
}
@media screen and (max-width: 512px) {
        body {
                overflow: hidden;
        }
}
b,
strong {
        font-weight: 700 !important;
}
a,
button {
        transition: all 0.5s ease-in-out;
        color: #ff0031;
}
@media (prefers-reduced-motion: reduce) {
        a,
        button {
                transition: none;
        }
}
a:hover,
button:hover {
        transition: all 0.5s ease-in-out;
        color: #666;
}
@media (prefers-reduced-motion: reduce) {
        a:hover,
        button:hover {
                transition: none;
        }
}
a:focus,
button:focus {
        outline: none;
}
input,
select,
textarea {
        border-radius: 0 !important;
}
input:focus,
select:focus,
textarea:focus {
        outline: none;
}
a.progressive {
        position: relative;
}
main {
        background: hsla(0, 0%, 100%, 0.95);
}
img:not([src]):not([srcset]) {
        visibility: hidden;
}
img {
        -o-object-fit: cover;
        object-fit: cover;
        image-rendering: -webkit-optimize-contrast;
}
.invalid-feedback {
        color: #d10000;
}
.text-weight-600 {
        font-weight: 600;
}
.text-weight-900 {
        font-weight: 900;
}
.text-1-2 {
        font-size: 1.2rem;
}
.text-1-4 {
        font-size: 1.4rem;
}
.text-1-6 {
        font-size: 1.6rem;
}
.text-1-7 {
        font-size: 1.7rem;
}
.text-1-8 {
        font-size: 1.8rem;
}
.text-2-1,
.text-2-2 {
        font-size: 2.1rem;
}
.text-3-1 {
        font-size: 3.1rem;
}
.text-4-0 {
        font-size: 4rem;
}
.text-white {
        color: #fff;
}
.text-blue {
        color: #13b3e5 !important;
}
.text-black {
        color: #000;
}
.text-yellow {
        color: #f1bf5b;
}
.text-red {
        color: red;
}
.text-grey {
        color: #666;
}
.text-theme-red {
        color: #d10000;
}
.text-yellow-gradient {
        background: -webkit-linear-gradient(#ffc929, #f1bf5b);
}
.text-capital {
        text-transform: capitalize;
}
.theme-red-bg {
        background: #d10000;
}
.black-bg {
        background: #000 !important;
}
.white-bg {
        background: #fff !important;
}
.blue-bg {
        background: #13b3e5 !important;
}
.red-bg {
        background: #d10000;
}
.btn-gold {
        background: linear-gradient(
                0deg,
                #f1bf5b,
                #ffb420 15%,
                #ffc929
        ) !important;
}
.gold-bg {
        background: #fcd400;
        color: #21232b;
}
.gold-bg:hover {
        color: #fff;
}
.yellow-bg {
        background: #f1bf5b;
        background: linear-gradient(90deg, #ffc929 0, #f1bf5b);
}
.grey-bg {
        background: #666;
}
.brown-bg {
        background: #3f3a37;
}
.wallet-gradient {
        background: linear-gradient(180deg, #232527, rgba(35, 41, 49, 0.2));
        border-radius: 13px;
}
.btn-link {
        color: #d10000;
}
.btn-link span {
        color: #f1bf5b !important;
}
.btn-link:hover {
        color: #000;
}
.btn-close-circle {
        background-color: #000;
        right: 10%;
        top: 10%;
        font-size: 1.5rem;
        cursor: pointer;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 2px solid #fff;
}
.btn-close-circle span {
        color: #fff;
        font-size: 1rem;
}
.btn-close-circle:hover span {
        -webkit-animation: rotate 2s;
        animation: rotate 2s;
}
.btn-primary:disabled {
        background: #d10000;
        border-color: #d10000;
}
.btn-theme {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        height: 32px;
        border: none;
        outline: none;
        border-radius: 0 !important;
        text-transform: uppercase;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .btn-theme {
                transition: none;
        }
}
.btn-theme.second {
        background: #fff;
}
.btn-theme span {
        transition: all 0.5s ease-in-out;
        color: #fff;
        line-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
        .btn-theme span {
                transition: none;
        }
}
.btn-theme:hover {
        transition: all 0.5s ease-in-out;
        outline: none;
        background: #3f3a37;
        border-color: #3f3a37;
}
@media (prefers-reduced-motion: reduce) {
        .btn-theme:hover {
                transition: none;
        }
}
.btn-theme:hover span {
        color: #fff;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .btn-theme:hover span {
                transition: none;
        }
}
.btn-theme.logout {
        width: 30px;
        height: 30px;
        border-radius: 50% !important;
        min-width: unset !important;
}
@media screen and (max-width: 768px) {
        .btn-theme {
                height: auto;
        }
}
.bgimg {
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .bgimg {
                transition: none;
        }
}
.bgimg.replace {
        background-image: url(/assets/cover/desktop/cover-small.jpg);
        -webkit-filter: blur(0.5vw);
        filter: blur(0.5vw);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .bgimg.replace {
                transition: none;
        }
}
.img-overlay:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(113, 1, 2, 0.75);
}
.red-gradient {
        background-image: linear-gradient(
                0deg,
                #ffcfcd,
                #ffd5d4,
                #ffdada,
                #ffe0e1,
                #ffe6e7
        );
        border-top: 4px solid #fecece;
}
.page-content {
        padding-top: 85px !important;
}
.page-content#mobile-home-container {
        background: linear-gradient(180deg, #ffd7d7, #fff);
}
.page-content#mobile-home-container:before {
        background-color: transparent;
}
.page-content.buku-mimpi.appview,
.page-content.spin-attendance.appview,
.page-content.spinwheel.appview {
        padding-top: 0 !important;
}
.page-content .highlight {
        background-position: 0 0;
        background-size: cover;
        border: 5px solid #13b3e5;
        height: 180px;
}
.page-content .highlight .item:before {
        background: linear-gradient(90deg, rgba(29, 28, 28, 0) 0, #1d1c1c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001d1c1c",endColorstr="#1d1c1c",GradientType=1);
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
.page-content .highlight .item .text {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.4rem;
}
.page-content .highlight .item .btn-theme {
        height: 32px;
}
.cover-top {
        height: 390px;
}
.cover-top .bgimg {
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .cover-top .bgimg {
                transition: none;
        }
}
.cover-top .bgimg.replace {
        background-image: url(/assets/cover/desktop/cover-small.jpg);
        -webkit-filter: blur(2vw);
        filter: blur(2vw);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .cover-top .bgimg.replace {
                transition: none;
        }
}
.cover-top .banner-background.banner-cover {
        background-position: top;
        background-size: cover;
        position: absolute;
        height: 100%;
        width: 100%;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .cover-top .banner-background.banner-cover {
                transition: none;
        }
}
.cover-top .logo {
        max-width: 140px;
        background: radial-gradient(
                ellipse at center,
                rgba(0, 0, 0, 0.45) 0,
                rgba(0, 0, 0, 0.45) 27%,
                transparent 62%,
                transparent 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#73000000",endColorstr="#00000000",GradientType=1);
}
.cover-top .text {
        font-size: 1.6rem;
        line-height: 2rem;
}
.cover-top .btn-theme {
        height: 35px;
}
.cover-top .title {
        font-size: 3rem;
        font-weight: 700;
}
.cover-top .cover-content {
        text-shadow: -3px 3px 8px #000;
}
.content-bg {
        background-size: cover;
        background-position: top;
}
.content-bg:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
.dropdown-toggle:after {
        color: #fff;
}
.typed-cursor {
        display: none;
}
#floating-banner-container .floating-banner {
        top: 125px;
        opacity: 1;
        z-index: 1031 !important;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #floating-banner-container .floating-banner {
                transition: none;
        }
}
#floating-banner-container .floating-banner:hover {
        z-index: 9999 !important;
}
#floating-banner-container .floating-banner .floating-banner--icon {
        width: 52px;
        height: 52px;
        line-height: 52px;
        bottom: 0;
}
#floating-banner-container .floating-banner .floating-banner--icon .fa-info {
        font-size: 1.7rem;
}
#floating-banner-container .floating-banner .floating-banner--title {
        font-weight: 700;
        font-size: 16px;
        border-radius: 0 0 25px 25px;
        background: linear-gradient(0deg, #f1bf5b, #ffb420 50%, #ffc929);
        padding-right: 70px;
}
#floating-banner-container .floating-banner .floating-banner--items {
        width: 270px;
        min-width: 270px;
        min-height: 241px;
        background-color: #f9f9f9;
        box-shadow: 0 5px 10px rgba(51, 51, 51, 0.9);
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list {
        max-width: unset;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--items {
        border: 0;
        border-radius: 0;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .fa-whatsapp {
        color: #25d366;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .fa-line {
        color: #00b900;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .fa-weixin {
        color: #7bb32e;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .fa-skype {
        color: #00aff0;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .fa-mobile-alt {
        color: #3ddc84;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .fa-facebook-messenger {
        color: #0084ff;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .fa-envelope {
        color: #b23121;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .fa-telegram {
        color: #08c;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content
        .banner-list--content-text {
        width: 100%;
        font-size: 0.8rem;
        font-weight: 700;
}
#floating-banner-container
        .floating-banner
        .floating-banner--items
        .banner-list--content:hover,
.theme-text {
        color: #f1bf5b;
}
.theme-img {
        -webkit-filter: invert(54%) sepia(73%) saturate(667%) hue-rotate(350deg)
                brightness(101%) contrast(102%);
        filter: invert(54%) sepia(73%) saturate(667%) hue-rotate(350deg)
                brightness(101%) contrast(102%);
}
.theme-bg {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
.auto-transfer {
        border-radius: 25px;
}
.auto-transfer .switch {
        height: 34px;
}
.auto-transfer .switch.cn input:checked + .slider:before {
        -webkit-transform: translateX(145px);
        transform: translateX(145px);
}
.auto-transfer .switch input:checked + .slider {
        background: #ffd800;
        background: linear-gradient(90deg, #ffc929, #f1bf5b);
        color: #460000;
}
.auto-transfer .switch input:checked + .slider:before {
        -webkit-transform: translateX(145px);
        transform: translateX(145px);
}
.auto-transfer .switch input:focus + .slider {
        box-shadow: 0 0 1px #ffd800;
}
.auto-transfer .switch .slider:before {
        height: 28px;
        width: 28px;
        bottom: 3px;
}
.auto-transfer .switch .slider.round {
        border-radius: 25px;
}
.auto-transfer .switch .slider.round:before {
        border-radius: 50%;
}
.page-item.active .page-link {
        background-color: #3f3a37;
        border-color: #3f3a37;
}
.page-item .page-link {
        color: #666;
}
.m-content {
        top: 60px !important;
}
#mobile.appview {
        top: 0 !important;
}
.games-progress.progressbar progress {
        background-color: #f3f3f3;
        border: 0;
        height: 15px;
        width: 100%;
        border-radius: 25px;
        position: relative;
}
.games-progress.progressbar progress::-webkit-progress-bar {
        background-color: #e0eaf0;
        border-radius: 25px;
}
.games-progress.progressbar progress::-webkit-progress-value {
        border-radius: 25px;
}
.games-progress.progressbar progress::-moz-progress-bar {
        border-radius: 25px;
}
.games-progress.progressbar progress.low::-webkit-progress-value {
        background-color: #ff0031 !important;
}
.games-progress.progressbar progress.low::-moz-progress-bar {
        background-color: #ff0031 !important;
}
.games-progress.progressbar progress.mid::-webkit-progress-value {
        background: linear-gradient(-45deg, #f12711, #f5af19);
}
.games-progress.progressbar progress.mid::-moz-progress-bar {
        background: linear-gradient(-45deg, #f12711, #f5af19);
}
.games-progress.progressbar progress.high::-webkit-progress-value {
        background: linear-gradient(-45deg, #11998e, #38ef7d);
}
.games-progress.progressbar progress.high::-moz-progress-bar {
        background: linear-gradient(-45deg, #11998e, #38ef7d);
}
.games-progress.progressbar progress:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(
                45deg,
                transparent 25%,
                hsla(0, 0%, 100%, 0.25) 0,
                hsla(0, 0%, 100%, 0.25) 50%,
                transparent 0,
                transparent 75%,
                hsla(0, 0%, 100%, 0.25) 0
        );
        background-size: 18px 18px;
        width: var(--data-width);
        height: 15px;
        border: 0;
        border-radius: 25px;
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite;
}
@keyframes progress-bar-stripes {
        0% {
                background-position: 18px 0;
        }
        to {
                background-position: 0 0;
        }
}
.games-progress.progressbar span {
        position: absolute;
        top: 3px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        font-weight: 700;
        font-size: 0.8rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
@-webkit-keyframes float {
        0% {
                -webkit-transform: translatey(0);
                transform: translatey(0);
        }
        50% {
                -webkit-transform: translatey(-20px);
                transform: translatey(-20px);
        }
        to {
                -webkit-transform: translatey(0);
                transform: translatey(0);
        }
}
@-webkit-keyframes spin {
        to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
        }
}
@-webkit-keyframes rotate {
        to {
                -webkit-transform: rotate(2turn);
                transform: rotate(2turn);
        }
}
@-webkit-keyframes rise {
        0% {
                opacity: 0;
                -webkit-transform: translateY(0) scale(1);
                transform: translateY(0) scale(1);
        }
        25% {
                opacity: 1;
        }
        to {
                opacity: 0;
                -webkit-transform: translateY(-10em) scale(0);
                transform: translateY(-10em) scale(0);
        }
}
@keyframes rise {
        0% {
                opacity: 0;
                -webkit-transform: translateY(0) scale(1);
                transform: translateY(0) scale(1);
        }
        25% {
                opacity: 1;
        }
        to {
                opacity: 0;
                -webkit-transform: translateY(-10em) scale(0);
                transform: translateY(-10em) scale(0);
        }
}
@media screen and (max-width: 768px) {
        html {
                overflow-x: hidden;
        }
        body {
                font-size: 0.8rem;
        }
        .page-content {
                padding-top: 50px !important;
                max-width: unset;
        }
        .page-content .cover-top {
                height: 250px;
        }
        .m-provider-container {
                height: unset;
                background-color: transparent;
                max-width: 760px;
                margin: 0 auto !important;
        }
        .m-provider-container .m-provider-category {
                width: calc(100% - 60px);
                height: unset;
                background: #21232b;
        }
        .m-provider-container .m-provider-sidebtn {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                color: #13b3e5;
                background: #21232b;
        }
        .m-provider-category-selected {
                background-color: transparent;
        }
        .m-provider-category-selected > div {
                background: #13b3e5;
        }
        .m-provider-category-container {
                padding: 2px;
                width: 120px;
                height: 120px;
        }
        .m-provider-category-container img {
                height: 35px;
        }
        .m-provider-category-container > div {
                border: 1px solid #13b3e5;
        }
        .m-provider-category-container.active > div {
                background: #13b3e5;
        }
        .m-provider-submenu-container {
                background-color: transparent;
        }
        .m-provider-submenu-container .m-provider-submenu {
                margin: 0;
                border: 0;
                height: auto;
        }
        .m-provider-submenu-container
                .m-provider-submenu
                .m-provider-submenu-content {
                position: relative;
                top: unset;
                left: unset;
                margin-right: 0;
                -webkit-transform: unset;
                transform: unset;
        }
        .m-provider-submenu-container
                .m-provider-submenu
                .m-provider-submenu-content
                img {
                height: unset;
                max-width: 120px;
                width: 100%;
        }
        .cover-top {
                height: 250px;
        }
        .cover-top .bgimg.replace {
                background-image: url(/assets/cover/mobile/cover-small.jpg);
        }
        .cover-top .text {
                font-size: 1rem;
                line-height: 1.4rem;
                text-shadow: 1px 1px 5px #000;
        }
}
@media screen and (max-width: 460px) {
        .page-content .cover-top {
                height: 180px;
        }
        .page-content .cover-top .title {
                font-size: 2rem;
        }
        .page-content .m-provider-container {
                max-width: 360px;
                margin: 0 auto !important;
        }
        .page-content
                .m-provider-container
                .m-provider-category
                .m-provider-category-container {
                width: 80px;
                height: 80px;
        }
        .page-content
                .m-provider-container
                .m-provider-category
                .m-provider-category-container
                img {
                height: 25px;
        }
        .page-content
                .m-provider-container
                .m-provider-category
                .m-provider-category-container
                .m-category-title {
                font-size: 0.6rem;
        }
        .page-content .highlight .item .text {
                text-shadow: 1px 1px 5px hsla(0, 0%, 100%, 0.95);
        }
        .cover-top {
                height: 180px;
        }
        .cover-top .logo {
                max-width: 80px;
                margin: 0 auto;
        }
        .cover-top .text {
                font-size: 2rem;
                line-height: 1.4rem;
                text-align: center !important;
                font-weight: 700;
        }
        .cover-top .description {
                font-size: 0.8rem;
                line-height: 1rem;
        }
        .cover-top .btn-theme {
                margin: 1rem auto !important;
        }
}
.payment-tab .tabs {
        max-width: 60rem;
}
.payment-tab .tabs > ul {
        list-style-type: none;
        padding: 0;
}
.payment-tab .tabs > ul li {
        display: block;
        text-align: center;
        width: 15%;
        float: left;
}
.payment-tab .tabs > ul li a {
        display: block;
        text-decoration: none;
        background: transparent;
        padding: 5px;
        color: hsla(0, 0%, 100%, 0.6);
        font-size: 12px;
        transition: all 0.2s ease-in-out;
}
.payment-tab .tabs > ul li a:hover:not(.active) {
        color: #fff;
}
.payment-tab .tabs > ul li a.active {
        background: #fff;
        color: #2c2c2c;
}
.payment-tab .tabs section {
        padding: 1.5rem 2.5rem;
        display: none;
        font-size: 12px;
        width: 100%;
}
.payment-tab .tabs section.active {
        display: block;
}
@media (max-width: 767px) {
        .payment-tab .nav-item h4 {
                font-size: 12px;
        }
}
.payment-tab .tab-content {
        background: #9e0000;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2),
                0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.payment-tab .nav-tabs .nav-item.show .nav-link,
.payment-tab .nav-tabs .nav-link.active {
        background: linear-gradient(90deg, #ffc929 0, #f1bf5b);
}
.success-modal {
        background: #fff;
        text-align: center;
}
.success-icon {
        font-size: 72px;
        margin-top: -100px;
        background: #fff;
        height: 72px;
        width: 72px;
        border-radius: 50%;
}
.container-wide {
        max-width: 1200px !important;
}
.w-20 {
        width: 20%;
}
body::-webkit-scrollbar {
        width: 12px;
}
body::-webkit-scrollbar-track {
        background: #fff;
}
body::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 20px;
        border: 3px solid #fff;
}
.slot .cover-top {
        display: none;
}
body {
        background-color: #231f20;
        font-family: Roboto, sans-serif;
        overflow-x: hidden;
        font-size: 1rem;
        font-weight: 300;
        font-display: swap;
}
body .seo-section {
        background: #231f20 !important;
        color: #fff;
}
body .seo-section:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 250px;
        background-image: url(/assets/index/idx-bg-introduction.png);
        background-image: -webkit-image-set(
                url(/assets/index/idx-bg-introduction.webp) 1x
        );
        height: 100%;
        background-size: cover;
        background-position: top;
        bottom: 0;
}
body .seo-section #aboutCollapse {
        z-index: 3;
}
body .seo-section .read-more {
        font-size: 1.2rem;
}
body .seo-section h1,
body .seo-section h2,
body .seo-section h3,
body .seo-section h4,
body .seo-section h5,
body .seo-section h6,
body .seo-section label,
body .seo-section p,
body .seo-section span {
        color: #fff;
}
body .seo-section a {
        color: #ff0031;
}
img.error {
        display: none !important;
}
.content-page-bg {
        background: #231f20;
}
.eu9-page {
        padding-top: 130px !important;
}
@media screen and (max-width: 799px) {
        .eu9-page {
                padding-top: 60px !important;
        }
}
.page-content,
.page-content.single-page {
        background: #040709;
}
.page-content.single-page h1 {
        font-family: Poppins, sans-serif;
}
.page-content.image-cover {
        padding-top: 140px;
}
.page-content.image-cover.appview {
        padding-top: 0 !important;
}
.table-hover tbody tr:hover {
        color: #fff;
        background: hsla(0, 0%, 100%, 0.35) !important;
}
.input-group input {
        padding-right: 35px;
}
.input-group .input-group-append,
.input-group .input-group-prepend {
        position: absolute;
        right: 0;
        z-index: 9;
        bottom: 0;
}
.input-group .input-group-append .input-group-text,
.input-group .input-group-prepend .input-group-text {
        height: 33px;
        background: transparent;
        border: none;
        width: 48px;
}
.input-group .input-group-append button,
.input-group .input-group-prepend button {
        height: 48px;
        width: 48px;
        border: none;
        border-radius: 0;
        background: #ff0031;
        color: #fff;
        cursor: pointer;
        border-top-right-radius: 25px !important;
}
input.form-control {
        height: 33px !important;
        border-radius: 0 !important;
        font-size: 0.8rem;
        padding: 0 25px 0 10px;
        color: #3f3a37;
        border: none !important;
        outline: none !important;
}
input::-webkit-input-placeholder {
        font-size: 0.9rem;
        color: #ccc;
        font-weight: 500;
}
select {
        color: #3f3a37 !important;
}
select.form-control {
        height: 33px !important;
        border-radius: 0 !important;
        font-size: 1rem;
        padding: 0 25px;
        color: #3f3a37;
        border: none !important;
        outline: none !important;
}
.custom-file {
        height: 48px;
}
.custom-file .custom-file-input {
        height: 48px;
        border-radius: 4px !important;
}
.custom-file .custom-file-label,
.custom-file .custom-file-label:after {
        height: 48px;
        border-radius: 4px !important;
        border: none;
        outline: none;
}
.custom-file .custom-file-label:after {
        color: #fff;
        padding: 12px 15px;
}
#register-btn,
.custom-file .custom-file-label:after {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
.btn {
        height: 48px;
        text-transform: uppercase;
        align-items: center;
        justify-content: center;
        display: flex;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .btn {
                transition: none;
        }
}
.btn:disabled,
.btn:disabled:hover {
        background: #3f3a37;
}
.btn span {
        transition: all 0.5s ease-in-out;
        color: #fff;
        line-height: 1rem;
        font-family: Poppins, sans-serif;
        font-size: 1rem;
}
@media (prefers-reduced-motion: reduce) {
        .btn span {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .btn span {
                font-size: 0.9rem;
        }
}
.btn i {
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .btn i {
                transition: none;
        }
}
.btn-link span {
        color: #fcd400;
        font-size: 0.7rem;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .btn-link span {
                transition: none;
        }
}
.btn-link:hover span {
        color: #fff;
}
.btn-red {
        background: #ff0031;
}
.btn-red:hover {
        background: #3f3a37;
}
.btn-gold {
        background: #fcd400;
        color: #231f20;
}
.btn-gold:hover {
        background: #3f3a37;
}
.btn-gold:hover span {
        color: #fff;
}
.btn-gold span {
        color: #231f20;
}
.btn-white {
        background: #fff;
}
.btn-white i,
.btn-white span {
        color: #ff0031;
}
.btn-white:hover {
        background: #3f3a37;
}
.btn-white:hover i,
.btn-white:hover span {
        color: #fff;
}
.gradient-heading {
        background: linear-gradient(45deg, #ff8a00, #e52e71, #044bea, #7a00ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 300% 300%;
        -webkit-animation: gradient-text 8s ease infinite;
        animation: gradient-text 8s ease infinite;
}
.text-flick {
        -webkit-animation: text-flicker-out-glow 2.5s linear infinite both;
        animation: text-flicker-out-glow 2.5s linear infinite both;
}
@-webkit-keyframes gradient-text {
        0% {
                background-position: 0 50%;
        }
        50% {
                background-position: 100% 50%;
        }
        to {
                background-position: 0 50%;
        }
}
@keyframes gradient-text {
        0% {
                background-position: 0 50%;
        }
        50% {
                background-position: 100% 50%;
        }
        to {
                background-position: 0 50%;
        }
}
@-webkit-keyframes text-flicker-out-glow {
        0% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.6),
                        0 0 60px hsla(0, 0%, 100%, 0.45),
                        0 0 110px hsla(0, 0%, 100%, 0.25),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        13.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.6),
                        0 0 60px hsla(0, 0%, 100%, 0.45),
                        0 0 110px hsla(0, 0%, 100%, 0.25),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        14% {
                opacity: 0;
                text-shadow: none;
        }
        14.9% {
                opacity: 0;
                text-shadow: none;
        }
        15% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.4),
                        0 0 110px hsla(0, 0%, 100%, 0.2),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        22.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.4),
                        0 0 110px hsla(0, 0%, 100%, 0.2),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        23% {
                opacity: 0;
                text-shadow: none;
        }
        24.9% {
                opacity: 0;
                text-shadow: none;
        }
        25% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.35),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        34.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.35),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        35% {
                opacity: 0;
                text-shadow: none;
        }
        39.9% {
                opacity: 0;
                text-shadow: none;
        }
        40% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.35);
        }
        42.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.35);
        }
        43% {
                opacity: 0;
                text-shadow: none;
        }
        44.9% {
                opacity: 0;
                text-shadow: none;
        }
        45% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        50% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        54.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        55% {
                opacity: 0;
                text-shadow: none;
        }
        69.4% {
                opacity: 0;
                text-shadow: none;
        }
        69.5% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        69.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        70% {
                opacity: 0;
                text-shadow: none;
        }
        79.4% {
                opacity: 0;
                text-shadow: none;
        }
        79.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.25);
        }
        80% {
                opacity: 0;
                text-shadow: none;
        }
        89.8% {
                opacity: 0;
                text-shadow: none;
        }
        89.9% {
                opacity: 1;
                text-shadow: none;
        }
        90% {
                opacity: 0;
                text-shadow: none;
        }
        to {
                opacity: 0;
        }
}
@keyframes text-flicker-out-glow {
        0% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.6),
                        0 0 60px hsla(0, 0%, 100%, 0.45),
                        0 0 110px hsla(0, 0%, 100%, 0.25),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        13.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.6),
                        0 0 60px hsla(0, 0%, 100%, 0.45),
                        0 0 110px hsla(0, 0%, 100%, 0.25),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        14% {
                opacity: 0;
                text-shadow: none;
        }
        14.9% {
                opacity: 0;
                text-shadow: none;
        }
        15% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.4),
                        0 0 110px hsla(0, 0%, 100%, 0.2),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        22.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.4),
                        0 0 110px hsla(0, 0%, 100%, 0.2),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        23% {
                opacity: 0;
                text-shadow: none;
        }
        24.9% {
                opacity: 0;
                text-shadow: none;
        }
        25% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.35),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        34.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.35),
                        0 0 100px hsla(0, 0%, 100%, 0.1);
        }
        35% {
                opacity: 0;
                text-shadow: none;
        }
        39.9% {
                opacity: 0;
                text-shadow: none;
        }
        40% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.35);
        }
        42.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.55),
                        0 0 60px hsla(0, 0%, 100%, 0.35);
        }
        43% {
                opacity: 0;
                text-shadow: none;
        }
        44.9% {
                opacity: 0;
                text-shadow: none;
        }
        45% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        50% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        54.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        55% {
                opacity: 0;
                text-shadow: none;
        }
        69.4% {
                opacity: 0;
                text-shadow: none;
        }
        69.5% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        69.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.45),
                        0 0 60px hsla(0, 0%, 100%, 0.25);
        }
        70% {
                opacity: 0;
                text-shadow: none;
        }
        79.4% {
                opacity: 0;
                text-shadow: none;
        }
        79.9% {
                opacity: 1;
                text-shadow: 0 0 30px hsla(0, 0%, 100%, 0.25);
        }
        80% {
                opacity: 0;
                text-shadow: none;
        }
        89.8% {
                opacity: 0;
                text-shadow: none;
        }
        89.9% {
                opacity: 1;
                text-shadow: none;
        }
        90% {
                opacity: 0;
                text-shadow: none;
        }
        to {
                opacity: 0;
        }
}
.bg-red {
        background: #ff0031;
}
.bg-darkblack {
        background: #040709;
}
.bg-black {
        background: #231f20;
}
.bg-grey {
        background: #3f3a37;
}
.bg-white {
        background: #fff;
}
.bg-gold {
        background: #fcd400;
}
.text-uppercase {
        text-transform: uppercase;
}
.text-lowercase {
        text-transform: lowercase;
}
.text-capitalize {
        text-transform: capitalize;
}
.text-bold {
        font-weight: 700;
}
.text-normal {
        font-weight: 400;
}
.text-gold {
        color: #fcd400;
}
.text-black {
        color: #231f20;
}
.text-red {
        color: #ff0031;
}
.text-primary {
        color: #ffc929 !important;
}
.apk-icon-btn {
        position: fixed;
        left: -242px;
        top: 125px;
        cursor: pointer;
        min-width: 242px;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        -webkit-transform-origin: right top;
        transform-origin: right top;
        transition: all 0.5s ease-in-out;
}
.apk-icon-btn span {
        height: 54px;
        line-height: 52px;
        padding: 0 20px;
        float: right;
        border-radius: 8px 8px 0 8px;
        letter-spacing: 2px;
        color: #fff;
        background: #ff0031;
        border-radius: 0;
        font-weight: 700;
        border-bottom-left-radius: 25px !important;
        font-size: 16px;
}
.apk-icon-btn span img {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
        .apk-icon-btn {
                transition: none;
        }
}
.download-float {
        width: 185px;
        top: 125px;
        min-height: 300px;
        z-index: 1031;
        left: -185px;
        background: #fff;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .download-float {
                transition: none;
        }
}
.download-float .btn-close-circle {
        height: 30px;
        width: 30px;
        z-index: 3;
        position: absolute;
        right: 10px;
        top: -20px;
}
.download-float .btn-close-circle i {
        font-size: 1rem;
}
.download-float .qrcode {
        max-width: 120px;
        height: 120px;
}
.download-float .qrcode canvas,
.download-float .qrcode img {
        width: 100px;
}
.download-float .info {
        border-bottom-left-radius: 50px !important;
}
.download-float .info .platform {
        background-color: #231f20;
        border-radius: 5px;
        max-width: 120px;
}
.download-float .info .platform:hover {
        background-color: #3f3a37;
}
.download-float .info .platform img {
        width: 35px;
        height: 35px;
}
.download-float .info .platform span {
        width: calc(100% - 35px);
        font-size: 0.8rem;
        line-height: 0.8rem;
        color: #fff;
}
@keyframes rotate {
        to {
                -webkit-transform: rotate(2turn);
                transform: rotate(2turn);
        }
}
.loading-screen {
        background: rgba(0, 0, 0, 0.8);
        z-index: 99;
        top: 10px;
}
.loading-screen.hide {
        z-index: -99;
        opacity: 0;
        visibility: none;
}
.loading-screen .loading-text {
        font-size: 1.8rem;
}
.loading-screen .loading-text .spinner-grow {
        width: 0.8rem;
        height: 0.8rem;
}
.countdown-wrapper {
        min-height: 148px;
}
.countdown-wrapper p {
        font-size: 1.2rem;
        font-weight: 500;
}
@media (max-width: 550px) {
        .countdown-wrapper #eventStart {
                width: 311px;
        }
}
.countdown-wrapper #eventStart .rotor-group {
        padding-right: 23px;
}
@media screen and (max-width: 512px) {
        .countdown-wrapper #eventStart .rotor-group {
                padding-right: 13px;
        }
}
.countdown-wrapper #eventStart .rotor-group:after {
        display: none;
}
.countdown-wrapper #eventStart .rotor-group:last-child {
        padding-right: 0;
}
.countdown-wrapper #eventStart .rotor-group .rotor {
        font-size: 3.2rem;
        width: 45px;
        margin: 0 10px 0 0;
}
@media screen and (max-width: 512px) {
        .countdown-wrapper #eventStart .rotor-group .rotor {
                font-size: 2.2rem;
                width: 30px;
                margin: 0 4px 0 0;
        }
}
.countdown-wrapper
        #eventStart
        .rotor-group
        .rotor
        .rotor-leaf
        .rotor-leaf-rear {
        background-color: transparent;
        background-image: linear-gradient(
                0deg,
                #090909,
                #131313,
                #1a1a1a,
                #202020
        );
}
.countdown-wrapper
        #eventStart
        .rotor-group
        .rotor
        .rotor-leaf
        .rotor-leaf-front,
.countdown-wrapper #eventStart .rotor-group .rotor .rotor-top {
        background-color: transparent;
        background-image: linear-gradient(
                180deg,
                #090909,
                #131313,
                #1a1a1a,
                #202020
        );
}
.countdown-wrapper #eventStart .rotor-group .rotor .rotor-bottom {
        background-color: transparent;
        background-image: linear-gradient(
                0deg,
                #090909,
                #131313,
                #1a1a1a,
                #202020
        );
}
.countdown-wrapper #eventStart .rotor-group .rotor-group-heading,
.countdown-wrapper #eventStart .rotor-group .rotor-group-heading:before {
        color: #fff;
}
.menu-title {
        font-size: 1rem;
        font-weight: 600;
}
.menu-title span {
        font-size: 1.2rem;
}
.menu-title a i,
.menu-title a span {
        font-size: 0.8rem;
}
.euro_theme_2024_home_1,
.euro_theme_2024_home_2 {
        position: absolute;
        z-index: 1;
}
.euro_theme_2024_home_1 {
        bottom: -10px;
        left: -55px;
        width: 210px;
}
@media screen and (max-width: 512px) {
        .euro_theme_2024_home_1 {
                width: 145px;
        }
}
.euro_theme_2024_home_2 {
        bottom: -10px;
        right: -55px;
        width: 150px;
}
@media screen and (max-width: 512px) {
        .euro_theme_2024_home_2 {
                right: -40px;
                width: 100px;
        }
}
.default-tabs .form-tabs-wrapper .nav-item .nav-link {
        cursor: pointer;
        opacity: 0.4;
}
@media screen and (max-width: 512px) {
        .default-tabs .form-tabs-wrapper .nav-item .nav-link {
                max-width: 60px;
                font-size: 0.6rem;
                line-height: 12px;
                text-align: center;
                min-height: 53px;
                display: flex;
                justify-content: center;
                align-items: center;
        }
}
@media (max-width: 376px) {
        .default-tabs .form-tabs-wrapper .nav-item .nav-link {
                max-width: 50px;
                min-height: 50px;
        }
}
.default-tabs .form-tabs-wrapper .nav-item .nav-link.active {
        opacity: 1;
}
.default-tabs .form-tabs-wrapper .nav-item .nav-link .top-icons img {
        max-width: 60px;
}
.default-tabs .form-tabs-wrapper .nav-item hr {
        height: calc(100% - 20px);
        width: 0;
        border: 1px solid #dadada;
}
.default-tabs .form-tabs-wrapper .nav-item.moreBankWrapper .moreBankBtn {
        cursor: pointer;
        background: #0a0a0a;
        max-width: 60px;
        min-height: 60px;
        border-radius: 13px;
        line-height: 16px;
}
@media screen and (max-width: 512px) {
        .default-tabs
                .form-tabs-wrapper
                .nav-item.moreBankWrapper
                .moreBankBtn {
                background: #241e20;
                min-height: 53px;
                font-size: 0.8rem;
        }
}
.default-tabs
        .form-tabs-wrapper
        .nav-item.moreBankWrapper
        .moreBankBtn:hover
        .moreBankDropdown {
        opacity: 1;
        visibility: visible;
}
.default-tabs
        .form-tabs-wrapper
        .nav-item.moreBankWrapper
        .moreBankBtn
        .moreBankDropdown {
        background: #0a0a0a;
        bottom: -83px;
        right: 0;
        z-index: 1;
        border-radius: 13px;
        max-width: 300px;
        min-width: 300px;
        min-height: 80px;
        max-height: 80px;
        overflow-x: scroll;
        overflow-y: hidden;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
        .default-tabs
                .form-tabs-wrapper
                .nav-item.moreBankWrapper
                .moreBankBtn
                .moreBankDropdown {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .default-tabs
                .form-tabs-wrapper
                .nav-item.moreBankWrapper
                .moreBankBtn
                .moreBankDropdown {
                top: 68px;
                background: #241e20;
                max-width: 280px;
                min-width: 280px;
        }
}
@media (max-width: 376px) {
        .default-tabs
                .form-tabs-wrapper
                .nav-item.moreBankWrapper
                .moreBankBtn
                .moreBankDropdown {
                max-width: 260px;
                min-width: 260px;
                top: 56px;
        }
}
.default-tabs
        .form-tabs-wrapper
        .nav-item.moreBankWrapper
        .moreBankBtn
        .moreBankDropdown
        .top-icons {
        top: -7px;
        right: 0;
}
.default-tabs
        .form-tabs-wrapper
        .nav-item.moreBankWrapper
        .moreBankBtn
        .moreBankDropdown
        .top-icons
        img {
        max-width: 60px;
}
.default-tabs
        .form-tabs-wrapper
        .nav-item.moreBankWrapper
        .moreBankBtn
        .moreBankDropdown
        .innerBankImg
        .only-text-wrapper {
        background: #fff;
        color: #fff !important;
        border-radius: 4px;
        padding: 6px 10px;
        margin-right: 10px;
}
@media screen and (max-width: 512px) {
        .default-tabs
                .form-tabs-wrapper
                .nav-item.moreBankWrapper
                .moreBankBtn
                .moreBankDropdown
                .innerBankImg
                .only-text-wrapper {
                background: #fff;
        }
}
.default-tabs
        .form-tabs-wrapper
        .nav-item.moreBankWrapper
        .moreBankBtn
        .moreBankDropdown::-webkit-scrollbar {
        width: 9px;
        max-height: 5px;
}
.default-tabs
        .form-tabs-wrapper
        .nav-item.moreBankWrapper
        .moreBankBtn
        .moreBankDropdown::-webkit-scrollbar-track {
        border: none;
        background: transparent;
}
.default-tabs
        .form-tabs-wrapper
        .nav-item.moreBankWrapper
        .moreBankBtn
        .moreBankDropdown::-webkit-scrollbar-thumb {
        background: #fff;
        border-radius: 10px;
}
.default-tabs .nav-item:last-child .nav-link {
        margin-right: 0 !important;
}
.default-tabs .nav-item .nav-link {
        background: var(--accordion-bg-color);
        color: #000 !important;
        border-radius: 4px;
        padding: 6px 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .default-tabs .nav-item .nav-link {
                background: var(--hot-promo-bg);
        }
}
.default-tabs .nav-item .nav-link.active,
.default-tabs .nav-item .nav-link:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        border-radius: 20px;
}
.default-tabs .bank-icon {
        max-width: 60px;
}
@media (max-width: 376px) {
        .default-tabs .bank-icon {
                max-width: 50px;
        }
}
.bankListDetails {
        cursor: pointer;
        border-radius: 8px;
        background: var(--accordion-bg-color);
        border: 2px solid #f1bf5b;
}
.bankListDetails .copybtn-bank-wrapper:hover .copybtn-bank {
        color: #f1bf5b;
}
.bankListDetails .add-bank-img {
        max-width: 80px;
}
.bankListDetails .add-bank-content {
        width: calc(100% - 80px);
}
.bankListDetails .add-bank-content p {
        display: block;
        max-width: 90%;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        color: var(--main-font-color);
}
.bankListDetails .add-bank-content p:last-child {
        color: #9e9e9e;
}
.beauty-scroll::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
}
.beauty-scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
}
.beauty-scroll::-webkit-scrollbar-thumb {
        background: #f1bf5b;
}
.beauty-scroll::-webkit-scrollbar-thumb:hover {
        background: #555;
}
.loader {
        border: 3px solid #f3f3f3;
        border-radius: 50%;
        border-top: 3px solid var(--primary-color);
        width: 20px;
        height: 20px;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
}
.loader.rebate-loader {
        top: calc(50% - 20px);
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
        border: 5px solid #f3f3f3 !important;
        border-top: 5px solid var(--primary-color) !important;
}
.social-register-wrapper .register-rewards-wrapper {
        background: transparent;
        border-radius: 10px;
}
.social-register-wrapper .register-rewards-wrapper .register-rewards-title {
        color: #fff;
}
.social-register-wrapper .register-rewards-wrapper .register-rewards-desc {
        color: #696563;
}
.social-register-wrapper .register-rewards-wrapper .register-rewards-img {
        -webkit-filter: invert(100%) sepia(0) saturate(0) hue-rotate(281deg)
                brightness(106%) contrast(102%);
        filter: invert(100%) sepia(0) saturate(0) hue-rotate(281deg)
                brightness(106%) contrast(102%);
}
.social-register-wrapper .social-media-box {
        border: 2px solid #696563;
        cursor: pointer;
        transition: "all .4s ease";
}
@media (prefers-reduced-motion: reduce) {
        .social-register-wrapper .social-media-box {
                transition: none;
        }
}
.social-register-wrapper .social-media-box:hover {
        border: 2px solid #ffc929;
}
.menu-logo .speed {
        position: absolute;
        height: 0.02rem;
        width: 1rem;
        background: #fff;
        z-index: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
}
.menu-logo .speed-1 {
        right: -1rem;
        top: 5px;
        -webkit-animation: speed 0.5s infinite;
        animation: speed 0.5s infinite;
}
.menu-logo .speed-2 {
        right: -1rem;
        top: 15px;
        -webkit-animation: speed 1.2s infinite;
        animation: speed 1.2s infinite;
}
.menu-logo .speed-3 {
        right: 1.5rem;
        top: 30px;
        -webkit-animation: speed 2s infinite;
        animation: speed 2s infinite;
}
.menu-logo .speed-4 {
        right: 2.3rem;
        top: 45px;
        -webkit-animation: speed 1.1s infinite;
        animation: speed 1.1s infinite;
}
.menu-logo .speed-5 {
        right: 3rem;
        top: 60px;
        -webkit-animation: speed 1s infinite;
        animation: speed 1s infinite;
}
@-webkit-keyframes speed {
        0% {
                right: -1rem;
        }
        to {
                right: 19rem;
        }
}
@keyframes speed {
        0% {
                right: -1rem;
        }
        to {
                right: 19rem;
        }
}
.nav-desktop {
        background: #9e0000;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop {
                transition: none;
        }
}
.nav-desktop .input .forgot-password {
        position: absolute;
        right: 15px;
        top: 15px;
}
.nav-desktop input::-webkit-input-placeholder {
        font-size: 10px;
}
.nav-desktop input::-moz-placeholder {
        font-size: 10px;
}
.nav-desktop input:-ms-input-placeholder {
        font-size: 10px;
}
.nav-desktop input::-ms-input-placeholder {
        font-size: 10px;
}
.nav-desktop input::placeholder {
        font-size: 10px;
}
.nav-desktop .nav-login .btn-theme,
.nav-desktop input.form-control {
        height: 34px !important;
}
.nav-desktop .nav-login .btn-theme span {
        font-size: 12px;
}
.nav-desktop .caret-arrow:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
}
.nav-desktop .nav-item {
        z-index: 3;
}
.nav-desktop .event:after {
        content: " ";
        position: absolute;
        top: -15px;
        right: 0;
        background-image: url(/assets/top-tag.png?v220520);
        background-size: contain;
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        z-index: 3;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
}
.nav-desktop .id .cockfight:before,
.nav-desktop .id .live-dealer:before,
.nav-desktop .id .slot:before,
.nav-desktop .id .togel:before,
.nav-desktop .my .esport:before,
.nav-desktop .my .live-dealer:before,
.nav-desktop .my .promo:before,
.nav-desktop .my .scratch:before,
.nav-desktop .my .slot:before,
.nav-desktop .my .sport:before,
.nav-desktop .sg .cockfight:before,
.nav-desktop .sg .live-dealer:before,
.nav-desktop .sg .slot:before,
.nav-desktop .sg .togel:before,
.nav-desktop .us .cockfight:before,
.nav-desktop .us .live-dealer:before,
.nav-desktop .us .slot:before,
.nav-desktop .us .togel:before,
.nav-desktop .vn .cockfight:before,
.nav-desktop .vn .fishing:before,
.nav-desktop .vn .live-dealer:before,
.nav-desktop .vn .promo:before,
.nav-desktop .vn .slot:before,
.nav-desktop .vn .sport:before {
        content: " ";
        position: absolute;
        top: 0;
        right: 20px;
        background-image: url(/assets/top-tag.png?v220520);
        background-size: contain;
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        z-index: 2;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
}
.nav-desktop .vn .affiliate:before,
.nav-desktop .vn .vip:before {
        content: " ";
        position: absolute;
        top: 2px;
        background-image: url(/assets/hot-tag.png?1.0?v220520);
        background-size: contain;
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        z-index: 2;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
}
.nav-desktop .th .affiliate:after,
.nav-desktop .th .promo:after,
.nav-desktop .th .spinwheel:after,
.nav-desktop .th .vip:after {
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(/assets/top-tag.png?v220520);
        background-size: contain;
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        z-index: 2;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
}
.nav-desktop .ph .fishing:before,
.nav-desktop .ph .live-dealer:before,
.nav-desktop .ph .promo:before,
.nav-desktop .ph .slot:before,
.nav-desktop .ph .sport:before {
        content: " ";
        position: absolute;
        top: 0;
        right: 20px;
        background-image: url(/assets/top-tag.png?v220520);
        background-size: contain;
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        z-index: 2;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
}
@-webkit-keyframes heartbeat {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        20% {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
        }
        40% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        60% {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
        }
        80% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
}
.nav-desktop .phone-icon {
        position: absolute;
        left: 35px;
        font-size: 0.6rem;
        top: 8px;
        z-index: 3;
}
.nav-desktop .phone-icon button {
        padding: 0;
        background: transparent;
        border: 0;
}
.nav-desktop .phone-icon button img {
        width: 28px;
}
.nav-desktop .nav-login {
        background: #1e2225;
        z-index: 2;
}
.nav-desktop .nav-country a {
        background: #3a3e44;
        border-radius: 37.5623px;
        padding: 15px;
}
.nav-desktop .nav-country img {
        position: relative;
        bottom: 3px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 2px solid #fff;
        overflow: hidden;
        -o-object-fit: cover;
        object-fit: cover;
}
.nav-desktop .nav-message span {
        width: 15px;
        height: 15px;
        top: 10px;
        border-radius: 50%;
        right: 0;
        z-index: 1;
        background: #ffd800;
        font-size: 0.6rem;
        color: #460000 !important;
}
.nav-desktop .nav-message span.show {
        opacity: 1;
}
.nav-desktop .nav-message span.hide {
        opacity: 0;
        z-index: -1 !important;
}
.nav-desktop .nav-message i {
        font-size: 1.2rem;
}
.nav-desktop.navbar-hide {
        top: -100px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop.navbar-hide {
                transition: none;
        }
}
.nav-desktop .menu-logo {
        max-width: 150px;
        left: 0;
        top: 0;
        z-index: 6;
}
.nav-desktop .menu-logo img {
        z-index: 2;
        height: 100%;
        width: auto;
        -o-object-fit: contain;
        object-fit: contain;
}
.nav-desktop #desktopNav {
        background: #1e2225;
}
.nav-desktop #desktopNav.id .container-wide {
        flex: 0 0 95% !important;
        max-width: 95% !important;
}
@media screen and (max-width: 1280px) {
        .nav-desktop #desktopNav.id .container-wide {
                flex: 0 0 98% !important;
                max-width: 98% !important;
        }
}
.nav-desktop #desktopNav.vn .container-wide {
        max-width: 1280px !important;
}
@media screen and (max-width: 1440px) {
        .nav-desktop #desktopNav.vn .container-wide {
                flex: 0 0 95% !important;
                max-width: 95% !important;
        }
}
@media screen and (max-width: 1280px) {
        .nav-desktop #desktopNav.vn .container-wide {
                flex: 0 0 98% !important;
                max-width: 98% !important;
        }
}
@media screen and (max-width: 1920px) {
        .nav-desktop #desktopNav.vn .container-wide.n-menu {
                max-width: 1480px !important;
        }
}
.nav-desktop #desktopNav.my .container-wide,
.nav-desktop #desktopNav.th .container-wide {
        max-width: 1280px !important;
}
@media screen and (max-width: 1440px) {
        .nav-desktop #desktopNav.my .container-wide,
        .nav-desktop #desktopNav.th .container-wide {
                flex: 0 0 95% !important;
                max-width: 95% !important;
        }
}
@media screen and (max-width: 1280px) {
        .nav-desktop #desktopNav.my .container-wide,
        .nav-desktop #desktopNav.th .container-wide {
                flex: 0 0 98% !important;
                max-width: 98% !important;
        }
}
.nav-desktop #desktopNav.th:not(.en) a.icon span {
        font-size: 0.8rem !important;
        padding: 0 2px;
}
.nav-desktop #desktopNav .menu-bar {
        background: #1e2225;
        height: 40px;
        z-index: 0;
}
.nav-desktop #desktopNav .menu-auth {
        height: 50px;
        z-index: 1;
}
@media only screen and (min-width: 1400px) {
        .nav-desktop #desktopNav .menu-auth {
                max-width: 83%;
        }
}
@media only screen and (max-width: 1366px) {
        .nav-desktop #desktopNav .menu-auth {
                max-width: 95%;
        }
}
.nav-desktop #desktopNav .menu-auth > .auth {
        height: 50px;
        border-bottom: 1px solid #636363;
}
.nav-desktop #desktopNav .lineLoginBtn {
        height: 34px;
        width: unset;
        font-size: 0.7rem;
        font-weight: 700;
        background: #00c300;
        border-radius: 8px;
        cursor: pointer;
        padding: 0.375rem 0.75rem !important;
}
.nav-desktop #desktopNav .lineLoginBtn span {
        width: unset;
}
.nav-desktop #desktopNav .auth form .fas {
        top: 18px;
        left: 13px;
        color: #f1bf5b;
}
.nav-desktop #desktopNav .auth form input {
        color: #231f20;
        background: #fff;
        padding-left: 30px;
        font-size: 0.8rem;
        max-width: 180px;
        border-radius: 0 !important;
}
.nav-desktop #desktopNav .auth form input::-webkit-input-placeholder {
        color: #ccc;
}
.nav-desktop #desktopNav .auth form input::-moz-placeholder {
        color: #ccc;
}
.nav-desktop #desktopNav .auth form input:-ms-input-placeholder {
        color: #ccc;
}
.nav-desktop #desktopNav .auth form input::-ms-input-placeholder {
        color: #ccc;
}
.nav-desktop #desktopNav .auth form input::placeholder {
        color: #ccc;
}
.nav-desktop #desktopNav .auth .btn-white {
        background: #fff;
        height: 30px;
        width: 30px;
        border-radius: 50%;
}
.nav-desktop #desktopNav .auth .btn-white i {
        color: #d10000;
}
.nav-desktop #desktopNav .auth .btn-theme {
        min-width: 100px;
}
@media only screen and (max-width: 600px) {
        .nav-desktop #desktopNav .auth .btn-theme {
                height: 35px;
        }
}
/* --- ปุ่มล็อคอิน PC: ขอบทอง พื้นดำ --- */
.nav-desktop #desktopNav .auth .btn-theme.login {
    background: #000 !important; /* พื้นหลังดำสนิทช่วยให้ขอบทองเด่น */
    color: #fcf6ba !important;    /* ตัวหนังสือสีทองสว่าง */
    border: 1.5px solid #bf953f !important; /* ขอบทอง Metallic */
    border-radius: 8px !important;
    box-shadow: 0 0 8px rgba(191, 149, 63, 0.3); /* เงาทองจางๆ รอบปุ่ม */
    transition: all 0.4s ease-in-out;
}

.nav-desktop #desktopNav .auth .btn-theme.login span {
    color: #fcf6ba !important; /* บังคับตัวหนังสือข้างในเป็นสีทองสว่าง */
    font-weight: 700;
}

/* --- เอฟเฟกต์ตอน Hover: กลายเป็นปุ่มทองเงา --- */
.nav-desktop #desktopNav .auth .btn-theme.login:hover {
    background: linear-gradient(180deg, #bf953f, #fcf6ba 50%, #b38728) !important;
    border-color: #fcf6ba !important;
    box-shadow: 0 0 20px rgba(191, 149, 63, 0.6) !important;
    transform: translateY(-1px);
}

.nav-desktop #desktopNav .auth .btn-theme.login:hover span {
    color: #000 !important; /* ตัวหนังสือเปลี่ยนเป็นสีดำเพื่อให้เด่นบนพื้นทอง */
}
.nav-desktop #desktopNav .auth .btn-theme.nav-wallet {
        background: #fff;
        border-radius: 5px !important;
        height: 34px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop #desktopNav .auth .btn-theme.nav-wallet {
                transition: none;
        }
}
.nav-desktop #desktopNav .auth .btn-theme.nav-wallet span {
        color: #231f20 !important;
        font-size: 0.7rem;
        font-weight: 700;
}
.nav-desktop #desktopNav .auth .btn-theme.nav-wallet:hover {
        background: #434343;
}
.nav-desktop #desktopNav .auth .btn-theme.nav-wallet:hover span {
        color: #fff !important;
}
.nav-desktop #desktopNav .auth .btn-theme.nav-deposit {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        border-radius: 5px !important;
        height: 34px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop #desktopNav .auth .btn-theme.nav-deposit {
                transition: none;
        }
}
.nav-desktop #desktopNav .auth .btn-theme.nav-deposit span {
        color: #231f20 !important;
        font-size: 0.7rem;
        font-weight: 700;
}
.nav-desktop #desktopNav .auth .btn-theme.nav-deposit:hover {
        background: #434343;
}
.nav-desktop #desktopNav .auth .btn-theme.nav-deposit:hover span {
        color: #fff !important;
}
.nav-desktop #desktopNav .auth .btn-theme.nav-register {
    /* ไล่เฉดสีทองแบบ Metallic (เข้ม-อ่อน-เข้ม) เพื่อให้ดูเงางาม */
    background: linear-gradient(180deg, #bf953f, #fcf6ba 50%, #b38728) !important;
    
    /* เปลี่ยนแสงเงาให้เป็นสีทองฟุ้งๆ */
    box-shadow: 0 0 18px rgba(191, 149, 63, 0.5) !important;
    
    /* ตัวหนังสือสีดำจะทำให้อ่านง่ายและดูแพงบนพื้นสีทอง */
    color: #000 !important;
    font-weight: 800 !important;
    
    border-radius: 8px !important;
    height: 34px;
    border: none !important;
    transition: all 0.5s ease-in-out;
}


/* แถม: เอฟเฟกต์ตอนเอาเมาส์จี้ ให้มันเรืองแสงทองชัดขึ้น */
.nav-desktop #desktopNav .auth .btn-theme.nav-register:hover {
    background: linear-gradient(180deg, #fcf6ba, #bf953f 50%, #fcf6ba) !important;
    box-shadow: 0 0 25px rgba(251, 191, 36, 0.8) !important;
    transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop #desktopNav .auth .btn-theme.nav-register {
                transition: none;
        }
}
.nav-desktop #desktopNav .auth .btn-theme.nav-register span {
        color: #231f20 !important;
        font-size: 0.7rem;
}
.nav-desktop #desktopNav .auth .btn-theme.nav-register:hover {
        background: #434343;
        box-shadow: unset;
}
.nav-desktop #desktopNav .auth .btn-theme.nav-register:hover span {
        color: #fff !important;
}
.nav-desktop #desktopNav .auth .auto-transfer {
        height: 34px;
        background: #666;
        border-radius: 5px;
}
.nav-desktop #desktopNav .auth .auto-transfer.checked {
        background: #019700;
}
.nav-desktop #desktopNav .menu .nav-language .dropdown-item {
        font-size: 1rem;
        margin-top: 5px;
}
.nav-desktop #desktopNav .menu .nav-language .dropdown-item .flag-icon {
        border-radius: 50%;
        height: 24px;
        margin-right: 5px;
}
.nav-desktop #desktopNav .auto-transfer {
        height: 32px;
        background: hsla(0, 0%, 100%, 0.5);
}
.nav-desktop #desktopNav .auto-transfer.checked {
        background: #019700;
}
.nav-desktop #other-responsive .collapse-menu .icon {
        width: 100%;
        padding: 0.25rem 1.5rem;
}
.nav-desktop #other-responsive .collapse-menu .icon > div {
        width: 100%;
}
.nav-desktop #other-responsive .collapse-menu .icon > div span {
        padding-left: 5px;
        width: auto;
        font-size: 0.8rem;
}
.nav-desktop .nav-tabs {
        border-color: transparent;
}
.nav-desktop .nav-tabs.main-menu {
        flex-direction: unset;
        z-index: 1;
}
.nav-desktop .nav-tabs.main-menu .nav-item {
        height: 30px;
}
.nav-desktop .nav-tabs.main-menu .nav-item span {
        font-size: 0.8rem;
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon {
        position: relative;
        border-right: 1px solid #636363;
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon:hover {
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop .nav-tabs.main-menu .nav-item a.icon:hover {
                transition: none;
        }
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon:hover .flag-icon {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all 0.5s ease-in-out;
        -webkit-filter: contrast(0);
        filter: contrast(0);
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop .nav-tabs.main-menu .nav-item a.icon:hover .flag-icon {
                transition: none;
        }
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon:hover span {
        font-weight: 700;
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon .flag-icon {
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop .nav-tabs.main-menu .nav-item a.icon .flag-icon {
                transition: none;
        }
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon .flag-icon.vip {
        -webkit-animation: imgaRotate 1s linear 0s infinite normal;
        animation: imgaRotate 1s linear 0s infinite normal;
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon span {
        width: 100%;
        text-align: center;
        color: #fff;
        z-index: 1;
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon span.vip {
        color: #fed426;
}
.nav-desktop .nav-tabs.main-menu .nav-item a.icon.puiyi img {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: pulse;
        animation-name: pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}
.nav-desktop .nav-tabs.main-menu .nav-item a .nav-home-icon {
        background-image: url(/assets/nav/icon_nav_home.png);
        background-repeat: no-repeat;
        background-position: 50%;
        height: 36px;
}
.nav-desktop .nav-tabs.main-menu .nav-item:hover {
        background: #383838;
}
.nav-desktop .nav-tabs.main-menu .nav-item:hover a.icon .flag-icon {
        -webkit-filter: invert(1);
        filter: invert(1);
}
.nav-desktop .nav-tabs.main-menu .nav-item:hover a.icon span {
        color: #ffc929;
}
.nav-desktop .nav-tabs.main-menu .nav-item:hover a.icon:before {
        content: "";
        width: 100%;
        position: absolute;
        bottom: -0.25rem;
        left: 0;
        background: #ffc929;
        height: 3px;
}
.nav-desktop .nav-tabs.main-menu .nav-item:hover a .nav-home-icon {
        background-image: url(/assets/nav/icon_nav_home_black.png);
}
.nav-desktop .nav-tabs.main-menu .responsive img {
        display: block;
}
.nav-desktop .nav-tabs.main-menu.id .nav-item a span,
.nav-desktop .nav-tabs.main-menu.my .nav-item a span,
.nav-desktop .nav-tabs.main-menu.vn .nav-item a span {
        font-size: 0.6rem;
}
@media screen and (max-width: 1440px) {
        .nav-desktop .nav-tabs.main-menu.id .nav-item a span,
        .nav-desktop .nav-tabs.main-menu.my .nav-item a span,
        .nav-desktop .nav-tabs.main-menu.vn .nav-item a span {
                font-size: 0.5rem;
        }
}
@media screen and (max-width: 1023px) {
        .nav-desktop .nav-tabs.main-menu.id .nav-item a span,
        .nav-desktop .nav-tabs.main-menu.my .nav-item a span,
        .nav-desktop .nav-tabs.main-menu.vn .nav-item a span {
                font-size: 0.65rem;
        }
}
.nav-desktop .nav-tabs .nav-item .dropdown-toggle:not(.language):after {
        display: none;
}
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.login-hover:after {
        display: block;
}
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.login-hover span {
        font-size: 0.7rem;
}
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.language,
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.login-hover {
        border-radius: 0;
        font-size: 0.8rem;
}
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.language:focus,
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.language:hover,
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.login-hover:focus,
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.login-hover:hover {
        border-color: transparent;
}
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.language .flag-icon,
.nav-desktop .nav-tabs .nav-item .dropdown-toggle.login-hover .flag-icon {
        width: 20px;
        height: 20px;
        border-radius: 50%;
}
.nav-desktop .nav-tabs .nav-item .input {
        display: inline-block;
}
.nav-desktop .nav-tabs .nav-item .input input {
        height: 33px;
        border-radius: 0;
        padding-left: 25px;
        font-size: 0.8rem;
        border: none;
}
.nav-desktop .nav-tabs .nav-item .input i {
        top: 15px;
        left: 8px;
}
.nav-desktop .nav-tabs .nav-item .input .invalid-feedback {
        position: absolute;
        font-size: 0.7rem;
        margin: 0;
        top: -15px;
}
.nav-desktop .nav-tabs .nav-item .btn-theme {
        padding: 4px 12px;
        height: 33px;
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
}
.nav-desktop .nav-tabs .nav-item .btn-theme:hover span {
        -webkit-animation-name: heartBeat;
        animation-name: heartBeat;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
}
.nav-desktop .nav-tabs .nav-item .nav-user-greet {
        max-width: inherit !important;
        font-size: 0.7rem;
        color: #fff !important;
        overflow: unset;
        margin: 0;
}
.nav-desktop .nav-tabs .nav-item .dropdown-menu {
        background: #3f3a37 !important;
        border-radius: 0;
        border: none;
        max-width: 100%;
        top: 35px;
}
.nav-desktop .nav-tabs .nav-item .dropdown-menu a {
        color: #fff;
}
.nav-desktop .nav-tabs .nav-item .dropdown-menu a:hover {
        color: #d10000;
        text-decoration: none;
}
.nav-desktop .nav-tabs .nav-item .dropdown-menu a.login:hover {
        background: transparent;
        color: #13b3e5;
}
.nav-desktop .nav-tabs .nav-item .wallet-refresh {
        font-size: 0.7rem;
}
.nav-desktop .my-profile .dropdown-menu {
        background: #fff !important;
        border-radius: 0;
        border: none !important;
        margin-top: 5px !important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
                0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.nav-desktop .my-profile .dropdown-menu .greeting {
        background: #292421;
        padding: 5px !important;
        text-align: center;
}
.nav-desktop .my-profile .dropdown-menu .greeting span {
        font-size: 0.8rem;
        color: #fff;
        line-height: 0.8rem;
}
.nav-desktop .my-profile .dropdown-menu a {
        color: #000;
        font-size: 0.8rem;
}
.nav-desktop .my-profile .dropdown-menu a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #3f3a37;
}
.nav-desktop .nav-greeting .wallet-refresh {
        min-width: unset !important;
}
.nav-desktop .nav-greeting .wallet-refresh span {
        color: #fff;
        margin: 0;
        font-size: 0.8rem;
}
.nav-desktop .nav-greeting .wallet-refresh .fas {
        font-size: 0.7rem;
        color: #fff;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop .nav-greeting .wallet-refresh .fas {
                transition: none;
        }
}
.nav-desktop .nav-greeting .wallet-refresh:hover .fas {
        color: #f1bf5b;
}
.nav-desktop .navbar-submenu {
        background: #231f20;
        top: 90px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
                0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.nav-desktop .navbar-submenu.mCustomScrollbar.active {
        height: calc(100vh - 130px);
}
.nav-desktop .navbar-submenu #submenu-event .navbar-submenu-item-content {
        border: unset !important;
        box-shadow: unset !important;
}
.nav-desktop .navbar-submenu #submenu-event .navbar-submenu-item-content img {
        height: 100px !important;
        width: 100px !important;
        max-width: unset !important;
}
.nav-desktop .navbar-submenu .navbar-submenu-item {
        min-height: 90px !important;
        border: 2px solid transparent;
        position: relative;
}
.nav-desktop .navbar-submenu .navbar-submenu-item.hot-tag:before {
        background-image: url(/assets/hot-tag.png?1.0);
}
.nav-desktop .navbar-submenu .navbar-submenu-item.hot-tag:before,
.nav-desktop .navbar-submenu .navbar-submenu-item.new-tag:before {
        content: " ";
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 60px;
        height: 30px;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
        left: 0;
        top: 10%;
        z-index: 1;
}
.nav-desktop .navbar-submenu .navbar-submenu-item.new-tag:before {
        background-image: url(/assets/new-tag.png?1.0);
}
.nav-desktop .navbar-submenu .navbar-submenu-item.maintenance-tag picture {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        cursor: auto;
}
.nav-desktop .navbar-submenu .navbar-submenu-item.maintenance-tag:before {
        content: " ";
        position: absolute;
        background-image: url(/assets/maintenance-tag.png?1.0);
        background-size: contain;
        background-repeat: no-repeat;
        width: 90px;
        height: 30px;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
        left: 8%;
        top: 18%;
        z-index: 1;
}
.nav-desktop .navbar-submenu .navbar-submenu-item .navbar-submenu-item-content {
        width: 180px;
        background: #231f20;
        box-shadow: inset -3.42857px 5.14286px 8.57143px rgba(0, 0, 0, 0.2);
        border: 2px solid #f3f5f6;
        border-radius: 50px;
        cursor: pointer;
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        box-shadow: 0 2px 20px #f1bf5b;
        border: 2px solid #f1bf5b;
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content
        img {
        -o-object-fit: contain;
        object-fit: contain;
        transition: all 0.5s ease-in-out;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        max-width: 80px;
        height: 30px;
        opacity: 0.7;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop
                .navbar-submenu
                .navbar-submenu-item
                .navbar-submenu-item-content
                img {
                transition: none;
        }
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content
        .nav-icon-title {
        left: 0;
        right: 0;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop
                .navbar-submenu
                .navbar-submenu-item
                .navbar-submenu-item-content
                .nav-icon-title {
                transition: none;
        }
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content
        .nav-provider-logo {
        width: 100px;
        margin-top: -40px;
        opacity: 1;
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content:hover
        img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content:hover
        .title {
        color: #f1bf5b;
        border-radius: 10px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop
                .navbar-submenu
                .navbar-submenu-item
                .navbar-submenu-item-content:hover
                .title {
                transition: none;
        }
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content:hover
        .nav-provider-logo {
        opacity: 0 !important;
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content:hover
        .nav-icon-title {
        opacity: 1;
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content
        .title {
        color: #fff;
        font-weight: 700;
        font-size: 1rem;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop
                .navbar-submenu
                .navbar-submenu-item
                .navbar-submenu-item-content
                .title {
                transition: none;
        }
}
.nav-desktop
        .navbar-submenu
        .navbar-submenu-item
        .navbar-submenu-item-content
        .title.scale {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}
.nav-desktop .navbar-submenu #submenu-affiliate a:before,
.nav-desktop .navbar-submenu #submenu-promo a:before {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
                90deg,
                #231f20 0,
                rgba(35, 31, 32, 0) 30%,
                rgba(35, 31, 32, 0) 70%,
                #231f20
        );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#231f20",endColorstr="#231f20",GradientType=1);
        z-index: 2;
}
.nav-desktop .navbar-submenu #submenu-affiliate a img,
.nav-desktop .navbar-submenu #submenu-promo a img {
        max-height: 150px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop .navbar-submenu #submenu-affiliate a img,
        .nav-desktop .navbar-submenu #submenu-promo a img {
                transition: none;
        }
}
.nav-desktop .navbar-submenu #submenu-affiliate a .title,
.nav-desktop .navbar-submenu #submenu-promo a .title {
        font-weight: 700;
        width: 250px;
        right: 15%;
        top: 28%;
        z-index: 3;
}
.nav-desktop .navbar-submenu #submenu-affiliate a .title span,
.nav-desktop .navbar-submenu #submenu-promo a .title span {
        font-size: 2.4rem;
        line-height: 2.4rem;
        font-weight: 900;
        text-shadow: 0 -5px 100px, 0 0 2px, 0 0 1em #fcd400, 0 0 0.1em #fcd400,
                0 0 0.1em #fcd400, 0 7px 3px #000;
        -webkit-animation: blink 2s linear infinite;
        animation: blink 2s linear infinite;
        color: #fff;
}
@-webkit-keyframes blink {
        78% {
                color: inherit;
                text-shadow: inherit;
        }
        79% {
                color: #fff;
        }
        80% {
                text-shadow: none;
        }
        81% {
                color: inherit;
                text-shadow: inherit;
        }
        82% {
                color: #fff;
                text-shadow: none;
        }
        83% {
                color: inherit;
                text-shadow: inherit;
        }
        92% {
                color: #fff;
                text-shadow: none;
        }
        92.5% {
                color: inherit;
                text-shadow: inherit;
        }
}
.nav-desktop .navbar-submenu #submenu-affiliate a .title label,
.nav-desktop .navbar-submenu #submenu-promo a .title label {
        font-size: 1rem;
        font-weight: 700;
}
.nav-desktop .navbar-submenu #submenu-affiliate a .apply span,
.nav-desktop .navbar-submenu #submenu-promo a .apply span {
        font-size: 1.2rem;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-desktop .navbar-submenu #submenu-affiliate a .apply span,
        .nav-desktop .navbar-submenu #submenu-promo a .apply span {
                transition: none;
        }
}
.nav-desktop .navbar-submenu #submenu-affiliate a:hover img,
.nav-desktop .navbar-submenu #submenu-promo a:hover img {
        opacity: 0.65;
}
.nav-desktop .navbar-submenu #submenu-affiliate a:hover .apply span,
.nav-desktop .navbar-submenu #submenu-promo a:hover .apply span {
        color: #ff0031;
}
.new-nav-mobile {
        background: rgba(29, 28, 28, 0);
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
        -webkit-transform: translate(100%);
        transform: translate(100%);
}
@media (prefers-reduced-motion: reduce) {
        .new-nav-mobile {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .new-nav-mobile {
                font-size: 0.7rem;
        }
}
.new-nav-mobile.open {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0);
        transform: translate(0);
}
.new-nav-mobile .new-nav-mobile-content {
        width: calc(100% - 60px);
        height: 100%;
        background: #231f20;
        overflow-y: scroll;
}
.new-nav-mobile .new-nav-mobile-content .referral-btn {
        background: linear-gradient(
                0deg,
                #ee0e19,
                #f4302f,
                #f94543,
                #fc5756,
                #ff6868
        );
        color: #fff;
        display: block;
        border-radius: 15px;
        border-bottom: 4px solid #d10000;
}
.new-nav-mobile .new-nav-mobile-content .top {
        top: 0;
        width: 100%;
        z-index: 17;
        border-bottom: 1px solid #383838;
        background-image: url(/assets/sidebar-background.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
}
.new-nav-mobile .new-nav-mobile-content .top .m-logout {
        top: 8%;
        right: 8%;
        font-size: 1.2rem;
}
.new-nav-mobile .new-nav-mobile-content .top .member .balance,
.new-nav-mobile .new-nav-mobile-content .top .member .username {
        font-size: 1.2rem;
}
.new-nav-mobile .new-nav-mobile-content .top .member .rank {
        font-weight: 0.8rem;
}
.new-nav-mobile .new-nav-mobile-content .top .wallet-btn {
        background: linear-gradient(
                0deg,
                #ee0e19,
                #f4302f,
                #f94543,
                #fc5756,
                #ff6868
        );
        color: #fff;
        padding: 5px;
        display: block;
        border-radius: 15px;
        border-bottom: 4px solid #d10000;
}
.new-nav-mobile .new-nav-mobile-content .top .account-btn {
        background: linear-gradient(
                0deg,
                #feaa19,
                #feb02d,
                #feb63d,
                #ffbc4b,
                #ffc259
        );
        color: #fff;
        padding: 5px;
        display: block;
        border-radius: 15px;
        border-bottom: 4px solid #f1bf5b;
        min-width: 110px;
}
.new-nav-mobile .new-nav-mobile-content .top .user-icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        top: 3px;
        background: #666;
}
.new-nav-mobile .new-nav-mobile-content .top .m-profile-icon {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 2px solid #fcd400;
        margin: auto;
}
.new-nav-mobile .new-nav-mobile-content .top .logo {
        height: 180px;
        background: #434343;
}
.new-nav-mobile .new-nav-mobile-content .top .logo a {
    /* ใช้ PHP ดึง Path ที่ถูกต้องของธีมออกมา */
    background-image: url('<?php echo get_template_directory_uri(); ?>/assets/sidebar-background.png');
    
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #c1976b;
    flex-direction: column;
}
.new-nav-mobile .new-nav-mobile-content .top .logo a span {
        font-size: 12px;
}
.new-nav-mobile .new-nav-mobile-content .top .logo img {
        height: 90px;
}
.new-nav-mobile .new-nav-mobile-content .top .profile {
        background: #d10000;
        height: 48px;
}
.new-nav-mobile .new-nav-mobile-content .top .profile a.btn-theme {
        padding: 0 12px;
        height: 33px;
}
.new-nav-mobile .new-nav-mobile-content .top .features a {
        height: 48px;
        font-size: 0.8rem;
        border-radius: 0 !important;
}
.new-nav-mobile .new-nav-mobile-content .top .features a.login {
        background: #fff;
}
.new-nav-mobile .new-nav-mobile-content .top .features a.login:hover {
        color: #000;
}
.new-nav-mobile .new-nav-mobile-content .top .features a.login:hover span {
        color: #f1bf5b;
}
.new-nav-mobile .new-nav-mobile-content .top .features a.login span {
        font-weight: 700;
        color: #231f20;
}
.new-nav-mobile .new-nav-mobile-content .top .features a.second {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .new-nav-mobile .new-nav-mobile-content .top .features a.second {
                transition: none;
        }
}
.new-nav-mobile .new-nav-mobile-content .top .features a.second span {
        color: #000 !important;
        font-weight: 700;
}
.new-nav-mobile .new-nav-mobile-content .top .features a.second:hover {
        background: #3f3a37;
}
.new-nav-mobile .new-nav-mobile-content .top .features a.second:hover span {
        color: #fff !important;
}
.new-nav-mobile .new-nav-mobile-content .center .game {
        border-bottom: 1px solid #383838;
}
.new-nav-mobile .new-nav-mobile-content .center .game a > div img {
        width: 30px;
        height: 30px;
}
.new-nav-mobile .new-nav-mobile-content .bottom .follow {
        background: transparent;
}
.new-nav-mobile .new-nav-mobile-content .bottom .follow a span {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        border-radius: 0;
}
.new-nav-mobile .new-nav-mobile-content .bottom .follow a.facebook span {
        background: #4267b2;
}
.new-nav-mobile .new-nav-mobile-content .bottom .follow a.instagram span {
        background: linear-gradient(
                45deg,
                #f09433,
                #e6683c 25%,
                #dc2743 50%,
                #cc2366 75%,
                #bc1888
        );
}
.new-nav-mobile .new-nav-mobile-content .bottom .follow a.twitter span {
        background: #1da1f2;
}
.new-nav-mobile .new-nav-mobile-content .bottom .follow a.youtube span {
        background: red;
}
.new-nav-mobile .new-nav-mobile-content .bottom .follow a.pinterest span {
        background: #c8232c;
}
.new-nav-mobile .btn-menu {
        font-size: 1.6rem;
        top: 6px;
        left: 16px;
}
.nav-free {
        cursor: pointer;
}
.nav-free span {
        letter-spacing: 2px;
        font-size: 1.4rem;
        color: #fff;
        font-weight: 900;
        text-shadow: 0 0 5px #5eff00, 0 0 15px #5eff00, 0 0 20px #5eff00,
                0 0 40px #5eff00, 0 0 60px red, 0 0 10px #5eff00, 0 0 98px red;
}
@media screen and (max-width: 512px) {
        .nav-free span {
                letter-spacing: 0;
                font-size: 0.8rem;
        }
}
.top-nav-mobile {
        background: #040709;
        z-index: 99;
}
.top-nav-mobile .paruay-logo {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
        .top-nav-mobile .paruay-logo-guest {
                left: 75%;
        }
}
@media screen and (max-width: 512px) {
        .top-nav-mobile .paruay-logo-guest {
                left: 55%;
        }
}
@media screen and (max-width: 1023px) {
        .top-nav-mobile .paruay-logo-auth {
                left: 75%;
        }
}
@media screen and (max-width: 512px) {
        .top-nav-mobile .paruay-logo-auth {
                left: 50%;
        }
}
.top-nav-mobile .paruay-logo img {
        max-width: 85px;
}
.top-nav-mobile .btn-menu .hamburger {
        position: absolute;
        top: 30px;
        right: 10px;
        width: 1.1rem;
        height: 0.2rem;
        background: #fff;
        border-radius: 1em;
        display: block;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .top-nav-mobile .btn-menu .hamburger {
                transition: none;
        }
}
.top-nav-mobile .btn-menu .hamburger:before {
        top: -0.5em !important;
        position: absolute;
}
.top-nav-mobile .btn-menu .hamburger:after {
        top: 0.5em !important;
        position: absolute;
}
.top-nav-mobile .btn-menu .hamburger:after,
.top-nav-mobile .btn-menu .hamburger:before {
        transition: all 0.5s ease-in-out;
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        left: auto !important;
        right: 0 !important;
        width: 1.5rem;
        height: 0.2rem;
        background: #fff;
        border-radius: 1em;
        display: block;
}
@media (prefers-reduced-motion: reduce) {
        .top-nav-mobile .btn-menu .hamburger:after,
        .top-nav-mobile .btn-menu .hamburger:before {
                transition: none;
        }
}
.top-nav-mobile .btn-menu.open .hamburger {
        position: fixed !important;
        -webkit-transform: rotate(45deg) translateZ(0);
        transform: rotate(45deg) translateZ(0);
        margin-left: 0.2em;
        z-index: 100000;
}
.top-nav-mobile .btn-menu.open .hamburger:before {
        border-radius: 50%;
        height: 2.75em;
        width: 2.75em;
        background: transparent;
        border: 4px solid #fff;
        margin-left: -0.65em;
        top: -1.45em;
        display: none;
}
.top-nav-mobile .btn-menu.open .hamburger:after {
        top: 0 !important;
        -webkit-transform: rotate(90deg) translateZ(0);
        transform: rotate(90deg) translateZ(0);
}
.top-nav-mobile .nav-country {
        overflow: hidden;
        top: 10px;
        right: 35px;
}
.top-nav-mobile .nav-country a {
        background: #1e2225;
        border-radius: 37.5623px;
}
.top-nav-mobile .nav-country a span {
        font-size: 0.8rem;
}
.top-nav-mobile .nav-country img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
}
.top-nav-mobile .dropdown-toggle:after {
        color: #ff0031;
}
.top-nav-mobile .menu-logo {
        padding: 0 15px;
        z-index: 2;
}
.top-nav-mobile .menu-logo img {
        height: 45px;
        padding: 5px 0;
}
.top-nav-mobile .nav-item .language {
        height: 48px;
        top: 0;
}
.top-nav-mobile .nav-item .language img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        box-shadow: 0 0 5px 0 #555;
}
.top-nav-mobile .nav-item .dropdown-menu.show {
        border-radius: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        border: none;
        -webkit-transform: translate3d(0, 48px, 0) !important;
        transform: translate3d(0, 48px, 0) !important;
}
.top-nav-mobile .nav-item .dropdown-menu a {
        padding: 0 15px;
        background: #d10000;
}
.top-nav-mobile .nav-item .dropdown-menu a > div {
        height: 48px;
}
.top-nav-mobile .nav-item .dropdown-menu .dropdown-item .flag-icon {
        border-radius: 50%;
        margin-right: 5px;
        width: 20px;
        height: 20px;
}
.top-nav-mobile .nav-item .dropdown-menu .dropdown-item span {
        color: #f1bf5b !important;
}
.top-nav-mobile .credit-balance {
        height: 48px;
        font-size: 0.8rem;
}
.top-nav-mobile .credit-balance img {
        width: 20px;
        height: 20px;
}
.top-nav-mobile .nav-msg {
        right: 70px;
        height: 48px;
        font-size: 0.8rem;
}
.top-nav-mobile .nav-msg img {
        width: 20px;
        height: 20px;
}
.top-nav-mobile .m-fav-game {
        right: 15px;
        right: 45px;
        font-size: 1.2rem;
}
.nav-footer {
        height: 50px;
        background: #1e2225;
        bottom: 0;
        z-index: 999;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .nav-footer {
                transition: none;
        }
}
.nav-footer.hide {
        bottom: -80px;
}
.nav-footer a img {
        width: 20px;
        height: 20px;
}
.nav-footer a span {
        font-size: 1.2rem;
        color: #fff;
        font-weight: 700;
}
.nav-footer a.deposit > div {
        background: linear-gradient(180deg, #ffc929 0, #f1bf5b);
        width: 50px;
        height: 50px;
        bottom: 25px;
        border-radius: 50%;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
}
.nav-footer a.deposit > div:before {
        content: "";
        position: absolute;
        display: block;
        width: 200%;
        height: 200%;
        box-sizing: border-box;
        border-radius: 45px;
        background-color: #f1bf5b;
        -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1)
                infinite;
        animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        z-index: -1;
}
.nav-footer a.deposit > div img {
        width: 30px;
        height: 30px;
}
.nav-footer a.deposit span {
        margin-top: 20px;
}
.nav-footer .fifa-mobile-floating {
        top: -78px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
}
.nav-footer .fifa-mobile-floating img {
        max-width: 60px;
}
.top-nav-mobile .santa {
        width: 13%;
        left: -25%;
        top: unset;
        bottom: -15px;
        width: 80px;
}
.top-nav-mobile .santa.slide-right {
        left: 25%;
}
.top-nav-mobile .santa img {
        width: 80px;
        height: 43px;
}
@media screen and (min-width: 1200px) {
        .nav-desktop .nav-tabs.main-menu .flag-icon {
                width: 28px;
                height: 28px;
        }
}
@media (max-width: 1024px) and (min-width: 768px) {
        .nav-desktop .nav-tabs.main-menu a.icon span {
                padding-top: 5px;
        }
        .nav-desktop .nav-tabs.main-menu .flag-icon {
                width: 15px;
                height: 15px;
        }
        .nav-desktop .nav-tabs .nav-item .account-login {
                max-width: 100px;
        }
        .nav-desktop .nav-tabs .nav-item .account-login .nav-user-greet {
                font-size: 0.7rem;
        }
        .nav-desktop #desktopNav .auth .btn-them.login {
                min-width: 80px;
        }
        .nav-desktop #other-responsive .collapse-menu .icon > div span {
                font-size: 0.7rem;
        }
        .nav-christmas img:first-child,
        .nav-christmas img:nth-of-type(2),
        .nav-christmas img:nth-of-type(3) {
                width: 55px;
        }
        .nav-christmas img:nth-of-type(4) {
                width: 25px;
        }
}
@media screen and (max-width: 460px) {
        .nav-footer a span {
                font-size: 0.6rem;
                line-height: 0.6rem;
        }
        .top-nav-mobile .credit-balance {
                font-size: 0.7rem;
        }
}
.event-nav-bar,
.games-nav-bar {
        border-right: 1px solid #636363;
}
.event-nav-bar button,
.games-nav-bar button {
        background: #1f2225;
        border: none;
        font-weight: 300;
}
.event-nav-bar:hover:before,
.games-nav-bar:hover:before {
        content: "";
        width: 100%;
        position: absolute;
        bottom: -0.25rem;
        left: 0;
        background: #ffc929;
        height: 3px;
}
.event-nav-bar:hover button,
.games-nav-bar:hover button {
        background: #383838 !important;
        color: #ffc929 !important;
}
.event-nav-bar .dropdown-item:hover,
.games-nav-bar .dropdown-item:hover {
        background: #ffc929;
}
@-webkit-keyframes slide {
        0% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
        }
        to {
                -webkit-transform: translate3d(-1692px, 0, 0);
                transform: translate3d(-1692px, 0, 0);
        }
}
@keyframes slide {
        0% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
        }
        to {
                -webkit-transform: translate3d(-1692px, 0, 0);
                transform: translate3d(-1692px, 0, 0);
        }
}
.download-apk-section {
        background: linear-gradient(
                0deg,
                #f1bf5b,
                #ffb420 15%,
                #ffc929
        ) !important;
        height: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
        font-size: 0.8rem;
}
@media (prefers-reduced-motion: reduce) {
        .download-apk-section {
                transition: none;
        }
}
.download-apk-section.show {
        height: 64px;
        opacity: 1;
        visibility: visible;
}
.download-apk-section .close {
        line-height: 13px;
        border: 3px solid #fff;
        border-radius: 50%;
        opacity: 1;
        padding: 7px 8px;
}
.download-apk-section .apk-title span:last-child {
        margin-top: -2px;
        line-height: 14px;
}
.download-apk-section .apk-download-type {
        min-width: 58px;
}
.download-apk-section .apk-download-type img {
        max-width: 28px;
        max-height: 28px;
}
.footer-nav .nav-select {
        padding: 0 15px;
}
.footer-copyright .ftr-subnav {
        width: calc(100% - 31px);
}
.footer-copyright img {
        width: 31px;
}
.footer-logo {
        max-width: 120px;
}
.footer-img {
        max-width: 87px;
        max-height: 43px;
}
@media screen and (max-width: 768px) {
        .footer-copyright {
                justify-content: flex-start !important;
        }
        .footer-copyright .ftr-subnav {
                width: auto;
        }
}
.seo_content {
        line-height: 1.2rem;
}
.seo_content .fbody {
        color: #fff !important;
}
.seo_content #aboutCollapse {
        overflow: hidden;
}
.seo_content #aboutCollapse p {
        font-size: 1rem;
}
.seo_content #aboutCollapse span {
        font-size: 0.7rem;
}
@media screen and (max-width: 512px) {
        .seo_content #aboutCollapse h1,
        .seo_content #aboutCollapse h2,
        .seo_content #aboutCollapse h3 {
                font-size: 1.2rem !important;
        }
}
.seo_content .read-more {
        width: 200px;
        height: 48px;
}
@media screen and (max-width: 512px) {
        .seo_content iframe {
                width: 100%;
        }
}
#chatScroll {
        bottom: 1rem;
        right: 1rem;
        z-index: 9;
}
#chatScroll.my,
#chatScroll.sg,
#chatScroll.us,
#chatScroll.vn {
        right: 8px;
}
#chatScroll.my #liveChat,
#chatScroll.sg #liveChat,
#chatScroll.us #liveChat,
#chatScroll.vn #liveChat {
        opacity: 0;
}
#chatScroll #liveChat {
        border-radius: 50px !important;
        width: 60px;
        height: 60px;
        background: #fff;
        display: flex;
        box-shadow: 0 0 10px 1px #bababa;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #chatScroll #liveChat {
                transition: none;
        }
}
#chatScroll #liveChat img {
        width: 30px;
        height: 30px;
}
#chatScroll #liveChat:hover {
        will-change: transform;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #chatScroll #liveChat:hover {
                transition: none;
        }
}
#chatScroll #liveChat:hover .animated.infinite {
        -webkit-animation-iteration-count: unset;
        animation-iteration-count: unset;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
}
#chatScroll #scrollTop {
        opacity: 0;
        height: 30px;
        display: flex;
        width: 30px;
        background: linear-gradient(
                0deg,
                #ee0e19,
                #f4302f,
                #f94543,
                #fc5756,
                #ff6868
        );
        border-radius: 50%;
        border: 2px solid #fff;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #chatScroll #scrollTop {
                transition: none;
        }
}
#chatScroll #scrollTop:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}
#chatScroll #scrollTop:hover span i {
        color: #000 !important;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #chatScroll #scrollTop:hover span i {
                transition: none;
        }
}
footer {
        background: #040709;
}
footer > div {
        font-size: 0.8rem;
}
footer > div:last-child {
        border: none;
}
footer > div label.title {
        font-size: 1.1rem;
        color: #f1bf5b;
}
footer > div .content {
        font-size: 1rem;
}
footer > div .short-desc {
        line-height: 1.8rem;
}
footer > div .contact-us a {
        color: #fff;
}
footer > div .contact-us a.unlink {
        cursor: unset;
}
footer > div .contact-us a:not(.unlink) {
        text-decoration: underline !important;
}
footer > div .contact-us a:not(.unlink):hover {
        text-decoration: none !important;
}
footer > div .app_download_button {
        background-color: #2a313b;
}
footer > div .app_download_button img {
        width: 30px;
}
footer > div .social-media ul {
        list-style-type: none;
}
footer > div .social-media ul li {
        list-style-type: none;
        display: inline-block;
}
footer > div .social-media ul li a {
        min-width: 45px;
        min-height: 45px;
        display: inline-block;
        background-color: #2a313b;
        border-radius: 15px;
        box-shadow: 0 0 20px #f1bf5b;
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
footer > div .social-media ul li a i {
        transition: all 265ms ease-out;
        font-size: 1.2rem;
        color: #fff;
        position: relative;
}
footer > div .social-media ul li a:before {
        content: "";
        width: 45px;
        height: 45px;
        position: absolute;
        display: block;
        border-radius: 15px;
        transition: all 265ms ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
}
footer > div .social-media ul li a:hover:before {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
footer > div .social-media ul li a:hover i {
        color: #040709;
}
footer > div .other-link a {
        color: #fff;
}
footer > div .other-link a:hover {
        color: #fcd400;
}
footer > div .copyright .language a,
footer > div .copyright .language button {
        height: auto;
        border: none;
        outline: none;
        background: transparent;
        font-weight: 400;
}
footer > div .copyright .language a span,
footer > div .copyright .language button span {
        font-size: 0.8rem;
}
footer > div .copyright .language a img,
footer > div .copyright .language button img {
        width: 25px;
        height: 25px;
        border-radius: 50%;
}
footer > div .copyright .language a:focus,
footer > div .copyright .language a:hover,
footer > div .copyright .language button:focus,
footer > div .copyright .language button:hover {
        border: none;
        outline: none;
        color: #ff0031;
        box-shadow: none !important;
        background: transparent;
}
footer > div .copyright .language.show .dropdown-toggle {
        background: transparent;
        border: none;
}
footer > div .responsible-gaming img {
        max-height: 32px;
}
.nav-footer a.active {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
.nav-footer a.active img {
        -webkit-filter: invert(1);
        filter: invert(1);
}
.nav-footer a.active span {
        color: #000;
}
.modal.defaultModal .modal-content {
        border: 0 !important;
        border-radius: 0 !important;
}
.modal.defaultModal .modal-content .modal-header .modal-title {
        color: #8f7e2f;
        font-size: 1.6rem;
}
.modal.defaultModal .modal-content .modal-body {
        font-size: 0.95rem;
        line-height: 23px;
}
.modal.defaultModal .modal-content .btn {
        font-size: 0.95rem;
}
.modal.defaultModal .modal-content .btn-close-circle {
        width: 30px;
        height: 30px;
        opacity: 1;
        top: -15px;
        right: -14px;
        z-index: 6;
        background: #000;
        border: 2px solid #fff;
        cursor: pointer;
        border-radius: 50%;
}
.modal.defaultModal .modal-content .btn-close-circle span {
        font-size: 1rem;
        color: #fff;
        text-shadow: none;
}
.modal.defaultModal .modal-content .btn-close {
        color: #aeaeae !important;
}
.modal.defaultModal .modal-content .btn-close:hover {
        color: #fcd400 !important;
}
.modal.defaultModal .modal-content .btn-gold {
        color: #231f20 !important;
}
.modal.defaultModal .modal-content .btn-gold:hover {
        color: #fff !important;
}
.modal.defaultModal .close {
        color: #fff;
        background: #000;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        position: absolute;
        top: -10px;
        right: -10px;
        opacity: 1;
        font-size: 20px;
        z-index: 3;
}
.modal.defaultModal .close:hover p {
        color: #fcd400;
}
.modal-backdrop {
        z-index: -1 !important;
        opacity: 0 !important;
}
.modal-open,
.modal-open .modal {
        padding-right: 0 !important;
        z-index: 9999999999;
}
#aboutUsContent .btn-close-circle {
        top: 5px;
        right: 5px;
        z-index: 9;
}
#free-reward-modal .btn-close-circle,
#verify-modal .btn-close-circle {
        top: -10px;
        right: -10px;
        z-index: 9;
}
#free-reward-modal p,
#verify-modal p {
        font-size: 14px;
}
#free-reward-modal p b,
#verify-modal p b {
        font-weight: 700;
}
#free-reward-modal .verify-btn,
#verify-modal .verify-btn {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        color: #000;
        font-weight: 700;
        padding: 8px 15px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
        cursor: pointer;
        transition: 0.3s;
}
#free-reward-modal .verify-btn:hover,
#verify-modal .verify-btn:hover {
        background: #231f20;
        color: #fff;
}
#languageCountry .btn-close-circle {
        top: -10px;
        right: -10px;
        z-index: 9;
}
#languageCountry .modal-content {
        background: #e8e8e8;
        border-radius: 8px;
        border: none;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
#languageCountry .modal-content .title {
        font-weight: 700;
        font-size: 1rem;
}
#languageCountry .modal-content .country #countryFlag {
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #languageCountry .modal-content .country #countryFlag {
                transition: none;
        }
}
#languageCountry .modal-content .country #countryFlag label {
        font-weight: 700;
}
#languageCountry .modal-content .country #countryFlag .flag img {
        border-radius: 50%;
        z-index: 2;
        position: relative;
        border: 4px solid transparent;
        -webkit-animation: float 10s ease-in-out infinite;
        animation: float 10s ease-in-out infinite;
}
#languageCountry .modal-content .country #countryFlag .flag:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 5%;
        right: 5%;
        height: 30px;
        background: radial-gradient(
                ellipse at center,
                rgba(0, 0, 0, 0.35) 0,
                rgba(84, 84, 84, 0) 60%
        );
}
#languageCountry .modal-content .language {
        border-radius: 8px;
        background: #fcd400;
}
#languageCountry .modal-content .language a {
        cursor: pointer;
}
#languageCountry .modal-content .language a:first-of-type {
        border-bottom: 1px solid #fff;
}
#languageCountry .modal-content .language a label {
        color: #000;
        cursor: pointer;
        font-size: 0.8rem;
}
#languageCountry .modal-content .language a:hover {
        background: #3f3a37;
        border-radius: 8px;
}
#languageCountry .modal-content .language a:hover label {
        color: #fff;
}
#infoModal .modal-dialog-centered .modal-content {
        background: transparent;
}
#infoModal .modal-dialog-centered .modal-content .btn-close-circle {
        top: 0;
        right: 0;
        z-index: 2;
}
#infoModal .modal-dialog-centered .modal-content .image {
        height: 250px;
        background: #d10000;
}
#infoModal .modal-dialog-centered .modal-content .image .promo-list-image {
        height: auto;
        max-height: unset;
        -o-object-fit: contain;
        object-fit: contain;
}
#infoModal .modal-dialog-centered .modal-content #infoTitle {
        font-size: 1.4rem;
}
@media screen and (max-width: 512px) {
        #infoModal .modal-dialog-centered .modal-content #infoContent table {
                border: unset;
                max-width: 100% !important;
                display: table;
                width: unset;
        }
}
#infoModal th p span {
        white-space: pre;
}
.deposit-modal-promo .more-info {
        background: #ff0031;
}
.modal-bg-dark {
        background: rgba(33, 37, 41, 0.9);
}
#appDownload {
        background: url(/assets/download/idx-bg-min.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
}
#appDownload:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
#appDownload .modal-content {
        background: rgba(158, 0, 0, 0.75);
}
#appDownload .modal-content:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
#appDownload .modal-body .title {
        font-family: Staatliches, cursive;
        font-size: 2rem;
        border: 2px dashed #fff;
        min-height: 56px;
}
#appDownload .modal-body .app-icon {
        width: 68px;
        height: 68px;
        box-shadow: 0 5px 15px 1px #000;
        border-radius: 20px;
}
#appDownload .modal-body .qrcode {
        border: 8px solid #fff;
        max-width: 180px;
        border-radius: 50%;
        width: 250px;
        height: 250px;
        max-width: 250px;
}
#appDownload .modal-body .qrcode .app-qr {
        width: 158px;
        height: 158px;
}
#appDownload .modal-body .qrcode .app-qr canvas,
#appDownload .modal-body .qrcode .app-qr img {
        width: 158px;
        height: 158px;
        max-width: 158px;
}
#appDownload .modal-body .platform > div:first-child {
        border-bottom: 1px dashed #fff;
}
#appDownload .modal-body .platform > div .icon {
        width: 35px;
        height: 35px;
}
#appDownload .modal-body .platform > div .btn-theme {
        height: 48px;
        width: 250px;
        font-size: 1rem;
}
#appDownload .modal-body .download-later {
        font-size: 0.8rem;
}
.app-notify {
        top: -50px;
        height: 50px;
        z-index: 12;
}
.app-notify > div {
        height: 50px;
}
.app-notify img {
        height: 42px;
        width: 42px;
}
.app-notify label {
        font-weight: 700;
        line-height: 0.8rem;
}
.app-notify span {
        font-size: 0.7rem;
        line-height: 0.8rem;
}
#quickDeposit {
        font-size: 0.8rem;
}
#quickDeposit #quickAddDeposit {
        top: 8px;
        right: 8px;
}
#quickDeposit .btn-close-circle {
        right: -10px;
        top: -10px;
}
@media screen and (max-width: 460px) {
        #languageCountry .modal-content .country #countryFlag .flag img {
                width: 80px;
        }
}
@-webkit-keyframes spinner {
        0% {
                -webkit-transform: rotateY(0deg);
        }
        to {
                -webkit-transform: rotateY(-1turn);
        }
}
#favGameContent .btn-close-circle {
        top: -10px;
        right: -10px;
        height: 35px;
        width: 35px;
        z-index: 3;
}
#favGameContent .btn-close-circle i {
        font-size: 1.2rem;
}
#favGameContent .modal-content {
        background-color: #fff;
        border-radius: 15px;
}
#favGameContent .modal-body > label {
        font-size: 1.6rem;
        font-weight: 700;
}
#favGameContent .game-listing label {
        font-size: 0.8rem;
}
#favGameContent .game-listing span {
        font-size: 0.7rem;
}
#favGameContent .game-listing a {
        font-size: 0.8rem;
}
#favGameContent .game-listing a.progressive {
        border: 3px solid #d10000;
        border-radius: 20px;
}
#favGameContent .game-listing .game-fav {
        border-bottom-right-radius: 20px;
        bottom: 5%;
        right: 5%;
}
#mysteryModal .modal-content {
        background-color: transparent;
        box-shadow: none;
}
#mysteryModal .modal-content .image .mystery-loading {
        bottom: 0;
        right: 15%;
}
#mysteryModal .modal-content .win .position-absolute {
        bottom: 5%;
        color: #fff;
}
#mysteryModal .modal-content .win .position-absolute > div {
        background: rgba(255, 0, 0, 0.65);
        border-radius: 8px;
}
#mysteryModal .modal-content .win .position-absolute label.title {
        font-weight: 700;
        font-size: 1rem;
}
@media screen and (max-width: 512px) {
        #mysteryModal .modal-content .win .position-absolute label.title {
                font-size: 0.9rem;
        }
}
#mysteryModal .modal-content .win .position-absolute label b {
        font-size: 2rem;
}
@media screen and (max-width: 512px) {
        #mysteryModal .modal-content .win .position-absolute label b {
                font-size: 1.2rem;
        }
}
#mysteryModal .modal-content .win .position-absolute span {
        font-size: 0.9rem;
}
@media screen and (max-width: 512px) {
        #mysteryModal .modal-content .win .position-absolute span {
                font-size: 0.8rem;
        }
}
#mysteryModal .modal-content a.click {
        bottom: 1%;
        right: 1%;
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #mysteryModal .modal-content a.click {
                transition: none;
        }
}
#mysteryModal .modal-content a.click:hover {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
}
#mysteryModal .modal-content a.close {
        cursor: pointer;
        opacity: 1;
        float: none;
        top: -15px;
        right: -15px;
        background: #fff;
        border-radius: 50%;
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #mysteryModal .modal-content a.close {
                transition: none;
        }
}
#mysteryModal .modal-content a.close i {
        font-size: 1.8rem;
}
#mysteryModal .modal-content a.close:hover i {
        color: #000;
}
#mysteryModal .modal-content a#liveChatCampaign {
        color: #e5ff10;
}
#mysteryModal .modal-content a#liveChatCampaign:hover {
        color: #fff;
}
#mysteryModal .modal-content a#liveChatCampaign span {
        font-size: 1.2rem;
}
@media screen and (max-width: 512px) {
        .announcement .media {
                display: block !important;
        }
}
.announcement .modal-content {
        background: transparent !important;
}
.announcement .announcement-close {
        color: #fff;
        background: #231f20;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 1;
        font-size: 20px;
}
.announcement .vertical-tabs {
        font-size: 15px;
        color: #000;
}
.announcement .vertical-tabs .nav-tabs .nav-item {
        background: #fff;
}
.announcement .vertical-tabs .nav-tabs .nav-item.active .nav-link {
        background-color: #fcd400 !important;
        color: #231f20 !important;
        border-bottom-left-radius: 30px;
}
.announcement .vertical-tabs .nav-tabs .nav-link {
        border-radius: 0;
        background: #fff;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
}
.announcement .vertical-tabs .nav-tabs .nav-link.active {
        background-color: #d10000 !important;
        color: #fff !important;
        border-bottom-left-radius: 30px;
}
.announcement .tab-content {
        color: #000;
}
@media screen and (max-width: 512px) {
        .announcement .tab-content .tab-pane {
                overflow: scroll;
        }
}
.announcement .tab-content .tab-pane.active {
        background: #fff;
        display: block;
}
.announcement .nav.nav-tabs {
        border-bottom: 0;
        display: block;
        float: left;
}
@media screen and (max-width: 512px) {
        .announcement .nav.nav-tabs {
                position: absolute;
                left: -25px;
        }
}
@media only screen and (max-width: 420px) {
        .announcement .titulo {
                font-size: 22px;
        }
}
@media only screen and (max-width: 325px) {
        .announcement .vertical-tabs {
                padding: 8px;
        }
}
#vipRankContent .modal-content .btn-close-circle {
        background-color: #fff;
        right: 30px;
        top: 30px;
        border: none;
        z-index: 1;
}
#vipRankContent .modal-content .btn-close-circle span {
        color: #d20101;
}
#vipRankContent .modal-content .modal-body .vip_rank_wrapper {
        background-image: linear-gradient(90deg, #1a0000, #ff0606);
        padding: 43px 43px 33px;
        color: #fff;
}
#vipRankContent .modal-content .modal-body .vip_rank_wrapper .member_name {
        font-size: 1.4rem;
}
#vipRankContent .modal-content .modal-body .vip_rank_wrapper .vip_rank_text {
        margin: 23px 0 0;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .vip_rank_text {
                display: block !important;
        }
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .vip_rank_text
                .title {
                margin: 0 0 6px;
        }
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container {
                margin: 73px 0 0;
        }
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_wrapper
        .progress-container
        .progress-bar {
        position: relative;
        background: #fff;
        width: 100%;
        height: 35px;
        border-radius: 50px;
        margin: 8px 23px 0 0;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container
                .progress-bar {
                border-radius: 50px;
                height: 35px;
        }
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_wrapper
        .progress-container
        .progress-bar
        .line {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-image: linear-gradient(
                90deg,
                #cb9801 0,
                #fdfacd 25%,
                #cb9801
        );
        border-radius: 50px;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container
                .progress-bar
                .line {
                border-radius: 50px;
        }
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container
                .progress-bar
                .mobileFlex {
                display: flex;
                height: 100%;
                position: relative;
                top: -60px;
                justify-content: space-between;
        }
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_wrapper
        .progress-container
        .progress-bar
        .viplevel {
        position: absolute;
        top: 0;
        background: #d80000;
        padding: 0 23px 0 0;
        height: 100%;
        border-radius: 50px;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container
                .progress-bar
                .viplevel {
                position: relative;
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
                border-radius: 50px;
                padding: 0 8px;
                min-width: 80px;
                font-size: 1rem;
        }
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_wrapper
        .progress-container
        .progress-bar
        .viplevel
        img {
        width: 105px;
        position: relative;
        left: -15%;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container
                .progress-bar
                .viplevel
                img {
                position: absolute;
                bottom: -67px;
                width: 55px;
        }
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_wrapper
        .progress-container
        .progress-bar
        .viplevel.left {
        left: 0;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container
                .progress-bar
                .viplevel.left
                img {
                left: -20%;
        }
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_wrapper
        .progress-container
        .progress-bar
        .viplevel.right {
        right: 0;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container
                .progress-bar
                .viplevel.right
                img {
                left: 50%;
        }
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_wrapper
        .progress-container
        .amount {
        font-size: 1.5rem;
        margin: 8px 0 0 50px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_wrapper
                .progress-container
                .amount {
                margin: 8px 0 0;
        }
}
#vipRankContent .modal-content .modal-body .vip_rank_table_wrapper {
        padding: 23px 43px;
        background: #fff;
        color: #1a0000;
        box-shadow: 1px 1px 15px 3px rgba(11, 11, 11, 0.3);
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_table_wrapper
        .member_table_name {
        color: #d80000;
        font-size: 1.4rem;
        margin: 0 0 8px;
}
@media screen and (max-width: 799px) {
        #vipRankContent
                .modal-content
                .modal-body
                .vip_rank_table_wrapper
                .member_table_name {
                font-size: 1rem;
        }
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_table_wrapper
        .member_table {
        font-size: 0.9rem;
        line-height: 18px;
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_table_wrapper
        .member_table
        tr
        th {
        border: 1px solid #fff;
        border-top: none;
        border-bottom: none;
        color: #fff;
        background: #d80000;
        vertical-align: middle;
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_table_wrapper
        .member_table
        tr
        th:first-child {
        border-left: 1px solid #d80000;
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_table_wrapper
        .member_table
        tr
        th:last-child {
        border-right: 1px solid #d80000;
}
#vipRankContent
        .modal-content
        .modal-body
        .vip_rank_table_wrapper
        .member_table
        tr
        td {
        border: 1px solid #1a0000;
        border-top: none;
        color: #1a0000;
        background: #fff;
        font-weight: 600;
}
@media (min-width: 576px) {
        #vipRankContent .modal-dialog {
                max-width: 820px;
        }
}
.fade-in {
        animation: fadeIn 1s ease;
        -webkit-animation: fadeIn 1s ease;
        -moz-animation: fadeIn ease 1s;
        -o-animation: fadeIn ease 1s;
        -ms-animation: fadeIn ease 1s;
}
@-webkit-keyframes fadeIn {
        0% {
                opacity: 0;
        }
        to {
                opacity: 1;
        }
}
#popUp-thDepo .modal-content .btn-close-circle {
        top: 0;
        right: 0;
}
#popUp-thDepo .modal-content .modal-body img {
        border-radius: 0;
        border: none;
        border-bottom-left-radius: 35px;
        border-top-right-radius: 35px;
}
@media screen and (max-width: 1023px) {
        #fifa-pop-calendar .modal-dialog {
                max-width: 620px;
        }
}
#fifa-pop-calendar .modal-dialog .modal-content {
        background-color: transparent;
        border-radius: 16px;
        border-bottom-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
}
#fifa-pop-calendar .modal-dialog .modal-content .btn-close-circle {
        right: 13px;
        top: 13px;
        background: #35333a;
        width: 28px;
        height: 28px;
}
#fifa-pop-calendar .modal-dialog .modal-content .modal-body {
        background-image: -webkit-image-set(
                url("/assets/events/fifa-pre-announcement/fifa-pop-calendar-bg.webp")
                        1x
        );
        background-image: url(/assets/events/fifa-pre-announcement/fifa-pop-calendar-bg.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
}
#fifa-pop-calendar .modal-dialog .modal-content .modal-body .logo {
        max-width: 260px;
}
#fifa-pop-calendar .modal-dialog .modal-content .modal-body .title {
        max-width: 430px;
}
#fifa-pop-calendar .modal-dialog .modal-content .modal-body .event-items .game {
        max-width: 200px;
}
@media screen and (max-width: 512px) {
        #fifa-pop-calendar
                .modal-dialog
                .modal-content
                .modal-body
                .event-items
                .game {
                max-width: 130px;
        }
}
#fifa-pop-calendar
        .modal-dialog
        .modal-content
        .modal-body
        .event-items
        .game.ball {
        top: -6px;
}
#fifa-pop-calendar
        .modal-dialog
        .modal-content
        .modal-body
        .event-items
        .event-date {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 1rem;
}
@media screen and (max-width: 512px) {
        #fifa-pop-calendar
                .modal-dialog
                .modal-content
                .modal-body
                .event-items
                .event-date {
                font-size: 0.9rem;
        }
}
#fifa-pop-calendar
        .modal-dialog
        .modal-content
        .modal-body
        .event-items
        .event-date.add-bg:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50px;
        background: #6e628f;
        -webkit-filter: blur(6px);
        filter: blur(6px);
        z-index: 0;
}
#fifa-pop-calendar
        .modal-dialog
        .modal-content
        .modal-body
        .event-items
        .lock-wrapper {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
}
@media screen and (max-width: 512px) {
        #fifa-pop-calendar
                .modal-dialog
                .modal-content
                .modal-body
                .event-items
                .lock-wrapper {
                -webkit-transform: translate(-50%, -68%);
                transform: translate(-50%, -68%);
        }
}
#fifa-pop-calendar
        .modal-dialog
        .modal-content
        .modal-body
        .event-items
        .lock-wrapper
        .lock {
        max-width: 40px;
}
@media screen and (max-width: 512px) {
        #fifa-pop-calendar
                .modal-dialog
                .modal-content
                .modal-body
                .event-items
                .lock-wrapper
                .lock {
                max-width: 25px;
        }
}
#fifa-pop-calendar
        .modal-dialog
        .modal-content
        .modal-body
        .event-items
        .lock-wrapper
        .text {
        font-size: 0.9rem;
        font-weight: 500;
}
@media screen and (max-width: 512px) {
        #fifa-pop-calendar
                .modal-dialog
                .modal-content
                .modal-body
                .event-items
                .lock-wrapper
                .text {
                font-size: 0.7rem;
        }
}
#fifa-pop-calendar .modal-dialog .modal-content .modal-body .join-now-text {
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 26px;
}
@media screen and (max-width: 512px) {
        #fifa-pop-calendar
                .modal-dialog
                .modal-content
                .modal-body
                .join-now-text {
                line-height: 23px;
        }
}
#fifa-pop-calendar .modal-dialog .modal-content .modal-body .second-row-col {
        margin-top: -6px;
}
@media screen and (max-width: 512px) {
        #fifa-pop-calendar
                .modal-dialog
                .modal-content
                .modal-body
                .second-row-col {
                margin-top: -3px !important;
        }
}
#fifa-pop-calendar .modal-dialog .modal-content .stay-tune-btn {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background: linear-gradient(180deg, #be0c26, #f72a41);
        border: 4px solid #cd142d;
        border-radius: 50px;
        font-size: 1.2rem;
        font-weight: 600;
        margin-top: -26px;
}
.defaultModal .modal-dialog .modal-content label {
        font-size: 1.3rem;
}
.defaultModal .modal-dialog .modal-content .deport-term {
        font-size: 0.95rem;
}
#giftModal .modal-content {
        background: transparent;
}
#giftModal .modal-content .btn-close-circle {
        top: 15px;
        right: 15px;
        z-index: 2;
}
#giftModal .modal-footer {
        border: none;
}
.loginModal {
        background: rgba(0, 0, 0, 0.8) !important;
}
.loginModal label.col-form-label {
        font-weight: 700;
        color: #fff;
        font-family: Poppins, sans-serif;
        font-size: 0.8rem !important;
}
.loginModal .modal-dialog .modal-content label.error {
        bottom: -5px;
}
.loginModal .modal-dialog .modal-content .invalid-feedback {
        position: absolute;
        bottom: -5px;
        font-style: italic;
        display: block !important;
        text-align: left;
        font-size: 0.6rem;
}
.loginModal .modal-dialog .modal-content .modal-body {
        background: #000;
        border: 1px solid #ffc929;
        border-radius: 10px;
}
.loginModal .modal-dialog .modal-content .modal-body .close-button {
        width: 30px;
        height: 30px;
        border: 2px solid #555;
        border-radius: 50%;
        font-size: 20px;
        text-align: center;
        line-height: 24px;
        padding-left: 2px;
        cursor: pointer;
        transition: #f5f5f5 0.3s, color 0.3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.loginModal .modal-dialog .modal-content .modal-body .close-button:hover {
        background-color: #555;
        color: #fff;
}
.loginModal .modal-dialog .modal-content .modal-body .default-card {
        border-radius: 13px;
}
.loginModal .modal-dialog .modal-content .modal-body .default-card hr {
        border-top: 2px solid hsla(0, 0%, 62%, 0.5);
}
.loginModal
        .modal-dialog
        .modal-content
        .modal-body
        .default-card
        .text-weight-700 {
        font-weight: 700;
}
.loginModal .modal-dialog .modal-content .modal-body .default-card .text-1-3 {
        font-size: 1.3rem;
}
.policy-content {
        color: #fff;
        font-size: 0.8rem;
}
.policy-content span {
        margin-bottom: 15px;
}
.policy-content label {
        font-weight: 700;
}
.policy-content label.title {
        font-size: 1.2rem;
        font-weight: 700;
}
.policy-content ul li {
        list-style: decimal;
}
.policy-content ul li label {
        margin-bottom: 15px;
}
.policy-content ul.none_item {
        padding-left: 1.2rem;
}
.policy-content ul.none_item .number {
        width: 45px;
}
.policy-content ul.none_item .text {
        width: calc(100% - 45px);
}
.policy-content ul.dot li {
        list-style: disc;
        margin-left: 20px;
}
.policy-content ul.dot li span {
        display: table;
}
.policy-content ul.dot > span {
        margin-left: 5px !important;
}
@font-face {
        font-family: Aero;
        src: url(/fonts/Aero/Aero.ttf);
}
.idx-countdown {
        background-image: url(/assets/index/hayya_hayya/fifa-bg.jpg);
        background-image: -webkit-image-set(
                url(/assets/index/hayya_hayya/fifa-bg.webp) 1x
        );
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        box-shadow: inset 0 0 15px 10px rgba(0, 0, 0, 0.65);
}
.idx-countdown .fifa-text {
        width: calc(100% - 180px);
}
@media screen and (max-width: 512px) {
        .idx-countdown .fifa-text {
                width: 100%;
        }
}
.idx-countdown .fifa-text p {
        font-size: 1.6rem;
        line-height: 1.8rem;
}
@media screen and (max-width: 512px) {
        .idx-countdown .fifa-text p {
                font-size: 0.7rem;
                line-height: 0.9rem;
        }
}
.idx-countdown .fifa-ball {
        max-width: 180px;
}
.idx-countdown .fifa-ball #shadow {
        margin: 10px 0 0 2px;
        display: block;
        height: 20px;
        width: 75px;
        background-color: #000;
        border-radius: 25px/10px;
}
.idx-countdown .fifa-ball .ball {
        position: static;
}
.idx-countdown .fifa-ball .ball img {
        height: 80px;
}
@media screen and (max-width: 512px) {
        .idx-countdown .fifa-ball .ball img {
                height: 60px;
        }
}
.idx-countdown .fifa-ball .hovering {
        -webkit-animation-name: hovering;
        animation-name: hovering;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        z-index: 2;
        position: relative;
}
@-webkit-keyframes hovering {
        0% {
                -webkit-transform: translateY(25px);
                transform: translateY(25px);
        }
        50% {
                -webkit-transform: translateY(-25px);
                transform: translateY(-25px);
        }
        to {
                -webkit-transform: translateY(25px);
                transform: translateY(25px);
        }
}
@keyframes hovering {
        0% {
                -webkit-transform: translateY(25px);
                transform: translateY(25px);
        }
        50% {
                -webkit-transform: translateY(-25px);
                transform: translateY(-25px);
        }
        to {
                -webkit-transform: translateY(25px);
                transform: translateY(25px);
        }
}
.idx-countdown .fifa-ball .shadow {
        -webkit-animation-name: shadow;
        animation-name: shadow;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
}
@-webkit-keyframes shadow {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-filter: blur(1.3px);
                filter: blur(1.3px);
                opacity: 0.8;
        }
        50% {
                -webkit-transform: scale(1.35);
                transform: scale(1.35);
                -webkit-filter: blur(6px);
                filter: blur(6px);
                opacity: 0.5;
        }
        to {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-filter: blur(1.3px);
                filter: blur(1.3px);
                opacity: 0.8;
        }
}
@keyframes shadow {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-filter: blur(1.3px);
                filter: blur(1.3px);
                opacity: 0.8;
        }
        50% {
                -webkit-transform: scale(1.35);
                transform: scale(1.35);
                -webkit-filter: blur(6px);
                filter: blur(6px);
                opacity: 0.5;
        }
        to {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-filter: blur(1.3px);
                filter: blur(1.3px);
                opacity: 0.8;
        }
}
.idx-countdown .flipdown {
        max-width: 480px;
}
@media screen and (max-width: 512px) {
        .idx-countdown .flipdown {
                justify-content: center;
                display: flex;
        }
}
.idx-countdown .flipdown .rotor-group {
        padding-right: 10px;
}
@media screen and (max-width: 512px) {
        .idx-countdown .flipdown .rotor-group {
                padding-right: 5px;
        }
}
.idx-countdown .flipdown .rotor-group:after,
.idx-countdown .flipdown .rotor-group:before {
        opacity: 0;
}
.idx-countdown .flipdown .rotor-group .rotor {
        font-size: 3rem;
}
@media screen and (max-width: 512px) {
        .idx-countdown .flipdown .rotor-group .rotor {
                font-size: 1.4rem;
        }
}
.idx-countdown .flipdown .rotor-group .rotor-group-heading:before {
        color: #fff;
        font-weight: 400;
        font-size: 0.9rem;
}
@media screen and (max-width: 512px) {
        .idx-countdown .flipdown .rotor-group .rotor-group-heading:before {
                font-size: 0.6rem;
        }
}
@media screen and (max-width: 512px) {
        .idx-countdown .flipdown .rotor,
        .idx-countdown .flipdown .rotor-bottom,
        .idx-countdown .flipdown .rotor-leaf,
        .idx-countdown .flipdown .rotor-leaf-front,
        .idx-countdown .flipdown .rotor-leaf-rear,
        .idx-countdown .flipdown .rotor-top,
        .idx-countdown .flipdown .rotor:after {
                width: 25px;
        }
}
.idx-countdown .ends-text {
        font-size: 1.6rem;
}
@media screen and (max-width: 512px) {
        .idx-countdown .ends-text {
                font-size: 1rem;
        }
}
.idx-countdown .hayya-logo-wrapper {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        z-index: 1;
}
@media screen and (max-width: 512px) {
        .idx-countdown .hayya-logo-wrapper {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
}
.idx-countdown .hayya-logo-wrapper .hayya-logo {
        max-width: 140px;
}
.index-lantern div > div {
        width: 20%;
}
.h3-title {
        color: #666;
        border-left: 4px solid #d10000;
        text-transform: uppercase;
        padding-left: 20px;
}
.border_left_title {
        color: #f1bf5b;
}
.border_left_title:before {
        left: 30%;
}
.border_left_title:after,
.border_left_title:before {
        content: " ";
        width: 10%;
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        top: 10px;
}
.border_left_title:after {
        right: 30%;
}
@media screen and (max-width: 1401px) {
        .border_left_title {
                margin-left: 0;
        }
}
@media screen and (max-width: 1401px) {
        .border_left_title2 {
                margin-left: -2% !important;
        }
}
.bukut-mimpi-modal #bukuMimpiModal .modal-dialog {
        pointer-events: auto;
}
.bukut-mimpi-modal #bukuMimpiModal .modal-dialog .modal-content {
        background: transparent;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 300px;
        height: 400px;
        background: transparent;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translate(-50%, -50%) perspective(2000px);
        transform: translate(-50%, -50%) perspective(2000px);
        transition: 1s;
        border: none;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card.hover,
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card:hover {
        -webkit-transform: translate(-50%, -50%) perspective(2000px)
                rotate(-10deg);
        transform: translate(-50%, -50%) perspective(2000px) rotate(-10deg);
        box-shadow: inset 20px 0 50px rgba(0, 0, 0, 0.5),
                0 10px 100px rgba(0, 0, 0, 0.5);
        background: #fff;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card.hover
        .image,
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card:hover
        .image {
        -webkit-transform: rotateY(-155deg);
        transform: rotateY(-155deg);
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card.hover
        .details,
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card:hover
        .details {
        z-index: 2;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card:before {
        content: "";
        position: absolute;
        top: -5px;
        left: 0;
        width: 100%;
        height: 5px;
        background: #13b3e5;
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card:after {
        content: "";
        position: absolute;
        top: 0;
        right: -5px;
        width: 5px;
        height: 100%;
        background: #13b3e5;
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: skewY(-45deg);
        transform: skewY(-45deg);
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .image {
        background: #000 url(/assets/index/cover_bg.png);
        width: 100%;
        height: 400px;
        background-size: cover;
        background-position: 50%;
        position: relative;
        -webkit-transform-origin: left;
        transform-origin: left;
        transition: 1s cubic-bezier(0.15, 1.7, 0.84, 0.58);
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .image
        .cover-black {
        width: 15%;
        top: 10%;
        left: 20%;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .image
        .cover-blue {
        -webkit-animation: float 3s ease-in-out infinite;
        animation: float 3s ease-in-out infinite;
        right: 0;
        top: 5%;
        width: 23%;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .image
        .cover-purple {
        top: 70%;
        left: 15%;
        width: 12%;
        -webkit-animation: heartBeat 3s ease-in-out infinite;
        animation: heartBeat 3s ease-in-out infinite;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .image
        .cover-red {
        right: 1.5%;
        top: 50%;
        width: 8%;
        -webkit-animation: wobble 3s ease-in-out infinite;
        animation: wobble 3s ease-in-out infinite;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .image
        .cover-cloud {
        z-index: 100;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .details {
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        padding: 40px 20px;
        z-index: -1;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .details
        .btn-theme {
        box-shadow: 2px 2px 10px 0 #6c6c6c;
}
.bukut-mimpi-modal
        #bukuMimpiModal
        .modal-dialog
        .modal-content
        .modal-body
        .card
        .details
        .btn-theme:hover {
        box-shadow: none;
}
.carousel .carousel-item {
        height: auto !important;
        max-height: unset !important;
}
.carousel .carousel-item:before {
        background: linear-gradient(
                180deg,
                rgba(33, 35, 43, 0) 0,
                rgba(33, 35, 43, 0) 28%,
                #21232b
        );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0021232b",endColorstr="#21232b",GradientType=0);
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
.carousel .carousel-item a {
        float: none;
        display: table;
}
.carousel .carousel-item a img {
        -o-object-fit: contain;
        object-fit: contain;
}
.carousel .carousel-indicators {
        bottom: 0;
}
.carousel .carousel-indicators li {
        height: 4px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .carousel .carousel-indicators li {
                transition: none;
        }
}
.carousel .carousel-indicators li.active {
        background-color: #d10000;
        height: 7px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .carousel .carousel-indicators li.active {
                transition: none;
        }
}
.carousel .carousel-control-prev-icon {
        background-image: url(/assets/index/btn-previous.png);
}
.carousel .carousel-control-next-icon {
        background-image: url(/assets/index/btn-next.png);
}
.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
}
.ambassador {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
}
@media screen and (max-width: 1023px) {
        .ambassador > div {
                flex: 0 0 100%;
                max-width: 100%;
        }
}
@media screen and (max-width: 512px) {
        .ambassador .picture {
                position: absolute;
        }
}
.ambassador .picture .guess {
        width: 30px;
        left: calc(50% - 15px);
        right: calc(50% - 15px);
        bottom: 40%;
        -webkit-animation: spinner 1s ease-in-out infinite;
        animation: spinner 1s ease-in-out infinite;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
}
@media screen and (max-width: 512px) {
        .ambassador .picture .am-guess .new-ambassador {
                width: 180px;
                height: auto;
                margin: 0 auto;
        }
}
.ambassador .picture .am-guess label {
        font-size: 3rem;
        line-height: 2rem;
        left: -20%;
        bottom: 20%;
        font-family: Aero;
}
.ambassador .picture .am-guess label sup {
        font-size: 2.4rem;
}
.ambassador .picture .am-guess .ambassador-sign {
        width: 120px;
        right: -10%;
        top: 15%;
}
@media screen and (max-width: 512px) {
        .ambassador .picture .am-guess .ambassador-sign {
                right: unset;
                left: 8%;
                width: 90px;
        }
}
.ambassador .list .logo {
        max-width: 120px;
}
@media screen and (max-width: 512px) {
        .ambassador .list .logo {
                max-width: 65px;
        }
}
.ambassador .list label {
        text-shadow: 1px 1px 2px #39c1bd;
        line-height: 2.4rem;
        font-family: Bebas Neue, cursive;
}
@media screen and (max-width: 512px) {
        .ambassador .list label {
                line-height: 1.4rem;
                margin: 0;
        }
}
.ambassador .list label:first-child,
.ambassador .list label:nth-of-type(3) {
        font-size: 1.8rem;
        letter-spacing: 2px;
        font-weight: 700;
}
@media screen and (max-width: 1023px) {
        .ambassador .list label:first-child,
        .ambassador .list label:nth-of-type(3) {
                font-size: 1.2rem;
        }
}
.ambassador .list label:nth-of-type(2) {
        font-size: 2.8rem;
        letter-spacing: 5px;
}
@media screen and (max-width: 1023px) {
        .ambassador .list label:nth-of-type(2) {
                font-size: 2.6rem;
        }
}
@media screen and (max-width: 512px) {
        .ambassador .list label:nth-of-type(2) {
                font-size: 1.2rem;
        }
}
.ambassador .list label.show {
        font-size: 2.4rem;
}
.ambassador .list label.vn {
        font-family: SVN-Agency;
        font-size: 2.8rem;
}
@media screen and (max-width: 512px) {
        .ambassador .list label.vn {
                font-size: 1.2rem;
        }
}
.ambassador .countdown {
        margin: auto;
        display: table;
        font-size: 28px;
        font-weight: 500;
}
.ambassador .countdown > div {
        float: left;
        min-width: 80px;
        font-size: 1.2rem;
}
@media screen and (max-width: 799px) {
        .ambassador .countdown > div {
                font-size: 0.8rem;
        }
}
.ambassador .countdown span {
        position: relative;
        display: block;
        font-size: 0.8rem;
        text-align: center;
}
@media screen and (max-width: 799px) {
        .ambassador .countdown span {
                font-size: 0.6rem;
        }
}
.ambassador .countdown span:before {
        content: "";
        position: absolute;
        top: -2px;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        width: 20px;
        height: 1px;
        background: #fff;
}
@media screen and (max-width: 512px) {
        .ambassador .text {
                align-items: end !important;
                padding-bottom: 1rem !important;
        }
}
.am-section {
        padding-top: 80px;
        padding-bottom: 80px;
        background-image: url(/assets/index/ambassador/am-bg-d.jpg);
        background-image: -webkit-image-set(
                url(/assets/index/ambassador/am-bg-d.webp) 1x
        );
        background-size: cover;
        background-position: 100%;
        background-repeat: no-repeat;
}
.am-section.replace {
        background-image: url(/assets/index/ambassador/am-bg-m.jpg);
        background-image: -webkit-image-set(
                url(/assets/index/ambassador/am-bg-m.webp) 1x
        );
}
@media screen and (max-width: 512px) {
        .am-section {
                background-position: 0;
                background-image: url(/assets/index/ambassador/am-bg-m.jpg);
                background-image: -webkit-image-set(
                        url(/assets/index/ambassador/am-bg-m.webp) 1x
                );
        }
}
.am-section .title {
        font-family: Aero;
        font-size: 2rem;
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff,
                0 0 40px #d10000, 0 0 70px #d10000, 0 0 80px #d10000,
                0 0 100px #d10000, 0 0 150px #d10000;
}
@media screen and (max-width: 512px) {
        .am-section .title {
                font-size: 1.4rem;
        }
}
.am-section .intro > div {
        line-height: 2.6rem;
        font-size: 2.4rem;
        font-family: Bebas Neue, cursive;
}
.am-section .intro > div label {
        font-size: 2.4rem;
}
.am-section .intro > div span {
        font-size: 1.8rem;
        font-family: Aero;
}
@media screen and (max-width: 512px) {
        .am-section .intro > div span {
                font-size: 1.4rem;
        }
}
.am-section .intro ul li {
        font-size: 0.9rem;
}
@media screen and (max-width: 512px) {
        .am-section .intro ul li {
                font-size: 0.8rem;
        }
}
.am-section .intro a i {
        color: #fff;
        font-size: 1.6rem;
}
.am-section .intro a:hover i {
        color: #f1bf5b;
}
.am-section .intro a.btn-theme {
        background: #f1bf5b;
        height: unset;
}
.am-section .intro a.btn-theme span {
        color: #fff;
        font-size: 1rem;
}
.am-section .intro a.btn-theme:hover {
        background: #3f3a37;
}
.am-section .cards {
        border: none;
        display: inline-block;
        text-align: left;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: rotateX(11deg) rotateY(16.5deg);
        transform: rotateX(11deg) rotateY(16.5deg);
        background-color: transparent;
        width: 500px;
        height: 500px;
        overflow: hidden;
        -webkit-perspective: 1200px;
        perspective: 1200px;
        position: relative;
        transform-style: preserve-3d;
        -webkit-transform: translatez(35px);
        transform: translatez(35px);
        transition: -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
        text-align: center;
}
@media screen and (max-width: 512px) {
        .am-section .cards {
                width: 320px;
                height: 320px;
                border-radius: 50%;
        }
}
.am-section .cards .card__img {
        position: relative;
        height: 110%;
        -o-object-fit: contain;
        object-fit: contain;
}
.am-section .cards .signature {
        max-width: 200px;
        width: 100%;
        top: 25%;
        right: 14%;
}
@media screen and (max-width: 512px) {
        .am-section .cards .signature {
                right: 0;
        }
}
@media screen and (max-width: 512px) {
        .am-section .order-2 {
                padding-bottom: 1.5rem !important;
        }
}
.index-content .navigation {
        right: 0;
        height: 40px;
        width: 80px;
}
.index-content .noti-pos-absolute {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
}
.index-content .noti-pos-absolute .noti-speaker {
        position: absolute;
        left: 0;
        top: 5px;
        z-index: 3;
}
.index-content .noti-pos-absolute .noti-support {
        position: absolute;
        right: 0;
        top: 6px;
        z-index: 3;
        width: 100px;
}
.index-content .annoucement {
        background: #d10000;
        z-index: 1;
}
.index-content .annoucement:after {
        right: -50px;
        border-left: 50px solid #d10000;
}
.index-content .annoucement:after,
.index-content .annoucement:before {
        position: absolute;
        z-index: 1;
        top: 0;
        content: "";
        width: 0;
        height: 0;
        display: block;
        border-bottom: 40px solid transparent;
}
.index-content .annoucement:before {
        left: -50px;
        border-right: 50px solid #d10000;
}
.index-content .annoucement .icon {
        width: 40px;
        height: 40px;
}
.index-content .annoucement .icon i {
        color: #d10000;
}
.index-content .annoucement .marquee {
        background-color: transparent;
        padding-left: 40px !important;
        width: calc(90% - 40px);
}
.index-content .annoucement .marquee span {
        color: #fff;
}
.index-content .index-game {
        padding-top: 80px;
        padding-bottom: 80px;
        background-image: url(/assets/index/game-bg.jpg?230222);
        background-image: -webkit-image-set(
                url(/assets/index/game-bg.webp?230222) 1x
        );
        background-size: cover;
        background-repeat: no-repeat;
}
.index-content .index-game .picture {
        position: relative;
}
.index-content .index-game .picture .game-type-bg {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 20px;
        border-bottom: 2px solid #d10000;
}
.index-content .index-game .picture .game-type {
        position: absolute;
        z-index: 4;
        top: -13px;
        right: 0;
        -o-object-fit: contain;
        object-fit: contain;
        width: 60%;
        transition: 0.3s;
}
.index-content .index-game .detail {
        font-weight: 600;
        text-align: center;
        position: absolute;
        z-index: 4;
        top: 25%;
        left: 5%;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .index-content .index-game .detail {
                transition: none;
        }
}
.index-content .index-game .detail p {
        color: #fff;
        font-size: 20px;
}
.index-content .info-column .bgimg:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
.index-content .info-column .icon {
        width: 40px;
        height: 40px;
        padding: 2px;
        z-index: 2;
}
.index-content .info-column label {
        font-weight: 900;
        font-size: 1.2rem;
}
.index-content .info-column .content {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
}
.index-content .info-column .image {
        height: 100%;
        min-height: 100%;
        -o-object-position: center;
        object-position: center;
}
.index-content .info-column a {
        height: 100%;
}
.index-content .info-column .step .bgimg.odd:before {
        background: rgba(113, 1, 2, 0.85);
}
.index-content .info-column .step .bgimg.even:before {
        background: linear-gradient(90deg, rgba(113, 1, 2, 0.75) 0, #000);
}
.index-content .info-column .step .bgimg.replace.odd {
        background-image: url(/assets/index/idx-steps-odd-min.jpg);
}
.index-content .info-column .step .bgimg.replace.even {
        background-image: url(/assets/index/idx-steps-even-min.jpg);
}
.index-content .info-column .step div {
        z-index: 2;
}
.index-content .info-column .infomation .title {
        font-size: 1rem;
}
.index-content .info-column .infomation .sub-title {
        font-size: 0.7rem;
}
.index-content .info-column .infomation .progress {
        width: 100%;
        height: 8px;
        background: hsla(0, 0%, 100%, 0.2);
        margin-bottom: 15px;
        border-radius: 0;
}
.index-content .info-column .infomation .progress .progress_bar {
        height: 8px;
        float: left;
        background: #f1bf5b;
        background: linear-gradient(90deg, #ffc929 0, #f1bf5b);
        transition: all 5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .index-content .info-column .infomation .progress .progress_bar {
                transition: none;
        }
}
.index-content .info-column .infomation .progress .progress_bar.deposit {
        width: 20%;
        -webkit-animation-name: bar;
        animation-name: bar;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
}
.index-content .info-column .infomation .progress .progress_bar.withdraw {
        width: 100%;
        -webkit-animation-name: bar2;
        animation-name: bar2;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
}
.index-content .info-column .promotion .navigation {
        bottom: 20%;
}
.index-content .info-column .promotion .content .title {
        top: 8px;
        z-index: 2;
        color: #f1bf5b;
}
.index-content .info-column .promotion .content .title label {
        text-shadow: -3px 3px 8px #000;
}
.index-content .info-column .social .bgimg {
        background-position: 0;
}
.index-content .info-column .social .bgimg:before {
        background: rgba(113, 1, 2, 0.85);
}
.index-content .info-column .social .bgimg.replace {
        background-image: url(/assets/index/idx-social-min.jpg);
}
.index-content .info-column .social div {
        z-index: 2;
}
.index-content .info-column .social div:before {
        background: linear-gradient(
                180deg,
                transparent 0,
                transparent 7%,
                rgba(0, 0, 0, 0.25)
        );
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
.index-content .hot-games {
        overflow: hidden;
}
.index-content .hot-games .title {
        font-weight: 900;
        font-size: 1.2rem;
        height: 40px;
}
.index-content .hot-games .title:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(/assets/index/hot-games.png);
        width: 40px;
        height: 40px;
        background-size: cover;
}
.live-match {
        background-image: url(/assets/index/match-main-bg.jpg?211027);
        background-image: -webkit-image-set(
                url(/assets/index/match-main-bg.webp?211027) 1x
        );
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
}
.live-match iframe {
        border: none;
        height: 500px;
}
@media screen and (max-width: 512px) {
        .live-match iframe {
                height: 550px;
        }
}
.light-bulb {
        width: 8%;
}
.m-home-banner .carousel {
        border-radius: 15px;
        box-shadow: 0 2px 1px 0 #d10000;
}
.m-home-banner .carousel .carousel-inner {
        border-radius: 15px;
        box-shadow: 0 3px 15px 1px #000;
}
.m-home-banner .carousel .carousel-inner .carousel-item a {
        border-radius: 15px;
}
.m-home-banner .carousel .carousel-inner .carousel-item:before {
        background: transparent;
}
.mobile-content .annoucement {
        background: #d10000;
}
.mobile-content .annoucement:after,
.mobile-content .annoucement:before {
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        top: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
}
.mobile-content .annoucement:before {
        left: 100%;
        border-right: 12px solid #d10000;
}
.mobile-content .annoucement:after {
        right: 100%;
        border-left: 12px solid #d10000;
}
.mobile-content .annoucement .icon {
        width: 40px;
        height: 40px;
}
.mobile-content .annoucement .marquee {
        background-color: transparent;
        width: calc(100% - 40px);
}
.mobile-content .annoucement .marquee span {
        display: flex;
        padding-left: 0 !important;
}
.mobile-content .reg-log .btn-theme {
        height: 48px;
        -webkit-transform: none;
        transform: none;
        border-radius: 0 !important;
        background: #019700;
}
.mobile-content .reg-log .btn-theme.second {
        background: #d10000;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .mobile-content .reg-log .btn-theme.second {
                transition: none;
        }
}
.mobile-content .reg-log .btn-theme:hover {
        background: #21232b;
}
.mobile-content .reg-log .btn-theme:hover span {
        color: #fff;
}
.mobile-content .reg-log .line-login {
        border-radius: 0;
        height: 48px;
}
.mobile-content .reg-log .line-login span {
        width: 100%;
}
.mobile-content .reg-log > a:first-child .x-menu-snow-left {
        left: 0;
        bottom: -15px;
        z-index: 1;
        width: unset;
}
.mobile-content .m-index-balance label {
        font-size: 0.7rem;
}
.mobile-content .m-index-balance span.balance {
        font-size: 1.2rem;
        font-weight: 700;
}
.mobile-content .m-index-balance .wallet a {
        background: linear-gradient(
                0deg,
                #ee0e19,
                #f4302f,
                #f94543,
                #fc5756,
                #ff6868
        );
        padding: 5px;
        display: block;
        border-radius: 15px;
        border-bottom: 4px solid #d10000;
}
.mobile-content .m-index-balance .wallet a span {
        font-size: 0.6rem;
}
.mobile-content .m-index-balance .wallet a.deposit {
        background: linear-gradient(0deg, #ffc929 0, #f1bf5b);
        border-bottom: 4px solid #f1bf5b;
}
.mobile-content .m-index-balance #transferAllBtn {
        background: linear-gradient(
                0deg,
                #ee0e19,
                #f4302f,
                #f94543,
                #fc5756,
                #ff6868
        );
        color: #fff;
        padding: 5px;
        display: block;
        border-radius: 15px !important;
        border-bottom: 4px solid #d10000;
}
.mobile-content .m-index-balance #transferAllBtn span {
        font-size: 0.6rem;
}
.mobile-content .game a > div {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
        border-radius: 5px !important;
        box-shadow: 1px 1px 3px 0 #00d1c2;
}
.mobile-content .game a > div img {
        width: 30px;
        height: 30px;
        -webkit-animation: pulse 6s ease-in-out infinite;
        animation: pulse 6s ease-in-out infinite;
}
.mobile-content .game a > div span {
        font-weight: 700;
}
.mobile-deposit > div {
        background: hsla(0, 0%, 100%, 0.8);
        border-radius: 8px;
        top: -35px;
}
.mobile-deposit label {
        font-weight: 700;
}
.mobile-deposit a.btn-theme {
        padding: 0 12px;
        height: 33px;
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
        border-radius: 5px !important;
}
.mobile-deposit a.wallet {
        color: #13b3e5;
        padding: 0 5px;
}
.app-download {
        background: #fff;
        padding-top: 80px;
        padding-bottom: 80px;
}
.app-download .app-download-bg {
        background-image: url(/assets/download/index/download-bg.jpg?211027);
        background-image: -webkit-image-set(
                url(/assets/download/index/download-bg.webp?211027) 1x
        );
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        overflow: hidden;
}
.app-download .app-download-bg .app-title {
        font-family: speedtest;
        font-weight: 500;
        font-style: normal;
        font-size: 3.5rem;
        color: #fff;
}
.app-download .app-download-bg .desc {
        font-size: 0.7rem;
}
.app-download .app-download-bg .app-sub-title {
        font-family: speedtest;
        font-weight: 500;
        font-style: normal;
        font-size: 2rem;
        color: rgba(0, 0, 0, 0.5);
}
.app-download .app-download-bg .app-sub-title.vn {
        font-family: Montserrat, sans-serif;
        font-weight: 700;
}
.app-download .app-download-bg .app-qr {
        width: 150px;
        height: 150px;
}
.app-download .app-download-bg .app-qr canvas,
.app-download .app-download-bg .app-qr img {
        max-width: 134px;
}
.app-download .app-download-bg .qr-details span {
        font-size: 0.7rem;
        color: #fff;
}
.app-download .app-download-bg .android,
.app-download .app-download-bg .ios {
        background-image: url(/assets/download/index/download-but.png?211027);
        background-image: -webkit-image-set(
                url(/assets/download/index/download-but.webp?211027) 1x
        );
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        padding: 8px 15px;
}
.app-download .app-download-bg .android i,
.app-download .app-download-bg .ios i {
        font-size: 20px;
}
.app-download .app-download-bg .phone {
        position: absolute;
        z-index: 3;
        width: 200px;
        left: 0;
        top: 0;
        -webkit-animation: ani 5s infinite;
        animation: ani 5s infinite;
}
.app-download .app-download-bg .imac {
        position: absolute;
        width: 100%;
        height: 450px;
        right: -50px;
        top: -45px;
        -o-object-fit: contain;
        object-fit: contain;
}
.app-download .shine {
        background: #222 -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        from(#222),
                        to(#222),
                        color-stop(0.5, #fff)
                ) 0 0 no-repeat;
        -webkit-background-size: 150px;
        -webkit-background-clip: text;
        -webkit-animation-name: shine;
        -webkit-animation-duration: 5s;
        -webkit-animation-iteration-count: infinite;
        text-shadow: 0 0 0 hsla(0, 0%, 100%, 0.5);
}
@-webkit-keyframes ani {
        0% {
                left: 0;
        }
        50% {
                left: 30px;
        }
        to {
                left: 0;
        }
}
@keyframes ani {
        0% {
                left: 0;
        }
        50% {
                left: 30px;
        }
        to {
                left: 0;
        }
}
@-webkit-keyframes shine {
        0%,
        10% {
                background-position: -1000px;
        }
        20% {
                background-position: 0 0;
        }
        90% {
                background-position: 100% 0;
        }
        to {
                background-position: 1000px;
        }
}
.feature-section {
        background: #fff;
}
.feature-section .feature-circle {
        max-width: 150px;
        max-height: 150px;
        border-radius: 50%;
        padding: 3px;
        border: 2px solid #d10000;
        margin: auto;
}
.feature-section .feature-circle img {
        width: 100%;
        box-shadow: inset 0 0 0 #fff, inset 5px 0 10px #d10000,
                inset -20px 0 30px #d10000, inset 10px 0 10px #d10000,
                inset -25px 0 20px #d10000, 0 0 0 #fff, 0 0 25px #d10000,
                1px 0 15px #d10000;
        border-radius: 50%;
}
.feature-section h4 {
        color: #666;
        text-align: center;
        font-size: 1.1rem;
}
.seo-section {
        background: #fff;
        font-size: 0.8rem;
}
@media screen and (max-width: 512px) {
        .seo-section iframe {
                width: 100%;
        }
}
@-webkit-keyframes bar {
        0% {
                width: 0;
        }
        to {
                width: 20%;
        }
}
@keyframes bar {
        0% {
                width: 0;
        }
        to {
                width: 20%;
        }
}
@-webkit-keyframes bar2 {
        0% {
                width: 0;
        }
        to {
                width: 100%;
        }
}
@keyframes bar2 {
        0% {
                width: 0;
        }
        to {
                width: 100%;
        }
}
@media (max-width: 1024px) and (min-width: 768px) {
        .index-content .info-column {
                flex: 0 0 91.6666666667%;
                max-width: 91.6666666667%;
        }
        .index-content .info-column .icon {
                width: 30px;
                height: 30px;
        }
        .index-content .info-column label {
                font-size: 1rem;
        }
}
@media screen and (max-width: 768px) {
        .carousel {
                overflow: hidden;
        }
        .carousel .carousel-indicators {
                bottom: 0;
                z-index: 3;
                margin: 0;
        }
        .carousel .carousel-item {
                height: auto !important;
                background-size: contain;
        }
        .carousel .carousel-inner {
                overflow: unset;
        }
        .mobile-content .annoucement .marquee span {
                display: flex;
                max-width: 700px;
        }
        .mobile-content .m-game-catagory {
                background: #d10000;
                background: linear-gradient(180deg, #ffc929 0, #f1bf5b);
                background-size: cover;
        }
        .mobile-content .m-game-catagory .new-true {
                display: flex;
                position: absolute;
                z-index: 2;
                top: -5px;
                height: auto !important;
        }
        .mobile-content .m-game-catagory .new-true img {
                width: 30px;
        }
        .mobile-content .m-game-catagory .new-true img.hidden {
                opacity: 1 !important;
        }
        .mobile-content .m-game-catagory .new-false {
                display: none;
        }
        .mobile-content .m-game-catagory .nav-pill-title {
                font-family: SVN-Diablo;
                font-weight: 400;
                font-style: normal;
        }
        .mobile-content .m-game-catagory .nav-pill-title span {
                font-size: 1.5rem;
                padding: 5px;
                position: relative;
                top: 4px;
        }
        .mobile-content .m-game-catagory .true:before {
                content: " ";
                position: absolute;
                top: -10px;
                background-image: url(/assets/nav/hot-tag.png?1.0);
                background-size: contain;
                background-repeat: no-repeat;
                width: 30px;
                height: 30px;
                right: 5px;
                z-index: 3;
                -webkit-animation: shake 1s infinite alternate;
                animation: shake 1s infinite alternate;
        }
        .mobile-content .m-game-catagory .gold-border {
                display: flex;
                align-items: center;
                position: relative;
                box-sizing: border-box;
                color: #fff;
                background: #fff;
                background-clip: padding-box;
                /* !importanté */
                border: 1px solid transparent;
                /* !importanté */
                border-radius: 1em;
        }
        .mobile-content .m-game-catagory .gold-border:before {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: -1;
                margin: -3px;
                /* !importanté */
                border-radius: inherit;
                /* !importanté */
                background: linear-gradient(90deg, #ffae00, #ba7c0b);
        }
        .mobile-content .m-game-catagory .nav-pills {
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;
                display: flex;
                width: 25%;
                float: left;
        }
        .mobile-content .m-game-catagory .nav-pills.my .horseracing,
        .mobile-content .m-game-catagory .nav-pills.sg .horseracing {
                order: 4;
        }
        .mobile-content .m-game-catagory .nav-pills.my .fishing,
        .mobile-content .m-game-catagory .nav-pills.sg .fishing {
                order: 5;
        }
        .mobile-content .m-game-catagory .nav-pills.my .lottery,
        .mobile-content .m-game-catagory .nav-pills.sg .lottery {
                order: 6;
        }
        .mobile-content .m-game-catagory .nav-pills.my .cockfight {
                order: 7;
        }
        .mobile-content .m-game-catagory .nav-pills li {
                display: flex;
                height: 70px;
                padding: 0;
        }
        .mobile-content .m-game-catagory .nav-pills li .pill-img,
        .mobile-content .m-game-catagory .nav-pills li .pill-img-hover {
                position: absolute;
                width: 60px;
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
        }
        .mobile-content .m-game-catagory .nav-pills li .pill-img-hover {
                opacity: 0;
                transition: 0.3s;
        }
        .mobile-content .m-game-catagory .nav-pills li a {
                padding: 0;
        }
        .mobile-content .m-game-catagory .nav-pills li a img {
                width: 25px;
                height: 25px;
                -webkit-filter: brightness(0.5);
                filter: brightness(0.5);
        }
        .mobile-content .m-game-catagory .nav-pills li a span {
                color: #d10000;
                font-size: 0.5rem;
        }
        .mobile-content .m-game-catagory .nav-pills li.active .pill-img-hover,
        .mobile-content .m-game-catagory .nav-pills li:hover .pill-img-hover {
                opacity: 1;
                transition: 0.3s;
        }
        .mobile-content .m-game-catagory .nav-pills li.active img,
        .mobile-content .m-game-catagory .nav-pills li:hover img {
                -webkit-filter: brightness(1);
                filter: brightness(1);
                transition: 0.3s;
        }
        .mobile-content .m-game-catagory .nav-pills li.active span,
        .mobile-content .m-game-catagory .nav-pills li:hover span {
                color: #fff;
        }
        .mobile-content .m-game-catagory .tab-content {
                background: transparent;
                width: 75%;
                float: left;
        }
        .mobile-content .m-game-catagory .tab-content > .tab-pane.active {
                display: flex;
        }
        .mobile-content .m-game-catagory .tab-content > .tab-pane span {
                color: #d10000;
                font-weight: 700;
                font-size: 0.6rem;
                height: 35px;
                overflow: hidden;
        }
}
@media screen and (max-width: 768px) and (max-width: 320px) {
        .mobile-content .m-game-catagory .tab-content > .tab-pane span {
                font-size: 0.5rem !important;
        }
}
@media screen and (max-width: 768px) {
        .mobile-content .m-game-catagory .x-hollies {
                width: 180px;
                left: calc(50% - 90px);
                right: calc(50% - 90px);
                bottom: -20px;
        }
}
@media screen and (max-width: 460px) {
        .mobile-content .game a > div img {
                width: 20px;
                height: 20px;
        }
        .mobile-content .game a > div span {
                font-size: 0.6rem;
        }
        .mobile-content .annoucement .marquee span {
                display: flex;
                max-width: 300px;
        }
        .mobile-deposit label,
        .mobile-deposit span {
                padding: 0 !important;
        }
        .mobile-deposit > div {
                top: -15px;
        }
        .carousel .carousel-control-next-icon,
        .carousel .carousel-control-prev-icon {
                width: 20px;
                height: 20px;
        }
        .santa {
                top: -2%;
        }
        .santa img {
                width: 120px;
                height: 64px;
        }
}
@-webkit-keyframes cloud {
        0%,
        to {
                left: 0;
        }
        50% {
                left: 150px;
        }
}
@keyframes cloud {
        0%,
        to {
                left: 0;
        }
        50% {
                left: 150px;
        }
}
@keyframes spinner {
        0% {
                -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg);
        }
        to {
                -webkit-transform: rotateY(-1turn);
                transform: rotateY(-1turn);
        }
}
.x-deco {
        bottom: -5%;
        z-index: 2;
        width: 15%;
        left: 0;
}
.x-presents {
        bottom: -5px;
        z-index: 2;
        width: 20%;
        right: 15px;
}
.x-hollies {
        z-index: 1;
        width: 16%;
        left: 42%;
        right: 42%;
        bottom: -20px;
}
.x-edge-left {
        left: -20px;
}
.x-edge-left,
.x-edge-right {
        z-index: 2;
        bottom: -30%;
        width: 17%;
}
.x-edge-right {
        right: -20px;
}
.x-snow-right {
        z-index: 1;
        right: -20px;
        bottom: -8%;
        width: 20%;
}
.x-gifts {
        left: 0;
        bottom: -5%;
        width: 15%;
        z-index: 1;
}
.x-cane {
        right: 0;
        bottom: -10%;
        width: 20%;
        z-index: 1;
}
@media screen and (max-width: 799px) {
        .x-cane {
                width: 120px;
                bottom: -25px !important;
        }
}
.eu9-index {
        background: #000;
}
.eu9-index .idx-title {
        font-size: 2rem !important;
}
@media screen and (max-width: 799px) {
        .eu9-index .idx-title {
                font-size: 1.4rem !important;
        }
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-title {
                text-align: center;
        }
}
.eu9-index .idx-bg-banner {
        background: #040709;
}
.eu9-index .idx-bg-banner:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
}
.eu9-index .idx-annoucement .decoration {
        max-width: 200px;
        z-index: 1;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-annoucement .decoration {
                max-width: 80px;
        }
}
.eu9-index .idx-annoucement .decoration-1 {
        left: 0;
        top: -125px;
        -webkit-animation: vertical-shaking 2s infinite;
        animation: vertical-shaking 2s infinite;
        transition-timing-function: ease-out;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
}
@media screen and (max-width: 1023px) {
        .eu9-index .idx-annoucement .decoration-1 {
                top: -160px;
        }
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-annoucement .decoration-1 {
                top: -80px;
        }
}
.eu9-index .idx-annoucement .decoration-2 {
        right: 0;
        top: -70px;
        -webkit-animation: drop 0.7s infinite;
        animation: drop 0.7s infinite;
        transition-timing-function: ease-out;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
}
@media screen and (max-width: 1023px) {
        .eu9-index .idx-annoucement .decoration-2 {
                top: -110px;
        }
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-annoucement .decoration-2 {
                top: -45px;
        }
}
.eu9-index .idx-annoucement .title label {
        color: #fff;
        font-weight: 700;
}
@media screen and (max-width: 799px) {
        .eu9-index .idx-annoucement .title label {
                font-size: 0.8rem;
        }
}
.eu9-index .idx-annoucement .title picture {
        width: 28px;
}
.eu9-index .idx-annoucement .marquee {
        width: calc(100% - 50px);
        height: 40px;
        margin: 0 auto;
        padding-top: 10px;
        color: #fff;
        background: transparent;
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
}
@media screen and (max-width: 799px) {
        .eu9-index .idx-annoucement .marquee {
                font-size: 0.8rem;
        }
}
.eu9-index .idx-annoucement .marquee span {
        display: inline-block;
        padding-left: 100%;
        text-indent: 0;
        -webkit-animation: marquee 30s linear infinite;
        animation: marquee 30s linear infinite;
}
.eu9-index .idx-annoucement .marquee span:hover {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
}
@-webkit-keyframes marquee {
        0% {
                -webkit-transform: translate(0);
                transform: translate(0);
        }
        to {
                -webkit-transform: translate(-100%);
                transform: translate(-100%);
        }
}
@keyframes marquee {
        0% {
                -webkit-transform: translate(0);
                transform: translate(0);
        }
        to {
                -webkit-transform: translate(-100%);
                transform: translate(-100%);
        }
}
.eu9-index .idx-banner .swiper-width {
        width: 100%;
        margin: auto;
        overflow: hidden;
        text-align: center;
}
.eu9-index .idx-banner .swiper-width .swiper-area .swiper-container,
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-slide {
        position: relative;
}
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-slide
        span {
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #fff;
        font-size: 14px;
        padding: 10px;
}
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-slide
        img {
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 0.5s ease-in-out;
        min-height: 350px;
}
@media (prefers-reduced-motion: reduce) {
        .eu9-index
                .idx-banner
                .swiper-width
                .swiper-area
                .swiper-container
                .swiper-slide
                img {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .eu9-index
                .idx-banner
                .swiper-width
                .swiper-area
                .swiper-container
                .swiper-slide
                img {
                min-height: 170px;
        }
}
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-slide
        img.onload {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-slide
        img
        a {
        display: block;
}
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-slide
        img
        a
        img {
        width: 100%;
}
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-pagination-bullet {
        width: 30px;
        height: 4px;
        border-radius: unset;
        background: #fff;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
}
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-pagination-bullet-active {
        background: #fcd400;
}
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-button-next,
.eu9-index
        .idx-banner
        .swiper-width
        .swiper-area
        .swiper-container
        .swiper-button-prev {
        color: #fff;
}
.eu9-index .idx-games {
        background-image: url(/assets/index/game-bg.jpg);
        background-image: -webkit-image-set(url(/assets/index/game-bg.webp) 1x);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        box-shadow: inset 0 0 15px 10px rgba(0, 0, 0, 0.65);
}
.eu9-index .idx-games .listing a {
        cursor: pointer;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .eu9-index .idx-games .listing a {
                transition: none;
        }
}
.eu9-index .idx-games .listing a img {
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 0.5s ease-in-out;
        margin: 0 auto;
}
@media (prefers-reduced-motion: reduce) {
        .eu9-index .idx-games .listing a img {
                transition: none;
        }
}
.eu9-index .idx-games .listing a .name {
        transition: all 0.5s ease-in-out;
        top: 0;
        opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
        .eu9-index .idx-games .listing a .name {
                transition: none;
        }
}
.eu9-index .idx-games .listing a .name label {
        font-size: 1rem;
        line-height: 1rem;
        color: #fff;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-games .listing a .name label {
                font-size: 0.8rem;
        }
}
.eu9-index .idx-games .listing a:hover img {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
}
.eu9-index .idx-games .listing a:hover .name label {
        color: #ff0031 !important;
}
.eu9-index .idx-games .listing .popular-games {
        color: #fff;
        min-height: 166px;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-games .listing .popular-games {
                max-width: 360px;
        }
}
.eu9-index .idx-games .listing .popular-games .swiper-button-next {
        right: 0;
}
.eu9-index .idx-games .listing .popular-games .swiper-button-prev {
        left: 0;
}
.eu9-index .idx-games .listing .swiper-button-next,
.eu9-index .idx-games .listing .swiper-button-prev {
        color: #fff;
}
@media screen and (max-width: 799px) {
        .eu9-index .idx-games .listing #idxGamesBig a {
                flex: 0 0 50%;
                max-width: 50%;
        }
}
.eu9-index .idx-games .listing #idxGamesBig a figure img {
        max-height: 360px;
        max-width: unset;
        width: auto;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-games .listing #idxGamesBig a figure img {
                max-width: 180px;
                max-height: 180px;
        }
}
.eu9-index .idx-games .listing #idxGamesBig a figure .name label {
        font-size: 1.4rem;
        line-height: 1.4rem;
}
.eu9-index .idx-games .listing #idxGamesSmall a picture.idx-hot {
        -webkit-transform: scale(1);
        transform: scale(1);
        width: 90px;
        top: 10%;
        left: 20%;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-games .listing #idxGamesSmall a picture.idx-hot {
                width: 46px;
        }
}
.eu9-index .idx-games .listing #idxGamesSmall a picture.idx-provider img {
        max-width: 100%;
}
.eu9-index .idx-games .listing #idxGamesSmall a .provider img {
        height: 50px;
        width: auto;
        margin-top: -20px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .eu9-index .idx-games .listing #idxGamesSmall a .provider img {
                transition: none;
        }
}
.eu9-index .idx-leaderboard {
        background-image: url(/assets/index/idx-bg-leaderboard.jpg);
        background-image: -webkit-image-set(
                url(/assets/index/idx-bg-leaderboard.webp) 1x
        );
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
}
.eu9-index .idx-leaderboard.disabled {
        cursor: pointer;
}
.eu9-index .idx-leaderboard.disabled a {
        pointer-events: none;
        cursor: default;
}
.eu9-index .idx-leaderboard.disabled #leaderBoardTable .result-table {
        -webkit-filter: blur(15px);
        filter: blur(15px);
}
.eu9-index .idx-leaderboard.disabled #leaderBoardTable .login-auth {
        font-size: 1.4rem;
}
.eu9-index .idx-leaderboard:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.65);
}
.eu9-index .idx-leaderboard .nav-tabs {
        border-bottom-left-radius: 25px !important;
        border-top-right-radius: 25px !important;
        border: none;
        height: 48px;
}
.eu9-index .idx-leaderboard .nav-tabs .nav-item a {
        border: none;
        cursor: pointer;
}
.eu9-index .idx-leaderboard .nav-tabs .nav-item a label {
        cursor: pointer;
        color: #fff;
        font-weight: 700;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .eu9-index .idx-leaderboard .nav-tabs .nav-item a label {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-leaderboard .nav-tabs .nav-item a label {
                font-size: 0.7rem;
        }
}
.eu9-index .idx-leaderboard .nav-tabs .nav-item a.active {
        border-bottom-left-radius: 25px !important;
        border-top-right-radius: 25px !important;
        background-color: #fff;
}
.eu9-index .idx-leaderboard .nav-tabs .nav-item a.active label {
        color: #ff0031 !important;
}
.eu9-index .idx-leaderboard .nav-tabs .nav-item a:focus,
.eu9-index .idx-leaderboard .nav-tabs .nav-item a:hover {
        border: none;
}
.eu9-index .idx-leaderboard .nav-tabs .nav-item a:hover label {
        color: #231f20 !important;
}
.eu9-index .idx-leaderboard .dropdown .dropdown-toggle {
        background-color: #ff0031;
        height: 30px;
        border: none;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
}
.eu9-index .idx-leaderboard .level {
        opacity: 0.35;
        cursor: pointer;
}
@media screen and (max-width: 799px) {
        .eu9-index .idx-leaderboard .level {
                font-size: 1.4rem;
        }
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-leaderboard .level {
                font-size: 1.2rem;
        }
}
.eu9-index .idx-leaderboard .level.active {
        opacity: 1;
}
.eu9-index .idx-leaderboard .level.active span {
        color: #ff0031;
}
.eu9-index .idx-leaderboard .level picture img {
        width: 100px;
        height: 100px;
}
.eu9-index .idx-leaderboard .level span {
        width: calc(100% - 100px);
}
.eu9-index .idx-leaderboard #leaderBoardTable .leaderboard-table .table-row {
        border: none;
        color: #fff;
        height: 48px;
        font-size: 1.2rem;
}
@media screen and (max-width: 512px) {
        .eu9-index
                .idx-leaderboard
                #leaderBoardTable
                .leaderboard-table
                .table-row {
                font-size: 0.8rem;
        }
}
.eu9-index
        .idx-leaderboard
        #leaderBoardTable
        .leaderboard-table
        .table-row
        .number {
        background-color: #231f20;
        width: 48px;
        height: 48px;
        border-bottom-left-radius: 15px !important;
        border-top-right-radius: 15px !important;
}
.eu9-index
        .idx-leaderboard
        #leaderBoardTable
        .leaderboard-table
        .table-row
        .username {
        border-bottom-left-radius: 25px !important;
        background-color: #231f20;
}
.eu9-index
        .idx-leaderboard
        #leaderBoardTable
        .leaderboard-table
        .table-row
        .turnover {
        border-top-right-radius: 25px !important;
        background-color: #231f20;
}
.eu9-index
        .idx-leaderboard
        #leaderBoardTable
        .leaderboard-table
        .table-row:first-child,
.eu9-index
        .idx-leaderboard
        #leaderBoardTable
        .leaderboard-table
        .table-row:nth-child(2),
.eu9-index
        .idx-leaderboard
        #leaderBoardTable
        .leaderboard-table
        .table-row:nth-child(3) {
        color: #ff0031;
}
.eu9-index .idx-jackpot_title {
        color: #f1bf5b;
        text-shadow: 0 0 18px #f1bf5b;
        font-size: 1.2rem;
        top: 40px;
}
@media screen and (max-width: 700px) {
        .eu9-index .idx-jackpot_title {
                font-size: 1rem;
                top: 15px;
        }
}
.eu9-index .idx-jackpot {
        background-image: url(/assets/index/idx-bg-jackpot.png);
        background-image: -webkit-image-set(
                url(/assets/index/idx-bg-jackpot.webp) 1x
        );
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        height: 250px;
}
@media screen and (max-width: 700px) {
        .eu9-index .idx-jackpot {
                height: 120px;
        }
}
.eu9-index .idx-jackpot .rp {
        position: relative;
        top: 15px;
        left: 55px;
        font-size: 3rem;
        font-weight: 700;
        color: #462200;
        font-family: Russo One, sans-serif !important;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-jackpot .rp {
                top: 8px;
                left: 100px;
                font-size: 1.4rem;
        }
}
@media only screen and (max-width: 384px) {
        .eu9-index .idx-jackpot .rp {
                left: 85px;
        }
}
@media screen and (max-width: 320px) {
        .eu9-index .idx-jackpot .rp {
                top: 7px;
                font-size: 1rem;
        }
}
.eu9-index .idx-jackpot .odometer {
        position: relative;
        top: 10px;
        left: 55px;
        max-width: 535px;
}
.eu9-index .idx-jackpot .odometer-digit,
.eu9-index .idx-jackpot .odometer-formatting-mark {
        background: transparent;
        color: #462200;
        padding: 0;
        margin: 0 !important;
        font-size: 3rem;
        font-family: Russo One, sans-serif !important;
        width: 35px;
}
.eu9-index .idx-jackpot .odometer-digit-inner,
.eu9-index .idx-jackpot .odometer-formatting-mark {
        display: inline-block;
        left: 0 !important;
}
.eu9-index .idx-jackpot .odometer-formatting-mark {
        width: 15px;
}
.eu9-index .idx-jackpot .odometer-digit,
.eu9-index .idx-jackpot .odometer-digit-spacer,
.eu9-index .idx-jackpot .odometer-formatting-mark,
.eu9-index .idx-jackpot .odometer-ribbon-inner {
        text-align: center;
        margin: 0 auto;
        font-weight: 700;
}
@media screen and (max-width: 700px) {
        .eu9-index .idx-jackpot .odometer {
                top: 7px;
                left: 25px;
        }
        .eu9-index .idx-jackpot .odometer-digit {
                font-size: 1.4rem;
                width: 15px;
        }
        .eu9-index .idx-jackpot .odometer-formatting-mark {
                font-size: 1.4rem;
                width: 10px;
        }
}
@media screen and (max-width: 320px) {
        .eu9-index .idx-jackpot .odometer-digit {
                font-size: 1rem;
                width: 12px;
        }
        .eu9-index .idx-jackpot .odometer-formatting-mark {
                font-size: 1rem;
                width: 7px;
        }
}
.eu9-index .idx-jackpot .odometer__number-wheel {
        width: 2.5rem;
        height: 3rem;
        float: left;
        margin: 0.75rem 1px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateZ(-4.5rem);
        transform: translateZ(-4.5rem);
        -webkit-animation: wheel-spin 10s linear infinite;
        animation: wheel-spin 10s linear infinite;
}
.eu9-index .idx-jackpot .odometer__number {
        display: block;
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        font-size: 1.98rem;
        background: #33333f;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}
@-webkit-keyframes wheel-spin {
        0% {
                -webkit-transform: translateZ(-4.5rem) rotateX(0deg);
                transform: translateZ(-4.5rem) rotateX(0deg);
        }
        to {
                -webkit-transform: translateZ(-4.5rem) rotateX(1turn);
                transform: translateZ(-4.5rem) rotateX(1turn);
        }
}
@keyframes wheel-spin {
        0% {
                -webkit-transform: translateZ(-4.5rem) rotateX(0deg);
                transform: translateZ(-4.5rem) rotateX(0deg);
        }
        to {
                -webkit-transform: translateZ(-4.5rem) rotateX(1turn);
                transform: translateZ(-4.5rem) rotateX(1turn);
        }
}
.eu9-index .idx-bestSlotGames .swiper {
        width: 100%;
        height: 450px;
        margin-left: auto;
        margin-right: auto;
}
.eu9-index .idx-bestSlotGames .swiper-slide {
        text-align: center;
        font-size: 18px;
        height: calc((100% - 30px) / 2) !important;
}
.eu9-index .idx-bestSlotGames .game_image {
        width: 190px;
}
.eu9-index .idx-bestSlotGames .navigation .swiper-button-next,
.eu9-index .idx-bestSlotGames .navigation .swiper-button-prev {
        background-color: transparent;
        color: #f1bf5b;
        border-color: #f1bf5b !important;
        border-width: 2px !important;
        width: 30px;
        height: 30px;
        position: relative;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-bestSlotGames .navigation .swiper-button-next,
        .eu9-index .idx-bestSlotGames .navigation .swiper-button-prev {
                top: 42px;
        }
}
.eu9-index .idx-bestSlotGames .navigation .swiper-button-next:hover,
.eu9-index .idx-bestSlotGames .navigation .swiper-button-prev:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        color: #040709;
}
.eu9-index .idx-bestSlotGames .navigation .swiper-button-prev {
        left: unset;
        right: 50px;
        position: relative;
        top: 41px;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-bestSlotGames .navigation .swiper-button-prev {
                top: 50px;
        }
}
.eu9-index .idx-bestSlotGames .navigation .swiper-button-next:after,
.eu9-index .idx-bestSlotGames .navigation .swiper-button-prev:after {
        content: "";
        font-size: 1rem;
        font-weight: bolder;
        font-family: Font Awesome\5 Free;
}
.eu9-index .idx-last_big_win_n_withdraw .border,
.eu9-index .idx-last_big_win_n_withdraw .user_border {
        border-radius: 10px;
}
.eu9-index .idx-last_big_win_n_withdraw .border {
        background-color: #1b1d20;
        border-color: transparent !important;
}
.eu9-index .idx-last_big_win_n_withdraw .border_container {
        height: 400px;
        overflow: scroll;
}
.eu9-index .idx-last_big_win_n_withdraw .border_container::-webkit-scrollbar {
        display: none;
}
.eu9-index .idx-last_big_win_n_withdraw .last_big_win .user_border {
        background-image: linear-gradient(
                45deg,
                #37302a,
                #3b332b 11%,
                #42382e 22%,
                #463b2f 33%,
                #4e4132 44%,
                #524432 56%,
                #5a4a35 67%,
                #5e4d36 78%,
                #625137 89%,
                #6a5639
        );
}
.eu9-index .idx-last_big_win_n_withdraw .last_withdraw .user_border {
        background-image: linear-gradient(
                45deg,
                #322c24,
                #3a3227 10%,
                #40372b 20%,
                #483c2e 30%,
                #4e4131 40%,
                #564634 50%,
                #4e4131 60%,
                #483c2e 70%,
                #40372b 80%,
                #3a3227 90%,
                #322c24
        );
}
.eu9-index .idx-download:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
}
.eu9-index .idx-download .application {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        -webkit-transform: skewY(-5deg);
        transform: skewY(-5deg);
}
.eu9-index .idx-download .application > div {
        -webkit-transform: skewY(5deg);
        transform: skewY(5deg);
}
.eu9-index .idx-download .title {
        font-size: 1.8rem;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-download .title {
                font-size: 1.4rem;
                font-size: 1.2rem;
        }
}
.eu9-index .idx-download span.scan {
        font-size: 0.9rem;
}
.eu9-index .idx-download .mobile-app {
        max-height: 300px;
}
.eu9-index .idx-download .mobile-app picture {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-animation: floatApp 3.5s ease-in-out infinite;
        animation: floatApp 3.5s ease-in-out infinite;
        max-width: 415px;
        top: 0;
}
@media screen and (max-width: 1023px) {
        .eu9-index .idx-download .mobile-app picture {
                left: 0;
        }
}
@media screen and (max-width: 799px) {
        .eu9-index .idx-download .mobile-app picture {
                position: relative !important;
                max-width: 280px;
        }
}
@-webkit-keyframes floatApp {
        0% {
                -webkit-transform: translatey(0);
                transform: translatey(0);
        }
        50% {
                -webkit-transform: translatey(-20px);
                transform: translatey(-20px);
        }
        to {
                -webkit-transform: translatey(0);
                transform: translatey(0);
        }
}
@keyframes floatApp {
        0% {
                -webkit-transform: translatey(0);
                transform: translatey(0);
        }
        50% {
                -webkit-transform: translatey(-20px);
                transform: translatey(-20px);
        }
        to {
                -webkit-transform: translatey(0);
                transform: translatey(0);
        }
}
.eu9-index .idx-download .qrcode a.appqr {
        width: 150px;
        height: 150px;
}
.eu9-index .idx-download .qrcode a.appqr canvas,
.eu9-index .idx-download .qrcode a.appqr img {
        max-width: 134px;
}
.eu9-index .idx-download .qrcode a.btn-app {
        width: 150px;
        background: #231f20;
        border-bottom-left-radius: 25px !important;
        border-top-right-radius: 25px !important;
        font-size: 0.8rem;
}
.eu9-index .idx-feature {
        background-image: url(/assets/index/idx-bg-feature.jpg);
        background-image: -webkit-image-set(
                url(/assets/index/idx-bg-feature.webp) 1x
        );
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        box-shadow: inset 0 0 15px 10px rgba(0, 0, 0, 0.65);
}
.eu9-index .idx-feature label {
        font-size: 1.4rem;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-feature label {
                font-size: 1.2rem;
        }
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-feature label.min-height {
                min-height: 61px;
                display: flex;
                justify-content: center;
                align-items: center;
        }
}
.eu9-index .idx-feature span {
        font-size: 0.8rem;
}
.eu9-index .idx-service .idx-title {
        font-size: 2rem;
}
.eu9-index .idx-service .idx-description {
        font-size: 1rem;
        line-height: 26px;
}
@media screen and (max-width: 1023px) {
        .eu9-index .idx-service .addGap {
                gap: 43px 0;
        }
}
.eu9-index .idx-service .circle-wrapper {
        background: #959aa1;
        width: 180px;
        height: 180px;
        border-radius: 50%;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-service .circle-wrapper {
                width: 150px;
                height: 150px;
        }
}
.eu9-index .idx-service .circle-wrapper svg {
        position: relative;
        width: 180px;
        height: 180px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-service .circle-wrapper svg {
                width: 150px;
                height: 150px;
        }
}
.eu9-index .idx-service .circle-wrapper svg circle {
        width: 100%;
        height: 100%;
        fill: none;
        stroke-width: 10;
        stroke-linecap: round;
        stroke-dasharray: 625px;
        stroke: #ff0031;
        transition: all 0.8s linear;
}
@media (prefers-reduced-motion: reduce) {
        .eu9-index .idx-service .circle-wrapper svg circle {
                transition: none;
        }
}
.eu9-index
        .idx-service
        .circle-wrapper
        [data-aos="run-anim"]
        ~ .time-text-wrapper {
        opacity: 0;
}
.eu9-index .idx-service .circle-wrapper [data-aos="run-anim"] svg circle {
        stroke-dashoffset: 625px;
}
.eu9-index .idx-service .circle-wrapper [data-aos="run-anim"].aos-animate svg,
.eu9-index
        .idx-service
        .circle-wrapper
        [data-aos="run-anim"].aos-animate
        ~ .time-text-wrapper {
        opacity: 1;
}
.eu9-index
        .idx-service
        .circle-wrapper
        [data-aos="run-anim"].aos-animate
        svg
        circle {
        --angle: var(--percent);
        stroke-dashoffset: calc(625px - 625px * var(--angle) / 100);
}
@media screen and (max-width: 512px) {
        .eu9-index
                .idx-service
                .circle-wrapper
                [data-aos="run-anim"].aos-animate
                svg
                circle {
                --angle: calc(var(--percent) - 5);
        }
}
.eu9-index .idx-service .circle-wrapper .time-text-wrapper {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: all 0.6s linear;
        z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
        .eu9-index .idx-service .circle-wrapper .time-text-wrapper {
                transition: none;
        }
}
.eu9-index .idx-service .circle-wrapper .time-text-wrapper p {
        background: linear-gradient(180deg, #ff404a, #ff242f, #bb010a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.eu9-index .idx-service .circle-wrapper .time-text-wrapper p.number {
        font-size: 4rem;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-service .circle-wrapper .time-text-wrapper p.number {
                font-size: 3rem;
        }
}
.eu9-index .idx-service .circle-wrapper .time-text-wrapper p.text {
        font-size: 1.4rem;
        margin-top: -28px !important;
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-service .circle-wrapper .time-text-wrapper p.text {
                font-size: 1.2rem;
                margin-top: -23px !important;
        }
}
.eu9-index .idx-service .circle-wrapper:after {
        content: "";
        position: absolute;
        z-index: 0;
        width: 161px;
        height: 161px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 512px) {
        .eu9-index .idx-service .circle-wrapper:after {
                width: 130px;
                height: 130px;
        }
}
.eu9-index .idx-service .circle-wrapper .circle-text {
        font-size: 1rem;
}
.eu9-index .idx-service .circle-wrapper .circle-text p:last-child {
        margin-top: -3px !important;
}
.eu9-index .idx-service .greyUnderline {
        height: 2.5px;
        background: hsla(0, 0%, 61.2%, 0.4);
}
@media screen and (max-width: 1199px) {
        .eu9-index .steps_section img {
                width: 100px;
        }
}
.eu9-index .idx-promotion .more-promo {
        color: #f1bf5b;
}
.eu9-index .idx-promotion .swiper-button-next,
.eu9-index .idx-promotion .swiper-button-prev {
        color: #ff0031;
}
.eu9-index .m-idx-auth .btn-red {
        height: 48px;
}
.eu9-index .m-idx-auth .btn-red.second {
        border-top-right-radius: 25px;
}
.eu9-index .m-idx-auth .btn-red.second span {
        color: #fff;
}
.eu9-index .m-idx-auth .btn-red:not(.second) {
        background-color: #fff;
        border-bottom-left-radius: 25px;
}
.eu9-index .m-idx-auth .btn-red:not(.second) span {
        font-weight: 700;
}
.eu9-index .m-idx-auth .btn-gold {
        height: 48px;
}
.eu9-index .m-idx-auth .btn-gold.second {
        box-shadow: 0 0 18px #ceb648;
}
.eu9-index .m-idx-auth .btn-gold.second span {
        font-weight: 700;
}
.eu9-index .m-idx-auth .btn-gold.second:hover {
        box-shadow: unset;
}
.eu9-index .m-idx-auth .btn-gold.second:hover span {
        color: #fff;
}
.eu9-index .m-idx-auth .btn-gold:not(.second) {
        background-color: #fff;
}
.eu9-index .m-idx-auth .btn-gold:not(.second) span {
        color: #231f20;
        font-weight: 700;
}
.eu9-index .m-idx-auth .btn-gold:not(.second):hover {
        background: #fcd400;
}
.eu9-index .m-idx-auth .btn-gold:not(.second):hover span {
        color: #231f20;
}
.eu9-index .m-game-category span {
        color: #fff;
        font-size: 0.7rem;
}
.eu9-index .m-idx-balance button#transferAllBtn {
        border-top-right-radius: 15px !important;
}
.eu9-index .m-idx-balance button#transferAllBtn span {
        font-size: 0.8rem;
        font-weight: 400;
}
.eu9-index .m-idx-balance .wallet a img {
        width: 25px;
}
.eu9-index .m-idx-balance .wallet a span {
        font-size: 0.8rem;
        color: #231f20;
}
.idx-puiyi {
        background-image: url(/assets/index/eubet-rough-texture-red.jpg);
        background-image: -webkit-image-set(
                url(/assets/index/eubet-rough-texture-red.webp) 1x
        );
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
}
@media screen and (max-width: 799px) {
        .idx-puiyi {
                padding: 43px 0 0 !important;
        }
}
@media screen and (max-width: 512px) {
        .idx-puiyi .text-wrapper {
                padding-right: 0 !important;
        }
}
.idx-puiyi .text-wrapper .big-title {
        font-size: 1.6rem;
}
@media screen and (max-width: 512px) {
        .idx-puiyi .text-wrapper .big-title {
                font-size: 1.2rem;
        }
}
.idx-puiyi .text-wrapper .name {
        font-size: 1.8rem;
        line-height: 36px;
}
@media screen and (max-width: 512px) {
        .idx-puiyi .text-wrapper .name {
                font-size: 1.6rem;
        }
}
.idx-puiyi .text-wrapper .name span {
        font-size: 2.8rem;
}
@media screen and (max-width: 512px) {
        .idx-puiyi .text-wrapper .name span {
                font-size: 2rem;
        }
}
.idx-puiyi .text-wrapper .small-title {
        font-size: 1.6rem;
        color: #fcd400;
}
.idx-puiyi .text-wrapper .small-title:hover {
        color: #fff;
}
@media screen and (max-width: 512px) {
        .idx-puiyi .text-wrapper .small-title {
                font-size: 1.2rem;
        }
}
.idx-puiyi .text-wrapper ul {
        font-size: 1.2rem;
}
@media screen and (max-width: 512px) {
        .idx-puiyi .text-wrapper ul {
                font-size: 0.8rem;
        }
}
@media screen and (max-width: 799px) {
        .idx-puiyi .puiyi-wrapper {
                left: 15%;
        }
}
.idx-puiyi .puiyi-wrapper picture .puiyi {
        width: 420px;
        max-width: 420px;
}
@media screen and (max-width: 799px) {
        .idx-puiyi .puiyi-wrapper picture .puiyi {
                width: auto;
                max-width: 100%;
        }
}
.idx-puiyi .puiyi-wrapper picture .puiyi-signature {
        width: 150px;
        top: 50%;
        left: 0;
        -webkit-transform: translate(-53%, 23%);
        transform: translate(-53%, 23%);
}
@media screen and (max-width: 799px) {
        .idx-puiyi .puiyi-wrapper picture .puiyi-signature {
                width: 200px;
                -webkit-transform: translate(-70%, 23%);
                transform: translate(-70%, 23%);
        }
}
@media screen and (max-width: 512px) {
        .idx-puiyi .puiyi-wrapper picture .puiyi-signature {
                width: 100px;
                -webkit-transform: translate(-50%, 30%);
                transform: translate(-50%, 30%);
        }
}
.footer-div .swiper {
        overflow: visible !important;
}
.footer-div img {
        max-width: 90px;
        margin: 0 8px 8px;
}
@media screen and (max-width: 512px) {
        .footer-div img {
                max-width: 60px;
        }
}
@media screen and (max-width: 1023px) {
        .all-games-div .title-div {
                display: none !important;
        }
}
.all-games-div .title-div .all-games-title {
        font-size: 30px;
}
.all-games-div .all-games .games-section a {
        cursor: pointer;
}
.all-games-div .all-games .games-section a:hover .game-img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
}
.all-games-div .all-games .games-section a:hover .trapezoid span {
        border-bottom: 2em solid #ffc929;
}
.all-games-div .all-games .games-section a:hover .trapezoid span b:first-child {
        display: none;
}
.all-games-div
        .all-games
        .games-section
        a:hover
        .trapezoid
        span
        b:nth-child(2) {
        display: flex;
        opacity: 1;
}
.all-games-div .all-games .games-section a .game-img {
        min-height: 100%;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        width: 100%;
        transition: all 0.5s ease-in-out !important;
}
.all-games-div .all-games .games-section a .trapezoid {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        top: 4px;
}
.all-games-div .all-games .games-section a .trapezoid span {
        width: 80%;
        height: 3em;
        border-bottom: 2em solid #f1bf5b;
        border-left: 1.5em solid transparent;
        border-right: 1.5em solid transparent;
}
.all-games-div .all-games .games-section a .trapezoid span b {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        font-size: 1rem;
        top: 18px;
}
.all-games-div .all-games .games-section a .trapezoid span b:first-child {
        display: flex;
        opacity: 1;
}
.all-games-div .all-games .games-section a .trapezoid span b:nth-child(2) {
        display: none;
        opacity: 0;
}
@media screen and (max-width: 1023px) {
        .recent-games-div .title-div {
                display: inline !important;
        }
}
.recent-games-div .game img {
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
}
.recent-games-div .game .game-name {
        background-color: #1c1c1c;
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
}
.mobile-all-games-div .mobile-games-category .mobile-game-active.active img {
        border: 4px solid #ffc929;
}
.mobile-all-games-div .mobile-games-category .trapezoid {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        top: 0;
}
.mobile-all-games-div .mobile-games-category .trapezoid span {
        width: 90%;
        height: 1em;
        border-bottom: 1em solid #ffc929;
        border-left: 0.5em solid transparent;
        border-right: 0.5em solid transparent;
}
.mobile-all-games-div .mobile-games-category .trapezoid span b {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        font-size: 0.5rem;
        top: 1px;
}
.mobile-all-games-div .show-all-games label {
        font-family: MFLiHei;
        font-size: 1.6rem;
        margin-top: -10px;
}
.mobile-all-games-div .show-all-games .all-games-div .individual-game a {
        border: 1px solid #ffc929;
        border-radius: 8px;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
        overflow: hidden;
        white-space: nowrap;
        background: linear-gradient(180deg, #fff, #ffc929);
}
.mobile-all-games-div
        .show-all-games
        .all-games-div
        .individual-game
        a
        picture
        img {
        -o-object-fit: contain;
        object-fit: contain;
}
.mobile-all-games-div
        .show-all-games
        .all-games-div
        .individual-game
        a
        .trapezoid {
        bottom: 0;
}
.mobile-all-games-div
        .show-all-games
        .all-games-div
        .individual-game
        a
        .trapezoid
        span {
        width: 90%;
        height: 1em;
        border-bottom: 1em solid #f1bf5b;
        border-left: 0.5em solid transparent;
        border-right: 0.5em solid transparent;
}
.mobile-all-games-div
        .show-all-games
        .all-games-div
        .individual-game
        a
        .trapezoid
        span
        b {
        font-size: 0.7rem;
        top: -0.5px;
}
.mobile-video-div .video-title {
        font-size: 1.2rem;
        font-family: UTM-AvoBold;
        font-weight: 700;
}
.mobile-video-div .video-div .video-div-content {
        border-radius: 5px;
        box-shadow: 0 0 8px 1px rgba(19, 179, 229, 0.25);
        background: linear-gradient(180deg, #fff, #d9f5ff);
}
.progressive-jackpot .jackpot-div a .box {
        left: 8.5%;
        right: 8.5%;
}
.progressive-jackpot .jackpot-div a .box .jackpot-text {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 180px;
        -webkit-animation: drop 0.7s infinite;
        animation: drop 0.7s infinite;
        transition-timing-function: ease-out;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
}
.progressive-jackpot .jackpot-div a .box .number {
        font-size: 2.5vw;
}
@media screen and (max-width: 1023px) {
        .download-section .title-div {
                display: none !important;
        }
}
.download-section .title-div .all-games-title {
        font-size: 30px;
}
.download-section .download-content .download-left-content .download-logo-img {
        max-width: 90px;
        -o-object-fit: contain;
        object-fit: contain;
}
.download-section .download-content .download-left-content h3 {
        font-size: 2.1rem;
        font-weight: 600;
}
.download-section .download-content .download-left-content .main-description {
        font-size: 1.2rem;
        font-weight: 400;
        color: #ffc929;
        line-height: 37px;
}
.download-section .download-content .download-left-content .signin-description {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 37px;
        background: #f1bf5b;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.download-section .download-content .download-left-content .qr-code-div .dl-qr {
        border: 2px solid #333;
        padding: 10px;
        border-radius: 5px;
        width: 134px;
        height: 134px;
}
.download-section
        .download-content
        .download-left-content
        .qr-code-div
        .btn-theme {
        border: 2px solid #bcbec0;
        background: #fff;
        border-radius: 50px !important;
        transition: all 0.5s ease-in-out !important;
        font-size: 0.9rem;
        color: #414042;
        cursor: pointer;
}
.download-section
        .download-content
        .download-left-content
        .qr-code-div
        .btn-theme.android:hover {
        background: #a4c639;
        border: 2px solid #85a128;
}
.download-section
        .download-content
        .download-left-content
        .qr-code-div
        .btn-theme.ios:hover {
        background: #333;
}
.download-section
        .download-content
        .download-left-content
        .qr-code-div
        .btn-theme.ios:hover
        span {
        color: #fff !important;
}
.download-section
        .download-content
        .download-left-content
        .qr-code-div
        .btn-theme
        span {
        font-weight: 700;
        font-size: 11px;
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex {
        gap: 23px;
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .add-mobile-overlay
        .mobile-content-frame {
        width: 100%;
        position: relative;
        display: block;
        max-width: 280px;
        overflow: hidden;
        border-radius: 40px;
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .add-mobile-overlay
        .mobile-layout {
        top: 0;
        left: 15px;
        right: 7px;
        z-index: 0;
        -webkit-animation: scroll-up-down 30s linear 1.2s infinite alternate;
        animation: scroll-up-down 30s linear 1.2s infinite alternate;
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .box-design {
        border-radius: 13px;
        min-height: 308px;
        box-shadow: 4px 5px 20px -9px rgba(0, 0, 0, 0.5);
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .title {
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 20px;
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .description {
        font-size: 1rem;
        font-weight: 500;
        max-width: 180px;
        line-height: 20px;
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .special-information {
        background: radial-gradient(#4bb8cc, #49b2d0, #419cdd, #3f96de);
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .wallet-transfer {
        background: radial-gradient(#45bf8c, #42b686, #389b74, #2d785d);
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .easy-friend {
        background: radial-gradient(#da820e, #d78210, #bc7015, #8d541e);
}
.download-section
        .download-content
        .download-right-content
        .download-content-flex
        .customer-service {
        background: radial-gradient(#792886, #6d247b, #5a1f66);
}
.message-div .message-to-user span {
        border: 1px solid #ffc929;
        box-shadow: 0 0 8px 1px #f1bf5b;
        background: linear-gradient(180deg, #d2a803, #8c5a06);
}
.instructions-div .four-steps .step h3 {
        color: #f58f04;
}
.instructions-div .four-steps .step .indicator {
        position: relative;
        display: inline-flex;
        align-items: center;
        z-index: 1;
        height: 100%;
}
.instructions-div .four-steps .step .indicator:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        height: 50%;
        top: 0;
        left: 0;
        -webkit-transform: skew(25deg, 0deg);
        transform: skew(25deg, 0deg);
        background: #b76f10;
        border: 1px solid #f1bf5b;
        border-bottom: none;
}
.instructions-div .four-steps .step .indicator:after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        height: 50%;
        bottom: 0;
        left: 0;
        -webkit-transform: skew(-25deg, 0deg);
        transform: skew(-25deg, 0deg);
        border: 1px solid #f1bf5b;
        border-top: none;
        background: linear-gradient(180deg, #b76f10, #533a1a);
}
.instructions-div .four-steps .step .indicator .step-content .step-text span {
        font-size: 0.7rem;
        line-height: 0.8rem;
        color: #fff;
}
.promotion-section .swiper {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
}
.promotion-section .swiper-slide {
        background-position: 50%;
        background-size: cover;
        width: 300px;
        height: 175px;
}
.promotion-section .swiper-slide img {
        display: block;
        width: 100%;
}
@media screen and (max-width: 1023px) {
        .promotion-section .title-div {
                display: none !important;
        }
}
.promotion-section .title-div .download-title {
        font-size: 30px;
}
.promotion-section .promotion-content .view-all-div span {
        color: #ffc929;
}
.promotion-section .promotion-content .img-hover {
        cursor: pointer;
        height: auto;
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
}
.promotion-section .promotion-content .img-hover:hover img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
}
.promotion-section .promotion-content .img-hover a img {
        -o-object-fit: contain;
        object-fit: contain;
}
.promotion-section .promotion-content .img-hover .progressive .size {
        width: 330px;
        height: 250px;
}
.promotion-section .promotion-content .img-hover .promo-button,
.promotion-section .promotion-content .img-hover .view-button,
.promotion-section .promotion-content .img-hover .winner-button {
        opacity: 0;
        top: 30%;
}
.promotion-section .promotion-content .img-hover .promo-button a,
.promotion-section .promotion-content .img-hover .view-button a,
.promotion-section .promotion-content .img-hover .winner-button a {
        position: relative;
        display: block;
}
.promotion-section .promotion-content .img-hover .promo-button i,
.promotion-section .promotion-content .img-hover .view-button i,
.promotion-section .promotion-content .img-hover .winner-button i {
        -webkit-transform: unset;
        transform: unset;
        position: relative;
        top: unset;
        left: unset;
        font-size: 16px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        background: #13b3e5;
        background: linear-gradient(90deg, #13b3e5 0, #00d1c2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13b3e5",endColorstr="#00d1c2",GradientType=1);
}
.promotion-section .promotion-content .img-hover:hover a {
        z-index: 4;
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .promotion-section .promotion-content .img-hover:hover a {
                transition: none;
        }
}
.promotion-section .promotion-content .img-hover:hover .promo-button,
.promotion-section .promotion-content .img-hover:hover .promo-button span,
.promotion-section .promotion-content .img-hover:hover .winner-button,
.promotion-section .promotion-content .img-hover:hover .winner-button span {
        opacity: 1;
}
.promotion-section .promotion-content .img-hover:hover:before {
        background: rgba(0, 0, 0, 0.65);
}
@media screen and (max-width: 1023px) {
        .about-us-section .title-div {
                display: none !important;
        }
}
.about-us-section .title-div .about-us-title {
        font-size: 30px;
}
.about-us-section .about-us-content .video-title {
        font-size: 1.2rem;
        font-family: UTM-AvoBold;
        font-weight: 700;
}
.about-us-section .about-us-content .promo-code-div .promo-code-div-content,
.about-us-section .about-us-content .video-div .video-div-content {
        border-radius: 5px;
        box-shadow: 0 0 8px 1px rgba(19, 179, 229, 0.25);
        background: linear-gradient(180deg, #fff, #d9f5ff);
}
.about-us-section
        .about-us-content
        .promo-code-div
        .promo-code-div-content
        .promo-code
        label {
        font-size: 1.2rem;
        font-family: UTM-AvoBold;
}
.about-us-section
        .about-us-content
        .promo-code-div
        .promo-code-div-content
        .promo-code
        form
        input {
        border-radius: 0 !important;
        box-shadow: none;
        outline: none !important;
        background: transparent;
        border: 0.5px solid #f1bf5b !important;
        color: #333;
}
.about-us-section
        .about-us-content
        .promo-code-div
        .promo-code-div-content
        .promo-code
        form
        .promo-code-btn {
        border-radius: 0;
        cursor: pointer;
        background: linear-gradient(180deg, #ffc929, #f1bf5b);
        border: 1px solid #f1bf5b;
}
.about-us-section .about-us-content .live-casino .casino-table {
        height: 400px;
        width: 100%;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .casino-title
        label {
        font-size: 1.6rem;
        bottom: 0;
        height: auto;
        width: auto;
        font-family: UTM-AvoBold;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .casino-title
        img {
        width: 42%;
        height: auto;
        right: 0;
        bottom: -300%;
}
.about-us-section .about-us-content .live-casino .casino-table .result-content {
        height: 82%;
        box-shadow: inset 0 0 100px 0 #000;
        background: url(/assets/index/live-casino.png);
        background-size: cover;
        background-repeat: no-repeat;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container {
        width: 100%;
        height: 100%;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide {
        width: 100% !important;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table {
        min-height: 200px;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column {
        flex: 0 0 11.1%;
        max-width: 11.1%;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div {
        border: 0.5px solid #13b3e5;
        width: 40px;
        height: 40px;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div
        span {
        width: 28px;
        height: 28px;
        font-weight: 700;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div
        span
        b {
        border-radius: 50%;
        border: 2px solid #fff;
        width: 100%;
        height: 100%;
        color: #fff;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div
        span
        b.double,
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div
        span
        b.player {
        border-color: #ff0031;
        background: #ff0031;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div
        span
        b.banker {
        border-color: #00f;
        background: #00f;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div
        span
        b.tie,
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div
        span
        b.zero {
        border-color: #019700;
        background: #019700;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .result-table
        .table-column
        > div
        span
        b.single {
        border-color: #000;
        background: #000;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .btn-theme {
        background: #f6993f;
        background: linear-gradient(180deg, #ff0);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .about-us-section
                .about-us-content
                .live-casino
                .casino-table
                .result-content
                .swiper-container
                .swiper-slide
                .btn-theme {
                transition: none;
        }
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-slide
        .btn-theme:hover {
        background: #13b3e5;
        color: #fff;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-pagination {
        right: 0;
        bottom: 0;
        top: unset;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-pagination
        .swiper-pagination-bullet {
        opacity: 1;
        background: #fff;
}
.about-us-section
        .about-us-content
        .live-casino
        .casino-table
        .result-content
        .swiper-container
        .swiper-pagination
        .swiper-pagination-bullet-active {
        background: #13b3e5;
}
@media screen and (max-width: 1023px) {
        .winning-result-section .title-div {
                display: none !important;
        }
}
.winning-result-section .title-div .winning-result-title {
        font-size: 30px;
}
@media screen and (max-width: 1023px) {
        .features-section .title-div {
                display: none !important;
        }
}
.features-section .title-div .features-title {
        font-size: 30px;
}
.features-section .features-content .features .features-img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        padding: 10px;
        border: 1px solid #13b3e5;
        background: #fff;
}
.features-section .features-content .features .features-img img {
        border-radius: 50%;
        box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, 0.25);
}
.features-section .features-content .features h6 {
        color: #ffc929;
}
.features-section .features-content .features span {
        font-size: 14px;
}
@-webkit-keyframes drop {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
                -webkit-filter: drop-shadow(0 0 50px #ffc929);
                filter: drop-shadow(0 0 50px #ffc929);
        }
}
@-webkit-keyframes scroll-up-down {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        98.5% {
                -webkit-transform: translateY(calc(-100% + 443px));
                transform: translateY(calc(-100% + 443px));
        }
        to {
                -webkit-transform: translateY(calc(-100% + 443px));
                transform: translateY(calc(-100% + 443px));
        }
}
@keyframes scroll-up-down {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        98.5% {
                -webkit-transform: translateY(calc(-100% + 443px));
                transform: translateY(calc(-100% + 443px));
        }
        to {
                -webkit-transform: translateY(calc(-100% + 443px));
                transform: translateY(calc(-100% + 443px));
        }
}
#winListModal .modal-content {
        background-color: #414141;
        border-radius: 15px;
}
#winListModal .modal-content .btn-close-circle {
        right: -1%;
        top: -2%;
        z-index: 1;
}
#winListModal .modal-content .modal-body {
        border-radius: 15px;
        padding: 5px;
        background: linear-gradient(
                117.38deg,
                #67a3ec -10.44%,
                #4d98fd 14.92%,
                #7d7ddd 55.52%,
                #9572ce 101.74%
        );
}
#winListModal .modal-content .modal-body .new-bg {
        background: #000;
}
#winListModal .modal-content .modal-body .new-bg .winning-wrapper {
        background-image: url(/assets/placeholder/trophy-bg.png);
        background-size: contain;
        border-radius: 15px;
}
#winListModal .modal-content .modal-body .new-bg .winning-wrapper .title-img {
        position: absolute;
        top: -102%;
}
#winListModal .modal-content .modal-body .new-bg .winning-wrapper .live-img {
        top: -45%;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .live-img
        #lottie-container {
        width: 92px;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-title {
        font-size: 2.6rem;
        font-weight: 700;
        gap: 13px;
        color: #fff;
        background: linear-gradient(270deg, #0498c7, #bcd8e0);
        -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 6% 100%);
        clip-path: polygon(0 0, 100% 0, 95% 100%, 6% 100%);
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-list-container {
        height: 430px;
        overflow: hidden;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-list-container:hover
        .winning-list {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-list-container
        .winning-list {
        list-style: none;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-list-container
        .winning-list
        .win-item {
        width: 85%;
        height: 65px;
        font-size: 1.3rem;
        background: rgba(45, 160, 200, 0.1);
        font-weight: 700;
        color: #fff;
        font-family: Roboto, sans-serif;
        border-radius: 68px;
        border: 2px solid #2da0c8;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-list-container
        .winning-list
        .win-item
        :first-child {
        color: #ffb53c;
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-list-container
        .winning-list
        .win-item
        :nth-child(2) {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #ff0;
        max-width: 230px;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-list-container
        .winning-list
        .win-item
        :nth-child(3) {
        color: #ffb53c;
}
#winListModal
        .modal-content
        .modal-body
        .new-bg
        .winning-wrapper
        .winning-list-container
        .winning-list
        .win-item.winning-effect {
        border: 3px solid #13b3e5;
}
@media screen and (max-width: 1023px) {
        .title-div {
                display: none !important;
        }
}
.title-div .all-games-title {
        font-size: 30px;
}
.season-theme {
        height: 100%;
        z-index: 1;
}
.season-theme-1 {
        left: 0;
}
.season-theme-2 {
        right: 0;
}
.season-theme-3 {
        left: -20px;
        height: 150% !important;
}
.season-theme-4 {
        right: -50px;
        height: 150% !important;
}
.season-theme-5 {
        right: -105px;
        height: 300px;
        bottom: -50px;
        z-index: 15;
}
@media screen and (max-width: 1023px) {
        .season-theme-mobile {
                right: -50px;
        }
}
@media screen and (max-width: 512px) {
        .season-theme-mobile {
                right: -40px;
        }
}
@-webkit-keyframes vertical-shaking {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        50% {
                -webkit-transform: translateY(25px);
                transform: translateY(25px);
        }
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}
@keyframes vertical-shaking {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        50% {
                -webkit-transform: translateY(25px);
                transform: translateY(25px);
        }
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}
@keyframes drop {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
                -webkit-filter: drop-shadow(0 0 50px #5bdeff);
                filter: drop-shadow(0 0 50px #5bdeff);
        }
}
.togel-list a > div {
        background: #d10000;
}
.togel-list a:hover > div {
        background: linear-gradient(90deg, #f1bf5b 0, #ffc929);
}
.togel-list .content .go-arrow,
.togel-list .content span,
.togel-list label {
        color: #d10000;
}
@media screen and (max-width: 460px) {
        .togel-list a > div {
                align-items: start !important;
        }
        .togel-list .icon {
                width: 50px;
                height: 50px;
                margin-top: 5px;
        }
        .togel-list label {
                font-size: 0.7rem;
        }
        .togel-list .content {
                width: calc(100% - 50px);
                line-height: 1.2rem;
        }
        .togel-list .content span {
                font-size: 0.65rem;
        }
        .togel-list .content .result {
                padding: 0 !important;
        }
}
.buku-mimpi {
        background-position: top;
        background-size: cover;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .buku-mimpi {
                transition: none;
        }
}
.buku-mimpi .bookshelf {
        margin: 0;
        z-index: 2;
}
.buku-mimpi .bookshelf .tilt {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px);
        cursor: pointer;
        width: auto;
        max-width: none;
        margin: 0 50px 3rem !important;
}
.buku-mimpi .bookshelf .tilt.details-open {
        -webkit-transform: none !important;
        transform: none !important;
}
.buku-mimpi .bookshelf .tilt.details-open .text {
        display: none;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .buku-mimpi .bookshelf .tilt.details-open .text {
                transition: none;
        }
}
.buku-mimpi .bookshelf .tilt.details-open .buttons {
        display: none;
}
.buku-mimpi .bookshelf .tilt.details-open .book {
        -webkit-transform: translateX(-36px) rotateY(80deg);
        transform: translateX(-36px) rotateY(80deg);
}
.buku-mimpi .bookshelf .tilt .text {
        font-size: 5rem;
        z-index: 9;
        bottom: 10%;
        left: 45px;
        right: 45px;
        -webkit-transform: translateZ(30px);
        transform: translateZ(30px);
}
.buku-mimpi .bookshelf .tilt .text img {
        width: 125px;
}
.buku-mimpi .bookshelf .perspective {
        height: auto;
}
.buku-mimpi .bookshelf .details ul {
        padding: 10% 20%;
}
.buku-mimpi .bookshelf .details ul li {
        line-height: 1rem;
        font-size: 0.8rem;
}
.buku-mimpi .bookshelf .details ul li:first-child {
        text-align: left;
}
.buku-mimpi .bookshelf .details .close-details {
        opacity: 1;
}
.buku-mimpi .bookshelf .details .close-details:hover {
        opacity: 0.6;
}
.buku-mimpi .bookshelf .details .close-details:after,
.buku-mimpi .bookshelf .details .close-details:before {
        background: #ff0031;
        width: 2px;
}
.buku-mimpi .bookshelf .buttons a {
        font-size: 0.8rem;
}
.buku-mimpi .bookshelf .buttons a:first-child:not(only-child) {
        border-right: 1px solid hsla(0, 0%, 100%, 0.3);
}
.buku-mimpi .bookshelf .book {
        width: 230px;
        height: 314px;
        display: inline-block;
}
.buku-mimpi .bookshelf .book .cover:before {
        background-size: cover !important;
}
.buku-mimpi .bookshelf .book .cover .front {
        background-size: cover !important;
        border-radius: 8px;
        background: linear-gradient(90deg, #13b3e5 0, #00d1c2);
}
.buku-mimpi .bookshelf .book .inner {
        border-radius: 8px;
        border-color: #13b3e5;
}
.buku-mimpi .bookshelf .book.twoD .front {
        background: url(/assets/buku-mimpi/togel2D.jpg);
}
.buku-mimpi .bookshelf .book.twoD .cover:before {
        background: linear-gradient(
                        90deg,
                        transparent 0,
                        rgba(0, 0, 0, 0.01) 1%,
                        rgba(0, 0, 0, 0.1) 50%,
                        transparent
                ),
                url(/assets/buku-mimpi/spine.jpg), #009bdb;
}
.buku-mimpi .bookshelf .book.threeD .front {
        background: url(/assets/buku-mimpi/togel3D.jpg);
}
.buku-mimpi .bookshelf .book.threeD .cover:before {
        background: linear-gradient(
                        90deg,
                        transparent 0,
                        rgba(0, 0, 0, 0.01) 1%,
                        rgba(0, 0, 0, 0.1) 50%,
                        transparent
                ),
                url(/assets/buku-mimpi/spine.jpg), #009bdb;
}
.buku-mimpi .bookshelf .book.fourD .front {
        background: url(/assets/buku-mimpi/togel4D.jpg);
}
.buku-mimpi .bookshelf .book.fourD .cover:before {
        background: linear-gradient(
                        90deg,
                        transparent 0,
                        rgba(0, 0, 0, 0.01) 1%,
                        rgba(0, 0, 0, 0.1) 50%,
                        transparent
                ),
                url(/assets/buku-mimpi/spine.jpg), #009bdb;
}
.buku-mimpi .bb-custom-wrapper {
        background: #000 url(/assets/buku-mimpi/bk_bg.jpg);
        background-position: top;
        background-size: cover;
        border: none;
        position: absolute;
        z-index: 3;
        padding-top: 120px;
}
.buku-mimpi .bb-custom-wrapper:after,
.buku-mimpi .bb-custom-wrapper:before {
        background: transparent;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area {
        width: 100%;
        height: 80%;
        position: relative;
        border-color: #d10000;
        border-style: solid;
        border-width: 5px 10px;
        border-radius: 5px;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area:after,
.buku-mimpi .bb-custom-wrapper .bb-book-area:before {
        position: absolute;
        top: 0;
        z-index: 1000;
        width: 10px;
        height: 100%;
        background: linear-gradient(
                90deg,
                #ddd 33.33%,
                #f0f0f0 0,
                #f0f0f0 66.66%,
                #fff 0
        );
        background-size: auto;
        background-size: 3px 100%;
        content: "";
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area:before {
        left: 0;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area:after {
        right: 0;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area .bb-bookblock {
        background: #fff;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area .bb-bookblock .bb-item.active {
        display: block;
}
.buku-mimpi
        .bb-custom-wrapper
        .bb-book-area
        .bb-bookblock
        .bb-item
        .bb-custom-side
        > div {
        padding: 8px 30px;
}
.buku-mimpi
        .bb-custom-wrapper
        .bb-book-area
        .bb-bookblock
        .bb-item
        .bb-custom-side
        h3 {
        text-transform: uppercase;
        background: #d10000;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        font-size: 2.2rem;
        -webkit-transform: none;
        transform: none;
        max-width: inherit;
        position: relative;
        top: 0;
        left: 0;
}
.buku-mimpi
        .bb-custom-wrapper
        .bb-book-area
        .bb-bookblock
        .bb-item
        .bb-custom-side
        span {
        font-size: 0.7rem;
        line-height: 1.2rem;
}
.buku-mimpi
        .bb-custom-wrapper
        .bb-book-area
        .bb-bookblock
        .bb-item
        .bb-custom-side
        .page-result
        a {
        padding: 5px 15px;
        color: #fff;
        margin: 4px;
        display: inline-block;
        width: 40%;
        text-align: center;
        box-shadow: 2px 2px 10px 0 #6c6c6c;
}
.buku-mimpi
        .bb-custom-wrapper
        .bb-book-area
        .bb-bookblock
        .bb-item
        .bb-custom-side
        .page-result
        a:hover {
        box-shadow: none;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #13b3e5;
        position: absolute;
        z-index: 1000;
        font-size: 0;
        opacity: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        cursor: pointer;
        z-index: 9999;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a:hover {
        background: #000;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-next,
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-prev {
        top: 40%;
        margin-top: -15px;
        width: 50px;
        height: 100px;
        background: transparent;
        border-radius: 0;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-next {
        right: -80px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-prev {
        left: -80px;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-close {
        top: -20px;
        right: -20px;
        background: #ff0031;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-close:after,
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-close:before {
        top: 15%;
        left: 50%;
        height: 70%;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a:after,
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a:before {
        position: absolute;
        top: 0;
        left: 25%;
        width: 1px;
        height: 50%;
        background: #fff;
        content: "";
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a:not(.bb-nav-close):before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
}
.buku-mimpi .bb-custom-wrapper .bb-book-area nav a:not(.bb-nav-close):after {
        top: 50%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
}
.buku-mimpi .bb-custom-wrapper .selection img {
        width: 60px;
}
.buku-mimpi .bb-custom-wrapper .selection input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
}
.buku-mimpi .bb-custom-wrapper .selection button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-color: #d10000;
        background-color: #d10000;
}
.buku-mimpi .bb-custom-wrapper .selection button:hover i {
        -webkit-animation-name: heartBeat;
        animation-name: heartBeat;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
}
@media screen and (max-width: 768px) {
        .buku-mimpi .bookshelf {
                display: inline;
        }
        .buku-mimpi .bookshelf .tilt.details-open,
        .buku-mimpi .bookshelf figure {
                z-index: 1;
        }
        .buku-mimpi .bookshelf .tilt .text {
                z-index: 2;
        }
        .buku-mimpi .bb-custom-wrapper .selection {
                padding-top: 60px !important;
        }
}
@media screen and (max-width: 460px) {
        .buku-mimpi {
                height: unset;
        }
        .buku-mimpi .bb-custom-wrapper .bb-book-area {
                height: auto;
                border: none;
        }
        .buku-mimpi .bb-custom-wrapper .bb-book-area .bb-custom-side {
                width: 100%;
                height: auto;
                padding: 10px 5px;
        }
        .buku-mimpi
                .bb-custom-wrapper
                .bb-book-area
                .bb-custom-side
                .page-result {
                font-size: 0.8rem;
        }
        .buku-mimpi .bb-custom-wrapper .bb-book-area .bb-custom-side.hide {
                display: none;
        }
        .buku-mimpi .bb-custom-wrapper .bb-book-area .bb-custom-side span {
                font-size: 0.6rem !important;
                line-height: 0.8rem !important;
        }
        .buku-mimpi .bb-custom-wrapper .bb-book-area .bb-custom-side > div {
                padding: 4px 18px !important;
        }
        .buku-mimpi .bb-custom-wrapper .bb-book-area .bb-custom-side:before {
                box-shadow: none;
        }
        .buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-prev {
                left: -30px;
                top: 80px;
        }
        .buku-mimpi .bb-custom-wrapper .bb-book-area nav a.bb-nav-next {
                right: -30px;
                top: 80px;
        }
        .buku-mimpi .bb-custom-wrapper .bb-bookblock,
        .buku-mimpi .bb-custom-wrapper .bb-bookblock .bb-item {
                height: auto;
        }
        .buku-mimpi .bookshelf {
                padding: 0 !important;
        }
        .buku-mimpi .bookshelf .tilt {
                -webkit-transform: none !important;
                transform: none !important;
                margin-bottom: 15px !important;
        }
        .buku-mimpi .bookshelf .tilt .details ul {
                padding: 15px 25px;
        }
        .buku-mimpi .bookshelf .buttons a,
        .buku-mimpi .bookshelf .tilt .details ul li {
                font-size: 0.6rem;
        }
        .buku-mimpi .bookshelf .book {
                width: 180px;
                height: 246px;
        }
}
.table-bonus .compare_btn {
        width: 100%;
        position: relative;
        margin: auto;
        left: 50%;
        right: 50%;
}
.table-bonus .compare_btn .cmp-btn {
        font-size: 14px;
        width: 100%;
        color: #231f20 !important;
        box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2),
                0 6px 8px 0 rgba(0, 0, 0, 0.19);
}
.table-bonus .disable {
        pointer-events: none;
        background: #ddd;
        border-color: #ddd;
}
.table-bonus .modal-content {
        background: #222;
        border: 0;
}
.table-bonus .table_width {
        width: 200px;
        float: left;
}
.table-bonus .cmprBtn {
        border: 0;
        padding: 3px 10px;
        box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2),
                0 6px 8px 0 rgba(0, 0, 0, 0.19);
        color: #231f20;
        border-radius: 5px;
        font-weight: 600;
}
.table-bonus .cmp_bg {
        opacity: 0.2;
        position: absolute;
        width: 150px;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
}
.table-bonus .cardMargin {
        border: none !important;
        position: relative;
        margin-bottom: 20px;
        margin-top: 20px;
}
.table-bonus .addButton {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
}
.table-bonus .btnColor {
        background-color: #fff !important;
        border: 1px solid #0097ba !important;
        color: #0097ba !important;
}
.table-bonus .headerPosition {
        position: fixed !important;
        width: 100%;
}
.table-bonus .navPosition {
        height: 90% !important;
        top: 10%;
}
.table-bonus .rangeboxPadding {
        padding: 0 0 0 8px !important;
}
.table-bonus .descHeight {
        min-height: 72px;
}
.table-bonus .rotateBtn {
        background: #484848;
}
.table-bonus .comparePanle {
        position: fixed;
        bottom: 50px;
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none;
        z-index: 3;
        background: #252525;
        z-index: 99;
        border-top: 5px solid #c99944;
}
.table-bonus .cursor {
        cursor: pointer;
}
.table-bonus .addedForComparision {
        position: relative;
}
.table-bonus .popup {
        padding-top: 50px !important;
}
.table-bonus .lmodPos {
        width: 100% !important;
        height: 100% !important;
        display: none;
        background-color: #737373;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 3;
}
.table-bonus .modPos {
        padding-top: 25px !important;
}
.table-bonus .w3-closebtn {
        position: absolute;
        font-size: 24px;
        left: 5px;
        top: -5px;
}
.table-bonus .w3-closebtn i {
        color: #fff;
}
.table-bonus .contentPop {
        background: #222;
}
.table-bonus .contentPop .vip-img img {
        width: 80px;
}
.table-bonus .contentPop .crown img {
        width: 100px;
}
@media screen and (max-width: 512px) {
        .table-bonus .contentPop .crown img {
                width: 80px;
        }
}
@media screen and (max-width: 512px) {
        .table-bonus .contentPop .crown span {
                display: none;
        }
}
.table-bonus .responsiveImg {
        width: 100%;
}
.table-bonus .headerMargin {
        margin: 0 !important;
}
.table-bonus .warningModal {
        position: absolute;
        width: auto !important;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: Segoe UI Symbol;
}
.table-bonus .relPos {
        position: relative !important;
}
.table-bonus .w3-hexagonBlue {
        background-color: #2a96ba;
        color: #fff;
}
.table-bonus .checkBoxalign {
        position: absolute !important;
        right: 60px;
}
.table-bonus .checkbox-custom,
.table-bonus .radio-custom {
        opacity: 0;
        position: absolute;
}
.table-bonus .checkbox-custom,
.table-bonus .checkbox-custom-label,
.table-bonus .radio-custom,
.table-bonus .radio-custom-label {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer;
}
.table-bonus .checkbox-custom-label,
.table-bonus .radio-custom-label {
        position: relative;
}
.table-bonus .checkbox-custom + .checkbox-custom-label:before,
.table-bonus .radio-custom + .radio-custom-label:before {
        content: "";
        background: #fff;
        border: 2px solid #ddd;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        padding: 2px;
        margin-right: 10px;
        text-align: center;
}
.table-bonus .checkbox-custom:checked + .checkbox-custom-label:before {
        content: "\F00C";
        font-family: FontAwesome;
        background: #fff;
        color: #000;
}
.table-bonus .radio-custom + .radio-custom-label:before {
        border-radius: 50%;
}
.table-bonus .radio-custom:checked + .radio-custom-label:before {
        content: "\F00C";
        font-family: FontAwesome;
        color: #bbb;
}
.table-bonus .checkbox-custom:focus + .checkbox-custom-label,
.table-bonus .radio-custom:focus + .radio-custom-label {
        outline: 1px solid #ddd;
}
.table-bonus body,
.table-bonus html {
        width: 100%;
        height: 100%;
        overflow: auto;
        text-decoration: none;
}
.table-bonus a {
        text-decoration: none;
}
.table-bonus .imgFill1 {
        width: 100%;
}
.table-bonus .panwidth {
        width: 80%;
}
.table-bonus .relPos {
        position: relative;
}
.table-bonus .product {
        list-style-type: none;
        border: 1px solid #b5b4b7;
        margin: 0;
        padding: 0;
        transition: 0.3s;
}
.table-bonus .product:hover {
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
}
.table-bonus .product .header {
        background-color: #111;
        color: #fff;
        font-size: 25px;
}
.table-bonus .product li {
        border-bottom: 1px solid #b5b4b7;
        padding: 10px;
        text-align: center;
}
.table-bonus .product .grey {
        background-color: #eee;
        font-size: 20px;
}
.table-bonus .modPos {
        padding-top: 25px;
}
.table-bonus .compHeader {
        min-height: 200px;
}
.table-bonus .compareThumb {
        height: 150px;
}
.table-bonus .cpu {
        min-height: 115px;
}
.table-bonus .titleMargin {
        padding: 4px 0 4px 4px;
        text-transform: capitalize;
}
.table-bonus .titleMargin1 {
        padding: 0 0 0 4px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
}
@media only screen and (max-width: 992px) {
        .table-bonus .titleMargin {
                padding: 4px 0 0 4px;
        }
        .table-bonus .titleMargin1 {
                padding: 0 0 0 4px;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
        }
}
@media only screen and (max-width: 600px) {
        .table-bonus .comparePanle h4 {
                font-size: 14px;
                font-weight: 700;
                text-transform: uppercase;
                padding-top: 5px;
        }
        .table-bonus .compareThumb {
                height: 100px;
        }
        .table-bonus .compHeader {
                min-height: 150px;
        }
}
@media screen and (max-width: 768px) {
        .vip-content .title:after,
        .vip-content .title:before {
                width: 30%;
        }
        .vip-content .title.about-us:after,
        .vip-content .title.about-us:before {
                width: 22%;
        }
}
@media screen and (max-width: 460px) {
        .vip-content .title {
                font-size: 1.4rem;
        }
        .vip-content .title:after,
        .vip-content .title:before {
                display: none;
        }
        .vip-content .current-status #vipStatus {
                overflow-x: auto;
                overflow-y: hidden;
                height: 100% !important;
                position: relative;
                display: flex;
                max-width: 360px;
        }
        .vip-content .current-status .progress-bar-container {
                min-width: 600px;
        }
        .vip-content .current-status .progress-bar-container ul li .step-inner {
                font-size: 0.8rem;
        }
        .vip-content .current-status .progress-bar-container ul li .min-reload {
                font-size: 0.7rem;
        }
        .vip-content .rank-bonus .table thead .icon.crown img {
                width: 120px;
        }
}
.text-main {
        font-weight: 400;
        font-size: 0.8rem;
}
.text-sub {
        font-size: 0.9rem;
        margin-top: -4px !important;
}
.vip-user-rank-wrapper {
        background-image: url(/assets/vip/vip-rank-status-bg.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
}
@media screen and (max-width: 512px) {
        .vip-user-rank-wrapper {
                background-size: auto 50%;
        }
}
.vip-user-rank-wrapper .user-wrapper {
        background-image: url(/assets/vip/vip-rank-bg.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 13px;
}
.vip-user-rank-wrapper .user-wrapper .user-vip-img {
        background: #fff;
        border-radius: 13px;
}
.vip-user-rank-wrapper .rank-wrapper {
        background: linear-gradient(180deg, #232527, #1e2329);
        border-radius: 13px;
}
.vip-user-rank-wrapper .rank-wrapper .new-title {
        color: #f1bf5b;
        font-size: 1.6rem;
}
.vip-user-rank-wrapper .rank-wrapper .text-main {
        font-size: 0.8rem;
}
.vip-user-rank-wrapper .rank-wrapper .text-sub {
        font-size: 1.1rem;
}
.vip-user-rank-wrapper .progress-bar-wrapper {
        background: #fff;
        border-radius: 50px;
        height: 10px;
}
.vip-user-rank-wrapper .progress-bar-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        height: 100%;
        width: var(--progress-width);
        border-radius: 50px;
}
.vip-content .rank-bonus .title {
        font-size: 2.6rem;
        line-height: 50px;
}
@media screen and (max-width: 799px) {
        .vip-content .rank-bonus .title {
                font-size: 2rem;
        }
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive {
                overflow-x: hidden;
                max-width: 320px;
                margin: 0 auto;
        }
}
.vip-content .rank-bonus .table-responsive .table td {
        padding: 0.75rem 0;
        font-size: 0.9rem;
        border: 0;
        border-right: 1.5px solid #fcd400;
}
.vip-content .rank-bonus .table-responsive .table td:last-child {
        border-right: 0;
}
.vip-content .rank-bonus .table-responsive .table th {
        border: 0;
}
.vip-content .rank-bonus .table-responsive .table td,
.vip-content .rank-bonus .table-responsive .table th {
        padding: 0.75rem;
}
@media screen and (max-width: 799px) {
        .vip-content .rank-bonus .table-responsive .table td,
        .vip-content .rank-bonus .table-responsive .table th {
                font-size: 0.8rem;
        }
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive .table thead {
                width: 320px;
                display: flex;
        }
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive .table thead tr {
                overflow-x: scroll;
        }
}
.vip-content .rank-bonus .table-responsive .table thead th {
        vertical-align: middle;
        font-weight: 500;
}
.vip-content .rank-bonus .table-responsive .table thead th:first-child {
        padding: 0;
}
.vip-content .rank-bonus .table-responsive .table thead th:first-child img,
.vip-content .rank-bonus .table-responsive .table thead th:first-child span {
        z-index: 2;
        position: relative;
}
.vip-content .rank-bonus .table-responsive .table thead th:first-child span {
        font-size: 1.6rem;
}
@media screen and (max-width: 799px) {
        .vip-content
                .rank-bonus
                .table-responsive
                .table
                thead
                th:first-child
                span {
                font-size: 1.2rem;
        }
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive .table thead th {
                padding: 0 10px;
        }
}
.vip-content .rank-bonus .table-responsive .table thead .icon.crown img {
        max-width: 120px;
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive .table thead .icon.crown {
                display: none;
        }
}
.vip-content .rank-bonus .table-responsive .table thead .icon:not(.crown) img {
        width: 95px;
}
.vip-content .rank-bonus .table-responsive .table thead .icon:last-child img {
        width: 125px !important;
}
.vip-content .rank-bonus .table-responsive .table thead .icon span {
        display: inline-block;
}
@media screen and (max-width: 799px) {
        .vip-content .rank-bonus .table-responsive .table thead .icon span {
                font-size: 0.8rem;
        }
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive .table thead .icon span {
                font-size: 0.6rem;
                width: 50px;
        }
}
.vip-content .rank-bonus .table-responsive .table thead .icon.active {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
}
.vip-content .rank-bonus .table-responsive .table tbody {
        background: linear-gradient(90deg, rgba(5, 5, 5, 0.25) 0, #050505);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40050505",endColorstr="#050505",GradientType=1);
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive .table tbody {
                max-width: 320px;
                display: block;
        }
}
.vip-content .rank-bonus .table-responsive .table tbody th {
        border-left: none;
        font-weight: 500;
        border-right: 1.5px solid #f1bf5b;
}
.vip-content .rank-bonus .table-responsive .table tbody th[colspan="100%"] {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive .table tbody tr {
                display: flex;
                flex-wrap: wrap;
                flex: 0 0 100%;
                max-width: 100%;
        }
}
.vip-content .rank-bonus .table-responsive .table tbody tr:last-child,
.vip-content .rank-bonus .table-responsive .table tbody tr:last-child td,
.vip-content .rank-bonus .table-responsive .table tbody tr:last-child th {
        border-bottom: none;
}
.vip-content
        .rank-bonus
        .table-responsive
        .table
        tbody
        tr:last-child
        td:last-child,
.vip-content
        .rank-bonus
        .table-responsive
        .table
        tbody
        tr:last-child
        th:last-child,
.vip-content .rank-bonus .table-responsive .table tbody tr td:last-child {
        border-right: none;
}
@media screen and (max-width: 512px) {
        .vip-content .rank-bonus .table-responsive .table tbody tr td,
        .vip-content .rank-bonus .table-responsive .table tbody tr th {
                display: flex;
                flex-wrap: wrap;
                flex: 0 0 50%;
                max-width: 50%;
                border-right: 1px solid transparent;
        }
}
.vip-content .rank-bonus .table-responsive .table tbody tr:nth-child(odd) {
        background: #1b1b1b;
}
.vip-content .rank-bonus .table-responsive .table tbody tr:nth-child(2n) {
        background: #231f20;
}
.vip-tnc-faq-wrapper .nav-pills .nav-item .nav-link {
        padding: 13px 43px;
        background: #232323;
        color: #fff !important;
        font-weight: 600;
        font-size: 1.2rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
        .vip-tnc-faq-wrapper .nav-pills .nav-item .nav-link {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .vip-tnc-faq-wrapper .nav-pills .nav-item .nav-link {
                font-size: 0.9rem;
                text-align: center;
                line-height: 16px;
        }
}
.vip-tnc-faq-wrapper .nav-pills .nav-item .nav-link.active,
.vip-tnc-faq-wrapper .nav-pills .nav-item .nav-link:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        color: #231f20 !important;
}
.vip-tnc-faq-wrapper .tab-content #faq {
        background-image: url(/assets/vip/faq-bg.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
}
.vip-tnc-faq-wrapper .tab-content #faq .text-main {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 20px;
}
@media screen and (max-width: 512px) {
        .vip-tnc-faq-wrapper .tab-content #faq .text-main {
                font-size: 1rem;
        }
}
.vip-tnc-faq-wrapper .tab-content #faq .text-sub {
        font-size: 1rem;
        line-height: 18px;
}
@media screen and (max-width: 512px) {
        .vip-tnc-faq-wrapper .tab-content #faq .text-sub {
                font-size: 0.9rem;
        }
}
.vip-tnc-faq-wrapper .tab-content #aboutus-member {
        background-image: url(/assets/vip/aboutus-member-bg.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
}
.vip-tnc-faq-wrapper .tab-content #aboutus-member:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
}
.vip-tableSection table thead tr th {
        background: #fcd400;
        border: 0;
}
.vip-tableSection table tbody tr:nth-child(odd) td {
        background: #1b1b1b;
}
.vip-tableSection table tbody tr:nth-child(2n) td {
        background: #231f20;
}
.vip-tableSection table tbody tr td {
        border: 0;
        border-right: 1.5px solid #fcd400;
}
.vip-tableSection table tbody tr td:last-child {
        border: 0;
}
.vip-tableSection .showMoreBtn {
        background: #fcd400;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-weight: 600;
}
.btn.closeBtn {
        color: #231f20 !important;
}
.auth {
        font-size: 0.8rem;
}
.auth .card {
        box-shadow: 0 0 15px rgba(51, 51, 51, 0.1);
        background: hsla(0, 0%, 100%, 0.65);
        padding: 10px;
}
.auth .card .card-header {
        background: transparent;
        border: none;
}
.auth .card .btn-theme {
        border-radius: 0;
        width: 200px;
        height: 40px;
}
.auth .card .btn-theme#refreshBtn {
        width: unset;
        height: unset;
}
.auth .card .btn-theme#refreshBtn span {
        font-size: 0.8rem;
}
.auth .card input.form-control {
        height: 33px;
        border-radius: 0;
        box-shadow: none;
}
.auth .card select.form-control {
        border-radius: 0;
        height: 33px;
        cursor: pointer;
}
.auth .card .form-group {
        margin-bottom: 0;
}
.auth .card .form-group .login-btn {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
.auth .card .form-group .notes {
        font-size: 0.8rem;
}
.auth .card .form-group > .col-md-6 {
        margin-bottom: 15px !important;
}
.auth .card .form-group > .col-md-6 .dropdown-toggle:after {
        color: #13b3e5;
}
.auth .card .form-group .show_hide_password .input-group-text {
        border-radius: 0;
}
.auth .card .form-group .show_hide_password .input-group-text a {
        margin: 0 auto;
}
.auth .card .form-group > .col-12,
.auth .card .form-group > .col-md-8 {
        margin-bottom: 15px !important;
}
.auth .card .form-group input[type="number"]::-webkit-inner-spin-button,
.auth .card .form-group input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
}
.auth .card .form-group input[type="number"] {
        -moz-appearance: textfield;
}
.auth .dropdown-menu.show {
        padding: 2px 0;
        margin: 0;
        width: 100%;
        border-radius: 0;
        border: 1px solid #ccc;
}
.auth .form-fill {
        color: red;
}
.auth input:-moz-read-only,
.auth input:disabled {
        background: rgba(0, 0, 0, 0.1);
        border: none;
}
.auth input:disabled,
.auth input:read-only {
        background: rgba(0, 0, 0, 0.1);
        border: none;
}
.auth label.error {
        position: absolute;
        bottom: -25px;
        font-size: 0.7rem;
        color: #f1bf5b;
        font-style: italic;
}
.desktop-login .card .card-header {
        background: transparent;
        border: none;
}
.desktop-login .card input.form-control {
        height: 33px;
        border-radius: 0;
}
.desktop-login .card .btn-theme {
        border-radius: 0;
        width: 200px;
        height: 40px;
}
.desktop-register {
        background: url(/assets/index/idx-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
}
.desktop-register #mobile {
        border-radius: 0 !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
}
.desktop-register .card .col-md-6 .country .input-group-prepend {
        left: 0;
        right: unset;
}
.desktop-register .card .col-md-6 .country .input-group-prepend button {
        width: 90px;
        background: #231f20;
        color: #fff;
        border-radius: 0 !important;
}
.desktop-register .card .col-md-6 .input-group-append.BtnVerifyEmail,
.desktop-register .card .col-md-6 .input-group-append.BtnVerifyMobile {
        background-color: #fcd400;
        border-radius: 0;
        border-top-right-radius: 13px !important;
        cursor: pointer;
}
.desktop-register
        .card
        .col-md-6
        .input-group-append.BtnVerifyEmail
        .input-group-text,
.desktop-register
        .card
        .col-md-6
        .input-group-append.BtnVerifyMobile
        .input-group-text {
        width: auto;
        color: #fff;
}
.desktop-register .card .col-md-6 .input-group-append.BtnVerifyEmail.cooldown,
.desktop-register .card .col-md-6 .input-group-append.BtnVerifyMobile.cooldown {
        background-color: #3f3a37;
        cursor: default;
}
.desktop-register .card .col-md-6 .input-group-append .verified {
        color: #fcd400;
        position: relative;
}
.desktop-register .card .col-md-6 .otp {
        border-bottom-left-radius: 0 !important;
}
.desktop-register #mobileCodeInput {
        box-sizing: border-box;
        background-position: 14px 12px;
        background-repeat: no-repeat;
        font-size: 0.8rem;
        padding: 5px 15px;
        border: none;
        border-bottom: 1px solid #ddd;
}
.desktop-register #mobileCodeInput:focus {
        outline: 3px solid #ddd;
}
.desktop-register .mobile-code {
        display: none;
        position: absolute;
        background-color: #f6f6f6;
        min-width: 230px;
        overflow: auto;
        border: 1px solid #ddd;
        z-index: 1;
        max-height: 200px;
}
.desktop-register .mobile-code.show {
        display: block;
}
.desktop-password,
.desktop-reset {
        background: url(/assets/index/idx-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
}
.line-login {
        background: #00c300;
        border-radius: 5px;
        width: 200px;
        height: 48px;
        cursor: pointer;
}
.line-login:hover {
        background: #00e000 !important;
}
.line-login:hover img {
        border-color: #00c900 !important;
}
.line-login img {
        height: 40px;
        width: 40px;
        border-right: 1px solid #00b300;
        padding: 6px;
}
.line-login span {
        font-size: 12px;
        font-weight: 700;
}
@media screen and (max-width: 768px) {
        .mobile-login .btn-theme {
                border-radius: 0;
                width: 200px;
                height: 40px;
        }
        .mobile-login .m-register-bottom {
                border: none;
        }
}
@media screen and (max-width: 460px) {
        .auth .card .btn-theme {
                width: 200px;
                padding: 0.375rem;
        }
        .auth .card .card-header h2 {
                font-size: 1.2rem;
        }
        .auth .card .col-form-label {
                font-size: 0.8rem;
        }
}
.auth .card {
        box-shadow: none;
        background: transparent;
        border: none;
}
@media screen and (max-width: 512px) {
        .auth .card h1 {
                font-size: 1.4rem;
        }
}
.auth .card label.col-form-label {
        color: #fff;
        font-family: Poppins, sans-serif;
}
.auth .card input:-moz-read-only,
.auth .card input:disabled {
        background: hsla(0, 0%, 100%, 0.1);
        color: hsla(0, 0%, 100%, 0.65);
}
.auth .card input:disabled,
.auth .card input:read-only {
        background: hsla(0, 0%, 100%, 0.1);
        color: hsla(0, 0%, 100%, 0.65);
}
.auth .card .line-login {
        background: #00c300;
        border-radius: 5px;
        height: 39px;
        cursor: pointer;
}
.auth .invalid-feedback {
        position: absolute;
        bottom: -18px;
        font-size: 0.7rem;
        font-weight: 400;
}
.swal2-html-container i {
        font-size: 1rem;
}
.swal2-html-container i sup {
        color: #ff0031;
}
.page-register label {
        color: #000 !important;
}
.page-register input {
        border: 1px solid #ced4da !important;
}
.page-register .card .extra-bonus {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
}
@media screen and (max-width: 1023px) {
        .page-register .card .extra-bonus {
                background: transparent;
                border-radius: 0;
        }
        .page-register .card .extra-bonus div {
                color: #fcd400 !important;
        }
}
.page-register .card .extra-bonus h5 {
        font-size: 1rem;
        font-weight: 400;
}
.page-register .card .register-card-body {
        margin-top: -26px;
        padding: 0;
        background: #fff;
        border-radius: 15px;
}
@media screen and (max-width: 1023px) {
        .page-register .card .register-card-body {
                margin-top: 0;
                background: transparent;
                border-radius: 0;
        }
        .page-register .card .register-card-body form {
                background: transparent;
                border-radius: 0;
                padding: 0;
        }
        .page-register .card .register-card-body form .details,
        .page-register .card .register-card-body form .info {
                padding: 0 !important;
        }
        .page-register .card .register-card-body form .details.border-right,
        .page-register .card .register-card-body form .info.border-right {
                border: 0 !important;
        }
}
.page-register .card .country .input-group-prepend {
        left: 0;
        right: unset;
}
.page-register .card .country .input-group-prepend button {
        background: #f3f5f6;
        width: 90px;
        border-radius: 0 !important;
}
.page-register .card .country #selected_country {
        border-radius: 0;
        border: none;
        max-width: 100px;
}
.page-register .card .country #selected_country span {
        color: #000 !important;
}
.page-register .card .country #mobile {
        border-radius: 5px;
}
.page-register #mobileCodeInput {
        box-sizing: border-box;
        background-position: 14px 12px;
        background-repeat: no-repeat;
        font-size: 0.8rem;
        padding: 5px 15px;
        border: none;
        border-bottom: 1px solid #ddd;
}
.page-register #mobileCodeInput:focus {
        outline: 3px solid #ddd;
}
.page-register .mobile-code {
        display: none;
        position: absolute;
        background-color: #f6f6f6;
        min-width: 230px;
        overflow: auto;
        border: 1px solid #ddd;
        z-index: 1;
        max-height: 200px;
}
.page-register .mobile-code.show {
        display: block;
}
.page-register #register-method-tabs .nav-item .nav-link {
        background: transparent;
        color: #f1bf5b !important;
        border: 1px solid #f1bf5b !important;
}
.page-register #register-method-tabs .nav-item .nav-link.active {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        color: #000 !important;
}
.promo-content .promo-nav {
        transition: all 0.5s ease-in-out;
        background: #232323;
}
@media (prefers-reduced-motion: reduce) {
        .promo-content .promo-nav {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .promo-content .promo-nav {
                overflow-x: scroll;
        }
}
.promo-content .promo-nav button {
        padding: 14px 28px;
        width: auto;
        background: transparent;
        position: relative;
        color: #fff;
        font-size: 0.8rem;
}
.promo-content .promo-nav button span {
        font-weight: 700;
}
.promo-content .promo-nav button.active span,
.promo-content .promo-nav button:hover span {
        color: #f1bf5b;
}
.promo-content .promo-nav button#filter-vip:before {
        content: " ";
        position: absolute;
        top: 1px;
        right: 20px;
        background-image: url(/assets/promo/crown.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 30px;
        height: 20px;
        -webkit-animation: tilt-shaking 0.25s infinite;
        animation: tilt-shaking 0.25s infinite;
}
.promo-content .promo-box {
        margin: 0;
        position: relative;
        overflow: hidden;
        cursor: pointer;
}
.promo-content .promo-box :before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        border: 2px solid #f1bf5b;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
        border-radius: 8px;
        transition: all 0.35s ease-in-out !important;
}
.promo-content .promo-box .promo-overlay {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));
        cursor: pointer;
}
.promo-content .promo-box .promo-date {
        z-index: 8;
        top: 0;
        right: 20px;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);
}
.promo-content .promo-box .promo-date .date {
        font-size: 24;
        line-height: 28px;
}
.promo-content .promo-box .promo-date .month {
        font-size: 14px;
        line-height: 20px;
}
.promo-content .promo-box img {
        width: 100%;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .promo-content .promo-box img {
                transition: none;
        }
}
.promo-content .promo-box .top-more-info {
        width: 80%;
        height: 2.5em;
        border-bottom: 2.5em solid #ff0031;
        border-left: 1.5em solid transparent;
        border-right: 1.5em solid transparent;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: -50px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .promo-content .promo-box .top-more-info {
                transition: none;
        }
}
.promo-content .promo-box .top-more-info .more-info {
        position: relative;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        top: 8px;
        cursor: pointer;
}
.promo-content .promo-box .top-more-info .more-info span {
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        margin: auto;
}
.promo-content .promo-box:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
}
.promo-content .promo-box:hover .top-more-info {
        top: 0;
}
.promo-content .promo-box figcaption {
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 9;
}
.promo-content .promo-box figcaption h5 {
        color: #ff0031;
}
.promo-content .promo-box figcaption .more-info {
        font-size: 12px;
}
.promo-content .promo-row .promo-div .promo-listing-row {
        background: transparent;
}
.promo-content .promo-row .promo-div .promo-listing-row h5 {
        font-size: 1rem;
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .position-below
        .time-remain {
        font-size: 0.7rem;
}
.promo-content .promo-row .promo-div .promo-listing-row .promo-button {
        font-weight: 600;
        font-size: 0.9rem;
}
@media screen and (max-width: 512px) {
        .promo-content
                .promo-row
                .promo-div
                .promo-listing-row
                .promo-button
                .displayBlock {
                display: block !important;
        }
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-button
        .more-info-btn {
        cursor: pointer;
        background: transparent;
        color: #f1bf5b;
        border: 1px solid #f1bf5b;
        padding: 8px 20px;
        border-radius: 6px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .promo-content
                .promo-row
                .promo-div
                .promo-listing-row
                .promo-button
                .more-info-btn {
                transition: none;
        }
}
@media screen and (max-width: 1023px) {
        .promo-content
                .promo-row
                .promo-div
                .promo-listing-row
                .promo-button
                .more-info-btn {
                padding: 8px 0;
        }
}
@media screen and (max-width: 512px) {
        .promo-content
                .promo-row
                .promo-div
                .promo-listing-row
                .promo-button
                .more-info-btn {
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
        }
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-button
        .more-info-btn:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-button
        .more-info-btn:hover
        span {
        color: #231f20 !important;
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-button
        .apply-btn {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        padding: 8px 20px;
        border-radius: 6px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .promo-content
                .promo-row
                .promo-div
                .promo-listing-row
                .promo-button
                .apply-btn {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .promo-content
                .promo-row
                .promo-div
                .promo-listing-row
                .promo-button
                .apply-btn {
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
        }
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-button
        .apply-btn:hover {
        background: #fff;
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-button
        .apply-btn
        span {
        color: #231f20;
}
.promo-content .promo-row .promo-div .promo-listing-row .promo-description {
        line-height: 1.2rem;
        font-size: 0.9rem;
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-description
        .box-folded__content {
        cursor: text;
        position: relative;
        overflow: hidden;
}
@media screen and (max-width: 512px) {
        .promo-content
                .promo-row
                .promo-div
                .promo-listing-row
                .promo-description
                .box-folded__content {
                max-height: 40px;
        }
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-description
        .box-folded__content:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 56px;
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-description
        .box-folded__content
        p {
        margin-top: -16px;
        white-space: pre-line;
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-description
        .box-folded__trigger {
        display: block;
        cursor: pointer;
        color: #fcd400;
        font-size: 0.7rem;
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-description.box-folded--expanded
        .box-folded__content {
        max-height: 100%;
}
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-description.box-folded--expanded
        .box-folded__content:before,
.promo-content
        .promo-row
        .promo-div
        .promo-listing-row
        .promo-description.box-folded--expanded
        .box-folded__trigger {
        opacity: 0;
        visibility: hidden;
}
.promo-content .promo-row .stamp {
        z-index: 9;
        bottom: -20px;
        right: -20px;
}
@media screen and (max-width: 799px) {
        .promo-content .promo-row .stamp {
                bottom: -10px;
                right: -10px;
        }
}
.promo-content .promo-row .stamp img {
        width: 80px;
        height: 80px;
}
@media screen and (max-width: 799px) {
        .promo-content .promo-row .stamp img {
                width: 40px;
                height: 40px;
        }
}
@media screen and (max-width: 768px) {
        .promo-content .promo-row .img-hover label {
                font-size: 1rem;
        }
}
@media screen and (max-width: 460px) {
        .promo-content .promo-nav button span {
                font-size: 0.7rem;
                padding: 0;
        }
        .promo-content .promo-row .img-hover .text span {
                font-size: 0.6rem;
        }
}
.page-deposit .tabs-design {
        list-style-type: none;
        padding: 0;
}
.page-deposit .tabs-design a {
        min-width: 80px;
        background: #aaa;
        border-radius: 6px;
        color: #000;
        cursor: pointer;
}
.page-deposit .tabs-design a.active,
.page-deposit .tabs-design a:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
.page-deposit .important-notice-wrapper {
        cursor: pointer;
        border: 2px solid #ff0031;
        color: #ff0031;
        background: transparent;
        border-radius: 50px;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .page-deposit .important-notice-wrapper {
                transition: none;
        }
}
.page-deposit .important-notice-wrapper:hover {
        background: #ff0031;
        color: #fff;
}
.page-deposit .deposit-booster .switch {
        width: 50px;
        height: 27px;
}
.page-deposit .deposit-booster .switch input {
        opacity: 0;
        width: 0;
        height: 0;
}
.page-deposit .deposit-booster .switch input:checked + .slider {
        background-color: #019700;
}
.page-deposit .deposit-booster .switch input:checked + .slider:before {
        font-size: 12px;
        content: "\2713";
        -webkit-text-stroke: 1.5px #019700;
        -webkit-transform: translateX(21px);
        transform: translateX(21px);
}
.page-deposit .deposit-booster .switch .slider {
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .page-deposit .deposit-booster .switch .slider {
                transition: none;
        }
}
.page-deposit .deposit-booster .switch .slider:before {
        position: absolute;
        content: "\D7";
        left: 4px;
        bottom: 4px;
        text-align: center;
        -webkit-text-stroke: 1.5px #ff0031;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        width: 20px;
        background-color: #fff;
        transition: all 0.3s ease-in-out, font-size 0s;
}
@media (prefers-reduced-motion: reduce) {
        .page-deposit .deposit-booster .switch .slider:before {
                transition: none;
        }
}
.page-deposit .deposit-booster .switch .slider.round {
        border-radius: 34px;
}
.page-deposit .deposit-booster .switch .slider.round:before {
        border-radius: 50%;
}
.page-deposit .deposit-options-listing {
        list-style: none;
}
.page-deposit .deposit-options-items {
        background: #aaa;
        color: #000;
        cursor: pointer;
}
.page-deposit .deposit-options-items.active,
.page-deposit .deposit-options-items:hover {
        background: #fcd400;
}
.page-deposit #autobank-pay .red-message {
        font-weight: 600;
        border-radius: 8px;
}
.page-deposit #autobank-pay #autobank-accordion .card {
        box-shadow: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
}
.page-deposit #autobank-pay #autobank-accordion .card:hover {
        box-shadow: 0 0 15px rgba(252, 212, 0, 0.4);
}
.page-deposit #autobank-pay #autobank-accordion .card .card-header {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        border-radius: 4px;
        font-weight: 500;
}
.page-deposit #autobank-pay #autobank-accordion .card .card-header .btn-link {
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 600;
        color: #000 !important;
}
.page-deposit #autobank-pay #autobank-accordion .card .card-header .btn-link i {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .page-deposit
                #autobank-pay
                #autobank-accordion
                .card
                .card-header
                .btn-link
                i {
                transition: none;
        }
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-header
        .btn-link
        img {
        max-width: 28px;
        top: 2.5px;
        -webkit-filter: invert(100%);
        filter: invert(100%);
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-header
        .btn-link
        img.your-acc {
        top: 0;
        max-width: 23px;
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-header
        .btn-link.collapsed
        i {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-body
        .card-body-items {
        cursor: pointer;
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .page-deposit
                #autobank-pay
                #autobank-accordion
                .card
                .card-body
                .card-body-items {
                transition: none;
        }
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-body
        .card-body-items:last-child {
        margin-bottom: 0 !important;
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-body
        .card-body-items:hover
        .card-body-items-text
        i {
        color: #f1bf5b;
        opacity: 1;
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-body
        .card-body-items
        img {
        max-width: 68px;
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-body
        .card-body-items
        .card-body-items-text {
        font-size: 0.9rem;
        line-height: 20px;
        max-width: 160px;
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-body
        .card-body-items
        .card-body-items-text
        p:last-child {
        color: #f1bf5b;
        font-weight: 600;
}
.page-deposit
        #autobank-pay
        #autobank-accordion
        .card
        .card-body
        .card-body-items
        .card-body-items-text
        p
        i {
        margin-left: 3px;
        color: #fff;
        font-size: 1rem;
        opacity: 0.6;
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .page-deposit
                #autobank-pay
                #autobank-accordion
                .card
                .card-body
                .card-body-items
                .card-body-items-text
                p
                i {
                transition: none;
        }
}
.page-deposit .toggle-bank-wrapper {
        cursor: pointer;
        border-radius: 8px;
        background: #aaa;
        border: 2px solid #f1bf5b;
}
.page-deposit .toggle-bank-wrapper .copybtn-bank-wrapper {
        color: #000;
}
.page-deposit .toggle-bank-wrapper .copybtn-bank-wrapper:hover .copybtn-bank {
        color: #fcd400;
}
.page-deposit .toggle-bank-wrapper .add-bank-img {
        max-width: 80px;
}
.page-deposit .top-icons {
        top: -6px;
        right: -6px;
}
@media screen and (max-width: 512px) {
        .page-deposit .top-icons {
                top: -5px;
        }
}
.page-deposit .top-icons img {
        max-width: 60px;
}
.page-deposit .user-bank-selection img {
        border: 3px solid transparent;
}
.page-deposit .user-bank-selection img.active {
        border: 3px solid #f1bf5b;
}
.page-transfer .card-body .box,
.wallet-table .card-body .box {
        background: rgba(0, 0, 0, 0.25);
}
.page-transfer .transfer-all,
.wallet-table .transfer-all {
        border-bottom: 1px dashed #fff;
}
.page-transfer .transfer-all > div span,
.wallet-table .transfer-all > div span {
        font-size: 0.8rem;
}
.page-transfer .transfer-all > div span.vn.all,
.wallet-table .transfer-all > div span.vn.all {
        font-size: 0.6rem;
}
.page-transfer .transfer-auto > div span,
.wallet-table .transfer-auto > div span {
        font-size: 0.8rem;
}
.page-transfer .total-turnover,
.wallet-table .total-turnover {
        font-size: 1rem;
}
.page-transfer .wallet-balance label,
.wallet-table .wallet-balance label {
        font-weight: 700;
}
.page-transfer .wallet-balance span,
.wallet-table .wallet-balance span {
        font-style: italic;
        font-size: 0.8rem;
}
@media screen and (max-width: 1023px) {
        .page-transfer .wallet-balance label,
        .page-transfer .wallet-balance span,
        .wallet-table .wallet-balance label,
        .wallet-table .wallet-balance span {
                text-align: center !important;
        }
}
.page-transfer .wallet-balance img,
.wallet-table .wallet-balance img {
        -o-object-fit: contain;
        object-fit: contain;
        height: 50px;
        margin: auto;
}
.page-transfer .wallet-balance .box,
.wallet-table .wallet-balance .box {
        height: 100%;
        background: #ededed;
}
.page-transfer .wallet-balance .box .balance,
.wallet-table .wallet-balance .box .balance {
        border-bottom: 1px dashed #231f20;
}
.page-transfer .wallet-balance .box .turnover,
.wallet-table .wallet-balance .box .turnover {
        font-size: 0.8rem;
}
@media screen and (max-width: 1023px) {
        .page-transfer .wallet-balance .box .turnover label,
        .page-transfer .wallet-balance .box .turnover span,
        .wallet-table .wallet-balance .box .turnover label,
        .wallet-table .wallet-balance .box .turnover span {
                text-align: center !important;
        }
}
.page-transfer .wallet-balance > div,
.wallet-table .wallet-balance > div {
        flex: 0 0 20%;
        max-width: 20%;
}
@media screen and (max-width: 1023px) {
        .page-transfer .wallet-balance > div,
        .wallet-table .wallet-balance > div {
                flex: 0 0 25%;
                max-width: 25%;
        }
}
@media screen and (max-width: 799px) {
        .page-transfer .wallet-balance > div,
        .wallet-table .wallet-balance > div {
                flex: 0 0 33.3333333333%;
                max-width: 33.3333333333%;
        }
}
@media screen and (max-width: 512px) {
        .page-transfer .wallet-balance > div,
        .wallet-table .wallet-balance > div {
                flex: 0 0 50%;
                max-width: 50%;
        }
}
.page-transfer .wallet-balance > div:first-child .box,
.wallet-table .wallet-balance > div:first-child .box {
        border: 1px solid #231f20;
}
.page-transfer .wallet-balance > div:first-child .box .balance,
.wallet-table .wallet-balance > div:first-child .box .balance {
        border-bottom: 1px dashed transparent;
}
.page-transfer .wallet-balance > div:first-child .box .turnover,
.wallet-table .wallet-balance > div:first-child .box .turnover {
        display: none;
}
.page-transfer .wallet-balance > div:first-child .box label,
.wallet-table .wallet-balance > div:first-child .box label {
        font-size: 1.2rem;
}
.page-transfer .wallet-balance > div:first-child .box label,
.page-transfer .wallet-balance > div:first-child .box span,
.wallet-table .wallet-balance > div:first-child .box label,
.wallet-table .wallet-balance > div:first-child .box span {
        color: #231f20 !important;
}
.page-history .nav-tabs {
        border: none;
}
@media screen and (max-width: 799px) {
        .page-history .nav-tabs {
                height: auto;
        }
}
.page-history .nav-tabs .bg-color {
        background: #3f3a37 !important;
}
.page-history .nav-tabs .bg-color .nav-link {
        border: none;
        border-radius: 0;
        width: auto;
        padding: 0.5rem;
        display: flex;
        height: 100%;
        line-height: 16px;
}
.page-history .nav-tabs .bg-color .nav-link span {
        font-weight: 500;
}
.page-history .nav-tabs .bg-color .nav-link.active,
.page-history .nav-tabs .bg-color .nav-link:focus,
.page-history .nav-tabs .bg-color .nav-link:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
.page-history .nav-tabs .bg-color .nav-link.active span,
.page-history .nav-tabs .bg-color .nav-link:focus span,
.page-history .nav-tabs .bg-color .nav-link:hover span {
        color: #231f20;
        font-weight: 700;
}
.page-history .table-bordered {
        color: #fff;
}
.page-history .table-bordered td,
.page-history .table-bordered th {
        border: none;
        padding: 10px;
}
.page-history .table-bordered tbody tr:nth-child(2n) {
        background: hsla(0, 0%, 100%, 0.25);
}
.page-history .table-bordered tbody tr:nth-child(odd) {
        background: rgba(0, 0, 0, 0.15);
}
.page-history .thead-dark tr {
        background: #3f3a37;
}
.page-history .thead-dark th {
        background: transparent;
        border-color: #fff;
        border-bottom: none;
        font-size: 0.8rem;
        color: #fff;
}
.page-withdraw .transfer-all {
        border-bottom: 1px solid #ccc;
}
.page-withdraw #addBankBtn {
        width: 80px !important;
        height: 33px;
        -webkit-animation: enlarge 0.6s ease infinite alternate;
        animation: enlarge 0.6s ease infinite alternate;
        font-size: 0.7rem;
        border-radius: 0;
        background: #f1bf5b;
        border: 1px solid transparent;
}
.page-withdraw #addBankBtn span {
        color: #fff;
        font-size: 0.8rem;
}
@-webkit-keyframes zoom {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
        }
}
@keyframes zoom {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
        }
}
.page-withdraw .bank-list-items {
        max-width: 60px;
        min-height: 60px;
        opacity: 0.5;
        cursor: pointer;
        border: 2px solid transparent;
}
.page-withdraw .bank-list-items.active,
.page-withdraw .bank-list-items:hover {
        opacity: 1;
        border: 2px solid #f1bf5b;
        border-radius: 6px;
}
.page-withdraw .bank-list-items.add-bank-btn-wrapper {
        opacity: 1;
        cursor: pointer;
        line-height: 13px;
        border-radius: 10px;
        border: 2px solid #f1bf5b;
}
.page-withdraw .bank-list-items.add-bank-btn-wrapper:hover {
        background: #f1bf5b;
}
.page-withdraw .withdrawal-bank-wrapper {
        cursor: pointer;
        border-radius: 8px;
        background: #303234;
        border: 2px solid #f1bf5b;
}
.total-turnover {
        font-size: 0.9rem;
}
.wallet-balance label {
        font-weight: 700;
}
.wallet-balance span {
        font-style: italic;
        font-size: 0.8rem;
}
@media screen and (max-width: 1023px) {
        .wallet-balance label,
        .wallet-balance span {
                text-align: center !important;
        }
}
.wallet-balance img {
        -o-object-fit: contain;
        object-fit: contain;
        height: 50px;
        margin: auto;
}
.wallet-balance .thead-dark tr {
        background: #fff;
}
.wallet-balance .thead-dark th {
        background: transparent;
        border-color: #fff;
        border-bottom: none;
        font-size: 0.8rem;
        color: #ff0031;
}
.wallet-profile > div {
        background: hsla(0, 0%, 100%, 0.05);
        color: #fff;
}
.wallet-profile > div .title {
        font-weight: 700;
        font-size: 0.8rem;
}
.wallet-profile > div .list a {
        border: 1px solid #474a4a;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .wallet-profile > div .list a {
                transition: none;
        }
}
.wallet-profile > div .list a span {
        font-size: 1rem;
        width: calc(100% - 20px);
}
.wallet-profile > div .list a img {
        width: 20px;
        height: 20px;
}
.wallet-profile > div .list a.active,
.wallet-profile > div .list a:hover {
        background: #f1bf5b;
}
.mobile-wallet-profile a {
        background: rgba(0, 0, 0, 0.3);
}
.mobile-wallet-profile a span {
        font-size: 0.6rem;
        color: #fff;
}
.mobile-wallet-profile a img {
        width: 25px;
        height: 21px;
}
.mobile-wallet-profile a.active:after {
        position: inherit;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        content: "";
        border-bottom: 2px solid #f1bf5b;
        z-index: 99;
}
.auto-transfer {
        cursor: pointer;
        width: 180px;
        border-radius: 0;
        font-size: 0.7rem;
}
.auto-transfer .title {
        font-size: 0.6rem !important;
}
.auto-transfer .switch {
        position: relative;
        display: block;
        height: 48px;
        margin: 0 auto;
        width: 100%;
}
.auto-transfer .switch.cn input:checked + .slider:before {
        -webkit-transform: translateX(130px);
        transform: translateX(130px);
}
.auto-transfer .switch input {
        opacity: 0;
        width: 0;
        height: 0;
}
.auto-transfer .switch input:checked + .slider {
        background: #3f3a37;
        color: #fff;
        height: 34px;
}
.auto-transfer .switch input:checked + .slider:before {
        -webkit-transform: translateX(130px);
        transform: translateX(130px);
}
.auto-transfer .switch input:checked + .slider p.activated {
        display: block;
}
.auto-transfer .switch input:checked + .slider p.deactivated {
        display: none;
}
.auto-transfer .switch input:focus + .slider {
        box-shadow: 0 0 1px #f1bf5b;
}
.auto-transfer .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ccc;
        transition: 0.4s;
}
.auto-transfer .switch .slider:before {
        position: absolute;
        content: "";
        height: 27px;
        width: 40px;
        left: 4px;
        bottom: 4px;
        background-color: #fff;
        transition: 0.4s;
}
.auto-transfer .switch .slider p.activated {
        display: none;
        text-shadow: 0 0 5px #6c6c6c;
}
.auto-transfer .switch .slider p.deactivated {
        display: block;
        text-shadow: 0 0 5px #6c6c6c;
}
.auto-transfer .switch .slider.round,
.auto-transfer .switch .slider.round:before {
        border-radius: 5px;
}
@media screen and (max-width: 768px) {
        .m-provider-wallets-container {
                max-width: 768px;
                margin: 0 auto !important;
        }
}
@media screen and (max-width: 460px) {
        .page-history .nav-item {
                flex: 0 0 33.3333333333%;
                max-width: 33.3333333333%;
                display: flex;
        }
        .page-history .nav-item a {
                width: 100% !important;
        }
        .page-history .nav-item a span {
                text-align: center;
                width: 100%;
                font-size: 0.7rem;
        }
        .page-history .table .thead-dark th {
                font-size: 0.7rem;
                padding: 0.5rem;
        }
        .page-history .table td {
                font-size: 0.7rem;
        }
        .page-transfer .card-body {
                padding: 0;
        }
        .page-transfer .card-body .wallet-table {
                padding: 5px !important;
                order: 2;
                margin-top: 15px;
        }
        .page-transfer .card-body #previewPromoLink {
                cursor: pointer;
        }
}
.deposit-booster .switch {
        width: 50px;
        height: 27px;
}
.deposit-booster .switch input {
        opacity: 0;
        width: 0;
        height: 0;
}
.deposit-booster .switch input:checked + .slider {
        background-color: #019700;
}
.deposit-booster .switch input:checked + .slider:before {
        font-size: 12px;
        content: "\2713";
        -webkit-text-stroke: 1.5px #019700;
        -webkit-transform: translateX(21px);
        transform: translateX(21px);
}
.deposit-booster .switch .slider {
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .deposit-booster .switch .slider {
                transition: none;
        }
}
.deposit-booster .switch .slider:before {
        position: absolute;
        content: "\D7";
        left: 4px;
        bottom: 4px;
        text-align: center;
        -webkit-text-stroke: 1.5px #d10000;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        width: 20px;
        background-color: #fff;
        transition: all 0.3s ease-in-out, font-size 0s;
}
@media (prefers-reduced-motion: reduce) {
        .deposit-booster .switch .slider:before {
                transition: none;
        }
}
.deposit-booster .switch .slider.round {
        border-radius: 34px;
}
.deposit-booster .switch .slider.round:before {
        border-radius: 50%;
}
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items {
        background: #303234;
        font-size: 0.8rem;
        padding: 8px 23px;
        cursor: pointer;
}
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items.active,
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        font-weight: 700;
}
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items.active a,
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items:hover a {
        color: #21232b;
}
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items.active img,
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items:hover img {
        -webkit-filter: none;
        filter: none;
}
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items a {
        color: #fff;
}
.side-wallet-profile-wrapper .menu-items-wrapper .menu-items img {
        -webkit-filter: invert(100%) sepia(95%) saturate(22%) hue-rotate(339deg)
                brightness(106%) contrast(105%);
        filter: invert(100%) sepia(95%) saturate(22%) hue-rotate(339deg)
                brightness(106%) contrast(105%);
}
.optionsSlider {
        background: #9e9e9e !important;
        border-radius: 50px !important;
        height: 6px;
        -webkit-appearance: none;
        margin-top: 10px;
        margin-bottom: 5px;
}
@media screen and (max-width: 512px) {
        .optionsSlider {
                background: #292421 !important;
        }
}
.optionsSlider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        background-color: #ffc929;
        cursor: pointer;
        border-radius: 50px;
}
.optionsSlider::-moz-range-thumb {
        width: 15px;
        height: 15px;
        background: #ffc929;
        cursor: pointer;
        border-radius: 50%;
}
.page-eu9bank {
        color: var(--main-font-color);
}
.page-eu9bank.appview {
        padding-top: 0 !important;
}
.page-eu9bank .text-title {
        font-size: 1rem;
}
.page-eu9bank .section-bg {
        background: #040709;
        border-radius: 10px;
}
.page-eu9bank .section-bg.no-radius {
        border-radius: 0 !important;
}
.page-eu9bank .rate-tag {
        background: #f1bf5b;
        border-radius: 20px;
        padding: 3px 10px;
        font-size: 0.8rem;
}
@media screen and (max-width: 512px) {
        .page-eu9bank .rate-tag {
                padding: 3px 5px;
        }
}
@media screen and (max-width: 512px) {
        .page-eu9bank .mw-49 {
                max-width: 49%;
        }
}
.page-eu9bank .button {
        border-radius: 5px;
        padding: 8px 20px;
        font-weight: 700;
}
.page-eu9bank .button.auto-btn {
        padding: 8px 0 !important;
}
@media screen and (max-width: 512px) {
        .page-eu9bank .button.action {
                padding: 4px 12px;
        }
}
.page-eu9bank .button-primary {
        background: #ffc929 !important;
        color: #000;
        border: 0;
}
.page-eu9bank .button-primary.claim {
        background: #04bb00;
        padding: 20px;
}
@media screen and (max-width: 512px) {
        .page-eu9bank .button-primary.claim {
                padding: 8px;
        }
}
.page-eu9bank .button-primary:disabled {
        background: #ffc929;
        opacity: 0.3;
}
.page-eu9bank .button-primary.rebate-claim {
        border-radius: 10px !important;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        color: #fff !important;
        background: #1b3760;
        padding: 4px 0 !important;
}
@media screen and (max-width: 512px) {
        .page-eu9bank .button-primary.rebate-claim {
                padding: 8px;
        }
}
.page-eu9bank .button-grey {
        background: transparent;
        color: #9e9e9e;
        border: 1px solid #9e9e9e;
}
.page-eu9bank .button-grey-pure {
        background: #dadada;
        color: #000 !important;
        border: 0;
}
.page-eu9bank .button-grey-pure.active {
        background: #ffc929 !important;
}
.page-eu9bank .custom-dropdown .filter-box {
        padding: 8px 16px 8px 10px;
        border-radius: 5px;
        min-width: 130px;
        background-color: #f9f9f9;
        border: 0;
        text-align: left;
        color: #9e9e9e;
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .page-eu9bank .custom-dropdown .filter-box {
                min-width: 38vw;
        }
}
.page-eu9bank .custom-dropdown .filter-box:after {
        color: #9e9e9e;
        position: absolute;
        right: 7px;
        top: 50%;
}
.page-eu9bank .custom-dropdown .dropdown-menu {
        max-width: 200px;
}
@media screen and (max-width: 512px) {
        .page-eu9bank .custom-dropdown .dropdown-menu {
                max-width: 120px;
        }
}
.page-eu9bank .custom-dropdown .dropdown-item {
        background: #f9f9f9;
        color: #9e9e9e;
        font-weight: 500;
}
.page-eu9bank .custom-dropdown .dropdown-item.active {
        background: #ffc929 !important;
        color: #fff !important;
}
.page-eu9bank .custom-dropdown .dropdown-item:hover {
        background: #fff;
        color: #9e9e9e;
}
.page-eu9bank .bank-table {
        color: var(--main-font-color);
        border-color: var(--main-font-color);
}
.page-eu9bank .bank-table th {
        border: 0;
}
.page-eu9bank .bank-table th:not(:first-child) {
        text-align: center;
}
.page-eu9bank .bank-table td {
        border: 0;
}
.page-eu9bank .bank-table td:not(:first-child) {
        text-align: center;
}
.page-eu9bank .bank-table tbody tr:nth-child(odd) {
        background: #040709;
}
.page-eu9bank .bank-pagination .page-item {
        margin-right: 8px;
        border-radius: 5px;
        color: #fff;
        background: #dadada;
        padding: 4px;
        cursor: pointer;
}
.page-eu9bank .bank-pagination .page-item.active {
        background: #ffc929 !important;
}
.page-eu9bank .bank-pagination .page-link {
        background: unset;
        border: 0;
        color: #000;
}
.prefix-input {
        border-right: 0;
}
.prefix-button {
        border-left: 0 !important;
        border: 1px solid #ced4da;
        box-shadow: none;
        color: #9e9e9e;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-radius: 0;
        background: transparent;
        padding-right: 10px;
        text-wrap: nowrap;
}
.no-spin-number {
        -moz-appearance: textfield;
}
.no-spin-number::-webkit-inner-spin-button,
.no-spin-number::-webkit-outer-spin-button {
        -webkit-appearance: none;
}
.remove-hover:hover {
        background-color: #ffc929 !important;
        color: #fff !important;
}
.withdraw-select .select-items div,
.withdraw-select .select-selected {
        color: #fff;
        padding: 8px 16px;
        border: 1px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.1);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.withdraw-select .select-items {
        position: absolute;
        background-color: #1e90ff;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
}
.page-add-bank .supported-bank-wrapper .supported-bank-items {
        max-width: 60px;
        min-height: 60px;
        opacity: 1;
        cursor: pointer;
        border: 3px solid transparent;
        border-radius: 7px;
}
.page-add-bank .supported-bank-wrapper .supported-bank-items.active,
.page-add-bank .supported-bank-wrapper .supported-bank-items:hover {
        opacity: 1;
        border: 3px solid #f1bf5b;
}
.page-add-bank .supported-bank-wrapper .supported-more-bank {
        max-width: 60px;
        min-height: 60px;
        background: transparent;
        border: 1px solid #9e9e9e;
        line-height: 15px;
        cursor: pointer;
}
.page-add-bank .supported-bank-wrapper .supported-more-bank:hover {
        background: var(--accordion-bg-color);
}
.page-add-bank
        .supported-bank-wrapper
        .supported-more-bank:hover
        .supported-dropdown {
        opacity: 1;
        visibility: visible;
}
.page-add-bank
        .supported-bank-wrapper
        .supported-more-bank
        .supported-dropdown {
        top: 60px;
        right: 0;
        min-width: 290px;
        max-height: 140px;
        overflow-y: scroll;
        background: #303234;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 5px;
        z-index: 1;
        -ms-overflow-style: none;
        scrollbar-width: none;
        opacity: 0;
        visibility: hidden;
}
.page-add-bank
        .supported-bank-wrapper
        .supported-more-bank
        .supported-dropdown::-webkit-scrollbar {
        display: none;
}
.page-add-bank
        .supported-bank-wrapper
        .supported-more-bank
        .supported-dropdown
        .supported-bank-items {
        min-height: 100%;
}
.page-profile td,
.page-profile th {
        color: #fff !important;
}
.page-profile .thead-dark th {
        background: #13b3e5;
        border-color: #dee2e6;
}
@media screen and (max-width: 768px) {
        .page-profile .update {
                justify-content: center !important;
        }
}
.my-account .m-account-top {
        background: #292421;
        border: none;
        height: unset;
}
.my-account .m-account-content {
        background: transparent;
}
.my-account .m-account-content a img {
        width: 80px;
}
.my-account .m-account-content a span {
        font-size: 0.8rem;
}
.page-profile .input-calander .input-group-text {
        background-color: #fcd400;
        border-radius: 0;
        height: 33px;
}
.page-profile .input-calander .input-group-text i {
        color: #21232b;
}
.page-profile .input-group-append.BtnVerifyEmail,
.page-profile .input-group-append.BtnVerifyMobile {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        border-radius: 0;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
}
.page-profile .input-group-append.BtnVerifyEmail .input-group-text,
.page-profile .input-group-append.BtnVerifyMobile .input-group-text {
        width: auto;
        color: #231f20;
}
.page-profile .input-group-append .verified {
        color: #ff0031;
        position: relative;
        right: 20px;
}
.page-profile .bank-details {
        padding-top: 15px !important;
        border-top: 1px solid #fff;
}
.page-profile .bank-details h2 {
        font-size: 1rem;
}
.page-profile .bank-details a {
        cursor: pointer;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .page-profile .bank-details a {
                transition: none;
        }
}
.page-profile .bank-details a:hover i,
.page-profile .bank-details a:hover span {
        color: #666;
}
.page-profile .bank-details .box > div {
        background: rgba(0, 0, 0, 0.05);
}
.page-profile .bank-details .box > div > div {
        margin-bottom: 10px !important;
        line-height: 1rem;
}
.page-profile .bank-details .box > div > div label {
        font-size: 0.8rem;
}
.page-profile .bank-details .box > div > div span {
        font-size: 0.9rem;
}
.page-profile .bank-details .box > div .remove {
        right: 5px;
        top: 5px;
}
.page-profile .bank-box-wrapper {
        border-radius: 8px;
}
.page-profile .bank-list-items {
        max-width: 60px;
        min-height: 60px;
        opacity: 0.5;
        cursor: pointer;
        border: 2px solid transparent;
}
.page-profile .bank-list-items.active,
.page-profile .bank-list-items:hover {
        opacity: 1;
        border: 2px solid #f1bf5b;
        border-radius: 6px;
}
.page-profile .bank-list-items.add-bank-btn-wrapper {
        opacity: 1;
        cursor: pointer;
        line-height: 13px;
        border-radius: 10px;
        border: 2px solid #f1bf5b;
}
.page-profile .bank-list-items.add-bank-btn-wrapper:hover {
        background: #f1bf5b;
}
.page-profile .add-bank-detail-wrapper {
        cursor: pointer;
        border-radius: 8px;
        background: #303234;
        border: 2px solid #f1bf5b;
}
.m-contact-us-container ul li {
        list-style: none;
}
@media screen and (max-width: 768px) {
        .my-account .m-account-login-wrap {
                color: #fcd400;
        }
        .my-account .m-provider-wallet-title {
                font-size: 1rem;
                color: #fcd400;
        }
        .my-account .m-account-label-wrap {
                font-size: 1.2rem;
        }
        .my-account .m-provider-wallets .m-provider-wallet-title {
                font-size: 0.8rem;
        }
}
.bank-details-table thead tr {
        background-color: #ffc929;
}
.bank-details-table thead tr th {
        color: #000 !important;
}
.bank-details-table tbody tr {
        background: #fff;
}
.bank-details-table tbody tr td {
        color: #000 !important;
}
.bank-details-table tbody tr td.delete-bank button {
        padding: 10px;
        height: 25px;
}
.bank-details-table tbody tr td.delete-bank button span {
        font-size: 10px;
}
@media screen and (max-width: 460px) {
        .my-account .m-account-content a img {
                width: 30px;
        }
        .my-account .m-account-content a span {
                font-size: 0.6rem;
        }
}
.btnPop {
        top: 55%;
        z-index: 3;
        max-width: 100%;
        width: 100%;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .btnPop {
                transition: none;
        }
}
.btnPop.slideLeft {
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .btnPop.slideLeft {
                transition: none;
        }
}
.btnPop.slideRight {
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .btnPop.slideRight {
                transition: none;
        }
}
.btnPop img {
        z-index: 9;
        width: 100%;
        height: 100%;
}
.btnPop .btn-close-circle {
        z-index: 10;
        top: 0;
        background-color: #000;
}
#spin-wheel-div {
        bottom: 30px;
        top: auto;
        left: -150px;
}
@media screen and (max-width: 512px) {
        #spin-wheel-div {
                bottom: 60px;
        }
}
#spin-wheel-div .btn-close-circle {
        right: -10px;
        top: -10px;
}
#valentine {
        bottom: 0;
        top: unset !important;
        max-width: 230px;
        width: 230px;
        left: -250px;
}
@media screen and (max-width: 512px) {
        #valentine {
                max-width: 180px;
                width: 180px;
                left: -190px;
                bottom: 50px;
        }
}
#valentine img {
        width: 230px;
}
@media screen and (max-width: 512px) {
        #valentine img {
                width: 180px;
        }
}
#valentine .btn-close-circle {
        right: -3%;
        top: -3%;
        background-color: #000 !important;
}
#valentine.slideLeft {
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #valentine.slideLeft {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        #valentine.slideLeft {
                -webkit-transform: translateX(-200px);
                transform: translateX(-200px);
        }
}
#valentine.slideRight {
        -webkit-transform: translateX(250px);
        transform: translateX(250px);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #valentine.slideRight {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        #valentine.slideRight {
                -webkit-transform: translateX(200px);
                transform: translateX(200px);
        }
}
.share_like {
        bottom: 0;
        top: auto;
        left: -180px;
        max-width: 180px;
        width: auto;
}
@media screen and (max-width: 512px) {
        .share_like {
                left: -160px;
                max-width: 120px;
                bottom: 80px;
                max-height: 170px;
        }
}
.share_like img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-animation: floatApp 3.5s ease-in-out infinite;
        animation: floatApp 3.5s ease-in-out infinite;
        max-width: 180px;
        width: auto;
        -o-object-fit: contain;
        object-fit: contain;
}
@media screen and (max-width: 512px) {
        .share_like img {
                max-width: 100%;
                max-height: 170px;
        }
}
.share_like .btn-close-circle {
        right: 5px;
        top: 5px;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
}
@media screen and (max-width: 512px) {
        .share_like .btn-close-circle {
                width: 20px;
                height: 20px;
        }
        .share_like .btn-close-circle span {
                font-size: 0.7rem;
        }
}
.share_like.slideLeft {
        -webkit-transform: translateX(-180px);
        transform: translateX(-180px);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .share_like.slideLeft {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .share_like.slideLeft {
                -webkit-transform: translateX(-160px);
                transform: translateX(-160px);
        }
}
.share_like.slideRight {
        -webkit-transform: translateX(180px);
        transform: translateX(180px);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .share_like.slideRight {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .share_like.slideRight {
                -webkit-transform: translateX(160px);
                transform: translateX(160px);
        }
}
.spin-wheel-header {
        width: 80px !important;
        height: auto !important;
        left: 14px;
        right: 14px;
        top: 20px;
}
@media screen and (max-width: 512px) {
        .spin-wheel-header {
                width: 40px !important;
        }
}
.thai-line {
        right: -135px;
        top: 55%;
        z-index: 11;
        width: 135px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .thai-line {
                transition: none;
        }
}
.thai-line span {
        bottom: 8px;
        width: 80px;
        right: 12px;
        -webkit-animation: imgaRotate 1s linear 0s infinite normal;
        animation: imgaRotate 1s linear 0s infinite normal;
}
.thai-line .hide-line {
        width: 20px;
        height: 20px;
        background: #00c300;
        border-radius: 50%;
        display: none;
        transition: all 0.5s ease-in-out;
        cursor: pointer;
        z-index: 2;
        top: 5px;
}
@media (prefers-reduced-motion: reduce) {
        .thai-line .hide-line {
                transition: none;
        }
}
.mobile-contact {
        right: -60px;
        bottom: 7%;
        z-index: 999;
        max-width: 60px;
        width: 60px;
        -webkit-animation: partnership-heartbeat 2s infinite;
        animation: partnership-heartbeat 2s infinite;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .mobile-contact {
                transition: none;
        }
}
.mobile-contact.slideRight {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .mobile-contact.slideRight {
                transition: none;
        }
}
.mobile-contact .line {
        width: 60px;
        height: 60px;
}
@media screen and (max-width: 768px) {
        .btnPop {
                max-width: 160px;
        }
        .btnPop,
        .btnPop img {
                width: 160px;
        }
}
.lucky-spin-icon {
        bottom: 70px;
        left: -100px;
        z-index: 9;
        width: 60px;
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .lucky-spin-icon {
                transition: none;
        }
}
.lucky-spin-icon.move {
        left: 13px;
}
.lucky-spin-icon .fa-times {
        font-size: 0.8rem;
        cursor: pointer;
        width: 23px;
        height: 23px;
        border: 2px solid #fff;
}
.lucky-spin-icon .fa-times:before {
        position: relative;
        left: 4.8px;
        top: 2px;
}
.contact-us .items .icon {
        font-size: 2rem;
}
.livetv-content .live-table {
        background: hsla(0, 0%, 100%, 0.05);
}
.livetv-content .live-table .match-table {
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}
.livetv-content .live-table .match-table .league-name {
        font-size: 1rem;
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .league-name {
                font-size: 0.8rem;
        }
}
.livetv-content .live-table .match-table .live-now {
        right: 8px;
}
.livetv-content .live-table .match-table .live-now img {
        height: 35px;
}
.livetv-content .live-table .match-table .date {
        font-size: 1rem;
        font-weight: 700;
}
.livetv-content .live-table .match-table .record {
        background: hsla(0, 0%, 100%, 0.05);
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .record .team {
                padding: 0 5px !important;
        }
}
.livetv-content .live-table .match-table .record .team img {
        width: 50px;
        height: auto;
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .record .team img {
                margin: 0 auto;
        }
}
.livetv-content .live-table .match-table .record .team span {
        font-size: 1rem;
        width: calc(100% - 50px);
}
@media screen and (max-width: 768px) {
        .livetv-content .live-table .match-table .record .team span {
                font-size: 0.8rem;
        }
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .record .team span {
                width: 100%;
                text-align: center !important;
        }
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .record .team.away img {
                order: 1;
        }
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .record .team.away span {
                order: 2;
                padding: 0 !important;
        }
}
.livetv-content .live-table .match-table .record .stat {
        max-width: 350px;
        flex-grow: 2;
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .record .stat {
                max-width: 250px;
                flex-grow: 1;
        }
}
.livetv-content .live-table .match-table .record .stat .timer {
        width: calc(100% - 140px);
        line-height: 1.4rem;
}
@media screen and (max-width: 768px) {
        .livetv-content .live-table .match-table .record .stat .timer {
                width: 100%;
                order: 1;
                line-height: 1;
                border: 2px solid #000;
        }
}
.livetv-content .live-table .match-table .record .stat .timer span {
        font-size: 2rem;
}
@media screen and (max-width: 768px) {
        .livetv-content .live-table .match-table .record .stat .timer span {
                font-size: 1.4rem;
        }
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .record .stat .timer span {
                font-size: 1rem;
        }
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .record .stat .timer > div {
                font-size: 0.7rem;
        }
}
.livetv-content .live-table .match-table .record .stat .away-result,
.livetv-content .live-table .match-table .record .stat .home-result {
        width: 70px;
        background: #fff;
        color: #000;
}
@media screen and (max-width: 768px) {
        .livetv-content .live-table .match-table .record .stat .away-result,
        .livetv-content .live-table .match-table .record .stat .home-result {
                width: 50%;
                border: 2px solid #000;
        }
}
.livetv-content .live-table .match-table .record .stat .away-result span,
.livetv-content .live-table .match-table .record .stat .home-result span {
        font-size: 2rem;
        font-weight: 700;
}
@media screen and (max-width: 768px) {
        .livetv-content .live-table .match-table .record .stat .home-result {
                order: 21;
        }
}
@media screen and (max-width: 768px) {
        .livetv-content .live-table .match-table .record .stat .away-result {
                order: 3;
        }
}
.livetv-content .live-table .match-table .view {
        max-width: 350px;
        width: 350px;
        cursor: pointer;
        font-size: 1rem;
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .view {
                font-size: 0.8rem;
        }
}
.livetv-content .live-table .match-table .view img {
        height: 38px;
}
@media screen and (max-width: 468px) {
        .livetv-content .live-table .match-table .view img {
                height: 25px;
        }
}
.livetv-content .live-table .match-table.live .record .stat,
.livetv-content .live-table .match-table.live .view {
        background: #00b900;
}
.livetv-content .live-table .match-table.not-started .record .stat,
.livetv-content .live-table .match-table.not-started .view {
        background: #13b3e5;
}
.livetv-content .live-table .match-table.ended .record .stat,
.livetv-content .live-table .match-table.ended .view {
        background: #9b9b9b;
}
.list-product .swiper-slide {
        background-position: 50%;
        background-size: cover;
        width: 100%;
        background-color: transparent;
        height: 100%;
}
.list-product .swiper-slide img {
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        height: 100%;
        width: 100%;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .list-product .swiper-slide img {
                transition: none;
        }
}
@media only screen and (max-width: 768px) {
        .list-product .swiper-slide img {
                width: 100%;
                opacity: 0.5;
                -o-object-position: 50% 90%;
                object-position: 50% 90%;
        }
}
.list-product .swiper-slide img.loaded {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .list-product .swiper-slide img.loaded {
                transition: none;
        }
}
.list-product .swiper-slide picture {
        position: relative;
}
.list-product .swiper-slide.swiper-slide-active .detail {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(132%, -50%);
        transform: translate(132%, -50%);
        font-size: 38px;
        font-weight: 700;
}
@media only screen and (max-width: 768px) {
        .list-product .swiper-slide.swiper-slide-active .detail {
                font-size: 24px;
                -webkit-transform: translate(45%, -50%);
                transform: translate(45%, -50%);
        }
}
.list-product .game-general-title {
        font-size: 1.9rem;
        line-height: 33px;
}
@media screen and (max-width: 512px) {
        .list-product .game-general-title {
                font-size: 1.5rem;
                line-height: 26px;
        }
}
.list-product .search-input-wrapper {
        width: 25%;
}
@media screen and (max-width: 512px) {
        .list-product .search-input-wrapper {
                width: 100%;
        }
}
.list-product .search-input-wrapper .search i {
        position: absolute;
        left: 15px;
        top: 14px;
        font-size: 20px;
        z-index: 5;
        color: #f1bf5b;
}
.list-product .search-input-wrapper .search input {
        border-radius: 0 !important;
        padding-left: 50px;
        background: #242424;
        color: #fff;
}
.list-product .search-input-wrapper .search input::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
}
.list-product .search-input-wrapper .search input::-moz-placeholder {
        color: #fff;
        opacity: 1;
}
.list-product .search-input-wrapper .search input:-ms-input-placeholder {
        opacity: 1;
}
.list-product .search-input-wrapper .search input::-ms-input-placeholder {
        opacity: 1;
}
.list-product .search-input-wrapper .search input::placeholder {
        color: #fff;
        opacity: 1;
}
.list-product .search-input-wrapper .search input:-ms-input-placeholder {
        color: #fff;
}
.list-product .search-input-wrapper .search input::-ms-input-placeholder {
        color: #fff;
}
@media screen and (max-width: 512px) {
        .list-product .m-category-subtitle {
                font-size: 0.9rem !important;
                line-height: 16px;
        }
}
.provider-games .games-listing .img-hover {
        position: relative;
        overflow: hidden;
        width: 100%;
        text-align: center;
        border-radius: 6px;
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .provider-games .games-listing .img-hover {
                transition: none;
        }
}
.provider-games .games-listing .img-hover img {
        max-width: 100%;
        vertical-align: top;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .provider-games .games-listing .img-hover img {
                transition: none;
        }
}
.provider-games .games-listing .img-hover:hover a {
        z-index: 1;
        transition: 0.3s;
}
.provider-games .games-listing .img-hover:hover a[name="games_link"] {
        z-index: 9;
}
.provider-games .games-listing .img-hover:hover .text span,
.provider-games .games-listing .img-hover:hover a span {
        opacity: 1;
}
.provider-games .games-listing .img-hover:hover .game-item {
        opacity: 1;
        z-index: 2;
}
.provider-games .games-listing .img-hover:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all 0.35s ease-in-out;
        -webkit-filter: grayscale(0.7);
        filter: grayscale(0.7);
}
@media (prefers-reduced-motion: reduce) {
        .provider-games .games-listing .img-hover:hover img {
                transition: none;
        }
}
.provider-games .games-listing .img-hover .game-item {
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.provider-games .games-listing .img-hover .game-item a[name="games_link"] {
        position: relative !important;
}
.provider-games
        .games-listing
        .img-hover
        .game-item
        a[name="games_link"]
        .btn-theme {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        border-radius: 6px !important;
}
.provider-games
        .games-listing
        .img-hover
        .game-item
        a[name="games_link"]
        .btn-theme
        span {
        color: #3f3a37;
}
.provider-games
        .games-listing
        .img-hover
        .game-item
        a[name="games_link"]:hover
        .btn-theme {
        background-color: #3f3a37;
}
.provider-games
        .games-listing
        .img-hover
        .game-item
        a[name="games_link"]:hover
        .btn-theme
        span {
        color: #fff;
}
.provider-games .games-listing .img-hover .progressive img.preview {
        -webkit-filter: blur(0.5vw);
        filter: blur(0.5vw);
}
.provider-games .games-listing .img-hover .game-btn {
        border-top-right-radius: 30px !important;
        border-bottom-left-radius: 30px !important;
}
.provider-games .games-listing .img-hover .game-btn span {
        color: #fff;
        font-size: 14px;
}
@media only screen and (max-width: 1280px) {
        .provider-games .games-listing .img-hover .game-btn span {
                font-size: 12px;
        }
}
@media only screen and (max-width: 768px) {
        .provider-games .games-listing .img-hover .game-btn span {
                font-size: 10px;
        }
}
.provider-games .games-listing .img-hover .game-name {
        font-size: 0.8rem;
        font-weight: 700;
        line-height: 1rem;
}
.provider-games .games-listing .img-hover .game-fav {
        right: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        border-top-left-radius: 10px;
        background: #3f3a37;
        color: #fff;
        z-index: 9;
        cursor: pointer;
}
.provider-games .games-listing .img-hover .game-fav i {
        -webkit-transform: unset;
        transform: unset;
        position: relative;
        top: unset;
        left: unset;
        border-radius: unset;
        font-size: unset;
        width: unset;
        height: unset;
        line-height: unset;
        background: unset;
        color: unset;
}
.provider-games .games-listing .img-hover .game-fav.active,
.provider-games .games-listing .img-hover .game-fav:hover {
        background: #d10000;
}
.provider-games .games-listing .img-hover .game-fav.active i,
.provider-games .games-listing .img-hover .game-fav:hover i {
        color: #fff;
}
.provider-games .games-listing .game-name {
        line-height: 16px;
}
.list-game-content .m-provider-side-bar a {
        background: #383319;
        border: 0;
        border-radius: 45px;
}
.list-game-content .m-provider-side-bar a img {
        width: 70%;
        height: auto !important;
        opacity: 1;
}
@media screen and (max-width: 512px) {
        .list-game-content .m-provider-side-bar a img {
                width: 63%;
        }
}
.list-game-content .m-provider-side-bar a span {
        position: absolute;
        left: 0;
        top: 30%;
        color: #fff;
        font-weight: 700;
        opacity: 0;
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .list-game-content .m-provider-side-bar a span {
                transition: none;
        }
}
.list-game-content .m-provider-side-bar a.swiper-slide-active,
.list-game-content .m-provider-side-bar a:hover {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
}
.list-product .affiliate-text {
        top: 35%;
        left: 55%;
}
.list-product .affiliate-text span {
        font-size: 2.4rem;
        line-height: 2.4rem;
        font-weight: 900;
        text-shadow: 0 -5px 100px, 0 0 2px, 0 0 1em #f1bf5b, 0 0 0.1em #f1bf5b,
                0 0 0.1em #f1bf5b, 0 7px 3px #000;
        -webkit-animation: blink 2s linear infinite;
        animation: blink 2s linear infinite;
        color: #fff;
}
@media screen and (max-width: 799px) {
        .list-product .affiliate-text span {
                font-size: 1.4rem;
        }
}
@media screen and (max-width: 799px) {
        .list-product .affiliate-text {
                top: 20%;
                left: 50%;
        }
}
.list-product .m-provider-submenu-container {
        background-color: transparent;
}
.list-product .m-provider-submenu-container a,
.list-product .m-provider-submenu-container a > span {
        position: relative;
        color: inherit;
        text-decoration: none;
        line-height: 24px;
}
.list-product .m-provider-submenu-container a:after,
.list-product .m-provider-submenu-container a:before,
.list-product .m-provider-submenu-container a > span:after,
.list-product .m-provider-submenu-container a > span:before {
        content: "";
        position: absolute;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.list-product .m-provider-submenu-container .m-provider-submenu {
        margin: 0;
        border: 0;
        height: auto;
        cursor: pointer;
        background: transparent;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu
        .m-provider-submenu-content {
        position: relative;
        top: unset;
        left: unset;
        margin-right: 0;
        -webkit-transform: unset;
        transform: unset;
        background: transparent;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu
        .m-provider-submenu-content
        .new-false {
        display: none;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu
        .m-provider-submenu-content
        .new-true {
        display: flex;
        position: absolute;
        width: 60px;
        left: 8%;
        top: 18%;
        z-index: 2;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu
        .m-provider-submenu-content
        .hot-false {
        display: none;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu
        .m-provider-submenu-content
        .hot-true {
        display: flex;
        position: absolute;
        width: 60px;
        left: 8%;
        top: 18%;
        z-index: 2;
        -webkit-animation: shake 3s infinite alternate;
        animation: shake 3s infinite alternate;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu
        .m-provider-submenu-content
        img {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 100%;
        height: unset !important;
}
.list-product .m-provider-submenu-container .m-provider-submenu .provider-logo {
        margin-top: -90px;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu
        .provider-logo
        .nav-provider-logo {
        width: 100px;
        opacity: 1;
        height: auto;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu
        .m-category-subtitle.true
        i:before {
        content: " ";
        position: absolute;
        top: -15px;
        background-image: url(/assets/nav/hot-tag.png?1.0);
        background-size: contain;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        right: -20px;
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu:hover
        .provider-logo
        .nav-provider-logo {
        opacity: 0;
        transition: 0.3s;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu:hover
        .m-provider-submenu-content
        img {
        opacity: 0.61;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu:hover
        .m-category-subtitle {
        color: #f1bf5b !important;
        transition: 0.3s;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu:hover
        .m-category-subtitle.true
        i:before {
        content: " ";
        position: absolute;
        top: -15px;
        background-image: url(/assets/nav/hot-tag.png?1.0);
        background-size: contain;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        right: -20px;
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
}
.list-product .m-provider-submenu-container .m-provider-submenu:hover img {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 100%;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu:hover
        .m-provider-submenu-content
        .m-category-subtitle.true
        i:before {
        content: " ";
        position: absolute;
        top: -15px;
        background-image: url(/assets/nav/hot-tag.png?1.0);
        background-size: contain;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        right: -20px;
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu.maintenance
        .maintenance-tag-img
        img {
        max-width: 150%;
}
.list-product
        .m-provider-submenu-container
        .m-provider-submenu.maintenance
        .maintenance-img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        cursor: auto;
}
@media screen and (max-width: 768px) {
        .m-category-subtitle {
                font-size: 1rem !important;
        }
}
.abs-lotto .clickable .btn-theme {
        padding: 4px 12px;
        height: 33px;
        border-radius: 5px !important;
}
.abs-lotto .clickable .draw-result .title {
        font-size: 2rem;
        margin-bottom: 0 !important;
}
.abs-lotto .loading {
        font-size: 2rem;
}
.abs-lotto label {
        font-weight: 700;
}
.abs-lotto .cover .date.Magnum {
        background: #ffc100;
}
.abs-lotto .cover .date.Pmp {
        background: #1b377c;
}
.abs-lotto .cover .date.Toto {
        background: #e00a15;
}
.abs-lotto .cover .date.Singapore {
        background: #054897;
}
.abs-lotto .cover .date.Good4D {
        background: #e91b24;
}
.abs-lotto .cover .date.LuckyHariHari {
        background: #0b4774;
}
.abs-lotto .cover .date.Perdana {
        background: #07b;
}
.abs-lotto .cover .date.Sabah {
        background: #fc0303;
}
.abs-lotto .cover .date.Sandakan {
        background: #018933;
}
.abs-lotto .cover .date.Sarawak {
        background: #284e00;
}
.abs-lotto .content {
        box-shadow: inset 0 2px 15px 1px #b5b5b5;
}
.abs-lotto .content .top-3 .box label,
.abs-lotto .content .top-3 .box span {
        border: 1px solid #e51d35;
}
.abs-lotto .content .top-3 .box label {
        background: #e51d35;
}
.abs-lotto .content .consolation .box,
.abs-lotto .content .special .box {
        flex: 0 0 20%;
        max-width: 20%;
}
.abs-lotto .content .consolation .box label,
.abs-lotto .content .special .box label {
        background: #e9e9e9;
        margin-bottom: 0;
}
.abs-lotto .content .consolation .greyBlack-bg {
        background: #888;
}
.abs-lotto .payout-table .game-title {
        background: #9e0000;
        box-shadow: 0 0 5px #9e0000, 0 0 25px #9e0000, 0 0 50px #9e0000,
                0 0 100px #9e0000;
}
.abs-lotto .payout-table .title {
        font-size: 1.6rem;
}
.abs-lotto .payout-table .table-responsive td {
        border-top: 1px solid hsla(0, 0%, 100%, 0.15);
}
.abs-lotto .payout-table .table-responsive thead td {
        border-top: none;
}
@media screen and (max-width: 460px) {
        .abs-lotto .abs-table > div {
                padding: 15px 30px !important;
        }
        .abs-lotto .clickable .draw-result .title {
                text-align: center;
        }
        .abs-lotto .clickable .select-date > div {
                margin: 0 auto;
        }
        .abs-lotto .clickable .select-date > div label {
                text-align: center !important;
        }
}
.togel-list i {
        font-size: 1rem;
}
.togel-list a {
        padding: 5px;
        cursor: pointer;
}
.togel-list a > div {
        background: linear-gradient(45deg, #e51313, #d10000);
        border-radius: 10px;
        padding: 10px 5px;
        transition: all 0.5s ease-in-out;
        z-index: 0;
        overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
        .togel-list a > div {
                transition: none;
        }
}
.togel-list a > div:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -16px;
        right: -16px;
        background: rgba(0, 0, 0, 0.3);
        height: 32px;
        width: 32px;
        border-radius: 32px;
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .togel-list a > div:before {
                transition: none;
        }
}
.togel-list a:hover > div {
        background: linear-gradient(180deg, #3f3a37, #3f3a37);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .togel-list a:hover > div {
                transition: none;
        }
}
.togel-list a:hover > div:before {
        -webkit-transform: scale(2.15);
        transform: scale(2.15);
}
.togel-list label {
        font-size: 1.3rem;
        font-weight: 700;
        text-shadow: 2px 1px #555;
        cursor: pointer;
        color: #fff;
}
.togel-list .icon {
        width: 90px;
        height: 90px;
        padding: 5px;
}
.togel-list .icon img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
}
.togel-list .content {
        width: calc(100% - 90px);
}
.togel-list .content span {
        font-size: 0.75rem;
        color: #fff;
}
.togel-list .content .go-corner {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 32px;
        height: 32px;
        overflow: hidden;
        top: 0;
        right: 0;
        border-radius: 0 4px 0 32px;
}
.togel-list .content .go-arrow {
        margin-top: -4px;
        margin-right: -4px;
        color: #fff;
}
.togel-list .content .result img {
        padding: 4px;
}
.lucky-number .number {
        background-image: url(/assets/togel-number/lucky-number/lucky-number.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
}
.lucky-number .number .slotcontainer {
        text-align: center;
        font-size: 0;
        height: 120px;
}
.lucky-number .number .slotcontainer .slot {
        display: inline-block;
        width: 70px;
        max-height: 100px;
        line-height: 100px;
        overflow: hidden;
        vertical-align: middle;
}
.lucky-number .number .slotcontainer .slot img {
        width: 60px;
        height: 60px;
}
.lucky-number .typewriter h4 {
        font: 700 4em/1 Oswald, sans-serif;
        letter-spacing: 0;
        font-size: 1.6rem;
        padding: 0.25em 0 0.325em;
        display: block;
        margin: 0 auto;
        text-shadow: 0 0 80px hsla(0, 0%, 100%, 0.5);
        background: url(/assets/togel-number/lucky-number/animated_text_fill.png)
                repeat-y;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: aitf 80s linear infinite;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
}
@-webkit-keyframes aitf {
        0% {
                background-position: 0 50%;
        }
        to {
                background-position: 100% 50%;
        }
}
@keyframes aitf {
        0% {
                background-position: 0 50%;
        }
        to {
                background-position: 100% 50%;
        }
}
@media screen and (max-width: 767px) {
        .togel-list label {
                font-size: 1.2rem;
        }
        .togel-list .content {
                line-height: 1.2rem;
        }
        .togel-list .content .result img {
                padding: 1px;
        }
}
@media screen and (max-width: 460px) {
        .togel-list a > div {
                align-items: start !important;
        }
        .togel-list .icon {
                width: 50px;
                height: 50px;
                margin-top: 5px;
        }
        .togel-list label {
                font-size: 0.7rem;
        }
        .togel-list .content {
                width: calc(100% - 50px);
                line-height: 1.2rem;
        }
        .togel-list .content span {
                font-size: 0.65rem;
        }
        .togel-list .content .result {
                padding: 0 !important;
        }
        .lucky-number .number .slotcontainer .slot {
                width: 50px;
        }
        .lucky-number .number .slotcontainer .slot img {
                width: 40px;
                height: 40px;
        }
}
.redirect-page {
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999999999;
        background: #040709;
}
.redirect-page .logo {
        max-width: 250px;
}
.redirect-page .loading-screen {
        background: transparent;
}
.loading-screen .load-content .line {
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 15px;
        background-color: #ff0031;
}
.loading-screen .load-content .line:last-child {
        -webkit-animation: loadingC 0.6s linear 0.1s infinite;
        animation: loadingC 0.6s linear 0.1s infinite;
}
.loading-screen .load-content .line:nth-last-child(2) {
        -webkit-animation: loadingC 0.6s linear 0.2s infinite;
        animation: loadingC 0.6s linear 0.2s infinite;
}
.loading-screen .load-content .line:nth-last-child(3) {
        -webkit-animation: loadingC 0.6s linear 0.3s infinite;
        animation: loadingC 0.6s linear 0.3s infinite;
}
@-webkit-keyframes loadingC {
        0% {
                -webkit-transform: translate(0);
                transform: translate(0);
        }
        50% {
                -webkit-transform: translateY(15px);
                transform: translateY(15px);
        }
        to {
                -webkit-transform: translate(0);
                transform: translate(0);
        }
}
@keyframes loadingC {
        0% {
                -webkit-transform: translate(0);
                transform: translate(0);
        }
        50% {
                -webkit-transform: translateY(15px);
                transform: translateY(15px);
        }
        to {
                -webkit-transform: translate(0);
                transform: translate(0);
        }
}
.game-918kiss .usersensitivedata {
        background: linear-gradient(rgba(0, 0, 0, 0.5), #000);
        min-height: 165px;
        text-align: center;
        border: 8px ridge #f1bf5b;
}
.game-918kiss .userinfo {
        color: #fff;
}
.game-918kiss .userinfo span {
        background: #fff;
        color: #000;
        min-height: 36px;
        padding: 0 15px;
        min-width: 120px;
}
.game-918kiss .userinfo a {
        text-decoration: underline !important;
}
.game-918kiss .userinfo a span {
        background: transparent;
        color: #13b3e5;
}
.game-918kiss .userinfo a:hover {
        text-decoration: none !important;
}
.game-918kiss .userinfo a:hover span {
        color: #fff;
}
.game-918kiss .userinfo button {
        background: rgba(0, 0, 0, 0.5);
}
.game-918kiss .userinfo button.info-button-active {
        background: linear-gradient(90deg, #ffc929, #f1bf5b);
}
.game-918kiss .userinfo button.info-button {
        background-color: #999;
        border: none;
        border-radius: 15px;
        min-height: 35px;
}
.game-918kiss .userinfo button#copyPWBtn,
.game-918kiss .userinfo button#copyUNBtn {
        background: linear-gradient(90deg, #ffc929, #f1bf5b);
        border-radius: 0;
        color: #fff;
        border: none;
        padding: 5px 10px;
        font-size: 1rem;
}
@-webkit-keyframes swing {
        0% {
                -webkit-transform: rotate(-10deg);
        }
        50% {
                -webkit-transform: rotate(10deg);
        }
        to {
                -webkit-transform: rotate(-10deg);
        }
}
@keyframes swing {
        0% {
                -webkit-transform: rotate(-10deg);
        }
        50% {
                -webkit-transform: rotate(10deg);
        }
        to {
                -webkit-transform: rotate(-10deg);
        }
}
.spin-attendance #spinContent:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-bottom: 6px solid #e9c855;
}
.spin-attendance #spinContent .ticket-zonk {
        top: 15%;
        z-index: 3;
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .ticket-zonk {
                top: 8%;
        }
}
.spin-attendance #spinContent .ticket-zonk .ticket-quantity {
        background: linear-gradient(
                0deg,
                #feaa19,
                #feb02d,
                #feb63d,
                #ffbc4b,
                #ffc259
        );
        box-shadow: 2px 2px 15px 0 #222;
        border-radius: 15px;
        width: 250px;
        border: 3px solid #f9e790;
        color: #000;
        z-index: 9;
}
.spin-attendance #spinContent .ticket-zonk .ticket-quantity .coin {
        width: 100px;
        top: -50px;
        left: -30px;
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .ticket-zonk .ticket-quantity .coin {
                width: 70px;
        }
}
.spin-attendance #spinContent .ticket-zonk .ticket-quantity label {
        font-weight: 700;
        font-size: 1.2rem;
        font-family: Roboto Condensed, sans-serif;
}
.spin-attendance #spinContent .ticket-zonk .ticket-quantity .number > div {
        color: #000;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .ticket-quantity
        .number
        > div
        label {
        font-size: 2rem;
        background: #fff;
        min-height: 50px;
        min-width: 50px;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .ticket-quantity
        .number
        > div
        label
        i {
        font-style: normal;
}
.spin-attendance #spinContent .ticket-zonk .zonk-winner {
        color: #000;
        width: 300px;
}
.spin-attendance #spinContent .ticket-zonk .zonk-winner .zonk-point {
        border-radius: 15px;
        width: 250px;
        border: 3px solid #f9e790;
        background: linear-gradient(
                0deg,
                #feaa19,
                #feb02d,
                #feb63d,
                #ffbc4b,
                #ffc259
        );
}
.spin-attendance #spinContent .ticket-zonk .zonk-winner .zonk-point .eu-coin,
.spin-attendance #spinContent .ticket-zonk .zonk-winner .zonk-point .eu-redeem {
        width: 90px;
        right: -50px;
        top: -20px;
}
@media screen and (max-width: 512px) {
        .spin-attendance
                #spinContent
                .ticket-zonk
                .zonk-winner
                .zonk-point
                .eu-coin,
        .spin-attendance
                #spinContent
                .ticket-zonk
                .zonk-winner
                .zonk-point
                .eu-redeem {
                top: 0;
        }
}
.spin-attendance #spinContent .ticket-zonk .zonk-winner .zonk-point .eu-redeem {
        height: 90px;
        border-radius: 50%;
        color: #d61414;
        cursor: pointer;
        z-index: 2;
        font-size: 0.8rem;
        background-size: contain;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .spin-attendance
                #spinContent
                .ticket-zonk
                .zonk-winner
                .zonk-point
                .eu-redeem {
                transition: none;
        }
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .zonk-winner
        .zonk-point
        .eu-redeem:hover {
        color: #000;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .zonk-winner
        .zonk-point
        > div:first-of-type {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: Roboto Condensed, sans-serif;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .zonk-winner
        .zonk-point
        > div:nth-of-type(2)
        label {
        height: 33px;
        font-size: 1.4rem;
        font-weight: 700;
        background: #fff;
        border-radius: 0;
        padding: 0 15px !important;
        color: #000;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .zonk-winner
        .zonk-point
        > div:nth-of-type(2)
        a {
        font-size: 1.4rem;
        color: #b11010;
        left: 5px;
        top: 5px;
        cursor: pointer;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .zonk-winner
        .zonk-point
        > div:nth-of-type(2)
        a:hover {
        opacity: 0.5;
}
.spin-attendance #spinContent .ticket-zonk .zonk-winner .last-winner {
        box-shadow: 2px 2px 15px 0 #222;
        border-radius: 25px;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .zonk-winner
        .last-winner
        > div:first-of-type {
        background: linear-gradient(
                0deg,
                #feaa19,
                #feb02d,
                #feb63d,
                #ffbc4b,
                #ffc259
        );
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border: 3px solid #f9e790;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .zonk-winner
        .last-winner
        > div:first-of-type
        label {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: Roboto Condensed, sans-serif;
}
.spin-attendance
        #spinContent
        .ticket-zonk
        .zonk-winner
        .last-winner
        > div:nth-of-type(2) {
        background: linear-gradient(
                0deg,
                #feaa19,
                #feb02d,
                #feb63d,
                #ffbc4b,
                #ffc259
        );
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border: 3px solid #f9e790;
        border-top: none;
        box-shadow: inset 0 0 8px 2px #333;
}
.spin-attendance #spinContent .ticket-zonk .zonk-winner .info-button a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        box-shadow: inset 0 0 8px 2px #333;
        background: #fcd400;
        border: 2px solid #222;
        color: #fff;
        font-size: 0.8rem;
        cursor: pointer;
}
.spin-attendance #spinContent .ticket-zonk .zonk-winner .info-button a:hover {
        opacity: 0.5;
}
.spin-attendance #spinContent .the-wheel {
        background-size: cover;
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .the-wheel .spin-arrow {
                max-width: 25px;
        }
}
.spin-attendance #spinContent .spin-button {
        background: #ebe7e0;
        background: linear-gradient(180deg, #ebe7e0 0, #b9bbbd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebe7e0",endColorstr="#b9bbbd",GradientType=0);
        border-radius: 50px;
        border: 4px solid #b48a2e;
}
.spin-attendance #spinContent .spin-button label {
        font-size: 1.6rem;
        background: #fcd400;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: none;
}
.spin-attendance #spinContent .wheel-spin-arrow {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 2;
}
.spin-attendance #spinContent .wheel-spin-arrow img {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        transition: 0.3s;
}
.spin-attendance #spinContent .wheel-spin-arrow.th {
        -webkit-transform: translate(-50%, 21%) !important;
        transform: translate(-50%, 21%) !important;
}
.spin-attendance #spinContent .wheel-spin-center {
        left: 50% !important;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 2;
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .wheel-spin-center {
                left: 47% !important;
        }
}
.spin-attendance #spinContent .wheel-spin-center.id {
        top: 40% !important;
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .wheel-spin-center.id {
                top: 43% !important;
        }
}
.spin-attendance #spinContent .wheel-spin-center.my,
.spin-attendance #spinContent .wheel-spin-center.sg {
        left: 50% !important;
        top: 50% !important;
        -webkit-transform: translate(-50%, -65%);
        transform: translate(-50%, -65%);
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .wheel-spin-center.my,
        .spin-attendance #spinContent .wheel-spin-center.sg {
                -webkit-transform: translate(-50%, -68%);
                transform: translate(-50%, -68%);
        }
        .spin-attendance #spinContent .wheel-spin-center.my img,
        .spin-attendance #spinContent .wheel-spin-center.sg img {
                width: 60px !important;
        }
}
.spin-attendance #spinContent .wheel-spin-center img {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        transition: 0.3s;
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .wheel-spin-center img {
                width: 45px;
        }
}
.spin-attendance #spinContent .rotate-down {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        transition: 0.3s;
}
.spin-attendance #mapAttendance .title {
        font-size: 1.8rem;
        font-weight: 700;
        padding: 25px 0;
        background-color: #000;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent;
        text-shadow: hsla(0, 0%, 100%, 0.5) 0 3px 3px;
        margin: 0;
}
.spin-attendance #mapAttendance .svg-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
}
.spin-attendance #mapAttendance .svg-content svg {
        max-width: 100vw;
        max-height: 100vh;
        overflow: visible;
        z-index: 2;
}
.spin-attendance #mapAttendance .svg-content svg .hover {
        cursor: pointer;
}
.spin-attendance #mapAttendance .svg-content svg .hover:hover text {
        visibility: visible;
        z-index: 99;
}
.spin-attendance #mapAttendance .svg-content svg .hover:hover use {
        opacity: 0.35;
}
.spin-attendance #mapAttendance .svg-content svg#gift-mtx,
.spin-attendance #mapAttendance .svg-content svg#mystery-mtx {
        cursor: pointer;
}
.spin-attendance #mapAttendance .svg-content svg symbol {
        overflow: visible;
}
.spin-attendance #mapAttendance .svg-content svg .st38,
.spin-attendance #mapAttendance .svg-content svg .st39 {
        fill: none;
        stroke: #fff;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-miterlimit: 10;
}
.spin-attendance #mapAttendance .svg-content svg .st39 {
        stroke-dasharray: 1.0005, 6.0031;
}
.spin-attendance #mapAttendance .svg-content svg .st40 {
        fill: none;
}
.spin-attendance #mapAttendance .svg-content svg #rocket {
        -webkit-animation: bounce 60s ease-in-out -30s infinite alternate;
        animation: bounce 60s ease-in-out -30s infinite alternate;
}
.spin-attendance #mapAttendance .svg-content svg #rocket g {
        -webkit-animation: earthrotation 120s linear infinite;
        animation: earthrotation 120s linear infinite;
        -webkit-transform-origin: -15% 125%;
        transform-origin: -15% 125%;
}
.spin-attendance #mapAttendance .svg-content svg #step-avatar {
        display: none;
}
.spin-attendance #mapAttendance .svg-content svg #step-avatar g {
        -webkit-animation: float 4s ease-in-out infinite;
        animation: float 4s ease-in-out infinite;
}
.spin-attendance #mapAttendance .ship {
        bottom: 0;
}
.spin-attendance #mapAttendance .ship > div {
        -webkit-animation: marquee 30s linear infinite;
        animation: marquee 30s linear infinite;
        padding-left: 100%;
        text-indent: 0;
}
.spin-attendance #mapAttendance .ship > div img {
        max-width: 168px;
        right: 0;
        position: absolute;
        bottom: 0;
}
@media screen and (max-width: 512px) {
        .spin-attendance #mapAttendance .ship > div img {
                max-width: 128px;
        }
}
.spin-attendance #mapAttendance.vn .term-floating {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
.spin-attendance #mapAttendance.vn .term-floating .vn-img-title {
        max-width: 780px;
}
@media screen and (max-width: 512px) {
        .spin-attendance #mapAttendance.vn .term-floating .vn-img-title {
                max-width: 280px;
                display: flex;
        }
}
.spin-attendance #mapAttendance.vn .term-floating i {
        font-size: 1.5rem;
        top: 43%;
        cursor: pointer;
}
.spin-attendance #mapAttendance.vn .term-floating i:hover {
        color: #f36f35 !important;
}
@media screen and (max-width: 512px) {
        .spin-attendance #mapAttendance.vn .term-floating i {
                top: 20%;
                font-size: 1.3rem;
        }
}
.spin-attendance #mapAttendance.vn .term-floating i.en {
        right: -13px;
}
@media screen and (max-width: 512px) {
        .spin-attendance #mapAttendance.vn .term-floating i.en {
                right: -15px;
        }
}
.spin-attendance #mapAttendance.vn .term-floating i.vi {
        right: 0;
}
.spin-attendance
        #mapAttendance.vn
        .svg-content
        #generated-steps
        g.hover:hover
        text {
        display: block;
        color: #fff;
}
.spin-attendance
        #mapAttendance.vn
        .svg-content
        #generated-steps
        g:nth-child(n + 11):nth-child(-n + 19)
        use {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
}
.spin-attendance .gift-list {
        bottom: 5%;
        z-index: 2;
}
.spin-attendance .gift-list > a {
        width: 80px;
        cursor: pointer;
        -webkit-animation: float 6s ease-in-out infinite;
        animation: float 6s ease-in-out infinite;
        background: radial-gradient(
                ellipse at center,
                rgba(0, 0, 0, 0.35) 0,
                transparent 66%,
                transparent 100%
        );
}
.spin-attendance .gift-list > a img {
        width: 80px;
        height: 80px;
}
.spin-attendance .gift-list > a label {
        font-size: 1rem;
        font-weight: 700;
        color: #000;
        font-family: Roboto Condensed, sans-serif;
}
.spin-attendance .gift-list .gift-content {
        background: #146ad6;
        background: linear-gradient(180deg, #146ad6 0, #001654);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146ad6",endColorstr="#001654",GradientType=0);
        box-shadow: 2px 2px 15px 0 #222;
        border-radius: 15px;
        border: 3px solid #222;
        color: #222;
}
.spin-attendance .gift-list .gift-content > div {
        padding-left: 28px;
}
.spin-attendance .gift-list .gift-content > div:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 8px;
        background: url(/assets/spin-attendance/campaign/giftbox.gif);
        width: 20px;
        height: 20px;
        background-size: cover;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        opacity: 0.5;
}
.spin-attendance .gift-list .gift-content > div.active:before {
        opacity: 1;
}
.spin-attendance .gift-list .gift-content label {
        font-weight: 700;
}
.vn.chestModal {
        background: rgba(0, 0, 0, 0.8) !important;
        background-size: cover;
        background-position: 50%;
}
.vn.chestModal .modal-dialog {
        max-width: calc(100% - 800px);
}
@media screen and (max-width: 1023px) {
        .vn.chestModal .modal-dialog {
                max-width: 100%;
                padding: 0 13px;
        }
}
.vn.chestModal .modal-dialog .modal-content {
        background-image: url(/assets/events/map/vn/normal/modal.jpg);
}
.vn.chestModal .modal-dialog .modal-content .modal-body .title {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 30px;
}
.vn.chestModal .modal-dialog .modal-content .modal-body .require-text,
.vn.chestModal .modal-dialog .modal-content .modal-body .reward-text {
        line-height: 22px;
}
.vn.chestModal .modal-dialog .modal-content .modal-body .require-text .title,
.vn.chestModal .modal-dialog .modal-content .modal-body .reward-text .title {
        font-size: 1.1rem;
        font-weight: 600;
}
.vn.chestModal .modal-dialog .modal-content .modal-body .prize-table {
        line-height: 22px;
}
.vn.chestModal
        .modal-dialog
        .modal-content
        .modal-body
        .prize-table
        table
        thead
        tr
        th {
        padding: 0.5rem 0.75rem;
        text-transform: uppercase;
        text-align: center;
        vertical-align: middle;
        background: #f36f35;
        border: 0;
        line-height: 22px;
}
.vn.chestModal
        .modal-dialog
        .modal-content
        .modal-body
        .prize-table
        table
        tbody
        tr:first-child
        td {
        border-top: 0;
        border-right: 1px solid #fff;
}
.vn.chestModal
        .modal-dialog
        .modal-content
        .modal-body
        .prize-table
        table
        tbody
        tr:first-child
        td:last-child {
        font-size: 1.4rem;
}
.vn.chestModal
        .modal-dialog
        .modal-content
        .modal-body
        .prize-table
        table
        tbody
        tr
        td {
        text-align: center;
        vertical-align: middle;
        padding: 0.5rem 0.75rem;
}
.vn.chestModal
        .modal-dialog
        .modal-content
        .modal-body
        .prize-table
        table
        tbody
        tr
        td:last-child {
        border-right: 0;
        border-left: 1px solid #fff;
}
.vn.chestModal .modal-dialog .modal-content .modal-body .halloween-orange {
        color: #f36f35;
}
.vn.chestModal .modal-dialog .modal-content .modal-body .eu9-red {
        color: #ff0031;
}
#spinModal.spin-attendance-modal {
        color: #fff;
        font-size: 1.2rem;
}
#spinModal.spin-attendance-modal .modal-content {
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: unset;
        position: relative;
}
#spinModal.spin-attendance-modal .modal-content:before {
        background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.85));
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        right: 0;
}
#spinModal.spin-attendance-modal .modal-content label {
        font-weight: 700;
        text-shadow: -3px 3px 8px #000;
        font-family: Roboto Condensed, sans-serif;
        color: #fcd400 !important;
}
#spinModal.spin-attendance-modal .modal-content ul li {
        font-size: 1rem;
}
@media screen and (max-width: 512px) {
        #spinModal.spin-attendance-modal .modal-content ul li {
                font-size: 0.7rem;
        }
}
#spinModal.spin-attendance-modal .modal-content .sg #term_ticket_content_1,
#spinModal.spin-attendance-modal .modal-content .sg #term_ticket_content_2 {
        display: none;
}
#spinModal.spin-attendance-modal .modal-content .member-history span {
        font-size: 0.8rem;
}
@media screen and (max-width: 512px) {
        #spinModal.spin-attendance-modal .modal-content .member-history span {
                font-size: 0.6rem;
        }
}
@media screen and (max-width: 1000px) {
        .spin-attendance #spinContent .ticket-zonk {
                position: relative !important;
                padding: 5% 0 !important;
        }
        .spin-attendance #spinContent .ticket-zonk > div {
                justify-content: center !important;
                z-index: 2;
        }
        .spin-attendance #spinContent .ticket-zonk > div .ticket-quantity,
        .spin-attendance #spinContent .ticket-zonk > div .zonk-winner {
                margin: 0 15px !important;
        }
}
@media screen and (max-width: 768px) {
        .spin-attendance #spinContent {
                padding-bottom: 5%;
        }
}
@media screen and (max-width: 480px) {
        .spin-attendance #spinContent .ticket-zonk .ticket-quantity {
                margin: 0 auto !important;
                flex: 0 0 100%;
                max-width: 100%;
        }
        .spin-attendance #spinContent .ticket-zonk .ticket-quantity label {
                font-size: 1rem;
        }
        .spin-attendance
                #spinContent
                .ticket-zonk
                .ticket-quantity
                .number
                > div
                label {
                font-size: 1.4rem;
                min-height: 30px;
                min-width: 30px;
        }
        .spin-attendance #spinContent .ticket-zonk .zonk-winner {
                margin: 0 auto !important;
                padding-top: 15px;
        }
        .spin-attendance
                #spinContent
                .ticket-zonk
                .zonk-winner
                .zonk-point
                > div:first-of-type,
        .spin-attendance
                #spinContent
                .ticket-zonk
                .zonk-winner
                .zonk-point
                > div:first-of-type
                label,
        .spin-attendance
                #spinContent
                .ticket-zonk
                .zonk-winner
                .zonk-point
                > div:nth-of-type(2)
                label {
                font-size: 1rem;
        }
        .spin-attendance
                #spinContent
                .ticket-zonk
                .zonk-winner
                .zonk-point
                > div:nth-of-type(2)
                a {
                top: 0;
        }
        .spin-attendance .attendance {
                width: 600px;
                display: inline;
                overflow: scroll;
        }
        .spin-attendance .attendance .svg-content svg {
                overflow: scroll;
        }
        .spin-attendance .attendance .svg-content .gift-list > a {
                width: 60px;
        }
}
.controls {
        position: fixed;
        z-index: 10;
        font-size: 0;
        top: 15%;
        left: 5%;
}
.controls button,
.controls div {
        display: inline-block;
        height: 33px;
        background-color: #fff;
        border: none;
        padding: 4px 8px;
        margin: 0 1px;
        box-sizing: border-box;
        vertical-align: top;
        line-height: 26px;
        font-size: 1rem;
}
.controls div {
        min-width: 50px;
        text-align: center;
        font-variant-numeric: tabular-nums;
}
.controls button {
        font-size: 1.3rem;
        padding-top: 0;
        cursor: pointer;
        transition: background-color 0.2s ease;
}
.controls button:first-child {
        border-radius: 6px 0 0 6px;
}
.controls button:last-child {
        border-radius: 0 6px 6px 0;
}
.controls button:focus {
        outline: none;
}
.controls button.clicked {
        transition: none;
        background-color: #52d1c5;
}
.left-deco {
        width: 278px !important;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%);
}
.right-top {
        width: 100px !important;
        top: 0;
        right: 0;
        -webkit-transform: translate(-194%, 6%);
        transform: translate(-194%, 6%);
}
.right-bottom {
        width: 120px !important;
        right: 0;
        bottom: 0;
        -webkit-transform: translate(-298%, 57%);
        transform: translate(-298%, 57%);
}
.leaderboard-content .table > div {
        border: 5px solid #f1bf5b;
        border-radius: 50px;
}
.leaderboard-content .table .title {
        top: 18px;
        left: 15%;
        right: 15%;
        z-index: 1;
}
.leaderboard-content .table .title span {
        font-size: 2rem;
        padding: 5px 15px;
        border: 5px solid #f1bf5b;
        border-radius: 50px;
}
@media screen and (max-width: 460px) {
        .leaderboard-content .table .title span {
                font-size: 1.2rem;
        }
}
@media screen and (max-width: 512px) {
        .leaderboard-content .table .tour-board,
        .leaderboard-content .table .tour-top label,
        .leaderboard-content .table .tour-top span {
                font-size: 0.7rem;
        }
}
.leaderboard-content .table .second img {
        max-width: 60%;
}
.leaderboard-content .table .third img {
        max-width: 50%;
}
.leaderboard-content .table .header {
        border-radius: 50px;
}
.leaderboard-content .table .board > div {
        border-bottom: 1px dashed #fff;
}
.leaderboard-content .table .board > div:last-child {
        border: none;
}
.tournamentpop {
        top: 65%;
        z-index: 1;
        max-width: 120px;
        width: 120px;
        transition: 0.3s;
        right: -150px;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .tournamentpop {
                transition: none;
        }
}
.tournamentpop img {
        -webkit-animation: imgaRotate 1s linear 0s infinite normal;
        animation: imgaRotate 1s linear 0s infinite normal;
}
.tournamentpop.slideRight {
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .tournamentpop.slideRight {
                transition: none;
        }
}
.tournamentpop .tournclose {
        background-color: #e3342f;
        left: -20px;
        top: -10px;
        font-size: 1rem;
        color: #fff;
        cursor: pointer;
        padding: 3px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 2px solid #fff;
        z-index: 2;
}
.leaderboard {
        font-family: Roboto, sans-serif;
}
.leaderboard.page-content {
        background-color: #fff;
}
.leaderboard-rank-bg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(/assets/leaderboard/rank_title.png);
        background-position: 50%;
        background-repeat: no-repeat;
}
@media screen and (max-width: 512px) {
        .leaderboard-rank-bg:before {
                width: 45%;
                left: 30%;
                top: 5%;
                background-size: contain;
        }
}
.leaderboard-rank-wrapper {
        background: #f3f5f6;
        border-radius: 0 0 20px 20px;
}
.leaderboard-rank-wrapper-table tr {
        border-bottom: 12px solid #f3f5f6;
}
.leaderboard-rank-wrapper-table tr th {
        color: #ff0031;
        font-weight: 700;
        font-size: 1.3rem;
}
@media screen and (max-width: 512px) {
        .leaderboard-rank-wrapper-table tr th {
                font-size: 1rem;
        }
}
.leaderboard-rank-wrapper-table tbody {
        color: #505050;
}
@media screen and (max-width: 512px) {
        .leaderboard-rank-wrapper-table tbody {
                font-size: 0.9rem;
        }
}
.leaderboard-rank-wrapper-table tbody :first-child.row-bg {
        background: linear-gradient(90deg, #b00022, #ff0031);
        border-radius: 10px;
}
.leaderboard-rank-wrapper-table tbody :first-child td {
        color: #fff;
}
.leaderboard-rank-wrapper-table tbody :first-child td :first-child {
        color: #000;
}
.leaderboard-rank-wrapper-table tbody :first-child td .rank {
        width: 20%;
        border-radius: 15px;
        background: linear-gradient(
                90deg,
                #de9f17,
                #cf9a15 12.81%,
                #fff68a 68.02%,
                #ffcf45
        );
}
@media screen and (max-width: 512px) {
        .leaderboard-rank-wrapper-table tbody :first-child td .rank {
                width: 50%;
        }
}
.leaderboard-rank-wrapper-table tbody :nth-child(2).row-bg {
        background: linear-gradient(90deg, #b00022, #ff0031);
        border-radius: 10px;
}
.leaderboard-rank-wrapper-table tbody :nth-child(2) td {
        color: #fff;
}
.leaderboard-rank-wrapper-table tbody :nth-child(2) td :first-child {
        color: #000;
}
.leaderboard-rank-wrapper-table tbody :nth-child(2) td .rank {
        border-radius: 15px;
        width: 20%;
        background: linear-gradient(
                90deg,
                #989898,
                #c1c1c1 28.87%,
                #d4d4d4 45.94%,
                #ececec 71.18%,
                #f4f4f4 87.04%,
                #fff 115.71%
        );
}
@media screen and (max-width: 512px) {
        .leaderboard-rank-wrapper-table tbody :nth-child(2) td .rank {
                width: 50%;
        }
}
.leaderboard-rank-wrapper-table tbody :nth-child(3).row-bg {
        background: linear-gradient(90deg, #b00022, #ff0031);
        border-radius: 10px;
}
.leaderboard-rank-wrapper-table tbody :nth-child(3) td {
        color: #fff;
}
.leaderboard-rank-wrapper-table tbody :nth-child(3) td :first-child {
        color: #000;
}
.leaderboard-rank-wrapper-table tbody :nth-child(3) td .rank {
        width: 20%;
        border-radius: 15px;
        background: linear-gradient(
                90deg,
                #a66641 12.86%,
                #bf834e 26.65%,
                #f2b077 58.16%,
                #f2b999 135.5%
        );
}
@media screen and (max-width: 512px) {
        .leaderboard-rank-wrapper-table tbody :nth-child(3) td .rank {
                width: 50%;
        }
}
.leaderboard-rank-wrapper-table tbody tr {
        background: #fff;
        border-radius: 10px;
}
.leaderboard-rank-wrapper-table tbody tr td {
        border-bottom: 20px solid #f3f5f6;
        font-weight: 700;
}
.leaderboard-prize-bg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(/assets/leaderboard/prizes-title.png);
        background-position: 50%;
        background-repeat: no-repeat;
}
@media screen and (max-width: 512px) {
        .leaderboard-prize-bg:before {
                width: 45%;
                left: 28%;
                top: 5%;
                background-size: contain;
        }
}
.leaderboard-prize-wrapper {
        background: #f3f5f6;
        border-radius: 0 0 20px 20px;
}
.leaderboard-prize-wrapper-table tr {
        border-bottom: 12px solid #f3f5f6;
}
.leaderboard-prize-wrapper-table tr th {
        color: #ff0031;
        font-weight: 700;
        font-size: 1.3rem;
}
@media screen and (max-width: 512px) {
        .leaderboard-prize-wrapper-table tr th {
                font-size: 1rem;
        }
}
.leaderboard-prize-wrapper-table tbody {
        color: #505050;
}
@media screen and (max-width: 512px) {
        .leaderboard-prize-wrapper-table tbody {
                font-size: 0.8rem;
        }
}
.leaderboard-prize-wrapper-table tbody :first-child.row-bg {
        background: linear-gradient(90deg, #b00022, #ff0031);
        border-radius: 10px;
}
.leaderboard-prize-wrapper-table tbody :first-child td {
        color: #fff;
}
.leaderboard-prize-wrapper-table tbody :first-child td :first-child {
        color: #000;
}
.leaderboard-prize-wrapper-table tbody :first-child td .rank {
        width: 25%;
        border-radius: 15px;
        background: linear-gradient(
                90deg,
                #de9f17,
                #cf9a15 12.81%,
                #fff68a 68.02%,
                #ffcf45
        );
}
@media screen and (max-width: 512px) {
        .leaderboard-prize-wrapper-table tbody :first-child td .rank {
                width: 50%;
        }
}
.leaderboard-prize-wrapper-table tbody :nth-child(2).row-bg {
        background: linear-gradient(90deg, #b00022, #ff0031);
        border-radius: 10px;
}
.leaderboard-prize-wrapper-table tbody :nth-child(2) td {
        color: #fff;
}
.leaderboard-prize-wrapper-table tbody :nth-child(2) td :first-child {
        color: #000;
}
.leaderboard-prize-wrapper-table tbody :nth-child(2) td .rank {
        border-radius: 15px;
        width: 25%;
        background: linear-gradient(
                90deg,
                #989898,
                #c1c1c1 28.87%,
                #d4d4d4 45.94%,
                #ececec 71.18%,
                #f4f4f4 87.04%,
                #fff 115.71%
        );
}
@media screen and (max-width: 512px) {
        .leaderboard-prize-wrapper-table tbody :nth-child(2) td .rank {
                width: 50%;
        }
}
.leaderboard-prize-wrapper-table tbody :nth-child(3).row-bg {
        background: linear-gradient(90deg, #b00022, #ff0031);
        border-radius: 10px;
}
.leaderboard-prize-wrapper-table tbody :nth-child(3) td {
        color: #fff;
}
.leaderboard-prize-wrapper-table tbody :nth-child(3) td :first-child {
        color: #000;
}
.leaderboard-prize-wrapper-table tbody :nth-child(3) td .rank {
        width: 25%;
        border-radius: 15px;
        background: linear-gradient(
                90deg,
                #a66641 12.86%,
                #bf834e 26.65%,
                #f2b077 58.16%,
                #f2b999 135.5%
        );
}
@media screen and (max-width: 512px) {
        .leaderboard-prize-wrapper-table tbody :nth-child(3) td .rank {
                width: 50%;
        }
}
.leaderboard-prize-wrapper-table tbody tr {
        background: #fff;
        border-radius: 10px;
        cursor: pointer;
}
.leaderboard-prize-wrapper-table tbody tr td {
        border-bottom: 20px solid #f3f5f6;
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .leaderboard-prize-wrapper-table tbody tr td {
                font-size: 0.7rem;
        }
}
.leaderboard-prize-wrapper-table tbody :nth-child(-n + 3) .gift-img {
        overflow: hidden;
}
.leaderboard-prize-wrapper-table tbody :nth-child(-n + 3) .gift-img img {
        width: 94px;
        margin-bottom: -42px;
}
@media screen and (max-width: 512px) {
        .leaderboard-prize-wrapper-table
                tbody
                :nth-child(-n + 3)
                .gift-img
                img {
                width: 78px;
        }
}
.leaderboard-prize-wrapper-table tbody :nth-child(n + 4) .gift-img {
        overflow: hidden;
}
.leaderboard-prize-wrapper-table tbody :nth-child(n + 4) .gift-img img {
        width: 104px;
        margin-bottom: -48px;
}
.prize-pop .modal-content {
        border-radius: 20px;
}
.prize-pop .modal-content .btn-close-circle {
        right: 0;
        top: -2%;
        width: 35px;
        height: 35px;
        z-index: 99;
}
.prize-pop .modal-content .modal-body .prize-img {
        background: #f3f5f6;
        height: 400px;
}
@media screen and (max-width: 512px) {
        .prize-pop .modal-content .modal-body .prize-img {
                height: 300px;
        }
}
.prize-pop .modal-content .modal-body .prize-img img {
        -o-object-fit: contain;
        object-fit: contain;
}
.prize-pop .modal-content .modal-body .prize-name {
        color: #000;
        font-weight: 700;
        font-size: 1.2rem;
}
.prize-pop .modal-content .modal-body .prize-name :first-child {
        font-size: 1.8rem;
}
.prize-pop .modal-content .modal-body .prize-name :nth-child(2) {
        color: #505050;
}
.prize-pop .modal-content .modal-body .btn {
        padding: 4px 50px;
        border-radius: 11px;
        background: red;
}
.referral .status {
        background: #ff0031;
}
.referral .nav-link {
        color: #fff !important;
}
.referral .referral_qr_bg {
        background: #fff;
        padding: 10px;
        margin: 10px 0;
}
.referral .referral_qr_bg #referral_qrcode,
.referral .referral_qr_bg #referral_qrcode canvas,
.referral .referral_qr_bg #referral_qrcode img {
        width: 150px;
        height: 150px;
}
.referral .nav-item .active {
        background: #ff0031;
        border-color: #ff0031 !important;
        color: #fff !important;
}
.referral .nav-tabs {
        border-bottom: 1px solid #3f3a37;
}
.referral .border-dashed {
        border-bottom: 1px dashed #fff;
}
.referral a span {
        color: #ff0031;
}
.referral a:hover span {
        color: #fff;
}
.page-landing-referral .referral-tabs {
        background: #232323;
}
.page-landing-referral .referral-tabs .nav-item .nav-link {
        font-size: 0.9rem;
        padding: 10px 26px;
        z-index: 1;
        color: #fff !important;
}
.page-landing-referral .referral-tabs .nav-item .nav-link.active,
.page-landing-referral .referral-tabs .nav-item .nav-link:hover {
        background: transparent;
        color: #222 !important;
}
.page-landing-referral .referral-tabs .nav-item .nav-link.active:after,
.page-landing-referral .referral-tabs .nav-item .nav-link:hover:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        width: 100%;
        height: 100%;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
}
.page-landing-referral .tab-content .menu-title span {
        font-size: 1.1rem;
}
.page-landing-referral .tab-content .title-main {
        font-size: 1.2rem;
}
.page-landing-referral .tab-content .title-sub {
        font-size: 1rem;
}
.page-landing-referral .tab-content .description {
        font-size: 0.9rem;
        line-height: 20px;
}
.page-landing-referral .tab-content table thead tr th {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        text-align: center;
        color: #1e2329;
}
.page-landing-referral .tab-content table tbody tr td {
        background: #27282a;
        border: 0;
}
.page-landing-referral .tab-content .my-bonus-searchWrapper {
        background: linear-gradient(179deg, rgba(255, 188, 129, 0), #655c20);
        border-radius: 13px;
}
.page-landing-referral .tab-content .my-bonus-searchWrapper form label {
        font-size: 0.95rem;
}
.page-landing-referral .tab-content .my-bonus-searchWrapper form input {
        background: #242527;
        color: #fff;
}
.page-landing-referral
        .tab-content
        .my-bonus-searchWrapper
        form
        .input-group-prepend
        i {
        font-size: 1.2rem;
        color: #fcd400;
}
.page-landing-referral .tab-content .my-bonus-searchWrapper form button {
        color: #1e2329 !important;
}
.page-landing-referral .tab-content .my-bonus-searchWrapper form button:hover {
        color: #fff !important;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-referral-wrapper
        .referral-links-wrapper {
        background: #27282a;
        border-radius: 13px;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-referral-wrapper
        .share-link,
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-referral-wrapper
        .skype-share {
        padding: 5px 0;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-referral-wrapper
        .share-link
        span,
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-referral-wrapper
        .skype-share
        span {
        font-size: 1.4rem;
        color: #ffc929;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-referral-wrapper
        .btn-copy {
        top: 50%;
        right: -8px;
        font-size: 1.2rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 3;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-referral-wrapper
        .btn-copy
        i {
        color: #1e2329;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-referral-wrapper
        .btn-copy
        i:hover {
        color: #fcd400;
}
.page-landing-referral .tab-content #referralTabContent input {
        background: #fff;
        color: #1e2329;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-invitation-wrapper
        .invitation-box {
        background: linear-gradient(179deg, rgba(255, 188, 129, 0), #655c20);
        border-radius: 13px;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-invitation-wrapper
        .invitation-box
        .title {
        font-size: 0.9rem;
        font-weight: 500;
}
.page-landing-referral
        .tab-content
        #referralTabContent
        .my-invitation-wrapper
        .invitation-box
        .result-box {
        background: #fff;
        color: #1e2329;
        border-radius: 6px;
        font-size: 1rem;
}
.page-landing-referral
        .tab-content
        #about-referral
        .my-referral-bonus-wrapper
        table {
        table-layout: fixed;
}
.page-landing-referral
        .tab-content
        #about-referral
        .my-referral-bonus-wrapper
        table
        thead
        tr
        th {
        text-transform: capitalize;
        border: 0;
        font-weight: 700;
        font-size: 0.9rem;
}
.page-landing-referral
        .tab-content
        #about-referral
        .my-referral-bonus-wrapper
        table
        tbody
        tr:nth-child(odd)
        td {
        background: #141414;
}
.page-landing-referral
        .tab-content
        #about-referral
        .my-referral-bonus-wrapper
        table
        tbody
        tr:nth-child(2n)
        td {
        background: #1b1b1b;
}
.page-landing-referral
        .tab-content
        #about-referral
        .my-referral-bonus-wrapper
        table
        tbody
        tr
        td {
        text-align: center;
}
.page-landing-referral
        .tab-content
        #about-referral
        .my-referral-bonus-wrapper
        table
        tbody
        tr
        td:first-child {
        text-align: left;
}
.page-landing-referral
        .tab-content
        #about-referral
        .my-referral-bonus-wrapper
        table
        tbody
        tr
        td:nth-child(2n) {
        border-left: 2px solid #f1bf5b;
        border-right: 2px solid #f1bf5b;
}
.page-landing-referral .tab-content #about-referral ul li {
        font-size: 1rem;
}
.blog-content .blog-category a:hover {
        background: #3f3a37;
}
.blog-content .tag-title {
        background: #fcd400;
        color: #21232b;
        font-weight: 700;
}
.blog-content .tag-title span {
        font-size: 10px;
        border-radius: 20px;
}
.blog-content .tag-category,
.blog-content .tag-title:hover {
        background: #3f3a37;
        color: #fff;
}
.blog-content .tag-category {
        font-size: 10px;
        border-radius: 0;
        padding: 8px 0;
}
.blog-content .tag-category:hover {
        background: #fcd400;
        color: #000;
        font-weight: 700;
}
.blog-content .box-bg {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
                0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.blog-content .blog-sub-bg {
        background-image: url(/assets/blog-bg.jpg);
        background-size: cover;
        background-position: 50%;
        width: 100%;
}
.blog-content .blog-sub-bg .blog-title {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        height: 55px;
        margin: 0 auto;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
}
.blog-content .page-link {
        color: #9d0000;
}
.blog-content .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #9d0000;
        border-color: #9d0000;
}
.blog-content .category {
        text-transform: uppercase;
        font-weight: 700;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}
.blog-content .side-title {
        font-size: 12px;
        color: #fcd400;
}
.blog-content .img-size {
        width: 100%;
}
.blog-content .word-limit {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
}
.blog-content .listing a {
        cursor: pointer;
}
.blog-content .post-content p,
.blog-content .post-content span,
.blog-content .post-content strong {
        color: #fff !important;
}
.blog-content .post-content a {
        color: #13b3e5 !important;
        text-decoration: none !important;
}
.blog-content .post-content a:hover {
        text-decoration: underline !important;
}
.blog-content .img-hover {
        position: relative;
        overflow: hidden;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .blog-content .img-hover {
                transition: none;
        }
}
.blog-content .img-hover:before {
        background: linear-gradient(
                180deg,
                rgba(29, 28, 28, 0),
                rgba(29, 28, 28, 0) 30%,
                #1d1c1c
        );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001d1c1c",endColorstr="#1d1c1c",GradientType=0);
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
}
.blog-content .img-hover img {
        max-width: 100%;
        vertical-align: top;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 0.35s ease-in-out;
        max-height: 180px;
        height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
}
@media (prefers-reduced-motion: reduce) {
        .blog-content .img-hover img {
                transition: none;
        }
}
@media screen and (max-width: 799px) {
        .blog-content .img-hover img {
                max-height: 180px;
                height: 180px;
        }
}
.blog-content .img-hover i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #f1bf5b;
        background: #fcd400;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13b3e5",endColorstr="#00d1c2",GradientType=1);
        color: #21232b;
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0ms;
}
.blog-content .img-hover a[name="infoBtn"] {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 1;
        cursor: pointer;
}
.blog-content .img-hover label {
        transition: all 0.35s ease-in-out;
        z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
        .blog-content .img-hover label {
                transition: none;
        }
}
.blog-content .img-hover .text {
        bottom: 5%;
        color: #13b3e5;
        font-size: 1.2rem;
        font-weight: 700;
        z-index: 2;
}
.blog-content .img-hover:hover img {
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .blog-content .img-hover:hover img {
                transition: none;
        }
}
.blog-content .img-hover:hover i {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
        z-index: 3;
}
.blog-content .img-hover:hover a {
        z-index: 3;
}
.blog-content .img-hover:hover label,
.blog-content .img-hover:hover span {
        opacity: 0;
        transition: all 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .blog-content .img-hover:hover label,
        .blog-content .img-hover:hover span {
                transition: none;
        }
}
#messageListing {
        background: hsla(0, 0%, 100%, 0.05);
}
#messageListing [data-toggle="collapse"] .fa:before {
        content: "\F077";
}
#messageListing [data-toggle="collapse"].collapsed .fa:before {
        content: "\F078";
}
#messageListing .mCustomScrollbar {
        height: 400px;
}
@media screen and (max-width: 512px) {
        #messageListing .mCustomScrollbar {
                height: auto;
        }
}
#messageListing .btn-delete {
        position: absolute;
        right: 2%;
        top: 40%;
}
#messageListing .card {
        box-shadow: none;
        background: rgba(0, 0, 0, 0.25);
}
#messageListing .card-header:hover a {
        display: flex;
}
#messageListing .card-header a {
        display: none;
}
#messageListing .card-body {
        background: #f9f9f9;
}
#messageListing .btn-link:hover {
        opacity: 0.65;
}
#messageListing .btn-link:focus,
#messageListing .btn-link:hover {
        text-decoration: none;
}
#messageListing .btn-link.status-0 {
        color: #13b3e5;
}
#messageListing .btn-link.status-1 {
        color: #666;
}
#msgCount {
        border-radius: 50px !important;
        display: flex;
        z-index: 2;
        transition: all 0.35s ease-in-out;
        cursor: pointer;
        right: 0;
        top: 0;
}
@media (prefers-reduced-motion: reduce) {
        #msgCount {
                transition: none;
        }
}
#msgModal .btn-close-circle {
        top: -15px;
        right: -15px;
        z-index: 2;
}
.btn-yellow-bg {
        background: linear-gradient(0deg, #f1bf5b, #ffb420 15%, #ffc929);
        border-color: #f1bf5b;
}
.slot-wheel {
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        min-height: 100vh;
}
.slot-wheel .layer-1 {
        position: relative;
}
.slot-wheel .layer-2 {
        position: absolute;
        left: 4%;
        right: 0;
        z-index: 2;
        max-width: 500px;
        top: 25%;
        margin: auto;
}
@media (max-width: 768px) {
        .slot-wheel .layer-2 {
                max-width: 270px;
        }
}
.slot-wheel #winnerModal {
        background: rgba(0, 0, 0, 0.85) !important;
}
.slot-wheel #winnerModal .modal-contact {
        font-size: 1.4rem;
        position: relative;
        z-index: 5;
        background: #550136;
        border: 2px solid #fef190;
        border-radius: 20px;
        margin-top: 65px;
}
@media screen and (max-width: 512px) {
        .slot-wheel #winnerModal .modal-contact {
                font-size: 1rem;
        }
}
.slot-wheel #winnerModal .winner-bg {
        position: absolute;
        top: -125px;
        z-index: 1;
        left: -10px;
        right: 0;
}
@media (max-width: 768px) {
        .slot-wheel #winnerModal .winner-bg {
                top: -75px;
        }
}
.slot-wheel #winnerModal .btn-close-circle {
        position: absolute;
        z-index: 2;
        right: 0;
        color: #fff;
        background: #000;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        font-size: 1.5rem;
        opacity: 1;
        border: 2px solid #fff;
        line-height: 10px;
        top: -20px;
}
.slot-wheel #winnerModal .modal-content {
        background: transparent;
}
.slot-wheel #winnerModal .waviy {
        position: relative;
        -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
        font-size: 45px;
        z-index: 3;
        text-align: center;
}
@media (max-width: 768px) {
        .slot-wheel #winnerModal .waviy {
                font-size: 30px;
                margin-top: 5px;
        }
}
.slot-wheel #winnerModal .waviy span {
        font-family: Alfa Slab One, cursive;
        position: relative;
        display: inline-block;
        text-transform: uppercase;
        -webkit-animation: waviy 1s infinite;
        animation: waviy 1s infinite;
        -webkit-animation-delay: calc(0.1s * var(--i));
        animation-delay: calc(0.1s * var(--i));
        background: linear-gradient(
                180deg,
                #cfc09f 22%,
                #634f2c 24%,
                #cfc09f 26%,
                #cfc09f 27%,
                #ffecb3 40%,
                #3a2c0f 78%
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #fff;
}
.slot-wheel #winnerModal .waviy span:after {
        background: none;
        content: attr(data-heading);
        left: 0;
        top: 0;
        z-index: -1;
        position: absolute;
        text-shadow: -1px 0 1px #c6bb9f, 0 1px 1px #c6bb9f,
                5px 5px 10px rgba(0, 0, 0, 0.4),
                -5px -5px 10px rgba(0, 0, 0, 0.4);
}
@-webkit-keyframes waviy {
        0%,
        40%,
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        20% {
                -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
        }
}
@keyframes waviy {
        0%,
        40%,
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        20% {
                -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
        }
}
.slot-wheel #spinModal .modal-content {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
}
.slot-wheel #spinModal .modal-content .btn-close-circle {
        top: -8px;
        right: -8px;
        z-index: 2;
}
.slot-wheel #spinModal .modal-content label {
        font-weight: 700;
        font-size: 1.2rem;
        color: #ff0031;
        text-shadow: 0 0 1px #000;
}
.slot-wheel #spinModal .modal-content ul li {
        font-size: 0.9rem;
}
.slot-wheel #spinModal .modal-content #prizeError .btn-theme {
        height: unset !important;
}
.slot-wheel .wheel-panel {
        margin-top: 120px;
        position: relative;
        margin-bottom: 100px;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel {
                margin-top: 60px;
        }
}
.slot-wheel .wheel-panel .wheel-number {
        position: absolute;
        top: 145px;
        z-index: 3;
        -webkit-transform: translateZ(100px);
        transform: translateZ(100px);
        margin: auto;
        left: 0;
        right: 0;
        text-align: center;
}
@media (max-width: 768px) {
        .slot-wheel .wheel-panel .wheel-number {
                top: 90px;
                max-width: 230px;
                -webkit-transform: none;
                transform: none;
        }
}
.slot-wheel .wheel-panel .wheel-number .slotwrapper {
        height: 200px;
        margin-left: 30px;
        margin-top: 35px;
        border: 0;
}
.slot-wheel .wheel-panel .wheel-number .slotwrapper ul {
        width: 110px;
        line-height: 170px;
}
.slot-wheel .wheel-panel .wheel-number .slotwrapper ul li {
        padding: 5px;
        color: #fff;
}
.slot-wheel .wheel-panel .wheel-number .slotwrapper ul li img {
        width: 65%;
        vertical-align: middle;
}
@media (max-width: 768px) {
        .slot-wheel .wheel-panel .wheel-number .slotwrapper ul li img {
                width: 65%;
        }
}
@media (max-width: 768px) {
        .slot-wheel .wheel-panel .wheel-number .slotwrapper ul li {
                padding: 5px;
                height: 100%;
                line-height: 110px;
        }
}
@media (max-width: 768px) {
        .slot-wheel .wheel-panel .wheel-number .slotwrapper ul {
                width: 75px;
                height: 100%;
        }
}
@media (max-width: 768px) {
        .slot-wheel .wheel-panel .wheel-number .slotwrapper {
                margin-left: 10px;
                height: 135px;
                margin-top: 0;
        }
}
.slot-wheel .wheel-panel .slot {
        overflow: hidden;
        height: calc(100vh - 350px);
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot {
                height: calc(100vh - 550px);
        }
}
.slot-wheel .wheel-panel .slot .slot-machine {
        background: #c91d02;
        border-radius: 15px;
}
.slot-wheel .wheel-panel .slot .slot-machine:after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        top: calc(50% - 90px);
        bottom: calc(50% - 90px);
        height: 180px;
        width: 50px;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine:after {
                height: 120px;
                width: 24px;
                top: calc(50% - 60px);
                bottom: calc(50% - 60px);
        }
}
.slot-wheel .wheel-panel .slot .slot-machine:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        border: 15px solid #c91d02;
        width: 100%;
        height: 100%;
        top: unset;
        bottom: unset;
        border-radius: 15px;
        z-index: 2;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine:before {
                border: 8px solid #c91d02;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine:after {
        background: url(/assets/slot-wheel/general/machine-right.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0;
        right: -50px;
        left: unset;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine:after {
                right: -16px;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine ul {
        margin: 0;
        list-style: none;
        position: relative;
        float: left;
        height: calc(100vh - 350px);
        padding: 1rem 0.5rem;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine ul {
                height: calc(100vh - 550px);
                padding: 0.3rem;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine ul li {
        cursor: pointer;
        box-shadow: inset 0 0 55px 1px #000;
        background-color: #f9f9f9;
}
.slot-wheel .wheel-panel .slot .slot-machine ul li:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 16px;
}
.slot-wheel .wheel-panel .slot .slot-machine ul li img {
        vertical-align: top;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        padding: 8px;
}
.slot-wheel .wheel-panel .slot .slot-machine ul li label {
        top: 5%;
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.4rem;
        width: 100%;
        background: -webkit-linear-gradient(top, #4c97dd, #2989d8 50%, #2b5fb9);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        left: 0;
        right: 0;
        padding: 0 15px;
        z-index: 2;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine ul li label {
                font-size: 0.6rem;
                line-height: 0.7rem;
                padding: 5px 10px 5px 5px;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine .handle {
        position: absolute;
        right: -55px;
        top: 42%;
        float: left;
        vertical-align: top;
        height: 60px;
        cursor: pointer;
        width: 15px;
        border-radius: 0 5px 5px 0/20px;
        border: 1px solid rgba(189, 160, 112, 0.5);
        background: linear-gradient(
                90deg,
                #781511 0,
                #781511 20%,
                #781511 50%,
                #c91d02 75%,
                #c91d02
        );
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine .handle {
                right: -18px;
                height: 30px;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine .handle:after,
.slot-wheel .wheel-panel .slot .slot-machine .handle:before {
        content: "";
        display: block;
        position: absolute;
}
.slot-wheel .wheel-panel .slot .slot-machine .handle:before {
        border: 1px solid rgba(163, 126, 67, 0.1);
        background: #686868;
        width: 8px;
        height: 150px;
        bottom: 30px;
        right: -10px;
        border-bottom-right-radius: 10px 8px;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine .handle:before {
                right: -5px;
                width: 4px;
                bottom: 15px;
                height: 60px;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine .handle:after {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        top: -125px;
        right: -32px;
        background: linear-gradient(90deg, #781511 0, #c91d02);
        z-index: 2;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine .handle:after {
                width: 12px;
                height: 12px;
                top: -50px;
                right: -8px;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine .handle.active {
        background-position: 0 47px;
}
.slot-wheel .wheel-panel .slot .slot-machine .handle.active:before {
        height: 0;
        border-bottom-right-radius: 2px;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
}
.slot-wheel .wheel-panel .slot .slot-machine .handle.active:after {
        -webkit-transform: translateY(125px);
        transform: translateY(125px);
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine .handle.active:after {
                -webkit-transform: translateY(55px);
                transform: translateY(55px);
        }
}
.slot-wheel .wheel-panel .slot .slot-machine .handle.active .pulse {
        opacity: 0 !important;
}
.slot-wheel .wheel-panel .slot .slot-machine .handle .pulse {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        top: -125px;
        position: absolute;
        right: -32px;
        opacity: 1;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine .handle .pulse {
                right: -25px;
                top: -60px;
                height: 30px;
                width: 30px;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine .handle .pulse1 {
        position: absolute;
        width: 80px;
        height: 80px;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        left: -15px;
        border: 3px solid hsla(0, 0%, 100%, 0.1);
        -webkit-animation: pulsejg1 2s linear infinite;
        animation: pulsejg1 2s linear infinite;
        border-radius: 999px;
        box-shadow: inset 0 0 15px 10px rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine .handle .pulse1 {
                height: 30px;
                width: 30px;
        }
}
.slot-wheel .wheel-panel .slot .slot-machine .handle .pulse2 {
        position: absolute;
        width: 80px;
        height: 80px;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        opacity: 0;
        left: -15px;
        border: 1px solid hsla(0, 0%, 100%, 0);
        -webkit-animation: pulsejg2 2s linear infinite;
        animation: pulsejg2 2s linear infinite;
        border-radius: 999px;
        box-shadow: inset 0 0 12px 5px hsla(0, 0%, 100%, 0.8);
        box-sizing: border-box;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel .slot .slot-machine .handle .pulse2 {
                height: 30px;
                width: 30px;
        }
}
@-webkit-keyframes pulsejg1 {
        0% {
                -webkit-transform: scale(0.6);
                opacity: 0;
        }
        50% {
                -webkit-transform: scale(0.6);
                opacity: 0;
        }
        60% {
                -webkit-transform: scale(0.9);
                opacity: 0.2;
        }
        70% {
                -webkit-transform: scale(1.1);
                opacity: 0.35;
        }
        80% {
                -webkit-transform: scale(1.25);
                opacity: 0.2;
        }
        to {
                -webkit-transform: scale(1.4);
                opacity: 0;
        }
}
@keyframes pulsejg1 {
        0% {
                -webkit-transform: scale(0.6);
                transform: scale(0.6);
                opacity: 0;
        }
        50% {
                -webkit-transform: scale(0.6);
                transform: scale(0.6);
                opacity: 0;
        }
        60% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
                opacity: 0.1;
        }
        70% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
                opacity: 0.25;
        }
        80% {
                -webkit-transform: scale(1.25);
                transform: scale(1.25);
                opacity: 0.1;
        }
        to {
                -webkit-transform: scale(1.4);
                transform: scale(1.4);
                opacity: 0;
        }
}
@-webkit-keyframes pulsejg2 {
        0% {
                -webkit-transform: scale(0.6);
                opacity: 0;
        }
        40% {
                -webkit-transform: scale(0.8);
                opacity: 0.05;
        }
        50% {
                -webkit-transform: scale(1);
                opacity: 0.1;
        }
        60% {
                -webkit-transform: scale(1.1);
                opacity: 0.3;
        }
        80% {
                -webkit-transform: scale(1.2);
                opacity: 0.1;
        }
        to {
                -webkit-transform: scale(1.3);
                opacity: 0;
        }
}
@keyframes pulsejg2 {
        0% {
                -webkit-transform: scale(0.6);
                transform: scale(0.6);
                opacity: 0;
        }
        40% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
                opacity: 0.05;
        }
        50% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0.1;
        }
        60% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
                opacity: 0.3;
        }
        80% {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
                opacity: 0.1;
        }
        to {
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
                opacity: 0;
        }
}
.slot-wheel .wheel-panel button.btn-slot:not(.handle) {
        outline: none;
        font-size: 1rem;
        color: #fff;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.7),
                1px 1px 1px hsla(0, 0%, 100%, 0.3);
        display: block;
        font-weight: 700;
        width: 90px;
        height: 90px;
        cursor: pointer;
        background-color: #2e050c;
        background-image: linear-gradient(273deg, #eb4763 30%, #e61a3c 40%);
        border: none;
        border-radius: 50%;
        box-shadow: inset 0 0 1px 1px rgba(138, 15, 36, 0.9),
                inset 0 0 2px 3px rgba(230, 26, 60, 0.9),
                inset 1px 1px 1px 4px hsla(0, 0%, 100%, 0.8),
                inset 0 0 2px 7px rgba(235, 71, 99, 0.8),
                inset 0 0 4px 10px rgba(230, 26, 60, 0.9),
                8px 10px 2px 6px rgba(92, 10, 24, 0.55),
                0 0 3px 2px rgba(184, 20, 48, 0.9),
                0 0 2px 6px rgba(230, 26, 60, 0.9),
                -1px -1px 1px 6px hsla(0, 0%, 100%, 0.9),
                0 0 2px 11px rgba(230, 26, 60, 0.9),
                0 0 1px 12px rgba(184, 20, 48, 0.9),
                1px 3px 14px 14px rgba(0, 0, 0, 0.4);
}
.slot-wheel .wheel-panel button.btn-slot:active {
        color: #fff;
        background-image: linear-gradient(273deg, #e61a3c 50%, #e8304f 60%);
        box-shadow: inset 3px 4px 3px 2px rgba(92, 10, 24, 0.55),
                inset 0 0 1px 1px rgba(138, 15, 36, 0.9),
                inset -1px -1px 2px 3px rgba(230, 26, 60, 0.9),
                inset -2px -2px 1px 3px hsla(0, 0%, 100%, 0.8),
                inset 0 0 2px 7px rgba(235, 71, 99, 0.8),
                inset 0 0 3px 10px rgba(230, 26, 60, 0.9),
                0 0 3px 2px rgba(184, 20, 48, 0.9),
                0 0 2px 6px rgba(230, 26, 60, 0.9),
                -1px -1px 1px 6px hsla(0, 0%, 100%, 0.9),
                0 0 2px 11px rgba(230, 26, 60, 0.9),
                0 0 1px 12px rgba(184, 20, 48, 0.9),
                1px 3px 14px 14px rgba(0, 0, 0, 0.4) !important;
}
.slot-wheel .wheel-panel label.title {
        font-family: Audiowide, cursive;
        font-size: 2.8rem;
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff,
                0 0 40px #d10000, 0 0 70px #d10000, 0 0 80px #d10000,
                0 0 100px #d10000, 0 0 150px #d10000;
        color: #fff;
}
@media screen and (max-width: 512px) {
        .slot-wheel .wheel-panel label.title {
                font-size: 2rem;
        }
}
.slot-wheel .movie__card {
        max-height: 550px;
}
.slot-wheel .treasure-hunt {
        top: -15%;
        left: -15%;
        z-index: 9;
}
@media screen and (max-width: 512px) {
        .slot-wheel .treasure-hunt {
                top: unset;
                left: -40%;
                bottom: -5%;
        }
}
.slot-wheel .treasure-hunt span {
        color: #fff;
        margin-top: -15px;
        display: block;
        font-size: 0.8rem;
}
.coin-ticket {
        border: 5px solid #f9e790;
        color: #fff;
        border-radius: 8px;
        box-shadow: 2px 2px 15px 0 #dfe3e7;
        background: linear-gradient(180deg, #d61414 0, #540000);
}
@media screen and (max-width: 512px) {
        .coin-ticket {
                margin: 10% 0 !important;
        }
}
.coin-ticket > div:first-child {
        border-right: 1px solid #ccc;
}
.coin-ticket > div label {
        font-size: 0.8rem;
}
.coin-ticket > div span {
        font-size: 1.6rem;
}
.coin-ticket > div a {
        cursor: pointer;
}
.coin-ticket > div.redeem {
        border-top: 1px solid #ccc;
}
.coin-ticket > div.redeem label {
        -webkit-animation: blink 2s linear infinite;
        animation: blink 2s linear infinite;
        color: #fee;
        font-size: 1rem;
        text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em #f9e790, 0 0 0.5em #f9e790,
                0 0 0.1em #f9e790, 0 10px 3px #000;
}
@keyframes blink {
        78% {
                color: inherit;
                text-shadow: inherit;
        }
        79% {
                color: #333;
        }
        80% {
                text-shadow: none;
        }
        81% {
                color: inherit;
                text-shadow: inherit;
        }
        82% {
                color: #333;
                text-shadow: none;
        }
        83% {
                color: inherit;
                text-shadow: inherit;
        }
        92% {
                color: #333;
                text-shadow: none;
        }
        92.5% {
                color: inherit;
                text-shadow: inherit;
        }
}
.ticket-zonk {
        top: 30%;
        left: 0;
}
@media screen and (max-width: 1280px) {
        .ticket-zonk {
                position: relative !important;
                top: 0 !important;
                left: 0;
                right: 0;
                margin: auto !important;
        }
}
@media screen and (max-width: 512px) {
        .ticket-zonk {
                top: 8%;
        }
}
@media screen and (max-width: 1280px) {
        .ticket-zonk > div {
                justify-content: center !important;
        }
}
.ticket-zonk .ticket-quantity {
        background: #d61414;
        background: linear-gradient(180deg, #d61414 0, #540000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146ad6",endColorstr="#001654",GradientType=0);
        box-shadow: 2px 2px 15px 0 #dfe3e7;
        border-radius: 15px;
        width: 250px;
        border: 3px solid #f9e790;
        color: #dfe3e7;
        z-index: 9;
}
.ticket-zonk .ticket-quantity .coin {
        width: 100px;
        top: -50px;
        left: -30px;
}
.ticket-zonk .ticket-quantity label {
        font-weight: 700;
        font-size: 1.2rem;
        font-family: Roboto Condensed, sans-serif;
}
.ticket-zonk .ticket-quantity .number > div {
        color: #000;
}
.ticket-zonk .ticket-quantity .number > div label {
        font-size: 2rem;
        background: #fff;
        min-height: 50px;
        min-width: 50px;
}
.ticket-zonk .ticket-quantity .number > div label i {
        font-style: normal;
}
.ticket-zonk .zonk-winner {
        color: #dfe3e7;
        min-width: 280px;
        max-width: 320px;
}
.ticket-zonk .zonk-winner .zonk-point {
        border-radius: 15px;
        width: 250px;
        border: 3px solid #f9e790;
}
.spin-attendance #spinContent .ticket-zonk .zonk-winner .zonk-point .eu-redeem,
.ticket-zonk .zonk-winner .zonk-point .eu-coin,
.ticket-zonk .zonk-winner .zonk-point .eu-redeem {
        width: 90px;
        right: -30px;
        top: -20px;
}
.ticket-zonk .zonk-winner .zonk-point .eu-redeem {
        height: 90px;
        border-radius: 50%;
        color: #d61414;
        cursor: pointer;
        z-index: 2;
        font-size: 0.8rem;
        background-size: contain;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .ticket-zonk .zonk-winner .zonk-point .eu-redeem {
                transition: none;
        }
}
.ticket-zonk .zonk-winner .zonk-point .eu-redeem:hover {
        color: #000;
}
.ticket-zonk .zonk-winner .zonk-point > div:first-of-type {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: Roboto Condensed, sans-serif;
}
.ticket-zonk .zonk-winner .zonk-point > div:nth-of-type(2) label {
        height: 33px;
        font-size: 1.4rem;
        font-weight: 700;
        background: #fff;
        border-radius: 0;
        padding: 0 15px !important;
        color: #000;
}
.ticket-zonk .zonk-winner .zonk-point > div:nth-of-type(2) a {
        font-size: 1.4rem;
        color: #b11010;
        left: 5px;
        top: 5px;
        cursor: pointer;
}
.ticket-zonk .zonk-winner .zonk-point > div:nth-of-type(2) a:hover {
        opacity: 0.5;
}
.ticket-zonk .zonk-winner .last-winner {
        box-shadow: 2px 2px 15px 0 #dfe3e7;
        border-radius: 25px;
}
.ticket-zonk .zonk-winner .last-winner > div:first-of-type {
        background: #d61414;
        background: linear-gradient(180deg, #d61414 0, #540000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146ad6",endColorstr="#001654",GradientType=0);
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border: 3px solid #f9e790;
}
.ticket-zonk .zonk-winner .last-winner > div:first-of-type label {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: Roboto Condensed, sans-serif;
}
.ticket-zonk .zonk-winner .last-winner > div:nth-of-type(2) {
        background-color: #e61919;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border: 3px solid #f9e790;
        border-top: none;
        box-shadow: inset 0 0 8px 2px #333;
}
.ticket-zonk .zonk-winner .info-button a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        box-shadow: inset 0 0 8px 2px #333;
        background: #146ad6;
        background: linear-gradient(180deg, #d61414 0, #540000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146ad6",endColorstr="#001654",GradientType=0);
        border: 2px solid #dfe3e7;
        color: #fff;
        font-size: 0.8rem;
        cursor: pointer;
}
.ticket-zonk .zonk-winner .info-button a:hover {
        opacity: 0.5;
}
.ticket-zonk .prize-combination {
        border-radius: 25px;
        color: #dfe3e7;
        min-width: 280px;
        max-width: 280px;
}
.ticket-zonk .prize-combination .info-button a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        box-shadow: inset 0 0 8px 2px #333;
        background: #146ad6;
        background: linear-gradient(180deg, #d61414 0, #540000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146ad6",endColorstr="#001654",GradientType=0);
        border: 2px solid #dfe3e7;
        color: #fff;
        font-size: 0.8rem;
        cursor: pointer;
}
.ticket-zonk .prize-combination .info-button a:hover {
        opacity: 0.5;
}
.ticket-zonk .prize-combination .title {
        background: #d61414;
        background: linear-gradient(180deg, #d61414 0, #540000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146ad6",endColorstr="#001654",GradientType=0);
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border: 3px solid #f9e790;
}
.ticket-zonk .prize-combination .title label {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: Roboto Condensed, sans-serif;
}
.ticket-zonk .prize-combination .prize {
        background-color: #f9f9f9;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border: 3px solid #f9e790;
        border-top: none;
        box-shadow: inset 0 0 8px 2px #333;
        color: #d10000;
        font-style: bold;
}
.ticket-zonk .prize-combination .prize .mCustomScrollbar {
        height: 300px;
}
.ticket-zonk .prize-combination .prize .mCustomScrollbar .mCSB_draggerRail {
        background: transparent;
}
.ticket-zonk
        .prize-combination
        .prize
        .mCustomScrollbar
        .mCSB_inside
        > .mCSB_container {
        margin: 0 !important;
}
.ticket-zonk .prize-combination .prize .mCustomScrollbar .mCSB_dragger_bar {
        background-color: #d10000;
}
.ticket-zonk .prize-combination .prize .mCustomScrollbar .gift-title span {
        border-bottom: 2px solid #d10000;
}
#mapAttendance .svg-content svg #generated-steps text {
        -webkit-transform: matrix(1, 0, 0, 1, -6, -15);
        transform: matrix(1, 0, 0, 1, -6, -15);
        font-weight: 700;
}
#mapAttendance .svg-content svg #generated-steps.normal g.hover text {
        fill: #fff !important;
}
#mapAttendance .svg-content svg #generated-steps.vip g text {
        fill: #fff !important;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 3);
        transform: matrix(1, 0, 0, 1, 0, 3);
}
#mapAttendance .svg-content svg #generated-steps.vip g.hover text {
        fill: #000 !important;
}
@media screen and (max-width: 799px) {
        #mapAttendance .title.vip label {
                max-width: 230px;
                font-size: 1.3rem;
        }
}
.spin-attendance #spinContent .title {
        font-size: 3rem;
        text-shadow: 0 0 6px #fff, 0 0 9px #fff;
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .title {
                font-size: 2rem;
        }
}
@media screen and (max-width: 512px) {
        .spin-attendance #spinContent .the-wheel canvas {
                width: 360px;
        }
}
.spin-attendance #spinContent .the-wheel .wheel-spin-arrow {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 2;
}
.spin-attendance #spinContent #spinButton {
        background: #fff;
        color: red;
        font-size: 1.8rem;
        padding: 0 40px;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        box-shadow: 1px 1px 20px -3px #fff;
}
.spin-attendance-modal#spinModal .modal-content label {
        font-weight: 700;
        font-size: 1.2rem;
        color: #ff0031;
        text-shadow: 0 0 1px #000;
}
.spin-attendance-modal#spinModal .modal-content .btn-close-circle {
        z-index: 1;
        top: 0;
        right: 0;
}
#mapAttendance .info-tnc-btn {
        position: absolute;
        bottom: 30px;
        right: -10%;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        background: #ebb962;
        border: 0;
        z-index: 3;
        box-shadow: 0 7px 29px 0 rgba(100, 100, 111, 0.2);
}
@media screen and (max-width: 512px) {
        #mapAttendance .info-tnc-btn {
                width: 30px;
                height: 30px;
                bottom: 0;
                right: -30%;
        }
}
#mapAttendance .info-tnc-btn i {
        font-size: 24px;
        color: #fff;
}
@media screen and (max-width: 512px) {
        #mapAttendance .info-tnc-btn i {
                font-size: 14px !important;
        }
}
#mapAttendance .title {
        font-size: 1.8rem;
        font-weight: 700;
        padding: 25px 0;
        background-color: #000;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent;
        text-shadow: hsla(0, 0%, 100%, 0.5) 0 3px 3px;
        margin: 0;
}
#mapAttendance .svg-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
}
#mapAttendance .svg-content svg {
        max-width: 100vw;
        max-height: 100vh;
        overflow: visible;
        z-index: 2;
}
#mapAttendance .svg-content svg .hover {
        cursor: pointer;
}
#mapAttendance .svg-content svg .hover:hover text {
        visibility: visible;
        z-index: 99;
        font-size: 1rem !important;
}
#mapAttendance .svg-content svg .hover:hover use {
        opacity: 0.35;
}
#mapAttendance .svg-content svg#gift-mtx,
#mapAttendance .svg-content svg#mystery-mtx {
        cursor: pointer;
}
#mapAttendance .svg-content svg symbol {
        overflow: visible;
}
#mapAttendance .svg-content svg .st38,
#mapAttendance .svg-content svg .st39 {
        fill: none;
        stroke: #fff;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-miterlimit: 10;
}
#mapAttendance .svg-content svg .st39 {
        stroke-dasharray: 1.0005, 6.0031;
}
#mapAttendance .svg-content svg .st40 {
        fill: none;
}
#mapAttendance .svg-content svg #rocket {
        -webkit-animation: bounce 60s ease-in-out -30s infinite alternate;
        animation: bounce 60s ease-in-out -30s infinite alternate;
}
#mapAttendance .svg-content svg #rocket g {
        -webkit-animation: earthrotation 120s linear infinite;
        animation: earthrotation 120s linear infinite;
        -webkit-transform-origin: -15% 125%;
        transform-origin: -15% 125%;
}
#mapAttendance .svg-content svg #step-avatar {
        display: none;
}
#mapAttendance .svg-content svg #step-avatar g {
        -webkit-animation: float 4s ease-in-out infinite;
        animation: float 4s ease-in-out infinite;
}
#mapAttendance .ship {
        bottom: 0;
}
#mapAttendance .ship > div {
        -webkit-animation: marquee 30s linear infinite;
        animation: marquee 30s linear infinite;
        padding-left: 100%;
        text-indent: 0;
}
#mapAttendance .ship > div img {
        max-width: 168px;
        right: 0;
        position: absolute;
        bottom: 0;
}
@media screen and (max-width: 512px) {
        #mapAttendance .ship > div img {
                max-width: 128px;
        }
}
@font-face {
        font-family: dejavu;
        src: url(/fonts/dejavu/DejaVuSans.tff);
}
@font-face {
        font-family: race;
        src: url(/fonts/race/race_sport.TTF);
}
#angpau .modal-content {
        min-height: 550px;
        box-shadow: none;
        background: transparent;
}
#angpau .success-img {
        padding-top: 15%;
}
#angpau .success-img img {
        width: 70px;
}
#angpau .success-img .success-text {
        color: #000;
        margin-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
}
#angpau .bottom-font {
        position: absolute;
        top: 120%;
        font-size: 14px !important;
}
#angpau .up-down {
        animation: up-down 4s linear;
        animation-iteration-count: infinite;
        transform-origin: 50% 50%;
        -webkit-animation: up-down 4s linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-transform-origin: 50% 50%;
        -moz-animation: up-down linear 4s;
        -moz-animation-iteration-count: infinite;
        -moz-transform-origin: 50% 50%;
        -o-animation: up-down linear 4s;
        -o-animation-iteration-count: infinite;
        -o-transform-origin: 50% 50%;
        -ms-animation: up-down linear 4s;
        -ms-animation-iteration-count: infinite;
        -ms-transform-origin: 50% 50%;
}
#angpau .deco_left {
        position: absolute;
        z-index: 3;
        width: 35%;
        left: -10%;
        top: 18%;
}
#angpau .deco_middle {
        position: absolute;
        z-index: 3;
        width: 50px;
        left: 0;
        top: 40%;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
}
#angpau .deco_right {
        position: absolute;
        z-index: 3;
        width: 40%;
        right: -10%;
        top: 15%;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
}
#angpau .deco_bottom {
        position: absolute;
        z-index: 3;
        width: 100%;
        left: 0;
        right: 0;
        margin: 65% auto auto;
}
@media screen and (max-width: 512px) {
        #angpau .deco_bottom {
                margin-top: 100%;
        }
}
#angpau .close {
        background: #e95636;
        color: #fff;
        cursor: pointer;
        position: absolute;
        top: -5%;
        padding: 5px;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        opacity: 1;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 99;
        text-align: center;
        font-size: 25px;
}
#angpau .claim-button {
        background: url(/assets/angpao/ads/e9_btn.png) no-repeat 50% !important;
        background-size: contain !important;
        color: #000 !important;
        cursor: pointer;
        padding: 15px 30px !important;
        font-size: 16px !important;
        left: 15% !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        height: 70px;
}
#angpau .id .claim-button,
#angpau .my .claim-button,
#angpau .sg .claim-button,
#angpau .th .claim-button,
#angpau .vn .claim-button {
        left: 35% !important;
}
#angpau .gold {
        font-family: race;
        font-weight: 700;
        font-size: 4rem;
        color: #ff0031;
}
#angpau .gold.big_font {
        font-size: 3rem;
        line-height: 3.2rem;
}
#angpau .gold-shadow {
        font-family: Roboto Slab, serif;
        font-weight: 500;
        font-size: 50px;
        color: #252525;
        position: absolute;
        top: -35px;
        left: 1px;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
}
#angpau .id .gold {
        font-size: 22px;
}
#angpau .id .gold-shadow {
        font-size: 22px;
        top: -40%;
}
#angpau .vn .congratulation {
        font-family: Karla, sans-serif !important;
}
#angpau .vn .gold {
        font-size: 22px;
}
#angpau .vn .gold-shadow {
        font-size: 22px;
        top: -40%;
}
#angpau .th .gold {
        font-size: 25px;
}
#angpau .th .gold-shadow {
        font-size: 25px;
        top: -55%;
}
#angpau .gongxi {
        width: 80% !important;
        position: relative !important;
        top: auto !important;
        margin-top: 5%;
}
#angpau .gongxifont {
        font-size: 35px !important;
}
#angpau .top {
        margin-left: 15%;
}
#angpau .bottom,
#angpau .top {
        font-size: 2rem;
        position: relative;
        margin-top: 10%;
}
#angpau .bottom {
        margin-left: 80%;
}
#angpau .try_btn {
        background: url(/assets/angpao/ads/e9_btn.png) no-repeat 50%;
        background-size: contain;
        font-size: 0.8rem;
        width: 100%;
        height: 60px;
        color: #000;
        font-family: Roboto, sans-serif;
        font-weight: 300;
}
#angpau .id .try_btn {
        height: 55px;
}
#angpau .angpao-logo {
        max-width: 150px;
}
#angpau .gift-title {
        position: relative;
        font-family: race;
        font-weight: 700;
        -webkit-font-smoothing: subpixel-antialiased;
        font-size: 20px;
}
#angpau .gift-title span {
        display: block;
        text-align: center;
        padding: 0 10%;
        margin: auto;
        line-height: 1.3;
}
#angpau .gift-title span.extrude b {
        font-size: 1.6rem;
}
#angpau .click-title {
        background: -webkit-linear-gradient(
                top,
                #d1d1d1,
                #fefefe 30%,
                #ababab 60%,
                #d1d1d1 80%,
                #eaeaea
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 1.8rem;
        text-align: center;
        left: 0;
        right: 0;
        margin: 15px auto auto;
        font-weight: 700;
        font-family: race;
}
#angpau .spin {
        -webkit-animation-name: spin;
        animation-name: spin;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
}
#angpau .modal-content {
        border: 0;
}
#angpau .rotate {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
        transition: 1s;
}
#angpau .rotateleft {
        -webkit-transform: translate(-20%, 90%)
                matrix(0.99026, -0.13917, 0.13917, 0.99026, 0, 0) !important;
        transform: translate(-20%, 90%)
                matrix(0.99026, -0.13917, 0.13917, 0.99026, 0, 0) !important;
        transition: 1s;
}
#angpau .invitation {
        width: 350px;
        top: 50%;
}
#angpau .invitation,
#angpau .invitation button {
        font-family: race;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
#angpau .invitation button {
        border-radius: 10px;
        background: transparent;
        border: none;
        top: 80px;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        z-index: 3;
        cursor: pointer;
        transition: background 0.3s ease-out, color 0.3s ease-out;
}
#angpau .invitation button.invert {
        background: url(/assets/angpao/ads/e9_btn.png) no-repeat 50%;
        background-size: contain;
        color: #000 !important;
        cursor: pointer;
        padding: 15px 30px !important;
        font-size: 16px !important;
        text-transform: uppercase;
        left: 35%;
        border-radius: 20px;
        height: 70px;
}
#angpau .invitation .flip-btn {
        top: 110px;
}
#angpau .invitation .flip-btn .btn-logo {
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
}
#angpau .invitation .flip-btn .date {
        font-weight: 300;
        font-size: 0.8rem;
}
#angpau .envelope {
        background: #a00815;
        width: 100%;
        height: 500px;
        position: relative;
        z-index: 1;
        border-radius: 20px;
}
#angpau .envelope:after {
        content: "";
        background-image: url(/assets/angpao/ads/e9_front.png);
        background-image: -webkit-image-set(
                url(/assets/angpao/ads/e9_front.webp) 1x
        );
        display: inline-block;
        background-size: cover;
        width: 350px;
        background-repeat: no-repeat;
        height: 500px;
        z-index: 1;
}
#angpau .envelope.is-open:after,
#angpau .envelope.is-open:before {
        z-index: -2;
}
#angpau .envelope:after,
#angpau .envelope:before {
        position: absolute;
        bottom: 0;
}
#angpau .flap {
        border-right: 175px solid #a00815;
        border-top: 140px solid #a00815;
        border-left: 175px solid #a00815;
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
}
#angpau .mask {
        box-sizing: border-box;
        -webkit-clip-path: inset(0 0 50% 0);
        clip-path: inset(0 0 50% 0);
        overflow: hidden;
        width: 600px;
        height: 1400px;
        z-index: 0;
        top: 50%;
        -webkit-transform: translate(-25%, -50%);
        transform: translate(-25%, -50%);
}
#angpau .card,
#angpau .mask {
        position: relative;
        margin: auto;
}
#angpau .card {
        width: 330px;
        height: 500px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform-origin: 50% 10%;
        transform-origin: 50% 10%;
        -webkit-transform: translate(5%, 128%) rotateY(0deg);
        transform: translate(5%, 128%) rotateY(0deg);
        border-radius: 30px;
        background: radial-gradient(
                        ellipse farthest-corner at right bottom,
                        #fedb37 0,
                        #fdb931 8%,
                        #9f7928 30%,
                        #8a6e2f 40%,
                        transparent 80%
                ),
                radial-gradient(
                        ellipse farthest-corner at left top,
                        #fff 0,
                        #ffffac 8%,
                        #d1b464 25%,
                        #5d4a1f 62.5%,
                        #5d4a1f 100%
                );
}
#angpau .face {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        background-image: url(/assets/angpao/ads/e9_back.png);
        background-size: cover;
        background-position: 50%;
        box-shadow: 0 3px 6x rgba(0, 0, 0, 0.3);
        border-radius: 30px;
        margin: 5px;
        font-family: race;
}
#angpau .face h4.gold {
        font-size: 1.4rem;
}
#angpau .face h5 {
        padding: 15px 15px 0;
        text-align: center;
        color: #2c2109;
        font-family: Roboto Slab, serif;
}
#angpau .face h3 {
        padding: 0;
        text-align: center;
        font-weight: 700;
        background: -webkit-linear-gradient(
                top,
                #000,
                #3e3e3e 30%,
                #404040 60%,
                #363636 80%,
                #897513
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 1.6rem;
}
#angpau .face .congratulation {
        font-family: race;
        -webkit-font-smoothing: subpixel-antialiased;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 700;
}
#angpau .face .cong-animate {
        -webkit-animation: npa 4s linear 0s infinite normal none running;
        animation: npa 4s linear 0s infinite normal none running;
}
#angpau .face h1 {
        position: relative;
        padding: 20px 0 0;
        margin: 0;
        background: -webkit-linear-gradient(#424242, #6c6c6c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
#angpau .face h1 img {
        width: 90%;
        display: block;
        margin: auto;
}
#angpau .face h1 span {
        display: block;
        text-align: center;
        padding: 0 10%;
        margin: auto;
        line-height: 1.3;
        font-size: 1.2rem;
}
#angpau .face:last-of-type {
        -webkit-transform: translateZ(-3px) rotateY(180deg);
        transform: translateZ(-3px) rotateY(180deg);
        background-size: cover;
}
#angpau .face.back {
        background-image: url(/assets/angpao/ads/e9_back.png);
        overflow: hidden;
}
#angpau .face.back h1 {
        position: relative;
        padding: 20px 0 0;
        margin: 0;
        background: -webkit-linear-gradient(#cecece, #aaa);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
#angpau .pyro {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
}
#angpau .pyro > .after,
#angpau .pyro > .before {
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
                0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
                0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
                0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
                0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
                0 0 #fff;
        -webkit-animation: bang 1s ease-out infinite backwards,
                gravity 1s ease-in infinite backwards,
                position 5s linear infinite backwards;
        animation: bang 1s ease-out infinite backwards,
                gravity 1s ease-in infinite backwards,
                position 5s linear infinite backwards;
}
#angpau .pyro > .after {
        -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
        animation-delay: 1.25s, 1.25s, 1.25s;
        -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
        animation-duration: 1.25s, 1.25s, 6.25s;
}
@-webkit-keyframes bang {
        to {
                box-shadow: 94px -278.6666666667px #4d00ff,
                        -214px -56.6666666667px #f07,
                        -173px -166.6666666667px #6fff00,
                        -203px -413.6666666667px #ff0059,
                        -77px -168.6666666667px #00ff0d,
                        9px -92.6666666667px #f07,
                        164px -198.6666666667px #ffa600,
                        -154px -294.6666666667px #ff5100,
                        218px -180.6666666667px #fb00ff,
                        -163px -337.6666666667px #ffc400,
                        -223px -18.6666666667px #00c8ff,
                        -128px -185.6666666667px #6fff00,
                        38px -263.6666666667px #9100ff,
                        -166px -62.6666666667px #b0f,
                        63px -17.6666666667px #aeff00,
                        -134px -107.6666666667px #8c00ff,
                        76px -395.6666666667px #006aff,
                        50px -395.6666666667px #c0f, 21px -334.6666666667px #9f0,
                        -43px 70.3333333333px #05f, -8px 24.3333333333px #0fc,
                        26px 51.3333333333px #009dff,
                        136px -209.6666666667px #d000ff,
                        -128px -59.6666666667px #ff0051,
                        234px -331.6666666667px #d900ff,
                        -107px -400.6666666667px #62ff00,
                        -238px -162.6666666667px #c4ff00,
                        -67px -139.6666666667px #ff9100,
                        -10px -279.6666666667px #1f0,
                        -231px 56.3333333333px #ff5e00,
                        -196px 66.3333333333px #0f3;
        }
}
@keyframes bang {
        to {
                box-shadow: 94px -278.6666666667px #4d00ff,
                        -214px -56.6666666667px #f07,
                        -173px -166.6666666667px #6fff00,
                        -203px -413.6666666667px #ff0059,
                        -77px -168.6666666667px #00ff0d,
                        9px -92.6666666667px #f07,
                        164px -198.6666666667px #ffa600,
                        -154px -294.6666666667px #ff5100,
                        218px -180.6666666667px #fb00ff,
                        -163px -337.6666666667px #ffc400,
                        -223px -18.6666666667px #00c8ff,
                        -128px -185.6666666667px #6fff00,
                        38px -263.6666666667px #9100ff,
                        -166px -62.6666666667px #b0f,
                        63px -17.6666666667px #aeff00,
                        -134px -107.6666666667px #8c00ff,
                        76px -395.6666666667px #006aff,
                        50px -395.6666666667px #c0f, 21px -334.6666666667px #9f0,
                        -43px 70.3333333333px #05f, -8px 24.3333333333px #0fc,
                        26px 51.3333333333px #009dff,
                        136px -209.6666666667px #d000ff,
                        -128px -59.6666666667px #ff0051,
                        234px -331.6666666667px #d900ff,
                        -107px -400.6666666667px #62ff00,
                        -238px -162.6666666667px #c4ff00,
                        -67px -139.6666666667px #ff9100,
                        -10px -279.6666666667px #1f0,
                        -231px 56.3333333333px #ff5e00,
                        -196px 66.3333333333px #0f3;
        }
}
@-webkit-keyframes gravity {
        to {
                transform: translateY(200px);
                -moz-transform: translateY(200px);
                -webkit-transform: translateY(200px);
                -o-transform: translateY(200px);
                -ms-transform: translateY(200px);
                opacity: 0;
        }
}
@keyframes gravity {
        to {
                transform: translateY(200px);
                -moz-transform: translateY(200px);
                -webkit-transform: translateY(200px);
                -o-transform: translateY(200px);
                -ms-transform: translateY(200px);
                opacity: 0;
        }
}
@-webkit-keyframes position {
        0%,
        19.9% {
                margin-top: 10%;
                margin-left: 40%;
        }
        20%,
        39.9% {
                margin-top: 40%;
                margin-left: 30%;
        }
        40%,
        59.9% {
                margin-top: 20%;
                margin-left: 70%;
        }
        60%,
        79.9% {
                margin-top: 30%;
                margin-left: 20%;
        }
        80%,
        99.9% {
                margin-top: 30%;
                margin-left: 80%;
        }
}
@keyframes position {
        0%,
        19.9% {
                margin-top: 10%;
                margin-left: 40%;
        }
        20%,
        39.9% {
                margin-top: 40%;
                margin-left: 30%;
        }
        40%,
        59.9% {
                margin-top: 20%;
                margin-left: 70%;
        }
        60%,
        79.9% {
                margin-top: 30%;
                margin-left: 20%;
        }
        80%,
        99.9% {
                margin-top: 30%;
                margin-left: 80%;
        }
}
@-webkit-keyframes up-down {
        0% {
                -webkit-transform: translate(1px, 20px);
                transform: translate(1px, 20px);
        }
        24% {
                -webkit-transform: translate(1px, 30px);
                transform: translate(1px, 30px);
        }
        50% {
                -webkit-transform: translate(1px, 12px);
                transform: translate(1px, 12px);
        }
        74% {
                -webkit-transform: translate(1px, 22px);
                transform: translate(1px, 22px);
        }
        to {
                -webkit-transform: translate(1px, 22px);
                transform: translate(1px, 22px);
        }
}
@keyframes up-down {
        0% {
                -webkit-transform: translate(1px, 20px);
                transform: translate(1px, 20px);
        }
        24% {
                -webkit-transform: translate(1px, 30px);
                transform: translate(1px, 30px);
        }
        50% {
                -webkit-transform: translate(1px, 12px);
                transform: translate(1px, 12px);
        }
        74% {
                -webkit-transform: translate(1px, 22px);
                transform: translate(1px, 22px);
        }
        to {
                -webkit-transform: translate(1px, 22px);
                transform: translate(1px, 22px);
        }
}
@-webkit-keyframes npa {
        0% {
                text-shadow: -6px 4px 0 red;
        }
        10% {
                text-shadow: 4px -6px 0 green;
        }
        20% {
                text-shadow: -9px 4px 0 #00f;
        }
        30% {
                text-shadow: 4px -6px 0 #ff0;
        }
        40% {
                text-shadow: -8px 4px 0 orange;
        }
        50% {
                text-shadow: 4px 5px 0 purple;
        }
        60% {
                text-shadow: -6px 4px 0 brown;
        }
        70% {
                text-shadow: 4px 7px 0 pink;
        }
        80% {
                text-shadow: -9px -4px 0 #0f0;
        }
        90% {
                text-shadow: 4px -6px 0 #0ff;
        }
        to {
                text-shadow: -9px 4px 0 teal;
        }
}
#success-fail .success-fail-close {
        background: #e95636;
        color: #fff;
        cursor: pointer;
        position: absolute;
        padding: 5px;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        opacity: 1;
        text-align: center;
        right: -15px;
        top: -15px;
        z-index: 99;
}
@media (min-width: 576px) {
        #fifa-crackball-modal .modal-dialog {
                max-width: 920px;
        }
}
#fifa-crackball-modal .modal-dialog .modal-content {
        background: url(/assets/events/fifa-crack-ball/eubet-crack-ball-bg.jpg?04112022)
                no-repeat top;
        background-size: cover;
        border-radius: 6px;
        border-bottom-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal .modal-dialog .modal-content {
                background: url(/assets/events/fifa-crack-ball/eubet-crack-ball-bg-mobile.jpg?04112022)
                        no-repeat top;
                background-size: cover;
        }
}
#fifa-crackball-modal .modal-dialog .modal-content:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: transparent;
        opacity: 0;
        visibility: hidden;
}
#fifa-crackball-modal .modal-dialog .modal-content.active:after {
        background: rgba(0, 0, 0, 0.5);
        opacity: 1;
        visibility: visible;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body {
        z-index: 2;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .close {
        right: 6px;
        top: 6px;
        z-index: 10;
        opacity: 1;
        border: 2px solid #fff;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background: #ff0031;
        transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .close {
                transition: none;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .close:hover {
        -webkit-animation: rotateInfinite 1s linear infinite;
        animation: rotateInfinite 1s linear infinite;
        background: #fff;
        border: 2px solid #ff0031;
}
@-webkit-keyframes rotateInfinite {
        to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
        }
}
@keyframes rotateInfinite {
        to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .close:hover
        span {
        color: #ff0031;
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .close {
                right: 8px;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .close
        span {
        font-size: 1.6rem;
        text-shadow: none;
        top: 0.5px;
        left: 0.3px;
        color: #fff;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .title {
        max-width: 600px;
        margin-top: -23px;
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .title {
                top: 33px;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-logo {
        max-width: 200px;
}
@media (min-width: 1640px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-logo {
                max-width: 220px;
        }
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-logo {
                max-width: 170px;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex {
        max-width: 100%;
}
@media screen and (max-width: 1023px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex {
                max-width: 100%;
        }
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex {
                gap: 0 16px;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items {
        width: 30%;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items.active
        .second-half-ball {
        -webkit-transform: translate(26px) rotate(5deg);
        transform: translate(26px) rotate(5deg);
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items.active
                .second-half-ball {
                -webkit-transform: translate(10px) rotate(3deg);
                transform: translate(10px) rotate(3deg);
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items.active
        .prize-text
        p {
        -webkit-animation: zoomInOut 2.5s ease-in-out 0.2s infinite;
        animation: zoomInOut 2.5s ease-in-out 0.2s infinite;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items.inactive {
        opacity: 0.4;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items.inactive
        .prize-text
        p {
        -webkit-animation: none;
        animation: none;
        font-size: 2.4rem !important;
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items.inactive
                .prize-text
                p {
                font-size: 1.4rem !important;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items.hide
        .crack-ball {
        opacity: 0;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items.stop-animation {
        pointer-events: none;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items.stop-animation
        .crack-ball-wrapper:hover {
        -webkit-animation: none !important;
        animation: none !important;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper {
        cursor: pointer;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper:hover {
        -webkit-animation: shake 1s infinite;
        animation: shake 1s infinite;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .second-half-ball {
        left: 0;
        top: 0;
        -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
        clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items
                .crack-ball-wrapper
                .second-half-ball {
                transition: none;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .first-half-ball {
        -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
        clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .crack-ball {
        cursor: pointer;
        max-width: 150px;
        z-index: 1;
        left: 10px;
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items
                .crack-ball-wrapper
                .crack-ball {
                transition: none;
        }
}
@media screen and (max-width: 1023px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items
                .crack-ball-wrapper
                .crack-ball {
                max-width: 135px;
        }
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items
                .crack-ball-wrapper
                .crack-ball {
                max-width: 70px;
                left: 4px;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .confetti-animation {
        top: 0;
        left: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        z-index: 2;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .prize-text {
        top: 0;
        left: 0;
        z-index: 6;
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items
                .crack-ball-wrapper
                .prize-text {
                transition: none;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .prize-text
        p {
        font-size: 3.4rem;
        font-weight: 600;
        background: -webkit-linear-gradient(
                #cb8e37,
                #fdf28b,
                #dd9e45,
                #fdf28b,
                #edd686
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items
                .crack-ball-wrapper
                .prize-text
                p {
                font-size: 2rem;
        }
}
@media (prefers-reduced-motion: reduce) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items
                .crack-ball-wrapper
                .prize-text
                p {
                transition: none;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .prize-text
        p.active {
        opacity: 1;
        visibility: visible;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .shining-star-bg {
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 5;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-animation: fifa-glowing 2.5s ease-in-out infinite;
        animation: fifa-glowing 2.5s ease-in-out infinite;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-wrapper
        .shining-star-bg.active {
        -webkit-animation-play-state: running;
        animation-play-state: running;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .fifa-crackball-wrapper
        .fifa-crackball-flex
        .fifa-crackball-items
        .crack-ball-stage {
        margin-top: -16px;
}
@media screen and (max-width: 512px) {
        #fifa-crackball-modal
                .modal-dialog
                .modal-content
                .modal-body.fifa-crackball-body
                .fifa-crackball-wrapper
                .fifa-crackball-flex
                .fifa-crackball-items
                .crack-ball-stage {
                margin-top: -6px;
        }
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .loading-screen {
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        left: 0;
        border-radius: 6px;
        z-index: 5;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .loading-screen
        p {
        font-size: 1.8rem;
        font-weight: 600;
}
#fifa-crackball-modal
        .modal-dialog
        .modal-content
        .modal-body.fifa-crackball-body
        .loading-screen
        .spinner-grow {
        width: 1rem;
        height: 1rem;
        position: relative;
        bottom: -5px;
}
@-webkit-keyframes fifa-glowing {
        0% {
                opacity: 0;
        }
        50% {
                opacity: 0.3;
        }
        to {
                opacity: 0;
        }
}
@keyframes fifa-glowing {
        0% {
                opacity: 0;
        }
        50% {
                opacity: 0.3;
        }
        to {
                opacity: 0;
        }
}
@-webkit-keyframes zoomInOut {
        0% {
                -webkit-transform: scale(0.7);
                transform: scale(0.7);
        }
        50% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
        }
        to {
                -webkit-transform: scale(0.7);
                transform: scale(0.7);
        }
}
@keyframes zoomInOut {
        0% {
                -webkit-transform: scale(0.7);
                transform: scale(0.7);
        }
        50% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
        }
        to {
                -webkit-transform: scale(0.7);
                transform: scale(0.7);
        }
}
.angpau-page {
        background-image: url(/assets/events/angpau/d_bg_1.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/angpau/d_bg_1.webp") 1x
        );
}
.angpau-page.active:before {
        position: absolute;
        content: "";
        background-color: rgba(0, 0, 0, 0.85);
        width: 100%;
        height: 100%;
        z-index: 11;
        -webkit-animation: fadeIn 2s;
        animation: fadeIn 2s;
}
@media screen and (max-width: 512px) {
        .angpau-page .description_1 {
                font-size: 1rem;
                line-height: 1rem;
        }
}
@media screen and (max-width: 512px) {
        .angpau-page .description_2,
        .angpau-page .description_shadow {
                font-size: 2.4rem;
                line-height: 2.4rem;
        }
}
.angpau-page .description_2.id,
.angpau-page .description_shadow.id {
        font-size: 2.4rem;
        line-height: 2.4rem;
}
.angpau-page .angpau-open {
        z-index: 12;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .angpau-page .angpau-open {
                transition: none;
        }
}
.angpau-page .angpau-open.active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
}
.angpau-page .angpau-open img {
        max-width: 280px;
}
.angpau-page .title {
        max-width: 450px;
        height: 260px;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
}
@media screen and (max-width: 512px) {
        .angpau-page .title {
                height: 210px;
        }
}
.angpau-page .winner {
        z-index: 2;
        margin-top: -2% !important;
}
.angpau-page .winner p {
        color: #ffd155;
}
.angpau-page .winner .blurFadeIn {
        -webkit-animation: blurFadeIn 1s ease-in backwards;
        animation: blurFadeIn 1s ease-in backwards;
}
@-webkit-keyframes blurFadeIn {
        0% {
                opacity: 0;
                text-shadow: 0 0 40px #ffd155;
                -webkit-transform: scale(1.3);
        }
        50% {
                opacity: 0.5;
                text-shadow: 0 0 10px #ffd155;
                -webkit-transform: scale(1.1);
        }
        to {
                opacity: 1;
                text-shadow: 0 0 1px #ffd155;
                -webkit-transform: scale(1);
        }
}
.angpau-page .content {
        bottom: -25%;
}
.angpau-page p.shake-angpau {
        font-size: 1.4rem;
}
@media screen and (max-width: 512px) {
        .angpau-page p.shake-angpau {
                font-size: 1rem;
        }
}
.angpau-page .shake {
        animation: shake 0.15s linear 2;
        -moz-animation: shake 0.15s 2 linear;
        -webkit-animation: shake 0.15s linear 2;
        -o-animation: shake 0.15s 2 linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
}
@keyframes fadeIn {
        0% {
                opacity: 0;
        }
        to {
                opacity: 1;
        }
}
@keyframes shake {
        0% {
                -webkit-transform: translate(3px);
                transform: translate(3px);
        }
        50% {
                -webkit-transform: translate(-3px);
                transform: translate(-3px);
        }
        to {
                -webkit-transform: translate(0);
                transform: translate(0);
        }
}
@-webkit-keyframes shake {
        0% {
                -webkit-transform: translate(3px);
        }
        50% {
                -webkit-transform: translate(-3px);
        }
        to {
                -webkit-transform: translate(0);
        }
}
#angpauTerms {
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #angpauTerms {
                transition: none;
        }
}
@media screen and (max-width: 799px) {
        #angpauTerms {
                font-size: 0.8rem;
        }
}
#angpauTerms .terms-box {
        border: 2px solid #fff;
        border-radius: 8px;
        background-color: transparent;
}
@media screen and (max-width: 512px) {
        #angpauTerms .terms-box {
                overflow-y: scroll;
                max-height: 450px;
        }
}
#angpauTerms .terms-box label {
        font-size: 1.2rem;
}
#angpauTerms .terms-box .btn-close {
        font-size: 1rem;
        cursor: pointer;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        z-index: 13;
}
#angpauTerms .terms-box ul {
        padding: 0 25px;
        font-size: 0.9rem;
}
#angpauTerms .terms-box ul li {
        list-style: decimal;
}
#angpauTerms .terms-box ul.disc li {
        list-style: disc;
}
.description_1 {
        font-size: 1.2rem;
        font-weight: 800;
        line-height: 1.2rem;
}
.description_2,
.description_shadow {
        font-size: 3rem;
        font-weight: 800;
        z-index: 10;
        line-height: 3rem;
}
.shake-button {
        background-image: url(/assets/events/angpau/cta.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/angpau/cta.webp") 1x
        );
        background-size: contain;
        height: 80px;
        bottom: 20%;
        animation: shake 0.15s linear 2;
        -moz-animation: shake 0.15s 2 linear;
        -webkit-animation: shake 0.15s linear 2;
        -o-animation: shake 0.15s 2 linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .shake-button {
                transition: none;
        }
}
.shake-button.active {
        -webkit-animation-iteration-count: unset;
        animation-iteration-count: unset;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .shake-button.active {
                transition: none;
        }
}
.shake-button a {
        font-size: 1.6rem;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .shake-button a {
                transition: none;
        }
}
.shake-button a label {
        cursor: pointer;
}
#angpauGift .modal-dialog {
        max-width: 320px;
}
#angpauGift .modal-content {
        background: linear-gradient(180deg, #feecb4, #9a6713);
        border-radius: 15px !important;
}
#angpauGift .modal-content > div {
        background: #000;
        border-radius: 15px !important;
        margin: 2px;
}
#angpauGift .modal-header {
        border: none;
}
#angpauGift .modal-header button {
        opacity: 1;
        text-shadow: none;
}
#angpauGift .modal-body .board img {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        width: 320px;
}
#angpauGift .modal-body .congratulation {
        font-size: 1.6rem;
}
#angpauGift .modal-body .shake-button {
        -webkit-animation: unset;
        animation: unset;
}
#angpauGift .modal-body .description_2,
#angpauGift .modal-body .description_shadow {
        font-size: 2.6rem;
        line-height: 2.6rem;
}
@font-face {
        font-family: shanghai;
        src: url(/fonts/shanghai/ShanghaiFace-Rock-BoldGB.otf);
}
.fatherday .face {
        background-image: url(/assets/angpao/fatherday/e9_front.png) !important;
        background-size: cover;
}
.fatherday .face h1 span {
        font-size: 19px !important;
}
.fatherday .envelope:after,
.fatherday .face.back {
        background-image: url(/assets/angpao/fatherday/e9_front.png) !important;
}
.fatherday .envelope:after {
        content: "";
}
.fatherday .try_btn {
        background: url(/assets/angpao/fatherday/e9_btn_1.png) no-repeat 50% !important;
        background-size: contain !important;
        position: relative;
}
.fatherday .try_btn .gold-font {
        background-image: repeating-linear-gradient(
                90deg,
                #a2682a 0,
                #be8c3c 8%,
                #be8c3c 18%,
                #d3b15f 27%,
                #faf0a0 35%,
                #ffffc2 40%,
                #faf0a0 50%,
                #d3b15f 58%,
                #be8c3c 67%,
                #b17b32 77%,
                #bb8332 83%,
                #d4a245 88%,
                #e1b453 93%,
                #a4692a
        );
        background-size: 200%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        z-index: 2;
        position: relative;
        -webkit-animation: MoveBackgroundPosition 6s ease-in-out infinite;
        animation: MoveBackgroundPosition 6s ease-in-out infinite;
}
.fatherday .try_btn .shadow-font {
        color: #222;
        z-index: 1;
        position: absolute;
        right: 0;
        left: 2px;
        margin-top: 2px;
}
.fatherday .click-title {
        line-height: 30px;
}
.fatherday .click-title .lucky_font {
        font-size: 20px;
}
.fatherday .flip-btn {
        top: 20px !important;
        width: 100%;
}
.fatherday .flip-btn .fatherday_big_font {
        font-size: 30px !important;
}
.fatherday .fatherday_claim_button,
.fatherday .invert {
        background: url(/assets/angpao/fatherday/e9_btn.png) no-repeat 50% !important;
        background-size: contain !important;
        left: 15% !important;
        padding: 15px 30px !important;
        font-size: 16px !important;
}
.fatherday .fatherday_claim_button .gold-font,
.fatherday .invert .gold-font {
        background-image: repeating-linear-gradient(
                90deg,
                #a2682a 0,
                #be8c3c 8%,
                #be8c3c 18%,
                #d3b15f 27%,
                #faf0a0 35%,
                #ffffc2 40%,
                #faf0a0 50%,
                #d3b15f 58%,
                #be8c3c 67%,
                #b17b32 77%,
                #bb8332 83%,
                #d4a245 88%,
                #e1b453 93%,
                #a4692a
        );
        background-size: 200%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        z-index: 2;
        position: relative;
        -webkit-animation: MoveBackgroundPosition 6s ease-in-out infinite;
        animation: MoveBackgroundPosition 6s ease-in-out infinite;
}
.fatherday .fatherday_claim_button .shadow-font,
.fatherday .invert .shadow-font {
        color: #222;
        z-index: 1;
        position: absolute;
        right: 0;
        left: 2px;
        margin-top: 2px;
}
.fatherday .gold {
        font-size: 20px !important;
}
.fatherday .success-img {
        background: url(/assets/angpao/fatherday/splashbg.png);
        background-size: cover;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        top: 15%;
        position: relative;
        background-repeat: no-repeat;
}
.fatherday .fatherday_cn .click-title {
        line-height: 40px;
        font-family: shanghai !important;
}
.fatherday .fatherday_cn .click-title .lucky_font {
        font-size: 30px;
}
.fatherday .fatherday_cn .gold {
        font-size: 40px !important;
        font-family: shanghai !important;
}
.fatherday .fatherday_cn .try_btn {
        padding-top: 5px !important;
}
.fatherday .fatherday_cn .gold-font,
.fatherday .fatherday_cn .shadow-font {
        font-family: shanghai !important;
        font-size: 20px !important;
        padding-top: 5px !important;
}
@-webkit-keyframes MoveBackgroundPosition {
        0% {
                background-position: 0 50%;
        }
        50% {
                background-position: 100% 50%;
        }
        to {
                background-position: 0 50%;
        }
}
@keyframes MoveBackgroundPosition {
        0% {
                background-position: 0 50%;
        }
        50% {
                background-position: 100% 50%;
        }
        to {
                background-position: 0 50%;
        }
}
.scratch-section {
        background: url(/assets/scratch/bg.png) no-repeat 50%;
        background-size: cover;
        min-height: 100vh;
        padding-top: 250px;
        padding-bottom: 200px;
}
@media only screen and (max-width: 768px) {
        .scratch-section {
                padding-top: 0;
        }
}
@media only screen and (max-width: 600px) {
        .scratch-section {
                padding-top: 35%;
        }
}
.scratch-section .wrap_login_button {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
}
.scratch-section .scratch-login-btn {
        background: #fff;
        color: #ff0031;
        border-bottom-left-radius: 30px !important;
        padding: 8px 25px;
        font-weight: 700;
}
.scratch-section .scratch-login-btn:hover {
        background: #ff0031;
        color: #fff;
}
.scratch-section img {
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
}
.scratch-section .tnc-button {
        position: absolute;
        display: block;
        z-index: 6;
        margin-bottom: 21%;
        margin-left: 360px;
        cursor: pointer;
}
@media only screen and (max-width: 1024px) {
        .scratch-section .tnc-button {
                margin-bottom: 26%;
        }
}
@media only screen and (max-width: 768px) {
        .scratch-section .tnc-button {
                margin-bottom: 50%;
                margin-left: 45%;
        }
}
@media only screen and (max-width: 600px) {
        .scratch-section .tnc-button {
                margin-bottom: auto;
                margin-left: auto;
                right: 10%;
                top: 20%;
        }
}
.scratch-section .campaign-ticket {
        position: absolute;
        display: block;
        z-index: 6;
        margin-bottom: 21%;
        margin-right: 360px;
        color: #fff;
        font-weight: 700;
        font-size: 21px;
}
@media only screen and (max-width: 1024px) {
        .scratch-section .campaign-ticket {
                margin-bottom: 26%;
        }
}
@media only screen and (max-width: 768px) {
        .scratch-section .campaign-ticket {
                margin-bottom: 50%;
                margin-left: 40px;
        }
}
@media only screen and (max-width: 600px) {
        .scratch-section .campaign-ticket {
                margin-bottom: auto;
                margin-left: auto;
                left: 8%;
                top: 20%;
        }
}
.scratch-section .board-expired,
.scratch-section .board-upcoming {
        position: absolute !important;
        z-index: 1 !important;
        margin-left: -500px;
        -webkit-filter: brightness(50%);
        filter: brightness(50%);
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-animation: shuffle2 1s ease-in-out 0s 1 normal;
        animation: shuffle2 1s ease-in-out 0s 1 normal;
        transition: z-index 0s ease-in-out 0.5s;
        cursor: not-allowed;
        pointer-events: none;
}
@media only screen and (max-width: 768px) {
        .scratch-section .board-expired,
        .scratch-section .board-upcoming {
                margin-left: 0;
        }
}
.scratch-section .board-expired .scratch-scale,
.scratch-section .board-upcoming .scratch-scale {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        transition: 1s;
}
@media only screen and (max-width: 768px) {
        .scratch-section .board-expired .scratch-scale,
        .scratch-section .board-upcoming .scratch-scale {
                -webkit-transform: rotate(0);
                transform: rotate(0);
        }
}
.scratch-section .board-expired .scratch-text,
.scratch-section .board-upcoming .scratch-text {
        -webkit-transform: rotate(-17deg);
        transform: rotate(-17deg);
        left: 80px !important;
        transition: 0.5s;
}
@media only screen and (max-width: 768px) {
        .scratch-section .board-expired .scratch-text,
        .scratch-section .board-upcoming .scratch-text {
                -webkit-transform: rotate(0);
                transform: rotate(0);
                left: 0 !important;
        }
}
.scratch-section .tnc-board {
        position: absolute;
        max-width: 280px;
        z-index: 2;
        margin-top: -70px;
        margin-left: 740px;
        transition: 1s;
}
@media only screen and (max-width: 768px) {
        .scratch-section .tnc-board {
                margin-top: 25px;
                margin-left: 0;
                opacity: 0;
                transition: 1s;
                z-index: 1;
        }
}
.scratch-section .tnc-board .scratch_tnc {
        color: #fff;
        position: absolute;
        top: 20px;
        padding: 20px;
}
.scratch-section .tnc-board .scratch_tnc ul {
        padding-left: 20px;
}
.scratch-section .tnc-board .scratch_tnc ul li {
        font-size: 12px;
}
.scratch-section .slide-out {
        margin-left: 5% !important;
        -webkit-filter: brightness(100%);
        filter: brightness(100%);
}
@media only screen and (max-width: 768px) {
        .scratch-section .slide-out {
                z-index: 5;
                opacity: 1;
                transition: 1s;
        }
}
.scratch-section .slide-darken {
        -webkit-filter: brightness(50%);
        filter: brightness(50%);
}
.scratch-section .scratch-board-dummy {
        width: 480px;
}
.scratch-section .stay-tuned {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        position: absolute;
        z-index: 3;
        transition: 0.5s;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
}
.scratch-section .flip-out {
        z-index: 6 !important;
        -webkit-filter: brightness(100%) !important;
        filter: brightness(100%) !important;
        -webkit-animation: shuffle 1s ease-in-out 0s 1 normal;
        animation: shuffle 1s ease-in-out 0s 1 normal;
        transition: z-index 0s ease-in-out 0.5s;
}
.scratch-section .flip-out .scratch-scale {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transition: 1s;
}
.scratch-section .flip-out .scratch-text {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 0 !important;
        transition: 0.5s;
}
.scratch-section .flip-out .stay-tuned {
        transition: 0.5s;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
}
.scratch-section .scratch-logo {
        max-width: 250px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 5;
        margin: auto;
        bottom: 75%;
        display: block;
}
@media only screen and (max-width: 768px) {
        .scratch-section .scratch-logo {
                max-width: 220px;
        }
}
.scratch-section .scratch-arrow {
        position: absolute;
        z-index: 1;
        margin-right: 280px;
        top: 110%;
        cursor: pointer;
        max-width: 60px;
}
@media only screen and (max-width: 768px) {
        .scratch-section .scratch-arrow {
                margin-right: auto;
                left: 25%;
        }
}
@media only screen and (max-width: 600px) {
        .scratch-section .scratch-arrow {
                margin-right: auto;
                left: 10%;
        }
}
.scratch-section .scratch-arrow .next {
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 45px;
        margin: auto;
}
.scratch-section .scratch-top {
        padding-top: 130px;
}
.scratch-section .main-board {
        max-width: 480px;
        position: relative;
        z-index: 4;
}
.scratch-section .main-board .date {
        color: #fff;
        font-weight: 700;
        font-size: 18px;
}
.scratch-section .main-board .scratch-board {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
}
@media only screen and (max-width: 768px) {
        .scratch-section .main-board .scratch-board {
                min-height: 630px;
        }
}
.scratch-section .main-board .canvas {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
}
.scratch-section .main-board .scratch-box {
        position: relative;
        width: 120px;
        height: 120px;
        margin: 0 auto;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
}
.scratch-section .main-board .scratch-box .canvas-img img {
        max-width: 120px;
}
.scratch-section .main-board .scratch-text {
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -60px;
        margin: auto;
        font-size: 14px;
}
.scratch-section .main-board .scratch-text b {
        font-size: 18px;
        text-shadow: -1px 1px 0 #ffe650, 1px 1px 0 #ffe650, 1px -1px 0 #ffe650,
                -1px -1px 0 #ffe650;
}
.scratch-section #notification-modal .modal-content {
        background: transparent;
}
.scratch-section #notification-modal .modal-content .modal-body {
        background: url(/assets/scratch/msg.png) no-repeat 50%;
        background-size: contain;
        min-height: 300px;
}
.scratch-section #notification-modal .modal-content .modal-body .error-msg {
        color: #fff;
        font-weight: 700;
        font-size: 18px;
}
.scratch-section #notification-modal .modal-content .modal-body .title-msg {
        color: #fff;
        font-weight: 700;
}
.scratch-section #notification-modal .modal-content .modal-body .scratch-close {
        color: #fff;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 28px;
}
@-webkit-keyframes shuffle {
        0% {
                -webkit-transform: rotate(0) translateX(0) scale(0.85);
                transform: rotate(0) translateX(0) scale(0.85);
        }
        50% {
                -webkit-transform: rotate(5deg) translateX(-50%) scale(0.85);
                transform: rotate(5deg) translateX(-50%) scale(0.85);
        }
        to {
                -webkit-transform: rotate(0deg) translateX(0) scale(0.85);
                transform: rotate(0deg) translateX(0) scale(0.85);
        }
}
@keyframes shuffle {
        0% {
                -webkit-transform: rotate(0) translateX(0) scale(0.85);
                transform: rotate(0) translateX(0) scale(0.85);
        }
        50% {
                -webkit-transform: rotate(5deg) translateX(-50%) scale(0.85);
                transform: rotate(5deg) translateX(-50%) scale(0.85);
        }
        to {
                -webkit-transform: rotate(0deg) translateX(0) scale(0.85);
                transform: rotate(0deg) translateX(0) scale(0.85);
        }
}
@-webkit-keyframes shuffle2 {
        0% {
                -webkit-transform: rotate(0) translateX(0) scale(0.85);
                transform: rotate(0) translateX(0) scale(0.85);
        }
        50% {
                -webkit-transform: rotate(5deg) translateX(-50%) scale(0.85);
                transform: rotate(5deg) translateX(-50%) scale(0.85);
        }
        to {
                -webkit-transform: rotate(0deg) translateX(0) scale(0.85);
                transform: rotate(0deg) translateX(0) scale(0.85);
        }
}
@keyframes shuffle2 {
        0% {
                -webkit-transform: rotate(0) translateX(0) scale(0.85);
                transform: rotate(0) translateX(0) scale(0.85);
        }
        50% {
                -webkit-transform: rotate(5deg) translateX(-50%) scale(0.85);
                transform: rotate(5deg) translateX(-50%) scale(0.85);
        }
        to {
                -webkit-transform: rotate(0deg) translateX(0) scale(0.85);
                transform: rotate(0deg) translateX(0) scale(0.85);
        }
}
@font-face {
        font-family: mobile-thai-font;
        src: url(/fonts/Kanit/Kanit-Regular.ttf);
}
.progressive img {
        display: initial;
}
.w-70 {
        width: 70%;
}
.text-yellow-gradient {
        background: linear-gradient(180deg, #ffffde, #ffff75, #c59d19, #dfa003);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
}
.text-sliver-gradient {
        background: linear-gradient(180deg, #fffff5, #fff9e8, #aba288, #968e70);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
}
.door-chest-main {
        font-family: Montserrat, sans-serif;
        min-height: 780px;
}
@media screen and (max-width: 1023px) {
        .door-chest-main {
                min-height: 100vh;
        }
}
.door-chest-main:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: calc(100% - 200px);
        background: rgba(0, 0, 0, 0.4);
}
.door-chest-main .bgimg {
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
        .door-chest-main .bgimg {
                background-position: 50%;
        }
}
@media screen and (max-width: 512px) {
        .door-chest-main .bgimg {
                background-image: url(/assets/chest/bg-door-mobile.jpg) !important;
                background-image: -webkit-image-set(
                        url(/assets/chest/bg-door-mobile.webp) 1x
                );
                background-position: 0;
        }
}
.door-chest-main .door-chest-title {
        font-size: 4rem;
        font-weight: 800;
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title {
                font-size: 2rem;
                line-height: 43px;
        }
}
.door-chest-main .door-chest-title.en .coin.left {
        -webkit-transform: translate(-158%);
        transform: translate(-158%);
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title.en .coin.left {
                top: -300%;
        }
}
.door-chest-main .door-chest-title.en .coin.right {
        -webkit-transform: translate(33%);
        transform: translate(33%);
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title.en .coin.right {
                -webkit-transform: translate(58%);
                transform: translate(58%);
                top: -150%;
        }
}
.door-chest-main .door-chest-title.vi .coin.left {
        -webkit-transform: translate(-171%);
        transform: translate(-171%);
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title.vi .coin.left {
                -webkit-transform: translate(-160%);
                transform: translate(-160%);
                top: -300%;
        }
}
.door-chest-main .door-chest-title.vi .coin.right {
        -webkit-transform: translate(41%);
        transform: translate(41%);
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title.vi .coin.right {
                -webkit-transform: translate(63%);
                transform: translate(63%);
                top: -150%;
        }
}
.door-chest-main .door-chest-title .coin {
        top: -110%;
        left: 50%;
        z-index: 1;
        opacity: 0.8;
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title .coin {
                top: -70%;
        }
        .door-chest-main .door-chest-title .coin img {
                width: 100% !important;
        }
}
.door-chest-main .door-chest-title .key-balance-wrapper {
        background: rgba(0, 0, 0, 0.6);
        border-radius: 13px;
        font-size: 2.6rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title .key-balance-wrapper {
                font-size: 1.8rem;
        }
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title .key-balance-wrapper.vi {
                margin-top: 6px;
        }
}
.door-chest-main .door-chest-title .key-balance-wrapper.en {
        margin-top: -10px;
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title .key-balance-wrapper.en {
                margin-top: 4px;
        }
}
.door-chest-main .door-chest-title .key-balance-wrapper img {
        width: 15px;
        top: -3px;
        left: -3px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-title .key-balance-wrapper img {
                width: 10px;
        }
}
.door-chest-main .door-chest-title .key-balance-wrapper .spinner-border {
        position: relative;
        top: 16px;
        font-size: 1.2rem;
        border-color: rgba(223, 223, 222, 0.5) #fff rgba(223, 223, 222, 0.5)
                rgba(223, 223, 222, 0.5);
}
.door-chest-main
        .door-chest-title
        .key-balance-wrapper
        .term-and-condition-wrapper {
        font-weight: 600;
        font-size: 1.5rem;
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-title
                .key-balance-wrapper
                .term-and-condition-wrapper {
                font-size: 1.2rem;
        }
}
.door-chest-main
        .door-chest-title
        .key-balance-wrapper
        .term-and-condition-wrapper
        .divider {
        font-weight: 400;
        top: -2px;
        opacity: 0.4;
}
.door-chest-main
        .door-chest-title
        .key-balance-wrapper
        .term-and-condition-wrapper
        .term-and-condition {
        cursor: pointer;
}
.door-chest-main
        .door-chest-title
        .key-balance-wrapper
        .term-and-condition-wrapper
        .term-and-condition:hover {
        color: #ff0031;
}
.door-chest-main
        .door-chest-title
        .key-balance-wrapper
        .term-and-condition-wrapper
        .term-and-condition
        .fa-info-circle:hover
        + .tooltips {
        opacity: 1;
        visibility: visible;
}
.door-chest-main
        .door-chest-title
        .key-balance-wrapper
        .term-and-condition-wrapper
        .term-and-condition
        .tooltips {
        background: #fff;
        font-size: 0.8rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-height: 20px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -190%);
        transform: translate(-50%, -190%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .door-chest-main
                .door-chest-title
                .key-balance-wrapper
                .term-and-condition-wrapper
                .term-and-condition
                .tooltips {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-title
                .key-balance-wrapper
                .term-and-condition-wrapper
                .term-and-condition
                .tooltips {
                -webkit-transform: translate(-50%, -180%);
                transform: translate(-50%, -180%);
                line-height: 23px;
        }
}
@media screen and (max-width: 1023px) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-col:nth-last-child(-n + 3) {
                margin-top: -40px;
        }
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-col:nth-last-child(-n + 3) {
                margin-top: -25px;
        }
}
.door-chest-main .door-chest-wrapper .door-chest-items {
        font-size: 1.7rem;
        font-weight: 800;
}
@media screen and (max-width: 512px) {
        .door-chest-main .door-chest-wrapper .door-chest-items .title {
                font-size: 0.9rem;
        }
}
.door-chest-main .door-chest-wrapper .door-chest-items .target-amount-text {
        margin-top: -7px;
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-items
                .target-amount-text {
                margin-top: -19px;
        }
        .door-chest-main
                .door-chest-wrapper
                .door-chest-items
                .target-amount-text
                .chest {
                font-size: 1.1rem;
        }
}
.door-chest-main .door-chest-wrapper .door-chest-items .target-amount-text img {
        width: 13px;
        top: -3px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-items
                .target-amount-text
                img {
                width: 6px;
                top: 1px;
        }
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .target-amount-text.heartbeat {
        -webkit-animation: heartBeat 2s ease-in-out infinite;
        animation: heartBeat 2s ease-in-out infinite;
}
@keyframes heartbeat {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        20% {
                -webkit-transform: scale(1.01);
                transform: scale(1.01);
        }
        40% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        60% {
                -webkit-transform: scale(1.01);
                transform: scale(1.01);
        }
        80% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
}
.door-chest-main .door-chest-wrapper .door-chest-items .door-wrapper {
        cursor: pointer;
}
.door-chest-main .door-chest-wrapper .door-chest-items .door-wrapper.disable {
        cursor: auto;
}
.door-chest-main .door-chest-wrapper .door-chest-items .door-wrapper .door {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        margin-top: 3px;
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door.disable {
        pointer-events: none;
        -webkit-filter: grayscale(0.7);
        filter: grayscale(0.7);
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door.active:before {
        opacity: 1;
        visibility: visible;
        -webkit-animation: shiny 1.3s linear infinite alternate;
        animation: shiny 1.3s linear infinite alternate;
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 37%);
        transform: translate(-50%, 37%);
        z-index: 0;
        width: 65%;
        height: 65%;
        background: #000;
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(24%, 37%);
        transform: translate(24%, 37%);
        z-index: 1;
        width: 35%;
        height: 65%;
        background: transparent;
        box-shadow: 0 0 60px 10px #fff, 0 0 100px 30px #c59d19;
        opacity: 0;
        visibility: hidden;
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-items
                .door-wrapper
                .door:before {
                width: 25%;
                -webkit-transform: translate(43%, 37%);
                transform: translate(43%, 37%);
        }
}
@-webkit-keyframes shiny {
        0% {
                opacity: 1;
        }
        to {
                opacity: 0.6;
        }
}
@keyframes shiny {
        0% {
                opacity: 1;
        }
        to {
                opacity: 0.6;
        }
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door
        .door-img {
        width: 101%;
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door
        .door-handle {
        top: 0;
        z-index: 1;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-items
                .door-wrapper
                .door
                .door-handle {
                transition: none;
        }
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door
        .door-handle.left {
        left: -9px;
        -webkit-transform-origin: left;
        transform-origin: left;
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-items
                .door-wrapper
                .door
                .door-handle.left {
                left: -3px;
        }
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door
        .door-handle.right {
        right: -9px;
        -webkit-transform-origin: right;
        transform-origin: right;
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-items
                .door-wrapper
                .door
                .door-handle.right {
                right: -5px;
        }
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .door
        .door-handle.right.active {
        -webkit-transform: perspective(1200px) translateZ(0) translateX(0)
                translateY(0) rotateY(40deg);
        transform: perspective(1200px) translateZ(0) translateX(0) translateY(0)
                rotateY(40deg);
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .unlock-btn {
        left: 50%;
        -webkit-transform: translate(-50%, -140%);
        transform: translate(-50%, -140%);
        font-size: 1.4rem;
        padding: 13px 33px;
        background-image: -webkit-image-set(url("/assets/chest/cta-bg.png") 1x);
        background-image: url(/assets/chest/cta-bg.png);
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
@media screen and (max-width: 512px) {
        .door-chest-main
                .door-chest-wrapper
                .door-chest-items
                .door-wrapper
                .unlock-btn {
                font-size: 1rem;
                padding: 6px 23px;
                -webkit-transform: translate(-50%, -152%);
                transform: translate(-50%, -152%);
        }
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .unlock-btn
        span.en {
        top: 0;
}
.door-chest-main
        .door-chest-wrapper
        .door-chest-items
        .door-wrapper
        .unlock-btn
        span.vi {
        top: 3px;
}
.door-chest-main .loading-screen {
        background: rgba(0, 0, 0, 0.8);
        z-index: 99;
        top: 10px;
}
.door-chest-main .loading-screen.hide {
        z-index: -99;
        opacity: 0;
        visibility: none;
}
.door-chest-main .loading-screen .loading-text {
        font-size: 1.8rem;
}
.door-chest-main .loading-screen .loading-text .spinner-grow {
        width: 0.8rem;
        height: 0.8rem;
}
.chestModal {
        font-family: Montserrat, sans-serif;
}
.chestModal .modal-dialog .modal-content {
        position: relative;
        background-image: -webkit-image-set(
                url("/assets/chest/door-modal-bg.jpg") 1x
        );
        background-image: url(/assets/chest/door-modal-bg.jpg);
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.chestModal .modal-dialog .modal-content:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        border-bottom-left-radius: 35px;
        border-top-right-radius: 35px;
}
.chestModal .modal-dialog .modal-content .modal-body,
.chestModal .modal-dialog .modal-content .modal-header {
        position: relative;
        z-index: 1;
}
.chestModal .modal-dialog .modal-content .modal-body #error-modal-text,
.chestModal .modal-dialog .modal-content .modal-body .confirm-modal-text,
.chestModal .modal-dialog .modal-content .modal-body.login-register label {
        font-weight: 600;
}
.chestModal .modal-dialog .modal-content .modal-body .confirm-modal-text {
        line-height: 23px;
}
.chestModal .btn-close-circle {
        top: 0;
        right: 0;
        z-index: 10;
}
.chestModal#loginRegisterModal .modal-body.login-register label {
        line-height: 23px;
}
.chestModal#loginRegisterModal .modal-body.login-register a,
.chestModal#loginRegisterModal .modal-body.login-register label {
        font-size: 1rem;
}
.chestModal#winModal .modal-content,
.chestModal#winModal .modal-content:after {
        background: none;
}
.chestModal#winModal .modal-body .win-modal-content {
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .chestModal#winModal .modal-body .win-modal-content {
                transition: none;
        }
}
.chestModal#winModal .modal-body .win-modal-content.active {
        -webkit-transform: scale(1);
        transform: scale(1);
}
.chestModal#winModal .modal-body .win-modal-content .win-modal-text-wrapper {
        z-index: 1;
}
.chestModal#winModal
        .modal-body
        .win-modal-content
        .win-modal-text-wrapper
        #win-modal-text {
        font-size: 4rem;
        font-weight: 800;
}
.chestModal#winModal
        .modal-body
        .win-modal-content
        .win-modal-text-wrapper
        #win-modal-text.others {
        font-size: 3rem;
}
.chestModal#winModal
        .modal-body
        .win-modal-content
        .win-modal-text-wrapper
        #win-modal-text.Key {
        margin-top: -13px;
}
.chestModal#winModal
        .modal-body
        .win-modal-content
        .win-modal-text-wrapper
        #win-modal-message {
        line-height: 23px;
        font-size: 1rem;
        font-weight: 500;
}
.chestModal#winModal
        .modal-body
        .win-modal-content
        .win-modal-text-wrapper
        #win-modal-message.Key {
        margin-top: 0 !important;
        padding-top: 0 !important;
}
.chestModal#winModal .modal-body .win-modal-content .lottie-animation {
        width: 150%;
        height: 150%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0;
        opacity: 0.8;
}
.chestModal#winModal .modal-body .win-modal-content .door-gift-glowing {
        width: 180%;
        height: 180%;
        opacity: 0.5;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0;
        -webkit-animation: glowing 2.5s ease-in-out 1s infinite;
        animation: glowing 2.5s ease-in-out 1s infinite;
}
.chestModal#winModal .modal-body .win-modal-content .door-gift-glowing.Spin {
        width: 200%;
        height: 200%;
        -webkit-transform: translate(-48%, -55%);
        transform: translate(-48%, -55%);
}
.chestModal#winModal .modal-body .win-modal-content .door-gift-glowing.Key {
        width: 150%;
        height: 150%;
        -webkit-transform: translate(-48%, -55%);
        transform: translate(-48%, -55%);
}
@-webkit-keyframes glowing {
        0% {
                opacity: 0.5;
        }
        50% {
                opacity: 0;
        }
        to {
                opacity: 0.5;
        }
}
@keyframes glowing {
        0% {
                opacity: 0.5;
        }
        50% {
                opacity: 0;
        }
        to {
                opacity: 0.5;
        }
}
.chestModal#winModal .modal-body .win-modal-content a.btn.en {
        min-width: 119px;
}
.chestModal#winModal .modal-body .win-modal-content a.btn.vi {
        min-width: 143px;
}
@media screen and (max-width: 512px) {
        .chestModal#winModal .modal-body .win-modal-content a.btn.vi {
                font-size: 0.8rem;
                min-width: 119px;
        }
}
.chestModal#errorModal #error-modal-text {
        font-size: 1rem;
        font-weight: 600;
        line-height: 26px;
}
@media (min-width: 576px) {
        .chestModal#termConditionModal .modal-dialog {
                max-width: calc(100% - 80px);
                width: 100%;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-title {
        font-weight: 800;
        font-size: 2rem;
}
@media screen and (max-width: 1023px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-title {
                line-height: 40px;
                background: linear-gradient(
                        90deg,
                        #ffffde,
                        #ffff75,
                        #c59d19,
                        #dfa003
                );
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
        }
}
@media screen and (max-width: 512px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-title {
                font-size: 1.8rem;
                line-height: 33px;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items {
        background: rgba(0, 0, 0, 0.4);
        font-size: 0.9rem;
        border-radius: 13px;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        .term-content-title {
        font-size: 1.1rem;
        font-weight: 700;
}
@media screen and (max-width: 1023px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-content-wrapper
                .term-content-col
                .term-content-items
                .term-content-title {
                background: linear-gradient(
                        90deg,
                        #ffffde,
                        #ffff75,
                        #c59d19,
                        #dfa003
                );
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        .term-content-description {
        font-size: 0.8rem;
        font-weight: 500;
        line-height: 18px;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table {
        table-layout: fixed;
        border-collapse: collapse;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table
        thead
        tr
        td {
        font-weight: 600;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table
        tr
        td {
        text-align: center;
        text-transform: uppercase;
        padding: 10px 8px;
        line-height: 15px;
        font-weight: 500;
        border: 2px solid hsla(0, 0%, 100%, 0.3);
        height: 47px;
}
@media screen and (max-width: 512px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-content-wrapper
                .term-content-col
                .term-content-items
                table
                tr
                td {
                height: auto;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table
        tr
        td:first-child {
        border-left: none;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table
        tr
        td:last-child {
        border-right: none;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.en
        tr
        td:first-child,
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.en
        tr
        td:last-child {
        width: 20%;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.vi
        tr
        td {
        line-height: 20px;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.vi
        tr
        td:first-child,
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.vi
        tr
        td:last-child {
        width: 30%;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.second.en
        tr
        td:first-child
        img {
        top: -3px;
}
@media screen and (max-width: 512px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-content-wrapper
                .term-content-col
                .term-content-items
                table.second.en
                tr
                td:first-child
                img {
                display: block;
                margin: 0 auto;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.second.vi
        tr
        td:first-child
        img {
        top: -3px;
}
@media screen and (max-width: 512px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-content-wrapper
                .term-content-col
                .term-content-items
                table.second.vi
                tr
                td:first-child
                img {
                display: block;
                margin: 0 auto;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.third.en
        tr
        td:first-child {
        width: 35%;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.third.en
        tr
        td:first-child
        img {
        top: -3px;
}
@media screen and (max-width: 512px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-content-wrapper
                .term-content-col
                .term-content-items
                table.third.en
                tr
                td:first-child
                img {
                display: block;
                margin: 0 auto;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.third.en
        tr
        td:last-child {
        width: auto;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.third.vi
        tr
        td:first-child {
        width: 36%;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.third.vi
        tr
        td:first-child
        img {
        top: -3px;
}
@media screen and (max-width: 512px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-content-wrapper
                .term-content-col
                .term-content-items
                table.third.vi
                tr
                td:first-child
                img {
                display: block;
                margin: 0 auto;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.third.vi
        tr
        td:last-child {
        width: auto;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.third
        .possible-gift-wrapper
        .possible-gift-item {
        flex: 1 1 0px;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .term-content-wrapper
        .term-content-col
        .term-content-items
        table.third
        tr
        td {
        height: 102px;
}
@media (min-width: 1800px) {
        .chestModal#termConditionModal
                .modal-dialog
                .modal-content
                .modal-body
                .term-content-wrapper
                .term-content-col
                .term-content-items
                table.third
                tr
                td {
                height: 89px;
        }
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .accordion
        .card-header
        h5
        .btn-link:hover {
        color: #ff0031;
        text-decoration: none;
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .accordion
        .card-header
        h5
        .btn-link
        i {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}
.chestModal#termConditionModal
        .modal-dialog
        .modal-content
        .modal-body
        .accordion
        .card-header
        h5
        .btn-link.collapsed
        i {
        -webkit-transform: rotate(0);
        transform: rotate(0);
}
.overflow-scroll {
        overflow-x: scroll;
}
.title.bg {
        white-space: nowrap;
        background: -webkit-linear-gradient(
                180deg,
                #a87900,
                #ffd155,
                #f9d786,
                #ffd155,
                #dd9e00
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.title.bg:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-image: url(/assets/events/the-prosperity-rabbit/eu9-prosperity-rabbit-title-bg.png);
        background-image: -webkit-image-set(
                url(/assets/events/the-prosperity-rabbit/eu9-prosperity-rabbit-title-bg.webp)
                        1x
        );
        background-size: 100% 100%;
        background-position: 50%;
        background-repeat: no-repeat;
}
.claim-btn,
.refresh-now-btn {
        font-size: 1.5rem;
        font-weight: 800;
        transition: none !important;
        border-radius: 50px;
        border: 6px solid #ff9800;
        background: linear-gradient(180deg, #f19100, #ffc800);
}
@media (prefers-reduced-motion: reduce) {
        .claim-btn,
        .refresh-now-btn {
                transition: none;
        }
}
@media screen and (max-width: 1023px) {
        .claim-btn,
        .refresh-now-btn {
                font-size: 1.3rem;
                padding-left: 33px;
                padding-right: 33px;
        }
}
.claim-btn:hover,
.refresh-now-btn:hover {
        color: #fff !important;
        border: 6px solid #960000;
        background: linear-gradient(180deg, #a00000, #ff0100);
}
.claim-btn.disable,
.refresh-now-btn.disable {
        pointer-events: none;
        opacity: 0.6;
}
.white-gradient {
        color: #fff;
        text-shadow: 0 1px 0 rgba(85, 85, 85, 0.6),
                0 2px 0 rgba(85, 85, 85, 0.6), 0 4px 0 rgba(44, 44, 44, 0.6),
                0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
                0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
                0 5px 10px rgba(0, 0, 0, 0.25);
}
.yellow-gradient span {
        background: -webkit-linear-gradient(
                180deg,
                #a87900,
                #ffd155,
                #f9d786,
                #ffd155,
                #dd9e00
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 2.5px red;
}
.yellow-gradient .description_shadow {
        color: maroon;
        top: 0;
        left: 0;
        z-index: 0;
        text-shadow: 0 1px 0 #d30000, 0 2px 0 #d30000, 0 3px 0 #d30000,
                0 4px 0 #ac0000, 0 5px 0 #ac0000, 0 6px 0 #ac0000,
                0 7px 0 maroon, 0 8px 0 maroon, 0 6px 1px rgba(0, 0, 0, 0.1),
                0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3),
                0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25),
                0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.rabbit-chest-main {
        font-family: Roboto, sans-serif;
}
@media (min-width: 1640px) {
        .rabbit-chest-main {
                min-height: auto !important;
        }
}
.rabbit-chest-main .bgimg {
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
}
@media (min-width: 1640px) {
        .rabbit-chest-main .bgimg {
                padding-top: 40px;
        }
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main .bgimg {
                background-image: url(/assets/events/the-prosperity-rabbit/eu9-prosperity-rabbit-mobile-bg.jpg) !important;
        }
}
.rabbit-chest-main .rabbit-chest-title img {
        max-width: 700px;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main .rabbit-chest-title img {
                max-width: 520px;
        }
}
.rabbit-chest-main .rabbit-chest-title.zh {
        margin-bottom: 23px;
}
.rabbit-chest-main .rabbit-chest-title.id,
.rabbit-chest-main .rabbit-chest-title.th,
.rabbit-chest-main .rabbit-chest-title.vi {
        position: relative;
        top: -8px;
}
.rabbit-chest-main .rabbit-chest-description-wrapper {
        margin-top: -30px;
        color: #830000;
        z-index: 2;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper {
                margin-top: 16px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper {
                margin-top: 10px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper.zh {
                margin-top: -23px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper.id {
                margin-top: -26px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper.th,
        .rabbit-chest-main .rabbit-chest-description-wrapper.vi {
                margin-top: -16px;
        }
}
.rabbit-chest-main .rabbit-chest-description-wrapper .ticket-term {
        right: 2px;
        top: -18px;
        font-size: 1.6rem;
        cursor: pointer;
        z-index: 99999;
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .rabbit-chest-main .rabbit-chest-description-wrapper .ticket-term {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper .ticket-term {
                font-size: 2rem;
        }
}
.rabbit-chest-main .rabbit-chest-description-wrapper .ticket-term i {
        background: #000;
        border-radius: 50px;
}
.rabbit-chest-main .rabbit-chest-description-wrapper .ticket-term:hover i {
        color: #ca9100;
        background: #fff;
}
.rabbit-chest-main .rabbit-chest-description-wrapper .content {
        max-width: 480px;
        z-index: 1;
        top: 15px;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper .content {
                -webkit-transform: scale(0.85);
                transform: scale(0.85);
                top: 10px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper .content {
                -webkit-transform: scale(0.78);
                transform: scale(0.78);
                top: 5px;
        }
}
.rabbit-chest-main .rabbit-chest-description-wrapper .content.th,
.rabbit-chest-main .rabbit-chest-description-wrapper .content.vi,
.rabbit-chest-main .rabbit-chest-description-wrapper .content.zh {
        top: 1px;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper .content.th,
        .rabbit-chest-main .rabbit-chest-description-wrapper .content.vi,
        .rabbit-chest-main .rabbit-chest-description-wrapper .content.zh {
                -webkit-transform: scale(0.85);
                transform: scale(0.85);
                top: -1.5px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper .content.th,
        .rabbit-chest-main .rabbit-chest-description-wrapper .content.vi,
        .rabbit-chest-main .rabbit-chest-description-wrapper .content.zh {
                -webkit-transform: scale(0.78);
                transform: scale(0.78);
                top: -10px;
        }
}
.rabbit-chest-main .rabbit-chest-description-wrapper .content #description_1 {
        font-size: 1.6rem;
        font-weight: 600;
        top: 30px;
        position: relative;
        font-weight: 800;
}
.rabbit-chest-main .rabbit-chest-description-wrapper .content #description_1.en,
.rabbit-chest-main .rabbit-chest-description-wrapper .content #description_1.th,
.rabbit-chest-main .rabbit-chest-description-wrapper .content #description_1.vi,
.rabbit-chest-main
        .rabbit-chest-description-wrapper
        .content
        #description_1.zh {
        margin-bottom: 115px !important;
}
.rabbit-chest-main
        .rabbit-chest-description-wrapper
        .content
        #description_1.th {
        font-size: 3rem;
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-description-wrapper
                .content
                #description_1.th {
                font-family: mobile-thai-font;
        }
}
.rabbit-chest-main .rabbit-chest-description-wrapper .content #description_2 {
        font-size: 3.4rem;
        font-weight: 800;
        z-index: 10;
        line-height: 3.4rem;
}
.rabbit-chest-main .rabbit-chest-description-wrapper .content #description_2.id,
.rabbit-chest-main
        .rabbit-chest-description-wrapper
        .content
        #description_2.vi {
        top: -5px;
}
.rabbit-chest-main
        .rabbit-chest-description-wrapper
        .content
        .description_shadow {
        font-size: 3.4rem;
        font-weight: 800;
        line-height: 3.4rem;
}
.rabbit-chest-main
        .rabbit-chest-description-wrapper
        .content
        .description_shadow.id,
.rabbit-chest-main
        .rabbit-chest-description-wrapper
        .content
        .description_shadow.vi {
        top: -5px;
}
.rabbit-chest-main .rabbit-chest-description-wrapper .content #description_3 {
        font-weight: 600;
        font-size: 1.3rem;
}
.rabbit-chest-main
        .rabbit-chest-description-wrapper
        .content
        #description_3.vi {
        top: -16px;
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-description-wrapper
                .content
                #description_3.vi {
                top: -8px;
        }
}
.rabbit-chest-main
        .rabbit-chest-description-wrapper
        .content
        #description_3.id {
        top: -5px;
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-description-wrapper
                .content
                #description_3.id {
                top: -1px;
        }
}
.rabbit-chest-main
        .rabbit-chest-description-wrapper.id
        .content.en
        #description_2,
.rabbit-chest-main
        .rabbit-chest-description-wrapper.id
        .content.en
        .description_shadow,
.rabbit-chest-main
        .rabbit-chest-description-wrapper.vn
        .content.en
        #description_2,
.rabbit-chest-main
        .rabbit-chest-description-wrapper.vn
        .content.en
        .description_shadow {
        top: -1px;
}
.rabbit-chest-main
        .rabbit-chest-description-wrapper.id
        .content.en
        #description_3 {
        top: -6px;
}
.rabbit-chest-main
        .rabbit-chest-description-wrapper.vn
        .content.en
        #description_3 {
        top: -12px;
}
.rabbit-chest-main .rabbit-chest-description-wrapper-bg {
        max-width: 540px;
        top: 50%;
        left: 50%;
        z-index: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper-bg {
                max-width: 520px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper-bg {
                max-width: none;
                width: 115% !important;
        }
}
@media screen and (max-width: 390px) {
        .rabbit-chest-main .rabbit-chest-description-wrapper-bg {
                width: 125% !important;
        }
}
.rabbit-chest-main .ticket-wrapper {
        background-image: url(/assets/events/the-prosperity-rabbit/eu9-prosperity-rabbit-ticket-bg.png);
        background-image: -webkit-image-set(
                url(/assets/events/the-prosperity-rabbit/eu9-prosperity-rabbit-ticket-bg.webp)
                        1x
        );
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        font-size: 2.8rem;
        font-weight: 600;
        max-width: 260px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(90%) scale(0.7);
        transform: translate(90%) scale(0.7);
        z-index: 10;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main .ticket-wrapper {
                position: relative !important;
                top: 0;
                left: 0;
                -webkit-transform: translate(0) scale(0.77);
                transform: translate(0) scale(0.77);
                margin-top: 63px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .ticket-wrapper {
                margin-top: 40px !important;
                -webkit-transform: translate(0) scale(0.65);
                transform: translate(0) scale(0.65);
        }
}
@media screen and (max-width: 390px) {
        .rabbit-chest-main .ticket-wrapper {
                margin-top: -10px !important;
        }
}
.rabbit-chest-main .ticket-wrapper .ticket-term {
        right: 2px;
        top: -18px;
        font-size: 1.6rem;
        cursor: pointer;
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .rabbit-chest-main .ticket-wrapper .ticket-term {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .ticket-wrapper .ticket-term {
                font-size: 2rem;
        }
}
.rabbit-chest-main .ticket-wrapper .ticket-term i {
        background: #000;
        border-radius: 50px;
}
.rabbit-chest-main .ticket-wrapper .ticket-term:hover i {
        color: #ca9100;
        background: #fff;
}
.rabbit-chest-main .ticket-wrapper .ticket-carrot {
        top: -30px;
        left: -13px;
        max-width: 100px;
}
.rabbit-chest-main .ticket-wrapper .ticket-plus {
        top: 50%;
        right: 33px;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%);
        font-size: 2.6rem;
}
.rabbit-chest-main .ticket-wrapper .ticket-plus:hover a {
        color: #ffd155 !important;
}
.rabbit-chest-main .ticket-wrapper.remove-transform {
        background-size: 150px 100%;
        top: 0;
        left: 0;
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        font-size: 2rem;
        font-weight: 600;
        max-width: 160px;
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .ticket-wrapper.remove-transform {
                -webkit-transform: translateY(-6px) scale(0.6);
                transform: translateY(-6px) scale(0.6);
        }
}
.rabbit-chest-main .ticket-wrapper.remove-transform .ticket-carrot {
        top: -10px;
        left: -4px;
        max-width: 60px;
}
.rabbit-chest-main .ticket-button-wrapper {
        width: 400px;
        max-width: 400px;
}
.rabbit-chest-main .leaderboard-wrapper {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(770%, 9px);
        transform: translate(770%, 9px);
        z-index: 10;
        max-width: 60px;
        cursor: pointer;
        border-radius: 8px;
        border: 4px solid #ff9800;
        background: linear-gradient(180deg, #f19100, #ffc800);
        transition: all 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
        .rabbit-chest-main .leaderboard-wrapper {
                transition: none;
        }
}
.rabbit-chest-main .leaderboard-wrapper:hover {
        border: 4px solid #960000;
        background: linear-gradient(180deg, #a00000, #ff0100);
}
.rabbit-chest-main .leaderboard-wrapper:hover img {
        -webkit-filter: invert(99%) sepia(24%) saturate(447%) hue-rotate(237deg)
                brightness(116%) contrast(100%);
        filter: invert(99%) sepia(24%) saturate(447%) hue-rotate(237deg)
                brightness(116%) contrast(100%);
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main .leaderboard-wrapper {
                -webkit-transform: translate(70px, 73px);
                transform: translate(70px, 73px);
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main .leaderboard-wrapper {
                -webkit-transform: translate(70px, 35px);
                transform: translate(70px, 35px);
        }
}
@media (max-width: 394px) {
        .rabbit-chest-main .leaderboard-wrapper {
                -webkit-transform: translate(80px, 35px);
                transform: translate(80px, 35px);
        }
}
@media (max-width: 361px) {
        .rabbit-chest-main .leaderboard-wrapper {
                -webkit-transform: translate(90px, 37px);
                transform: translate(90px, 37px);
        }
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items {
        z-index: 1;
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items:first-child {
        -webkit-transform: scale(0.85) translate(12%, -6%);
        transform: scale(0.85) translate(12%, -6%);
        z-index: 0;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items:first-child {
                -webkit-transform: scale(1) translate(0);
                transform: scale(1) translate(0);
        }
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items:first-child
        .keyRequired-wrapper {
        -webkit-transform: translate(2%);
        transform: translate(2%);
        right: 0;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items:first-child
                .keyRequired-wrapper {
                right: auto;
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
        }
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items:first-child
        .shining-bg {
        -webkit-transform: translate(-53%, -52%);
        transform: translate(-53%, -52%);
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items:first-child
                .shining-bg {
                -webkit-transform: translate(-50%, -68%);
                transform: translate(-50%, -68%);
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items:first-child
                .shining-bg {
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        }
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items:last-child {
        -webkit-transform: scale(0.85) translate(-12%, -6%);
        transform: scale(0.85) translate(-12%, -6%);
        z-index: 0;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items:last-child {
                -webkit-transform: scale(1) translate(0);
                transform: scale(1) translate(0);
        }
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items:last-child
        .keyRequired-wrapper {
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items:last-child
                .keyRequired-wrapper {
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
        }
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items:last-child
        .shining-bg {
        -webkit-transform: translate(-53%, -52%);
        transform: translate(-53%, -52%);
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items:last-child
                .shining-bg {
                -webkit-transform: translate(-50%, -68%);
                transform: translate(-50%, -68%);
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items:last-child
                .shining-bg {
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        }
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items:first-child
        .shining-bg {
        -webkit-animation: fade 1.6s linear infinite alternate;
        animation: fade 1.6s linear infinite alternate;
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items:nth-child(2)
        .shining-bg {
        -webkit-animation: fade 1.6s linear 0.4s infinite alternate;
        animation: fade 1.6s linear 0.4s infinite alternate;
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items:nth-child(3)
        .shining-bg {
        -webkit-animation: fade 1.6s linear 0.8s infinite alternate;
        animation: fade 1.6s linear 0.8s infinite alternate;
}
@-webkit-keyframes fade {
        0% {
                opacity: 0;
        }
        50% {
                opacity: 0.75;
        }
        to {
                opacity: 0;
        }
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items .rabbit-img {
        max-width: 380px;
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .rabbit-img {
                max-width: 220px;
                margin: 0 auto;
        }
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items .shining-bg {
        width: 150%;
        opacity: 0;
        top: 50%;
        left: 50%;
        z-index: -1;
        -webkit-transform: translate(-53%, -60%);
        transform: translate(-53%, -60%);
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .shining-bg {
                -webkit-transform: translate(-50%, -68%);
                transform: translate(-50%, -68%);
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .shining-bg {
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 120%;
        }
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items
        .keyRequired-wrapper {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-58%);
        transform: translate(-58%);
        z-index: 1;
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items
        .keyRequired-wrapper
        .carrot-img {
        z-index: 1;
        max-width: 55px;
        top: -9px;
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items
        .keyRequired-wrapper
        p {
        font-size: 1.4rem;
        font-weight: 600;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 13px;
        margin-left: -40px !important;
        padding-left: 28px;
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items .claimBtn-wrapper {
        min-height: 118px;
        min-width: 210px;
        bottom: 35px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 1;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .claimBtn-wrapper {
                bottom: -52px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .claimBtn-wrapper {
                bottom: 72px;
                z-index: 2;
                min-height: unset;
        }
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items
        .claimBtn-wrapper
        .number {
        max-width: 35px;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .claimBtn-wrapper
                .number {
                max-width: 43px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .claimBtn-wrapper
                .number {
                max-width: 20px;
        }
}
.rabbit-chest-main
        .rabbit-chest-wrapper
        .rabbit-chest-items
        .claimBtn-wrapper
        .title {
        font-size: 1rem;
        font-weight: 800;
        margin-top: -13px !important;
        padding: 12px 43px 13px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items .rabbit-bg {
        width: 110%;
        top: 50%;
        left: 50%;
        z-index: -1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .rabbit-bg {
                width: 56%;
        }
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items .mobile-first {
        width: 35%;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-first {
                width: 40%;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-first {
                width: 35%;
        }
}
.rabbit-chest-main .rabbit-chest-wrapper .rabbit-chest-items .mobile-second {
        width: 65%;
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second {
                width: 60%;
        }
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .keyRequired-wrapper {
                -webkit-transform: translate(0) scale(0.7);
                transform: translate(0) scale(0.7);
        }
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .title {
                padding: 10px 43px 13px;
                font-size: 0.85rem;
                font-weight: 800;
                margin-top: -10px !important;
        }
}
@media screen and (max-width: 1023px) and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .title {
                font-size: 0.5rem;
        }
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .title:after {
                left: 50%;
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
                max-width: 210px;
        }
}
@media screen and (max-width: 1023px) and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .title:after {
                max-width: 200px;
        }
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .rabbit-gift-list {
                background: rgba(0, 0, 0, 0.4);
                box-shadow: inset 0 0 20px #000;
                border-radius: 13px;
                padding-left: 40px;
                padding-right: 40px;
        }
}
@media screen and (max-width: 1023px) and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .rabbit-gift-list {
                padding-left: 23px;
                padding-right: 23px;
        }
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .rabbit-gift-list
                .rabbit-gift-items {
                max-width: 120px;
        }
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .rabbit-gift-list
                .rabbit-gift-items
                .cicrle {
                width: 60px;
                height: 60px;
        }
}
@media screen and (max-width: 1023px) and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .rabbit-gift-list
                .rabbit-gift-items
                .cicrle {
                width: 70px;
                height: 70px;
        }
}
@media screen and (max-width: 1023px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .rabbit-gift-list
                .rabbit-gift-items
                p {
                font-weight: 600;
                line-height: 23px;
        }
}
@media screen and (max-width: 1023px) and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .rabbit-gift-list
                .rabbit-gift-items
                p {
                font-size: 0.8rem;
                line-height: 18px;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second {
                width: 65%;
                z-index: 1;
                position: relative;
        }
        .rabbit-chest-main
                .rabbit-chest-wrapper
                .rabbit-chest-items
                .mobile-second
                .title {
                margin-top: 0 !important;
        }
}
.rabbit-modal .modal-content,
.rabbit-modal .modal-content .modal-body {
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-radius: 0;
}
.rabbit-modal .modal-content .modal-body .close {
        font-size: 1.4rem;
        font-weight: 600;
        padding: 0 5px;
        border: 2px solid #fff;
        border-radius: 13px;
        opacity: 1;
        top: 10px;
        right: 10px;
        text-shadow: none;
}
.rabbit-modal .modal-content .modal-body .close:hover {
        color: #000 !important;
        border: 2px solid #000;
}
.rabbit-modal#confirmModal .modal-content,
.rabbit-modal#errorModal .modal-content,
.rabbit-modal#loginRegisterModal .modal-content {
        background: rgba(0, 0, 0, 0.7);
        border: 2px solid #b00000;
        border-bottom-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        border-radius: 8px;
}
.rabbit-modal#confirmModal .modal-content .btn-close-circle,
.rabbit-modal#errorModal .modal-content .btn-close-circle,
.rabbit-modal#loginRegisterModal .modal-content .btn-close-circle {
        right: 10px;
        top: 10px;
}
.rabbit-modal#confirmModal .modal-content .modal-body.login-register label,
.rabbit-modal#errorModal .modal-content .modal-body.login-register label,
.rabbit-modal#loginRegisterModal
        .modal-content
        .modal-body.login-register
        label {
        line-height: 23px;
        font-weight: 600;
        font-size: 1.2rem !important;
}
.rabbit-modal#confirmModal .modal-content .modal-body.login-register a,
.rabbit-modal#confirmModal .modal-content .modal-body.login-register label,
.rabbit-modal#errorModal .modal-content .modal-body.login-register a,
.rabbit-modal#errorModal .modal-content .modal-body.login-register label,
.rabbit-modal#loginRegisterModal .modal-content .modal-body.login-register a,
.rabbit-modal#loginRegisterModal
        .modal-content
        .modal-body.login-register
        label {
        font-size: 1rem;
}
.rabbit-modal#confirmModal .modal-content .modal-body #error-modal-text,
.rabbit-modal#errorModal .modal-content .modal-body #error-modal-text,
.rabbit-modal#loginRegisterModal .modal-content .modal-body #error-modal-text {
        line-height: 23px;
        font-weight: 600;
        font-size: 1.2rem !important;
}
.rabbit-modal#winModal .modal-dialog {
        max-width: 720px;
}
.rabbit-modal#winModal .modal-dialog .modal-body {
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .rabbit-modal#winModal .modal-dialog .modal-body {
                transition: none;
        }
}
.rabbit-modal#winModal .modal-dialog .modal-body.active {
        -webkit-transform: scale(1);
        transform: scale(1);
}
.rabbit-modal#winModal
        .modal-dialog
        .modal-body
        .win-modal-content
        .congrulations {
        max-width: 550px;
}
.rabbit-modal#winModal .modal-dialog .modal-body .win-modal-content .gift-img {
        max-width: 420px;
        margin-top: -8px;
}
@media screen and (max-width: 512px) {
        .rabbit-modal#winModal
                .modal-dialog
                .modal-body
                .win-modal-content
                .gift-img {
                margin-top: -4px;
        }
}
.rabbit-modal#winModal
        .modal-dialog
        .modal-body
        .win-modal-content
        .glowing-effect {
        -webkit-animation: fade 1.6s linear infinite alternate;
        animation: fade 1.6s linear infinite alternate;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        z-index: -1;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .rabbit-modal#winModal
                .modal-dialog
                .modal-body
                .win-modal-content
                .glowing-effect {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-modal#winModal
                .modal-dialog
                .modal-body
                .win-modal-content
                .glowing-effect {
                -webkit-transform: translate(-50%, -50%) scale(1.6);
                transform: translate(-50%, -50%) scale(1.6);
        }
}
.rabbit-modal#winModal
        .modal-dialog
        .modal-body
        .win-modal-content
        .glowing-effect.active {
        -webkit-animation-play-state: running;
        animation-play-state: running;
}
.rabbit-modal#winModal
        .modal-dialog
        .modal-body
        .win-modal-content
        .claim-now-wrapper {
        position: relative;
        right: -6px;
}
.rabbit-modal#winModal
        .modal-dialog
        .modal-body
        .win-modal-content
        .claim-now-wrapper
        button {
        font-size: 1.6rem;
}
@media screen and (max-width: 1023px) {
        .rabbit-modal#leaderboardModal .modal-dialog,
        .rabbit-modal#termModal .modal-dialog {
                margin: 0 auto;
        }
}
.rabbit-modal#leaderboardModal .modal-dialog .modal-content,
.rabbit-modal#termModal .modal-dialog .modal-content {
        background-image: url(/assets/events/the-prosperity-rabbit/frame.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/the-prosperity-rabbit/frame.webp") 1x
        );
}
.rabbit-modal#leaderboardModal .modal-dialog .modal-content .modal-body,
.rabbit-modal#termModal .modal-dialog .modal-content .modal-body {
        background: red;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table {
        border-collapse: separate;
        border-spacing: 0;
        background: #960000;
        border-radius: 13px;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        td,
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        th,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        td,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        th {
        line-height: 16px;
        border: 2px solid #ffd155;
        padding: 10px;
        vertical-align: middle;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        td:first-child,
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        th:first-child,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        td:first-child,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        th:first-child {
        border-right: none;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        td:last-child,
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        td:nth-child(3),
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        th:last-child,
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        th:nth-child(3),
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        td:last-child,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        td:nth-child(3),
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        th:last-child,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tr
        th:nth-child(3) {
        border-left: none;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr {
        text-transform: uppercase;
        background: #830000;
        font-size: 0.9rem;
        font-weight: 600;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr
        th,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr
        th {
        width: 15%;
}
@media screen and (max-width: 1023px) {
        .rabbit-modal#leaderboardModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                table
                thead
                tr
                th,
        .rabbit-modal#termModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                table
                thead
                tr
                th {
                width: 33.33% !important;
        }
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr
        th:first-child,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr
        th:first-child {
        border-top-left-radius: 13px;
        width: 20%;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr
        th:last-child,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr
        th:last-child {
        border-top-right-radius: 13px;
        width: 65%;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr:last-child
        td:first-child,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr:last-child
        td:first-child {
        border-bottom-left-radius: 13px;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr:last-child
        td:last-child,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr:last-child
        td:last-child {
        border-bottom-right-radius: 13px;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td {
        border-top: none;
        min-height: 148px;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .rabbit-img,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .rabbit-img {
        max-width: 110px;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .glowing-effect,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .glowing-effect {
        top: 50%;
        left: 50%;
        -webkit-animation: fade 1.6s linear infinite alternate;
        animation: fade 1.6s linear infinite alternate;
        -webkit-transform: translate(-55%, -60%) scale(2);
        transform: translate(-55%, -60%) scale(2);
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .ticket-carrot
        img,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .ticket-carrot
        img {
        max-width: 50px;
}
@media screen and (max-width: 512px) {
        .rabbit-modal#leaderboardModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                table
                tbody
                tr
                td
                .ticket-carrot
                img,
        .rabbit-modal#termModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                table
                tbody
                tr
                td
                .ticket-carrot
                img {
                max-width: 40px;
        }
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .ticket-carrot
        p,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .ticket-carrot
        p {
        font-size: 1.2rem;
        font-weight: 600;
}
@media screen and (max-width: 512px) {
        .rabbit-modal#leaderboardModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                table
                tbody
                tr
                td
                .ticket-carrot
                p,
        .rabbit-modal#termModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                table
                tbody
                tr
                td
                .ticket-carrot
                p {
                font-size: 1rem;
        }
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .jackpot-wrapper
        img,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .jackpot-wrapper
        img {
        width: auto;
        height: 80px;
        -o-object-fit: contain;
        object-fit: contain;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .jackpot-wrapper
        p,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        tbody
        tr
        td
        .jackpot-wrapper
        p {
        font-size: 0.9rem;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table.gifts-list
        td,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table.gifts-list
        td {
        border: none !important;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table.gifts-list
        td
        span,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table.gifts-list
        td
        span {
        font-size: 0.7rem;
        line-height: 0.7rem;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table.gifts-list
        td
        img,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table.gifts-list
        td
        img {
        width: auto;
        height: 80px;
        -o-object-fit: contain;
        object-fit: contain;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table.gifts-list
        td
        p,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table.gifts-list
        td
        p {
        font-size: 0.9rem;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        .how-term-wrapper
        .title,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        .how-term-wrapper
        .title {
        font-size: 1.8rem;
        font-weight: 600;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        .how-term-wrapper
        ol
        li,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        .how-term-wrapper
        ol
        li {
        font-size: 1rem;
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        .how-term-wrapper
        .how-to-play-wrapper:after,
.rabbit-modal#termModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        .how-term-wrapper
        .how-to-play-wrapper:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
        width: 1px;
        height: calc(100% - 20px);
        background: #ffd155;
}
@media screen and (max-width: 1023px) {
        .rabbit-modal#leaderboardModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                .how-term-wrapper
                .how-to-play-wrapper:after,
        .rabbit-modal#termModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                .how-term-wrapper
                .how-to-play-wrapper:after {
                display: none;
        }
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .leaderboard-title {
        font-size: 2rem;
        font-weight: 600;
}
@media screen and (max-width: 512px) {
        .rabbit-modal#leaderboardModal
                .modal-dialog
                .modal-content
                .modal-body
                .content {
                overflow-x: scroll;
        }
}
.rabbit-modal#leaderboardModal
        .modal-dialog
        .modal-content
        .modal-body
        .content
        table
        thead
        tr
        th {
        width: 25% !important;
}
@media screen and (max-width: 1023px) {
        .rabbit-modal#leaderboardModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                table
                thead
                tr
                th {
                width: 25% !important;
        }
}
@media screen and (max-width: 512px) {
        .rabbit-modal#leaderboardModal
                .modal-dialog
                .modal-content
                .modal-body
                .content
                table
                thead
                tr
                th {
                width: 25% !important;
        }
}
.rabbit-modal#confirmModal
        .modal-dialog
        .modal-content
        .modal-header
        .selected-ingot-img {
        max-width: 200px;
}
@media screen and (max-width: 512px) {
        .rabbit-modal#confirmModal
                .modal-dialog
                .modal-content
                .modal-header
                .selected-ingot-img {
                max-width: 100%;
        }
}
.bring-to-front {
        z-index: 1;
}
.text-gradient {
        color: #fedd4b;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #4d7a25;
        text-shadow: 0 1px 0 #203b08, 0 2px 0 #203b08, 0 3px 0 #203b08,
                0 4px 0 #203b08, 0 5px 0 #203b08, 0 6px 1px #203b08,
                0 0 5px #203b08, 0 1px 3px rgba(0, 0, 0, 0.3),
                0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25),
                0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.golden-cat-spring-main .max-width-col {
        max-width: 1524px;
        min-height: calc(100vh - 83px);
}
@media (min-width: 1640px) {
        .golden-cat-spring-main .max-width-col {
                min-height: 740px !important;
        }
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main .max-width-col {
                min-height: auto !important;
        }
}
.golden-cat-spring-main .key-puzzle-wrapper .key-amount-wrapper {
        padding: 4px 23px 4px 60px;
        background-image: url(/assets/events/golden-cat-journey/number-key-bg.png);
        background-image: -webkit-image-set(
                url(/assets/events/golden-cat-journey/number-key-bg.webp) 1x
        );
        background-size: 100% 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 10;
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main .key-puzzle-wrapper .key-amount-wrapper {
                left: 23px;
        }
}
.golden-cat-spring-main .key-puzzle-wrapper .key-amount-wrapper:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        z-index: 0;
        -webkit-transform: translateY(-44%);
        transform: translateY(-44%);
        background-image: url(/assets/events/golden-cat-journey/key-icon.png);
        background-image: -webkit-image-set(
                url(/assets/events/golden-cat-journey/key-icon.webp) 1x
        );
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
}
.golden-cat-spring-main .key-puzzle-wrapper .key-amount-wrapper p {
        color: #fde3b0;
        font-size: 2.2rem;
}
.golden-cat-spring-main
        .key-puzzle-wrapper
        .key-amount-wrapper
        p.spinner-border {
        font-size: 1rem;
        margin: 10px 0 !important;
        top: 3.5px;
        width: 1.5rem;
        height: 1.5rem;
}
.golden-cat-spring-main .key-puzzle-wrapper .puzzle-wrapper {
        max-width: 220px;
        z-index: 10;
        cursor: pointer;
        -webkit-transform: rotate(3deg) scale(0.95);
        transform: rotate(3deg) scale(0.95);
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main .key-puzzle-wrapper .puzzle-wrapper {
                -webkit-transform: rotate(3deg) scale(0.8);
                transform: rotate(3deg) scale(0.8);
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main .key-puzzle-wrapper .puzzle-wrapper {
                -webkit-transform: rotate(3deg) scale(0.75);
                transform: rotate(3deg) scale(0.75);
                left: 13px;
        }
}
.golden-cat-spring-main
        .key-puzzle-wrapper
        .puzzle-wrapper
        svg
        .padre:nth-child(2),
.golden-cat-spring-main
        .key-puzzle-wrapper
        .puzzle-wrapper
        svg
        .padre:nth-child(8) {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
}
.golden-cat-spring-main .key-puzzle-wrapper .puzzle-wrapper svg .padre.unactive,
.golden-cat-spring-main
        .key-puzzle-wrapper
        .puzzle-wrapper
        svg
        .padre
        image.unactive {
        -webkit-filter: grayscale(0.8);
        -moz-filter: grayscale(0.8);
        -ms-filter: grayscale(0.8);
        filter: grayscale(0.8);
}
.golden-cat-spring-main .key-puzzle-wrapper .puzzle-wrapper .glowing-effect {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0;
        width: 136%;
        -webkit-animation: fade 1s linear infinite alternate;
        animation: fade 1s linear infinite alternate;
}
.golden-cat-spring-main .map-wrapper {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-52%, -55%);
        transform: translate(-52%, -55%);
        width: calc(100% - 350px);
        height: 100%;
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main .map-wrapper {
                position: relative !important;
                width: calc(100% - 100px);
                top: 0;
                left: 50%;
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
                margin-top: -70px;
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main .map-wrapper {
                margin-top: -33px;
                width: calc(100% - 20px);
        }
}
.golden-cat-spring-main .map-wrapper .golden-chest-warpper {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0;
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main .map-wrapper .golden-chest-warpper {
                -webkit-transform: translate(-50%, -50%) scale(0.7);
                transform: translate(-50%, -50%) scale(0.7);
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main .map-wrapper .golden-chest-warpper {
                -webkit-transform: translate(-50%, -50%) scale(0.5);
                transform: translate(-50%, -50%) scale(0.5);
        }
}
.golden-cat-spring-main .map-wrapper .golden-chest-warpper .golden-chest-items {
        cursor: pointer;
        z-index: 1;
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items:first-child {
        left: 50%;
        -webkit-transform: scale(0.85) translate(-216%, -6%);
        transform: scale(0.85) translate(-216%, -6%);
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:first-child {
                -webkit-transform: scale(0.85) translate(-190%, -70%);
                transform: scale(0.85) translate(-190%, -70%);
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:first-child {
                -webkit-transform: scale(0.85) translate(-155%, -90%);
                transform: scale(0.85) translate(-155%, -90%);
        }
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items:nth-child(2) {
        top: 50%;
        left: 50%;
        -webkit-transform: scale(0.85) translate(40%, -115%);
        transform: scale(0.85) translate(40%, -115%);
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:nth-child(2) {
                -webkit-transform: scale(0.85) translate(10%, -100%);
                transform: scale(0.85) translate(10%, -100%);
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:nth-child(2) {
                -webkit-transform: scale(0.85) translate(-60%, -100%);
                transform: scale(0.85) translate(-60%, -100%);
        }
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items:nth-child(3) {
        bottom: 0;
        right: 0;
        -webkit-transform: scale(0.85) translate(-32%, -143%);
        transform: scale(0.85) translate(-32%, -143%);
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:nth-child(3) {
                -webkit-transform: scale(0.85) translate(74%, -66%);
                transform: scale(0.85) translate(74%, -66%);
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:nth-child(3) {
                -webkit-transform: scale(0.85) translate(55%, -33%);
                transform: scale(0.85) translate(55%, -33%);
        }
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items:nth-child(4) {
        bottom: 0;
        right: 0;
        -webkit-transform: scale(0.85) translate(30%, -48%);
        transform: scale(0.85) translate(30%, -48%);
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:nth-child(4) {
                -webkit-transform: scale(0.85) translate(125%, 30%);
                transform: scale(0.85) translate(125%, 30%);
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:nth-child(4) {
                -webkit-transform: scale(0.85) translate(142%, 20%);
                transform: scale(0.85) translate(142%, 20%);
        }
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items:nth-child(5) {
        bottom: 0;
        right: 0;
        -webkit-transform: scale(0.85) translate(-50%, 20%);
        transform: scale(0.85) translate(-50%, 20%);
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:nth-child(5) {
                -webkit-transform: scale(0.85) translate(50%, 63%);
                transform: scale(0.85) translate(50%, 63%);
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items:nth-child(5) {
                -webkit-transform: scale(0.85) translate(99%, 88%);
                transform: scale(0.85) translate(99%, 88%);
        }
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items
        .golden-chest-title {
        left: -20%;
        bottom: -10px;
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items
                .golden-chest-title {
                min-width: 220px;
        }
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items
        .golden-chest-title
        .golden-chest-grass-img {
        max-width: 210px;
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items
        .golden-chest-title
        p {
        font-size: 2.2rem;
        font-weight: 600;
        margin-top: -36px !important;
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items
                .golden-chest-title
                p {
                font-size: 2rem;
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main
                .map-wrapper
                .golden-chest-warpper
                .golden-chest-items
                .golden-chest-title
                p {
                font-size: 1.5rem;
        }
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items
        .golden-chest-img {
        max-width: 142px;
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items
        .golden-chest-target-key {
        background-image: url(/assets/events/golden-cat-journey/number-key-bg.png);
        background-image: -webkit-image-set(
                url(/assets/events/golden-cat-journey/number-key-bg.webp) 1x
        );
        background-size: 100% 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 13px 16px 13px 45px;
        margin-top: -33px;
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items
        .golden-chest-target-key:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        z-index: 0;
        -webkit-transform: translateY(-44%);
        transform: translateY(-44%);
        background-image: url(/assets/events/golden-cat-journey/key-icon.png);
        background-image: -webkit-image-set(
                url(/assets/events/golden-cat-journey/key-icon.webp) 1x
        );
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items
        .golden-chest-target-key
        p {
        color: #fde3b0;
        font-size: 1.2rem;
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items
        .golden-chest-target-key
        p
        .spinner-border {
        width: 1.5rem;
        height: 1.5rem;
        position: relative;
        top: 1.5px;
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items:hover
        .golden-chest-img {
        -webkit-animation: focusAnim 1.4s ease-in-out infinite;
        animation: focusAnim 1.4s ease-in-out infinite;
}
@-webkit-keyframes focusAnim {
        0% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
        20% {
                -webkit-transform: scale(1.01);
                transform: scale(1.01);
        }
        40% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
        60% {
                -webkit-transform: scale(1.01);
                transform: scale(1.01);
        }
        80% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
        to {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
}
@keyframes focusAnim {
        0% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
        20% {
                -webkit-transform: scale(1.01);
                transform: scale(1.01);
        }
        40% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
        60% {
                -webkit-transform: scale(1.01);
                transform: scale(1.01);
        }
        80% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
        to {
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
        }
}
.golden-cat-spring-main
        .map-wrapper
        .golden-chest-warpper
        .golden-chest-items.disable {
        opacity: 0.6;
        pointer-events: none;
}
.golden-cat-spring-main .title-wrapper {
        max-width: 500px;
        top: -23px;
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main .title-wrapper {
                max-width: calc(100% - 400px);
                margin-top: -180px;
                top: 0;
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main .title-wrapper {
                margin-top: -6px;
                margin-right: auto;
                margin-left: auto;
                max-width: calc(100% - 20px);
        }
}
@media screen and (max-width: 1023px) {
        .golden-cat-spring-main .title-wrapper.vi .title {
                left: -4px;
        }
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main .title-wrapper.vi .title {
                left: -8px;
        }
}
.golden-cat-spring-main .title-wrapper .glowing-effect {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0;
        -webkit-animation: fade 1s linear infinite alternate;
        animation: fade 1s linear infinite alternate;
}
.golden-cat-spring-main .title-wrapper .term-and-condition {
        top: 50%;
        right: -4.5%;
        -webkit-transform: translateY(-130%) scale(0.9);
        transform: translateY(-130%) scale(0.9);
        z-index: 10;
        cursor: pointer;
        max-width: 50px;
        -webkit-animation: alertAnim 0.8s ease-in-out infinite;
        animation: alertAnim 0.8s ease-in-out infinite;
}
@media screen and (max-width: 512px) {
        .golden-cat-spring-main .title-wrapper .term-and-condition {
                right: 0;
                top: 53%;
                max-width: 40px;
        }
}
@-webkit-keyframes alertAnim {
        0% {
                -webkit-transform: translateY(-130%) scale(0.9);
                transform: translateY(-130%) scale(0.9);
        }
        20% {
                -webkit-transform: translateY(-130%) scale(1.01);
                transform: translateY(-130%) scale(1.01);
        }
        40% {
                -webkit-transform: translateY(-130%) scale(0.9);
                transform: translateY(-130%) scale(0.9);
        }
        60% {
                -webkit-transform: translateY(-130%) scale(1.01);
                transform: translateY(-130%) scale(1.01);
        }
        80% {
                -webkit-transform: translateY(-130%) scale(0.9);
                transform: translateY(-130%) scale(0.9);
        }
        to {
                -webkit-transform: translateY(-130%) scale(0.9);
                transform: translateY(-130%) scale(0.9);
        }
}
@keyframes alertAnim {
        0% {
                -webkit-transform: translateY(-130%) scale(0.9);
                transform: translateY(-130%) scale(0.9);
        }
        20% {
                -webkit-transform: translateY(-130%) scale(1.01);
                transform: translateY(-130%) scale(1.01);
        }
        40% {
                -webkit-transform: translateY(-130%) scale(0.9);
                transform: translateY(-130%) scale(0.9);
        }
        60% {
                -webkit-transform: translateY(-130%) scale(1.01);
                transform: translateY(-130%) scale(1.01);
        }
        80% {
                -webkit-transform: translateY(-130%) scale(0.9);
                transform: translateY(-130%) scale(0.9);
        }
        to {
                -webkit-transform: translateY(-130%) scale(0.9);
                transform: translateY(-130%) scale(0.9);
        }
}
.golden-cat-spring-main .loading-screen {
        background: rgba(0, 0, 0, 0.8);
        z-index: 99;
        top: 10px;
}
.golden-cat-spring-main .loading-screen.hide {
        z-index: -99;
        opacity: 0;
        visibility: none;
}
.golden-cat-spring-main .loading-screen .loading-text {
        font-size: 1.8rem;
}
.golden-cat-spring-main .loading-screen .loading-text .spinner-grow {
        width: 0.8rem;
        height: 0.8rem;
}
@keyframes fade {
        0% {
                opacity: 0;
        }
        to {
                opacity: 1;
        }
}
.golden-cat-modal .modal-dialog .modal-content {
        border: 3px solid #b00000;
        border-radius: 8px;
        border-bottom-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
}
.golden-cat-modal .modal-dialog .modal-content .modal-body label {
        line-height: 26px;
        font-weight: 600;
}
.golden-cat-modal .modal-dialog .modal-content .modal-body hr {
        border-top: 2px solid #fff;
        opacity: 0.5;
        max-width: calc(100% - 230px);
}
.golden-cat-modal
        .modal-dialog
        .modal-content
        .modal-body
        .term-text-wrapper
        p {
        font-size: 1.6rem;
        font-weight: 600;
}
.golden-cat-modal .modal-dialog .modal-content .modal-body .btn span {
        font-size: 1rem;
        font-weight: 700;
}
.golden-cat-modal#winModal .modal-dialog {
        max-width: 620px;
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content {
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
        .golden-cat-modal#winModal
                .modal-dialog
                .modal-content
                .modal-body
                .win-modal-content {
                transition: none;
        }
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content.show {
        -webkit-transform: scale(1);
        transform: scale(1);
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .glowing-effect {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        opacity: 0;
        -webkit-animation: fade 1s linear infinite alternate;
        animation: fade 1s linear infinite alternate;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .glowing-effect.show {
        -webkit-animation-play-state: running;
        animation-play-state: running;
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .title {
        font-size: 4rem;
        font-weight: 600;
        line-height: 50px;
}
@media screen and (max-width: 512px) {
        .golden-cat-modal#winModal
                .modal-dialog
                .modal-content
                .modal-body
                .win-modal-content
                .title {
                line-height: 43px;
        }
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .set-gift-msg {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 28px;
}
@media screen and (max-width: 512px) {
        .golden-cat-modal#winModal
                .modal-dialog
                .modal-content
                .modal-body
                .win-modal-content
                .set-gift-msg {
                line-height: 33px;
        }
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .set-gift-msg
        .set-gift-img {
        max-width: 30px;
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .set-gift-msg
        .set-gift-img.position-2,
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .set-gift-msg
        .set-gift-img.position-6,
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .set-gift-msg
        .set-gift-img.position-8 {
        max-width: 50px;
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .set-gift-msg
        .set-gift-img.position-4 {
        max-width: 40px;
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .chest-img {
        max-width: 340px;
}
@media screen and (max-width: 512px) {
        .golden-cat-modal#winModal
                .modal-dialog
                .modal-content
                .modal-body
                .win-modal-content
                .chest-img {
                max-width: calc(100% - 60px);
        }
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .refresh-now-btn {
        background: #d10000;
        border: none;
        transition: all 0.4s ease !important;
}
@media (prefers-reduced-motion: reduce) {
        .golden-cat-modal#winModal
                .modal-dialog
                .modal-content
                .modal-body
                .win-modal-content
                .refresh-now-btn {
                transition: none;
        }
}
.golden-cat-modal#winModal
        .modal-dialog
        .modal-content
        .modal-body
        .win-modal-content
        .refresh-now-btn:hover {
        outline: none;
        background: #3f3a37;
        border-color: #3f3a37;
}
.golden-cat-modal#completePuzzle .modal-dialog {
        max-width: 620px;
}
.golden-cat-modal#completePuzzle
        .modal-dialog
        .modal-content
        .modal-body
        .refresh-now-btn {
        background: #d10000;
        border: none;
        transition: all 0.4s ease !important;
}
@media (prefers-reduced-motion: reduce) {
        .golden-cat-modal#completePuzzle
                .modal-dialog
                .modal-content
                .modal-body
                .refresh-now-btn {
                transition: none;
        }
}
.golden-cat-modal#completePuzzle
        .modal-dialog
        .modal-content
        .modal-body
        .refresh-now-btn:hover {
        outline: none;
        background: #3f3a37;
        border-color: #3f3a37;
}
.songkran2026 .bgimg {
        background-image: url(/assets/events/songkran-2026/bg-img-desktop.png);
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
        .songkran2026 .bgimg {
                background-image: url(/assets/events/songkran-2026/bg-img-mobile.png);
                background-position: bottom;
        }
}
.songkran2026 .coin_top_left {
        position: absolute;
        left: -90px;
}
.songkran2026 .coin_top_left img {
        width: 70px;
}
@media screen and (max-width: 1023px) {
        .songkran2026 .coin_top_left {
                left: -40px;
        }
        .songkran2026 .coin_top_left img {
                width: 40px;
        }
}
.songkran2026 .coin_bottom_left {
        position: absolute;
        bottom: 1px;
        left: -40px;
}
.songkran2026 .coin_bottom_left img {
        width: 100px;
}
@media screen and (max-width: 1023px) {
        .songkran2026 .coin_bottom_left {
                left: 1px;
        }
        .songkran2026 .coin_bottom_left img {
                width: 60px;
        }
}
.songkran2026 .coin_bottom_right {
        position: absolute;
        bottom: 1px;
}
.songkran2026 .coin_bottom_right img {
        width: 70px;
}
@media screen and (max-width: 1023px) {
        .songkran2026 .coin_bottom_right img {
                width: 40px;
        }
}
.songkran2026 .info_btn {
        position: absolute;
        top: 10px;
        left: 25px;
        width: 100px;
}
@media screen and (max-width: 1023px) {
        .songkran2026 .info_btn {
                top: 20px;
                left: 0;
                width: 50px;
        }
}
.songkran2026 .info_bg {
        background-image: url(/assets/events/songkran-2026/info-bg.png);
        background-size: cover;
        background-position: 20%;
        background-repeat: no-repeat;
}
.songkran2026 .info_content .list,
.songkran2026 .info_content .title {
        font-weight: 600;
        letter-spacing: 1px;
}
.songkran2026 .info_content .title {
        color: #ff9d00;
}
.songkran2026 .info_content .list {
        color: #0a5def;
}
.songkran2026 .win_title.en {
        width: 600px;
}
.songkran2026 .win_title.th {
        width: 250px;
}
.songkran2026 #winPrize {
        font-size: xx-large;
        letter-spacing: 1px;
}
@media screen and (max-width: 1023px) {
        .songkran2026 #winPrize {
                font-size: x-large;
        }
}
.songkran2026 #winPrize.en {
        min-height: 25%;
}
.bingo-bg {
        background: url(/assets/bingo/bingo-bg.png);
        background-size: cover;
        background-position: 50%;
}
.bingo-bg .max-container {
        max-width: 500px;
}
@media only screen and (max-width: 370px) {
        .bingo-bg .max-container {
                width: 370px;
        }
}
.bingo-bg .tnc-button {
        position: absolute;
        right: 10%;
        margin-top: -15%;
        cursor: pointer;
}
.bingo-bg .howplay {
        position: absolute;
        background: rgba(0, 0, 0, 0.9);
        color: #fff;
        top: 27%;
        right: 0;
        border-radius: 20px;
        max-width: 400px;
        margin-right: -80%;
        opacity: 0;
        transition: 1s;
        z-index: -1;
}
@media only screen and (max-width: 1024px) {
        .bingo-bg .howplay {
                left: 0;
                right: 0;
                top: 25%;
                margin: auto 10px;
        }
}
.bingo-bg .howplay.arrow-left:after {
        content: " ";
        position: absolute;
        left: -25px;
        top: 0;
        border-color: transparent #000 transparent currentcolor;
        border-style: solid solid solid none;
        border-width: 0 40px 40px medium;
        z-index: 2;
}
@media only screen and (max-width: 1024px) {
        .bingo-bg .howplay.arrow-left:after {
                display: none;
        }
}
.bingo-bg .howplay .content {
        padding-left: 20px;
}
.bingo-bg .howplay .prize {
        padding-left: 20px;
        font-weight: 700;
}
.bingo-bg .howplay .prize li {
        list-style-type: none;
}
.bingo-bg .show-box {
        opacity: 1 !important;
        transition: 1s;
        z-index: 9 !important;
}
.bingo-bg .bingo-logo {
        max-width: 300px;
}
.bingo-bg .bingo-logo img {
        -o-object-fit: contain;
        object-fit: contain;
}
@media screen and (max-width: 512px) {
        .bingo-bg .bingo-logo {
                max-width: 200px;
        }
}
.bingo-bg .bingo-word {
        font-family: Oswald, sans-serif;
        position: relative;
        color: #fff;
        font-weight: 700;
        margin-left: 5px;
        margin-right: 5px;
        background: #310909;
        border-radius: 5px;
        box-shadow: inset 0 0 10px #000;
}
@media screen and (max-width: 512px) {
        .bingo-bg .bingo-word {
                margin-left: 2px;
                margin-right: 2px;
        }
}
.bingo-bg .bingo-word .box-word {
        position: relative;
        z-index: 4;
        align-items: center;
        display: block;
        cursor: pointer;
        background: url(/assets/bingo/gold-frame.png);
        background-position: 50%;
        background-size: cover;
        width: 70px;
        height: 45px;
        text-align: center;
        border-radius: 5px;
        padding-top: 2px;
}
.bingo-bg .bingo-word .box-word span {
        position: relative;
        font-size: 24px;
        z-index: 2;
        border-radius: 5px;
}
.bingo-bg .bingo-word .box-word:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 65px;
        height: 40px;
        margin: auto;
        box-shadow: inset 0 0 10px #000;
        border-radius: 5px;
        cursor: pointer;
}
.bingo-bg .bingo-number {
        height: 60px;
        display: block;
        text-align: center;
        margin-top: 5px;
        padding-top: 10px;
        cursor: pointer;
}
.bingo-bg .bingo-number.uncomplete {
        background: url(/assets/bingo/uncomplete.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
}
.bingo-bg .bingo-number.complete {
        background: url(/assets/bingo/complete.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
}
.bingo-bg .bingo-number span {
        font-size: 24px;
        text-shadow: 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1),
                0 18px 23px rgba(0, 0, 0, 0.1);
}
.bingo-bg #mission-progress {
        background: rgba(0, 0, 0, 0.6) !important;
        color: #fff;
}
.bingo-bg #mission-progress .modal-content {
        border-radius: 15px !important;
        background: rgba(0, 0, 0, 0.85);
}
.bingo-bg #mission-progress .close {
        color: #fff;
        font-size: 28px;
}
.bingo-bg #mission-progress .bingo-modal {
        font-family: Oswald, sans-serif;
        position: relative;
        z-index: 4;
        align-items: center;
        display: block;
        cursor: pointer;
        background: url(/assets/bingo/gold-frame.png);
        background-position: 50%;
        background-size: cover;
        width: 70px;
        height: 45px;
        text-align: center;
        border-radius: 5px;
        padding-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .bingo-modal {
                margin-left: 2px;
                margin-right: 2px;
        }
}
.bingo-bg #mission-progress .bingo-modal span {
        position: relative;
        font-size: 20px;
        z-index: 2;
        border-radius: 5px;
        font-weight: 700;
}
.bingo-bg #mission-progress .bingo-modal:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 65px;
        height: 40px;
        margin: auto;
        border-radius: 5px;
        cursor: pointer;
}
.bingo-bg #mission-progress .bingo-content-mission {
        font-size: 12px;
}
.bingo-bg #mission-progress .bingo-content-mission .mission-box {
        font-family: Oswald, sans-serif;
        position: relative;
        display: block;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        background: radial-gradient(
                        ellipse farthest-corner at right bottom,
                        #fedb37 0,
                        #fdb931 8%,
                        #9f7928 30%,
                        #8a6e2f 40%,
                        transparent 80%
                ),
                radial-gradient(
                        ellipse farthest-corner at left top,
                        #fff 0,
                        #ffffac 8%,
                        #d1b464 25%,
                        #5d4a1f 62.5%,
                        #5d4a1f 100%
                );
        padding-top: 5px;
        text-align: center;
        margin-top: 10px;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .bingo-content-mission .mission-box {
                height: 35px;
                width: 35px;
                padding-top: 2px;
                margin-top: 10px;
        }
}
.bingo-bg #mission-progress .bingo-content-mission .mission-box span {
        position: relative;
        color: #fff;
        text-shadow: 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1),
                0 18px 23px rgba(0, 0, 0, 0.1);
        font-size: 24px;
        z-index: 3;
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .bingo-content-mission .mission-box span {
                font-size: 18px;
        }
}
.bingo-bg #mission-progress .bingo-content-mission .mission-col {
        margin-top: 5px;
}
.bingo-bg #mission-progress .bingo-content-mission .mission-col .mission-title {
        font-size: 12px;
        margin-bottom: 5px;
}
@media screen and (max-width: 512px) {
        .bingo-bg
                #mission-progress
                .bingo-content-mission
                .mission-col
                .mission-title {
                font-size: 11px;
        }
}
.bingo-bg #mission-progress .bingo-content-mission .mission-col progress {
        width: 100%;
        background: transparent;
        height: 8px;
        border-radius: 10px;
        overflow: hidden;
}
.bingo-bg
        #mission-progress
        .bingo-content-mission
        .mission-col
        progress::-moz-progress-bar {
        background: rgba(255, 0, 0, 0.3);
}
.bingo-bg
        #mission-progress
        .bingo-content-mission
        .mission-col
        progress::-webkit-progress-bar {
        background: rgba(255, 0, 0, 0.3);
}
.bingo-bg
        #mission-progress
        .bingo-content-mission
        .mission-col
        progress.progress::-webkit-progress-value {
        background: linear-gradient(-45deg, #ff0031, #ff0031);
        border-radius: 10px;
}
.bingo-bg
        #mission-progress
        .bingo-content-mission
        .mission-col
        progress.progress::-moz-progress-bar {
        background: linear-gradient(-45deg, #ff0031, #ff0031);
        border-radius: 10px;
}
.bingo-bg #mission-progress .bingo-content-mission .claim-btn,
.bingo-bg #mission-progress .bingo-content-mission .join-btn {
        font-size: 11px;
        font-weight: 700;
        position: relative;
        text-align: center;
        margin-top: 15px;
        cursor: pointer;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .bingo-content-mission .claim-btn,
        .bingo-bg #mission-progress .bingo-content-mission .join-btn {
                font-size: 9px;
        }
}
.bingo-bg #mission-progress .bingo-content-mission .claim-btn img,
.bingo-bg #mission-progress .bingo-content-mission .join-btn img {
        max-width: 80px;
        height: 25px;
        -o-object-fit: fill;
        object-fit: fill;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .bingo-content-mission .claim-btn img,
        .bingo-bg #mission-progress .bingo-content-mission .join-btn img {
                max-width: 70px;
        }
}
.bingo-bg #mission-progress .bingo-content-mission .claim-btn span,
.bingo-bg #mission-progress .bingo-content-mission .join-btn span {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        padding-top: 3px;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .bingo-content-mission .claim-btn span,
        .bingo-bg #mission-progress .bingo-content-mission .join-btn span {
                padding-top: 4px;
        }
}
.bingo-bg #mission-progress .bingo-content-mission .display-width-btn {
        width: 80px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .bingo-content-mission .display-width-btn {
                width: 70px;
        }
}
.bingo-bg #mission-progress .bingo-content-mission .display-width-btn img {
        width: 40px;
}
@media screen and (max-width: 512px) {
        .bingo-bg
                #mission-progress
                .bingo-content-mission
                .display-width-btn
                img {
                width: 30px;
        }
}
.bingo-bg #mission-progress .mission-reward {
        font-weight: 700;
        line-height: 25px;
}
.bingo-bg #mission-progress .mission-reward .currency {
        font-size: 32px;
        top: -15px;
        position: relative;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .mission-reward .currency {
                font-size: 24px;
        }
}
.bingo-bg #mission-progress .mission-reward .reward {
        font-size: 60px;
}
@media screen and (max-width: 512px) {
        .bingo-bg #mission-progress .mission-reward .reward {
                font-size: 50px;
        }
}
.bingo-bg #mission-progress .mission-reward .reward-btn {
        position: relative;
        cursor: pointer;
        margin-left: 10px;
}
.bingo-bg #mission-progress .mission-reward .reward-btn .circle-red {
        width: 100px;
        height: 100px;
        border: 2px solid #f51a1a;
        border-radius: 50%;
        box-shadow: 0 -5px 20px rgba(255, 45, 45, 0.966),
                -5px 0 20px rgba(255, 42, 42, 0.968),
                5px 0 20px rgba(241, 41, 41, 0.972),
                0 5px 20px rgba(184, 17, 17, 0.972);
}
.bingo-bg #mission-progress .mission-reward .reward-btn img {
        max-width: 100px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        padding-top: 10px;
}
.bingo-bg #mission-progress .mission-reward .unactive {
        -webkit-filter: grayscale(0.7);
        filter: grayscale(0.7);
        cursor: not-allowed;
}
.bingo-bg #mission-progress .mission-reward .active {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-animation: crescendo 1s ease-in infinite alternate;
        animation: crescendo 1s ease-in infinite alternate;
        cursor: pointer;
}
.bingo-bg .red-box {
        background: url(/assets/bingo/red-box.png) !important;
        background-position: 50% !important;
        background-size: cover !important;
}
.bingo-bg .red-box:before {
        box-shadow: none !important;
}
.bingo-bg .claim-disabled {
        -webkit-filter: brightness(0.5);
        filter: brightness(0.5);
}
.bingo-bg .claim-word {
        font-family: initial;
        position: absolute !important;
        font-size: 10px !important;
        margin-top: -25px;
        top: 0;
        left: 0;
        right: 0;
        -webkit-animation: backglow 5s ease infinite;
        animation: backglow 5s ease infinite;
}
@media screen and (max-width: 512px) {
        .bingo-bg .claim-word {
                font-size: 9px !important;
        }
}
.bingo-bg .glow:before {
        position: absolute;
        left: 0;
        right: 0;
        background: url(/assets/bingo/glow.png);
        background-position: 50%;
        background-size: cover;
        -webkit-animation: backglow 5s ease infinite;
        animation: backglow 5s ease infinite;
}
.bingo-bg .blue-box-active {
        background: url(/assets/bingo/blue-box.png) !important;
        background-position: 50% !important;
        background-size: cover !important;
        height: 100%;
        top: 0;
        position: absolute;
        width: 100%;
        padding-top: 5px;
}
.bingo-bg .prize {
        background: -webkit-linear-gradient(#ffd92f, red);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
}
@-webkit-keyframes crescendo {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
}
@keyframes crescendo {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
}
@-webkit-keyframes backglow {
        0% {
                opacity: 1;
        }
        25% {
                opacity: 0.5;
        }
        50% {
                opacity: 0.8;
        }
        75% {
                opacity: 0.2;
        }
        to {
                opacity: 1;
        }
}
@keyframes backglow {
        0% {
                opacity: 1;
        }
        25% {
                opacity: 0.5;
        }
        50% {
                opacity: 0.8;
        }
        75% {
                opacity: 0.2;
        }
        to {
                opacity: 1;
        }
}
.fifa-main-section {
        font-family: Roboto, sans-serif;
}
.fifa-main-section .bgimg {
        background-attachment: fixed;
}
.fifa-main-section .fifa-main-wrapper {
        max-width: 680px;
}
.fifa-main-section .fifa-main-wrapper .fifa-title-wrapper:after {
        content: "";
        position: absolute;
        bottom: 20px;
        right: 0;
        width: calc(100% - 148px);
        height: 2px;
        background: #fff;
}
@media screen and (max-width: 512px) {
        .fifa-main-section .fifa-main-wrapper .fifa-title-wrapper:after {
                bottom: 13px;
                width: calc(100% - 98px);
        }
}
@media screen and (max-width: 512px) {
        .fifa-main-section
                .fifa-main-wrapper
                .fifa-title-wrapper
                .fifa-title-img {
                width: 100px !important;
        }
}
@media screen and (max-width: 512px) {
        .fifa-main-section
                .fifa-main-wrapper
                .fifa-title-wrapper
                .fifa-title-text {
                font-size: 0.8rem;
                white-space: nowrap;
        }
}
.fifa-main-section .fifa-main-wrapper .fifa-slider {
        margin-top: -13px;
}
.fifa-main-section .fifa-main-wrapper .fifa-slider .mySwiper {
        max-width: 482px;
}
.fifa-main-section
        .fifa-main-wrapper
        .fifa-slider
        .mySwiper
        .swiper-wrapper
        .swiper-slide {
        width: 570px;
        -webkit-filter: grayscale(0.4);
        filter: grayscale(0.4);
}
.fifa-main-section
        .fifa-main-wrapper
        .fifa-slider
        .mySwiper
        .swiper-wrapper
        .swiper-slide.swiper-slide-active {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
}
.fifa-main-section
        .fifa-main-wrapper
        .fifa-slider
        .mySwiper
        .swiper-wrapper
        .swiper-slide
        .swiper-content {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -44%);
        transform: translate(-50%, -44%);
        z-index: 1;
}
.fifa-main-section
        .fifa-main-wrapper
        .fifa-slider
        .mySwiper
        .swiper-wrapper
        .swiper-slide
        .swiper-content
        .image-text {
        max-width: 180px;
}
.fifa-main-section
        .fifa-main-wrapper
        .fifa-slider
        .mySwiper
        .swiper-wrapper
        .swiper-slide
        .swiper-content
        p {
        line-height: 23px;
        letter-spacing: 0.03rem;
}
.fifa-main-section .fifa-main-wrapper .fifa-slider .swiper-anchor {
        cursor: pointer;
        top: 50%;
        z-index: 3;
        font-size: 1.4rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
@media screen and (max-width: 512px) {
        .fifa-main-section .fifa-main-wrapper .fifa-slider .swiper-anchor {
                font-size: 1.2rem;
        }
}
.fifa-main-section .fifa-main-wrapper .fifa-slider .swiper-anchor.left {
        left: 13px;
}
@media screen and (max-width: 512px) {
        .fifa-main-section .fifa-main-wrapper .fifa-slider .swiper-anchor.left {
                left: 3px;
        }
}
.fifa-main-section .fifa-main-wrapper .fifa-slider .swiper-anchor.right {
        right: 13px;
}
@media screen and (max-width: 512px) {
        .fifa-main-section
                .fifa-main-wrapper
                .fifa-slider
                .swiper-anchor.right {
                right: 3px;
        }
}
.fifa-main-section .fifa-main-wrapper .fifa-slider .swiper-anchor p {
        font-size: 0.8rem;
        font-weight: 500;
        max-width: 100px;
        line-height: 15px;
}
@media screen and (max-width: 512px) {
        .fifa-main-section .fifa-main-wrapper .fifa-slider .swiper-anchor p {
                max-width: 50px;
                line-height: 17px;
        }
}
@media screen and (max-width: 512px) {
        .fifa-main-section .tabs-default .nav-tabs {
                flex-wrap: nowrap;
        }
}
.fifa-main-section .tabs-default .nav-tabs li a {
        padding: 4px 33px;
        color: #fff !important;
        border-radius: 5px;
        border: 2px solid #ff0031;
        font-weight: 700;
        font-size: 1.1rem;
        opacity: 0.5;
}
@media screen and (max-width: 512px) {
        .fifa-main-section .tabs-default .nav-tabs li a {
                font-size: 0.9rem;
                padding: 4px 13px;
        }
}
.fifa-main-section .tabs-default .nav-tabs li a.active,
.fifa-main-section .tabs-default .nav-tabs li a:hover {
        opacity: 1;
        background: #ff0031;
        box-shadow: 0 10px 40px rgba(255, 0, 49, 0.6);
}
.fifa-main-section .default-accordion .card {
        border-radius: 5px;
        background: transparent;
}
.fifa-main-section .default-accordion .card .card-header {
        background: linear-gradient(90deg, #e6002c, #750000);
        border-radius: 5px 5px 0 0;
        cursor: pointer;
}
.fifa-main-section .default-accordion .card .card-header i {
        transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .fifa-main-section .default-accordion .card .card-header i {
                transition: none;
        }
}
.fifa-main-section .default-accordion .card .card-header.collapsed i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
}
.fifa-main-section .default-accordion .card .card-body {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        border-radius: 0 0 5px 5px;
        box-shadow: 0 1px 38px -15px hsla(0, 0%, 100%, 0.6);
        -webkit-box-shadow: 0 1px 38px -15px hsla(0, 0%, 100%, 0.6);
        -moz-box-shadow: 0 1px 38px -15px hsla(0, 0%, 100%, 0.6);
}
.fifa-main-section .default-accordion .card .card-body ol li:last-child {
        margin-bottom: 0 !important;
}
.fifa-main-section .default-box {
        box-shadow: 0 1px 38px -15px hsla(0, 0%, 100%, 0.6);
        -webkit-box-shadow: 0 1px 38px -15px hsla(0, 0%, 100%, 0.6);
        -moz-box-shadow: 0 1px 38px -15px hsla(0, 0%, 100%, 0.6);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        border-radius: 8px;
}
.fifa-main-section .default-box .default-box-header {
        background: linear-gradient(90deg, #e6002c, #750000);
        border-radius: 8px 8px 0 0;
}
.fifa-main-section .default-box .default-box-body .default-box-items {
        font-weight: 300;
}
.fifa-main-section .default-box .default-box-body .default-box-items.active p {
        font-weight: 500;
        color: #ff0031;
}
.fifa-main-section
        .default-box
        .default-box-body
        .default-box-items.active
        .default-checkbox {
        color: #fff;
        background: #ff0031;
}
.fifa-main-section .default-box .default-box-body .default-box-items.end-game {
        opacity: 0.4;
}
.fifa-main-section
        .default-box
        .default-box-body
        .default-box-items.end-game
        .default-checkbox {
        cursor: auto;
}
.fifa-main-section
        .default-box
        .default-box-body
        .default-box-items.end-game.selected {
        opacity: 1;
}
.fifa-main-section
        .default-box
        .default-box-body
        .default-box-items.end-game.selected
        p {
        font-weight: 500;
}
.fifa-main-section
        .default-box
        .default-box-body
        .default-box-items.end-game.win
        .default-checkbox {
        background: #00ff67;
        box-shadow: 0 2px 10px rgba(0, 255, 103, 0.6);
}
.fifa-main-section
        .default-box
        .default-box-body
        .default-box-items.end-game.lose
        .default-checkbox {
        background: #ff0031;
        box-shadow: 0 2px 10px rgba(255, 0, 49, 0.6);
}
.fifa-main-section
        .default-box
        .default-box-body
        .default-box-items
        .default-checkbox {
        width: 22px;
        height: 22px;
        background: hsla(0, 0%, 100%, 0.2);
        cursor: pointer;
        border-radius: 8px;
}
.fifa-main-section
        .default-box
        .default-box-body
        .default-box-items
        .default-checkbox
        i {
        font-size: 0.8rem;
}
.fifa-main-section .input-select-wrapper input {
        text-transform: capitalize;
        padding: 4px 23px;
        background: hsla(0, 0%, 100%, 0.2);
        border: 0;
        border-radius: 5px !important;
        cursor: pointer;
        font-size: 1rem;
        font-style: italic;
        color: #fff;
        text-align: center;
}
.fifa-main-section .input-select-wrapper input:disabled {
        opacity: 0.5;
        pointer-events: none;
}
.fifa-main-section .input-select-wrapper input:not(:placeholder-shown) {
        font-weight: 600;
        font-style: normal;
        text-transform: uppercase;
}
.fifa-main-section .input-select-wrapper input::-webkit-input-placeholder {
        font-weight: 300;
        color: #fff;
        opacity: 1;
}
.fifa-main-section .input-select-wrapper input::-moz-placeholder {
        font-weight: 300;
        color: #fff;
        opacity: 1;
}
.fifa-main-section .input-select-wrapper input:-ms-input-placeholder {
        font-weight: 300;
        color: #fff;
        opacity: 1;
}
.fifa-main-section .input-select-wrapper input::-ms-input-placeholder {
        opacity: 1;
}
.fifa-main-section .input-select-wrapper input::placeholder {
        font-weight: 300;
        color: #fff;
        opacity: 1;
}
.fifa-main-section .input-select-wrapper input::-ms-input-placeholder {
        font-weight: 300;
        color: #fff;
}
.table-default {
        border-collapse: separate;
        border-spacing: 0;
}
.table-default thead tr th {
        border: 0;
        vertical-align: middle;
        padding: 0.5rem 0.75rem 1rem;
        font-size: 1.1rem;
}
.table-default tbody tr td {
        border: 0;
        vertical-align: middle;
        padding: 0.5rem 0.75rem;
        font-size: 1.1rem;
}
.table-default tbody tr:nth-child(odd) {
        background: hsla(0, 0%, 100%, 0.1);
}
.table-default tbody tr:nth-child(odd) td:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
}
.table-default tbody tr:nth-child(odd) td:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
}
.table-default tbody tr:last-child td {
        padding: 0.5rem 0.75rem 0;
}
.btn {
        padding: 4px 23px;
        color: #fff !important;
        border-radius: 5px;
        font-weight: 700;
        font-size: 1rem;
}
@media screen and (max-width: 512px) {
        .btn {
                padding: 4px 13px;
        }
}
.btn.red {
        border: 2px solid #ff0031;
}
.btn.red.fill,
.btn.red:hover {
        background: #ff0031;
        box-shadow: 0 10px 40px rgba(255, 0, 49, 0.6);
}
.btn.red.fill:hover {
        background: transparent;
}
.btn:focus {
        outline: none;
        box-shadow: none;
}
.btn.disabled,
.btn:disabled {
        pointer-events: none;
}
.btn.disabled {
        opacity: 0.6;
}
.font-0-6 {
        font-size: 0.6rem;
}
.font-0-7 {
        font-size: 0.7rem;
}
.font-0-8 {
        font-size: 0.8rem;
}
.font-0-9 {
        font-size: 0.9rem;
}
.font-1-0 {
        font-size: 1rem;
}
.font-1-1 {
        font-size: 1.1rem;
}
.font-1-2 {
        font-size: 1.2rem;
}
.font-1-3 {
        font-size: 1.3rem;
}
.font-1-4 {
        font-size: 1.4rem;
}
.font-1-5 {
        font-size: 1.5rem;
}
.font-1-6 {
        font-size: 1.6rem;
}
.font-1-7 {
        font-size: 1.7rem;
}
.font-1-8 {
        font-size: 1.8rem;
}
.font-2-0 {
        font-size: 2rem;
}
.font-2-2 {
        font-size: 2.2rem;
}
.font-2-4 {
        font-size: 2.4rem;
}
.font-2-6 {
        font-size: 2.6rem;
}
.font-2-8 {
        font-size: 2.8rem;
}
.font-3-0 {
        font-size: 3rem;
}
.font-3-2 {
        font-size: 3.2rem;
}
.font-3-4 {
        font-size: 3.4rem;
}
.font-3-6 {
        font-size: 3.6rem;
}
.font-3-8 {
        font-size: 3.8rem;
}
.font-4-0 {
        font-size: 4rem;
}
.font-4-2 {
        font-size: 4.2rem;
}
.font-4-4 {
        font-size: 4.4rem;
}
.font-4-6 {
        font-size: 4.6rem;
}
.font-4-8 {
        font-size: 4.8rem;
}
.font-5-0 {
        font-size: 5rem;
}
.font-5-2 {
        font-size: 5.2rem;
}
.font-5-4 {
        font-size: 5.4rem;
}
.font-5-6 {
        font-size: 5.6rem;
}
.font-5-8 {
        font-size: 5.8rem;
}
.font-6-0 {
        font-size: 6rem;
}
.font-6-4 {
        font-size: 6.4rem;
}
.font-6-6 {
        font-size: 6.6rem;
}
.font-6-8 {
        font-size: 6.8rem;
}
.font-7-0 {
        font-size: 7rem;
}
.font-7-4 {
        font-size: 7.4rem;
}
.font-8-0 {
        font-size: 8rem;
}
.font-9-0 {
        font-size: 9rem;
}
.font-weight-900 {
        font-weight: 900;
}
.font-weight-800 {
        font-weight: 800;
}
.font-weight-700 {
        font-weight: 700;
}
.font-weight-600 {
        font-weight: 600;
}
.font-weight-500 {
        font-weight: 500;
}
.font-weight-400 {
        font-weight: 400;
}
.font-weight-300 {
        font-weight: 300;
}
.font-weight-200 {
        font-weight: 200;
}
.font-weight-100 {
        font-weight: 100;
}
.font-primary {
        color: #ff0031;
}
.default-modal {
        background: rgba(0, 0, 0, 0.4) !important;
}
.default-modal .modal-content {
        background: rgba(0, 0, 0, 0.8);
        border: 3px solid #ff0031;
        border-radius: 20px !important;
}
.default-modal .modal-content .btn-close-circle {
        top: 8px;
        right: 8px;
        background: transparent;
        z-index: 1;
}
.default-modal .modal-ul {
        padding-left: 15px;
}
.default-modal .modal-ul li {
        list-style-type: decimal;
}
.default-modal tbody tr td {
        padding: 0.5rem 0.75rem !important;
}
.default-modal .your_rank {
        background: #ff0031 !important;
}
.default-modal .your_rank td:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
}
.default-modal .your_rank td:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
}
.ap-bg .ap-cont {
        background: rgba(0, 0, 0, 0.8);
        border: 3px solid #ff0031;
        border-radius: 20px;
        max-width: 350px;
        padding: 23px 0;
}
.ap-bg .ap-cont .ap-content .ap-content-middle {
        padding: 0;
}
.ap-bg .ap-cont .ap-content .ap-content-middle .ap-component-section {
        background: transparent;
}
.ap-bg
        .ap-cont
        .ap-content
        .ap-content-middle
        .ap-component-section
        .ap-component-cont
        .ap-component-gradient {
        display: none;
}
.ap-bg
        .ap-cont
        .ap-content
        .ap-content-middle
        .ap-component-section
        .ap-component-cont
        .ap-component-data
        .ap-row {
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
        transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.5;
}
@media (prefers-reduced-motion: reduce) {
        .ap-bg
                .ap-cont
                .ap-content
                .ap-content-middle
                .ap-component-section
                .ap-component-cont
                .ap-component-data
                .ap-row {
                transition: none;
        }
}
.ap-bg
        .ap-cont
        .ap-content
        .ap-content-middle
        .ap-component-section
        .ap-component-cont
        .ap-component-data
        .ap-row.ap-row-selected {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
}
.ap-bg
        .ap-cont
        .ap-content
        .ap-content-middle
        .ap-component-section
        .ap-component-cont
        .ap-component-selector {
        display: none;
}
.ap-bg .ap-cont .ap-footer .ap-button-cont {
        float: none;
}
.ap-bg .ap-cont .ap-footer .ap-button-cont .ap-button {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 3px 16px;
}
.fifa-goal-main {
        max-width: 500px;
        min-height: 500px;
}
.fifa-goal-main .event-end-bar {
        background: #ff0031;
        font-weight: 900;
        border-radius: 10px;
}
.fifa-goal-main.tabs-default .nav-tabs li a {
        opacity: 1;
}
@media screen and (max-width: 512px) {
        .fifa-goal-main.tabs-default .nav-tabs li a {
                padding: 4px 13px !important;
        }
}
.fifa-goal-main .btn-fill {
        border-radius: 5px;
        border: 1px solid #ff0031;
        background: #750000 !important;
        padding: 4px 20px !important;
        font-size: 0.9rem !important;
        cursor: pointer;
}
.fifa-goal-main .team-frame {
        background: rgba(0, 0, 0, 0.6);
        border-radius: 10px;
        box-shadow: 0 2px 3px -1px rgba(50, 50, 93, 0.25),
                0 1px 3px -1px hsla(0, 0%, 96.1%, 0.3);
}
.fifa-goal-main .goal-frame {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
}
.fifa-goal-main .goal-frame,
.fifa-goal-main .team-vs {
        border: 1px solid #ff0031;
        border-radius: 10px;
}
.fifa-goal-main .team-pos {
        left: 0;
        right: 0;
        margin: auto;
        z-index: 9;
}
.fifa-goal-main .country_select {
        border-radius: 5px;
        border: 1px solid #ff0031;
        background: #750000;
        padding: 5px;
        cursor: pointer;
        transition: 0.5s;
}
.fifa-goal-main .country_select:hover {
        background: #ff0031;
        box-shadow: 0 10px 40px rgba(255, 0, 49, 0.6);
}
.fifa-goal-main .fifa-volume {
        border-radius: 5px;
        border: 1px solid #ff0031;
        background: #750000;
        padding: 5px;
        cursor: pointer;
        transition: 0.5s;
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 12;
}
.fifa-goal-main .fifa-volume:hover {
        background: #ff0031;
        box-shadow: 0 10px 40px rgba(255, 0, 49, 0.6);
}
.fifa-goal-main .country-img {
        width: 25px;
}
.fifa-goal-main .team-title {
        text-align: center;
        line-height: 20px;
}
@media screen and (max-width: 512px) {
        .fifa-goal-main .team-title {
                font-size: 14px;
        }
}
@media screen and (max-width: 512px) {
        .fifa-goal-main .team-title h2 {
                font-size: 18px;
        }
}
.fifa-goal-main .team-title span {
        font-size: 14px;
        color: hsla(0, 0%, 100%, 0.6);
}
@media screen and (max-width: 512px) {
        .fifa-goal-main .team-title span {
                font-size: 12px;
        }
}
.fifa-goal-main .flag-img {
        width: 60px;
        height: 40px;
}
@media screen and (max-width: 512px) {
        .fifa-goal-main .flag-img {
                width: 35px;
                height: 25px;
        }
}
.fifa-goal-main .kick-selection {
        position: absolute;
        bottom: 35%;
        left: 0;
        right: 0;
        z-index: 3;
}
@media screen and (max-width: 512px) {
        .fifa-goal-main .kick-selection {
                bottom: 33%;
        }
}
.fifa-goal-main .kick-selection .box-style {
        background: #ff0031;
        color: #fff;
        font-weight: 700;
        border-radius: 20px;
        width: 50px;
        height: 50px;
        font-size: 20px;
        cursor: pointer;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5),
                0 10px 10px rgba(0, 0, 0, 0.5);
}
.fifa-goal-main .kick-selection .kick-option {
        margin-left: 25px;
        margin-right: 25px;
        background: transparent;
        border: 0;
}
@media screen and (max-width: 512px) {
        .fifa-goal-main .kick-selection .kick-option {
                margin-left: 10px;
                margin-right: 10px;
        }
}
@media screen and (max-width: 512px) {
        .fifa-goal-main .fifa-word {
                font-size: 20px;
        }
}
.fifa-goal-main .animation-gif {
        width: 230%;
        z-index: 5;
        left: -65%;
}
.fifa-goal-main .animation-status {
        width: 100%;
        z-index: 6;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -15px;
}
.fifa-goal-main .normal-text {
        font-weight: 400;
        font-size: 14px;
}
.fifa-goal-main .fifa-chance {
        bottom: 20px;
        right: 20px;
        z-index: 9;
}
.fifa-goal-main .fifa-chance .chance {
        font-size: 20px;
}
.fifa-goal-main .fifa-chance .chance-style {
        background: #ff0031;
        color: #fff;
        font-weight: 700;
        border-radius: 10px;
        width: 30px;
        height: 30px;
        font-size: 20px;
        cursor: pointer;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5),
                0 10px 10px rgba(0, 0, 0, 0.5);
}
.fifa-goal-main .goal-loader {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 3;
        margin: auto;
        top: 50%;
}
.fifa-goal-main .gradient-bg {
        background: #000;
        background: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0));
        position: absolute;
        bottom: 0;
        height: 70px;
        width: 100%;
        z-index: 7;
}
.fifa-result-main #result-tabs-content i {
        cursor: pointer;
}
.fifa-result-main #result-tabs-content i:hover {
        color: #ff0031 !important;
}
.fifa-result-main #result-tabs-content .price-money-wrapper .default-box {
        border: 3px solid #ff0031;
}
.fifa-result-main
        #result-tabs-content
        .price-money-wrapper
        .default-box
        .price-money {
        margin: -12px 0 -10px !important;
}
.fifa-result-main #result-tabs-content .price-money-table .default-box {
        background: linear-gradient(180deg, transparent, transparent);
}
.fifa-result-main
        #result-tabs-content
        #result-group-stage
        .guess-correct-warpper {
        line-height: 63px;
}
.fifa-result-main
        #result-tabs-content
        #result-group-stage
        .guess-correct-warpper:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-54%, -43%);
        transform: translate(-54%, -43%);
        z-index: 0;
        width: 130px;
        height: 155%;
        border-radius: 53px;
        background: linear-gradient(180deg, #ff0031, rgba(255, 0, 49, 0));
        opacity: 0.4;
}
.fifa-result-main
        #result-tabs-content
        #result-group-stage
        .guess-correct-warpper:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 48%;
        z-index: 1;
        -webkit-transform: translate(-50%, -50%) rotate(35deg);
        transform: translate(-50%, -50%) rotate(35deg);
        width: 3px;
        height: 100%;
        background: #fff;
}
.fifa-result-main
        #result-tabs-content
        #result-group-stage
        .guess-correct-warpper
        p {
        z-index: 1;
}
.fifa-result-main
        #result-tabs-content
        #result-group-stage
        .guess-correct-warpper
        .guess-correct {
        top: -30px;
        left: -13px;
}
.fifa-result-main
        #result-tabs-content
        #result-group-stage
        .guess-correct-warpper
        .guess-total-correct {
        top: 30px;
        left: 13px;
}
.fifa-result-main
        #result-tabs-content
        #result-group-stage
        .price-money-table
        .default-box {
        max-width: 520px;
        width: 100%;
}
.fifa-result-main
        #result-tabs-content
        #result-group-stage
        .price-money-table
        .default-box
        .default-box-body {
        background: linear-gradient(
                        0deg,
                        rgba(0, 0, 0, 0.4),
                        rgba(0, 0, 0, 0.4)
                ),
                linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        border-radius: 13px;
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-header {
        opacity: 0.5;
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-header.dim {
        background: linear-gradient(
                270deg,
                rgba(255, 0, 49, 0) 17.56%,
                rgba(255, 0, 49, 0.8) 82.97%
        );
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        p {
        opacity: 0.5;
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .input-select-wrapper {
                position: relative;
                z-index: 1;
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .input-select-wrapper
        input {
        max-width: 120px;
        padding: 4px 0;
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .input-select-wrapper
                input {
                max-width: 100px;
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .input-select-wrapper
        input.active {
        background: rgba(255, 0, 49, 0.7);
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .input-select-wrapper
        input.win {
        background: #ff0031;
        box-shadow: 0 10px 40px rgba(255, 0, 49, 0.6);
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .default-box-items {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .default-box-items.left {
        left: -10px;
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.left {
                left: -16px;
        }
}
@media screen and (max-width: 1023px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.left.mobile-right {
                left: auto;
                right: -10px;
        }
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.left.mobile-right {
                right: -16px;
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .default-box-items.right {
        right: -10px;
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.right {
                right: -16px;
        }
}
@media screen and (max-width: 1023px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.right.mobile-left {
                left: -10px;
                right: auto;
                -webkit-transform: translateY(-20%);
                transform: translateY(-20%);
        }
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.right.mobile-right {
                -webkit-transform: translateY(-20%);
                transform: translateY(-20%);
        }
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.right.mobile-left {
                left: -16px;
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .default-box-items.middle {
        left: 50%;
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%);
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .mutiple-line {
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
        width: calc(100% - 188px);
        height: 33px;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
}
@media screen and (max-width: 1023px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line {
                border: 2px solid #fff;
                border-left: 0;
                width: calc(100% - 240px);
                -webkit-transform: translate(8px, -15px);
                transform: translate(8px, -15px);
                height: 50px;
        }
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.right {
                -webkit-transform: translate(-24px, -15px) rotate(180deg);
                transform: translate(-24px, -15px) rotate(180deg);
        }
}
@media screen and (max-width: 1023px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer {
                width: 6%;
        }
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer {
                -webkit-transform: translate(24px, -15px);
                transform: translate(24px, -15px);
        }
}
@media screen and (max-width: 512px) and (max-width: 375px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer {
                -webkit-transform: translate(33px, -15px);
                transform: translate(33px, -15px);
        }
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer.right {
                -webkit-transform: translate(-35px, -15px) rotate(180deg);
                transform: translate(-35px, -15px) rotate(180deg);
        }
}
@media screen and (max-width: 512px) and (max-width: 375px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer.right {
                -webkit-transform: translate(-40.5px, -15px) rotate(180deg);
                transform: translate(-40.5px, -15px) rotate(180deg);
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .mutiple-line.two-input {
        border: 2px solid #fff;
        border-top: 0;
        width: calc(100% - 313px);
        -webkit-transform: translate(-50%, 28%);
        transform: translate(-50%, 28%);
}
@media screen and (max-width: 1023px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.two-input {
                width: 51%;
                height: 23px;
                -webkit-transform: translate(-50%, -1px);
                transform: translate(-50%, -1px);
        }
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.two-input {
                height: 11px;
                -webkit-transform: translate(-50%, -13px);
                transform: translate(-50%, -13px);
                width: 31%;
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line {
        width: 1.5px;
        height: 98px;
        background: #fff;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -98px);
        transform: translate(-50%, -98px);
}
@media screen and (max-width: 1023px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line {
                height: 124px;
                -webkit-transform: translate(-50%, -124px);
                transform: translate(-50%, -124px);
        }
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.right {
                width: 2px;
        }
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.left {
                -webkit-transform: translate(30px, -124px);
                transform: translate(30px, -124px);
        }
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.right {
                -webkit-transform: translate(-30px, -124px);
                transform: translate(-30px, -124px);
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line.two-input {
        width: 2px;
        height: 40px;
        -webkit-transform: translate(-50%, -40px);
        transform: translate(-50%, -40px);
}
@media screen and (max-width: 1023px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.two-input {
                width: 1.5px;
                height: 25px;
                -webkit-transform: translate(-50%, -25px);
                transform: translate(-50%, -25px);
        }
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.two-input {
                height: 15px;
                -webkit-transform: translate(-50%, -14px);
                transform: translate(-50%, -14px);
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line.inner {
        width: 24px;
        height: 2px;
        background: #fff;
        top: 50%;
        left: 50%;
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line.inner.left {
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.inner.left {
                width: 17px;
                -webkit-transform: translate(197%, -50%);
                transform: translate(197%, -50%);
        }
}
@media (max-width: 375px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.inner.left {
                width: 10px;
                -webkit-transform: translate(403%, -50%);
                transform: translate(403%, -50%);
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line.inner.right {
        -webkit-transform: translate(-200%, -50%);
        transform: translate(-200%, -50%);
}
@media screen and (max-width: 512px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.inner.right {
                width: 16px;
                -webkit-transform: translate(-310%, -50%);
                transform: translate(-310%, -50%);
        }
}
@media (max-width: 375px) {
        .fifa-result-main
                #result-tabs-content
                #result-final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.inner.right {
                width: 10px;
                -webkit-transform: translate(-483%, -50%);
                transform: translate(-483%, -50%);
        }
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .lock-screen {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        top: 0;
        left: 0;
}
.fifa-result-main
        #result-tabs-content
        #result-final-stage
        .final-stage-chart
        .lock-screen
        img {
        opacity: 0.9;
        max-width: 130px;
}
.fifa-guess-main #guess-tabs-content #how-to-play .default-box {
        width: 100%;
        max-width: 200px;
}
.fifa-guess-main
        #guess-tabs-content
        #how-to-play
        .default-box
        .default-box-body
        .default-box-items {
        position: relative;
        z-index: 1;
}
.fifa-guess-main
        #guess-tabs-content
        #how-to-play
        .default-box
        .default-box-body
        .default-box-items
        .default-checkbox {
        cursor: auto;
}
.fifa-guess-main
        #guess-tabs-content
        #how-to-play
        .default-box
        .default-box-body
        .intruction-text {
        top: 50%;
        right: 0;
        -webkit-transform: translate(80%, -30%);
        transform: translate(80%, -30%);
        z-index: 0;
}
.fifa-guess-main
        #guess-tabs-content
        #how-to-play
        .default-box
        .default-box-body
        .intruction-text
        p {
        max-width: 90px;
        line-height: 18px;
}
.fifa-guess-main
        #guess-tabs-content
        #how-to-play
        .default-box
        .default-box-body
        .intruction-text
        .indicator-mutiple {
        width: 50px;
        height: 74px;
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
}
.fifa-guess-main
        #guess-tabs-content
        #how-to-play
        .default-box
        .default-box-body
        .intruction-text
        .indicator-single {
        width: 25px;
        height: 2px;
        background: #fff;
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #how-to-play
                .input-select-wrapper {
                position: relative;
                left: -20px;
        }
}
.fifa-guess-main #guess-tabs-content #how-to-play .input-select-wrapper input {
        max-width: 143px;
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #how-to-play
                .input-select-wrapper
                input {
                max-width: 134px;
        }
}
.fifa-guess-main #guess-tabs-content #group-stage .btn {
        min-width: 152px;
        font-size: 1.1rem;
}
.fifa-guess-main #guess-tabs-content #group-stage .group-stage-col.guest {
        opacity: 0.6;
}
.fifa-guess-main #guess-tabs-content #group-stage .group-stage-col.inactive {
        opacity: 0.6;
        pointer-events: none;
}
.fifa-guess-main #guess-tabs-content #final-stage .progress {
        max-height: 12px;
        border-radius: 50px;
}
.fifa-guess-main #guess-tabs-content #final-stage .progress .progress-bar {
        background: #ff0031;
        border-radius: 50px;
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-header.dim {
        background: linear-gradient(
                270deg,
                rgba(255, 0, 49, 0) 17.56%,
                rgba(255, 0, 49, 0.8) 82.97%
        );
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .input-select-wrapper {
                position: relative;
                z-index: 1;
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .input-select-wrapper
        input {
        max-width: 120px;
        padding: 4px 0;
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .input-select-wrapper
                input {
                max-width: 100px;
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .input-select-wrapper
        input.inactive {
        opacity: 0.6;
        pointer-events: none;
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .default-box-items {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .default-box-items.left {
        left: -10px;
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.left {
                left: -16px;
        }
}
@media screen and (max-width: 1023px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.left.mobile-right {
                left: auto;
                right: -10px;
        }
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.left.mobile-right {
                right: -16px;
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .default-box-items.right {
        right: -10px;
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.right {
                right: -16px;
        }
}
@media screen and (max-width: 1023px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.right.mobile-left {
                left: -10px;
                right: auto;
                -webkit-transform: translateY(-20%);
                transform: translateY(-20%);
        }
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.right.mobile-right {
                -webkit-transform: translateY(-20%);
                transform: translateY(-20%);
        }
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .default-box-items.right.mobile-left {
                left: -16px;
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .default-box-items.middle {
        left: 50%;
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%);
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .mutiple-line {
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
        width: calc(100% - 188px);
        height: 33px;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
}
@media screen and (max-width: 1023px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line {
                border: 2px solid #fff;
                border-left: 0;
                width: calc(100% - 240px);
                -webkit-transform: translate(8px, -15px);
                transform: translate(8px, -15px);
                height: 50px;
        }
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.right {
                -webkit-transform: translate(-24px, -15px) rotate(180deg);
                transform: translate(-24px, -15px) rotate(180deg);
        }
}
@media screen and (max-width: 1023px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer {
                width: 6%;
        }
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer {
                -webkit-transform: translate(24px, -15px);
                transform: translate(24px, -15px);
        }
}
@media screen and (max-width: 512px) and (max-width: 375px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer {
                -webkit-transform: translate(33px, -15px);
                transform: translate(33px, -15px);
        }
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer.right {
                -webkit-transform: translate(-35px, -15px) rotate(180deg);
                transform: translate(-35px, -15px) rotate(180deg);
        }
}
@media screen and (max-width: 512px) and (max-width: 375px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.first-layer.right {
                -webkit-transform: translate(-40.5px, -15px) rotate(180deg);
                transform: translate(-40.5px, -15px) rotate(180deg);
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .mutiple-line.two-input {
        border: 2px solid #fff;
        border-top: 0;
        width: calc(100% - 313px);
        -webkit-transform: translate(-50%, 28%);
        transform: translate(-50%, 28%);
}
@media screen and (max-width: 1023px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.two-input {
                width: 51%;
                height: 23px;
                -webkit-transform: translate(-50%, -1px);
                transform: translate(-50%, -1px);
        }
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .mutiple-line.two-input {
                height: 11px;
                -webkit-transform: translate(-50%, -13px);
                transform: translate(-50%, -13px);
                width: 31%;
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line {
        width: 1.5px;
        height: 98px;
        background: #fff;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -98px);
        transform: translate(-50%, -98px);
}
@media screen and (max-width: 1023px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line {
                height: 124px;
                -webkit-transform: translate(-50%, -124px);
                transform: translate(-50%, -124px);
        }
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.right {
                width: 2px;
        }
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.left {
                -webkit-transform: translate(30px, -124px);
                transform: translate(30px, -124px);
        }
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.right {
                -webkit-transform: translate(-30px, -124px);
                transform: translate(-30px, -124px);
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line.two-input {
        width: 2px;
        height: 40px;
        -webkit-transform: translate(-50%, -40px);
        transform: translate(-50%, -40px);
}
@media screen and (max-width: 1023px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.two-input {
                width: 1.5px;
                height: 25px;
                -webkit-transform: translate(-50%, -25px);
                transform: translate(-50%, -25px);
        }
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.two-input {
                height: 15px;
                -webkit-transform: translate(-50%, -14px);
                transform: translate(-50%, -14px);
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line.inner {
        width: 24px;
        height: 2px;
        background: #fff;
        top: 50%;
        left: 50%;
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line.inner.left {
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.inner.left {
                width: 17px;
                -webkit-transform: translate(197%, -50%);
                transform: translate(197%, -50%);
        }
}
@media (max-width: 375px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.inner.left {
                width: 10px;
                -webkit-transform: translate(403%, -50%);
                transform: translate(403%, -50%);
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .default-box
        .default-box-body
        .single-line.inner.right {
        -webkit-transform: translate(-200%, -50%);
        transform: translate(-200%, -50%);
}
@media screen and (max-width: 512px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.inner.right {
                width: 16px;
                -webkit-transform: translate(-310%, -50%);
                transform: translate(-310%, -50%);
        }
}
@media (max-width: 375px) {
        .fifa-guess-main
                #guess-tabs-content
                #final-stage
                .final-stage-chart
                .default-box
                .default-box-body
                .single-line.inner.right {
                width: 10px;
                -webkit-transform: translate(-483%, -50%);
                transform: translate(-483%, -50%);
        }
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .lock-screen {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        top: 0;
        left: 0;
}
.fifa-guess-main
        #guess-tabs-content
        #final-stage
        .final-stage-chart
        .lock-screen
        img {
        opacity: 0.9;
}
.text-eured {
        color: #ff0031;
}
.daily-mission-main .btn {
        white-space: nowrap;
}
.daily-mission-main .btn-red {
        background: linear-gradient(180deg, #ec002d, #7c0018);
        border-radius: 50px;
        height: 36px;
}
.daily-mission-main.disable {
        pointer-events: none;
}
@media (min-width: 1640px) {
        .daily-mission-main .bgimg {
                min-height: 100% !important;
        }
}
.daily-mission-main .tnc-wrapper {
        background-image: url(/assets/events/daily-mission/daily-mission-button-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/daily-mission/daily-mission-button-bg.webp")
                        1x
        );
        background-position: 50%;
        background-size: 100% 100%;
        top: 0;
        right: 60px;
        cursor: pointer;
        padding: 20px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        color: #6d4800;
        font-size: 1rem;
}
@media screen and (max-width: 1023px) {
        .daily-mission-main .tnc-wrapper {
                right: -23px;
                font-size: 0.8rem;
        }
}
@media screen and (max-width: 512px) {
        .daily-mission-main .tnc-wrapper {
                position: relative !important;
                right: 0;
                margin-left: auto !important;
                margin-bottom: 13px;
                padding: 13px;
        }
}
.daily-mission-main .tnc-wrapper:hover {
        color: #3a2700;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-main-title
        img {
        max-width: 300px;
}
.daily-mission-main .daily-mission-content-wrapper .daily-mission-sub-title p {
        font-size: 1.9rem;
        z-index: 1;
        top: 2.5px;
        line-height: 33px;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-sub-title
        p:before {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        color: #ff0031;
        font-size: 1.9rem;
        font-style: italic;
        -webkit-text-stroke: 6px #ff0031;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-sub-title
        img {
        max-width: 75px;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-sub-title
                img {
                max-width: 58px;
        }
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-sub-title
                img.move-to-right-mobile {
                max-width: 95px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-sub-title.ph
        p {
        font-size: 1.65rem;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-sub-title.ph
                p {
                font-size: 1.4rem;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-sub-title.ph
        p:before {
        font-size: 1.65rem;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-sub-title.ph
                p:before {
                font-size: 1.4rem;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar {
        margin-top: -36px;
        max-width: 1180px;
}
@media (min-width: 1640px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar {
                max-width: 1090px;
        }
}
@media screen and (max-width: 1023px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar {
                margin-top: 0;
        }
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar {
                margin-top: -16px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing {
        border-radius: 13px;
        background: #1f1f1f;
        min-height: 485px;
        max-height: 485px;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .nav-tabs {
        background: linear-gradient(
                180deg,
                rgba(70, 70, 70, 0.6),
                #1e1e1e,
                #1e1e1e
        );
        border-radius: 13px;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .nav-tabs.id
        .nav-item {
        width: 33.33%;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .nav-tabs
        .nav-item {
        width: 50%;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .nav-tabs
        .nav-item
        .nav-link {
        text-align: center;
        text-transform: capitalize;
        color: #fff !important;
        border: none;
        border-top-left-radius: 13px;
        border-top-right-radius: 13px;
        font-weight: 400;
        padding: 10px 0;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-listing-wrapper
                .daily-mission-listing
                .nav-tabs
                .nav-item
                .nav-link {
                font-size: 0.98rem;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .nav-tabs
        .nav-item
        .nav-link.active,
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .nav-tabs
        .nav-item
        .nav-link:hover {
        border: none;
        background: linear-gradient(180deg, #ec002d, #7c0018);
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content {
        min-height: 443px;
        max-height: 443px;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content::-webkit-scrollbar {
        display: none;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box {
        background: #252525;
        border-radius: 8px;
        min-height: 101px;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box:last-child {
        margin-bottom: 0 !important;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.failed {
        opacity: 0.2;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.failed
        .btn-red {
        pointer-events: none;
        background: #3f3a37;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.achieved {
        background: linear-gradient(
                180deg,
                rgba(236, 0, 45, 0.4),
                rgba(124, 0, 24, 0.4)
        );
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-listing-wrapper
                .daily-mission-listing
                .tab-content
                .listing-box.achieved
                .text-wrapper {
                max-width: 150px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.achieved
        .button-wrapper {
        right: 0;
        top: 7px;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-listing-wrapper
                .daily-mission-listing
                .tab-content
                .listing-box.achieved
                .button-wrapper {
                right: -13px;
        }
}
@media (max-width: 361px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-listing-wrapper
                .daily-mission-listing
                .tab-content
                .listing-box.achieved
                .button-wrapper {
                max-width: 120px;
                top: 20px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.achieved
        .button-wrapper
        img {
        max-width: 150px;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-listing-wrapper
                .daily-mission-listing
                .tab-content
                .listing-box.achieved
                .button-wrapper
                img {
                max-width: 140px;
        }
}
@media (max-width: 361px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-listing-wrapper
                .daily-mission-listing
                .tab-content
                .listing-box.achieved
                .button-wrapper
                img {
                max-width: 120px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.not_achieved
        .button-wrapper
        .hide-target-amount,
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.pending
        .button-wrapper
        .hide-target-amount {
        position: relative;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.not_achieved
        .button-wrapper
        .hide-target-amount:after,
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.pending
        .button-wrapper
        .hide-target-amount:after {
        content: "";
        position: absolute;
        top: 26px;
        left: 0;
        width: var(--data-progress-bar);
        height: 6px;
        background: red;
        border-radius: 13px;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.not_achieved
        .button-wrapper
        .hide-target-amount:before,
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-listing-wrapper
        .daily-mission-listing
        .tab-content
        .listing-box.pending
        .button-wrapper
        .hide-target-amount:before {
        content: "";
        position: absolute;
        top: 26px;
        left: 0;
        width: 100%;
        height: 6px;
        border: 1px solid #fff;
        background: transparent;
        border-radius: 13px;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-listing-wrapper
                .daily-mission-listing
                .tab-content
                .listing-box
                .button-wrapper
                p,
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-listing-wrapper
                .daily-mission-listing
                .tab-content
                .listing-box
                .text-wrapper
                p {
                line-height: 20px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar {
        border-radius: 13px;
        background: #1f1f1f;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .current-month {
        border-top-right-radius: 13px;
        border-top-left-radius: 13px;
        background: linear-gradient(180deg, #ec002d, #7c0018);
        padding: 10px 23px !important;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-calendar-wrapper
                .daily-mission-calendar
                .current-month {
                padding: 10px 20px !important;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .current-month
        p
        span {
        font-size: 0.8rem;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar {
        display: grid;
        grid-gap: 6px 10px;
        grid-template-columns: repeat(7, 1fr);
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-day
        p {
        text-transform: uppercase;
        text-align: center;
        font-family: Inter, sans-serif;
        font-weight: 400;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-calendar-wrapper
                .daily-mission-calendar
                .calendar.calendar-day
                p {
                font-size: 0.85rem;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper {
        cursor: pointer;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper
        .date {
        background: #1c1c1c;
        border-radius: 10px;
        padding: 10px 0;
        max-width: 50px;
        border: 1px solid transparent;
        box-shadow: 0 0 6.97314px transparent;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-calendar-wrapper
                .daily-mission-calendar
                .calendar.calendar-date
                .date-wrapper
                .date {
                padding: 4px 0;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper
        .date
        img {
        max-width: 23px;
        position: relative;
        top: -2px;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-calendar-wrapper
                .daily-mission-calendar
                .calendar.calendar-date
                .date-wrapper
                .date
                img {
                max-width: 18px;
                left: -0.3px;
                top: -1px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper
        .date.achieved {
        background: rgba(0, 142, 23, 0.3);
        border: 1px solid #008e17;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper
        .date.achieved
        img {
        max-width: 15px;
        top: 0;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-calendar-wrapper
                .daily-mission-calendar
                .calendar.calendar-date
                .date-wrapper
                .date.achieved
                img {
                max-width: 10px;
                left: -0.3px;
                top: -1px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper
        .date.expired {
        background: rgba(83, 79, 74, 0.3);
        border: 1px solid #534f4a;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper
        .date.expired
        img {
        max-width: 15px;
        top: 0;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-calendar-wrapper
                .daily-mission-calendar
                .calendar.calendar-date
                .date-wrapper
                .date.expired
                img {
                max-width: 10px;
        }
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper
        .date.pending {
        background: linear-gradient(
                180deg,
                rgba(236, 0, 45, 0.3),
                rgba(124, 0, 24, 0.3)
        );
        box-shadow: 0 0 6.97314px #ff0031;
        border: 1px solid #ec002d;
}
.daily-mission-main
        .daily-mission-content-wrapper
        .daily-mission-listing-calendar
        .daily-mission-calendar-wrapper
        .daily-mission-calendar
        .calendar.calendar-date
        .date-wrapper
        p {
        font-size: 0.9rem;
}
@media screen and (max-width: 512px) {
        .daily-mission-main
                .daily-mission-content-wrapper
                .daily-mission-listing-calendar
                .daily-mission-calendar-wrapper
                .daily-mission-calendar
                .calendar.calendar-date
                .date-wrapper
                p {
                font-size: 0.8rem;
        }
}
.daily-mission-modal .modal-dialog .modal-content {
        border: 3px solid #b00000;
        border-radius: 8px;
        border-bottom-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
}
.daily-mission-modal .modal-dialog .modal-content .modal-body label {
        line-height: 26px;
        font-weight: 600;
}
.daily-mission-modal .modal-dialog .modal-content .modal-body hr {
        border-top: 2px solid #fff;
        opacity: 0.5;
        max-width: calc(100% - 230px);
}
.daily-mission-modal
        .modal-dialog
        .modal-content
        .modal-body
        .term-text-wrapper
        p {
        font-size: 1.6rem;
        font-weight: 600;
}
.daily-mission-modal
        .modal-dialog
        .modal-content
        .modal-body
        .term-text-wrapper
        ul
        li
        a {
        color: #fff;
        transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
        .daily-mission-modal
                .modal-dialog
                .modal-content
                .modal-body
                .term-text-wrapper
                ul
                li
                a {
                transition: none;
        }
}
.daily-mission-modal
        .modal-dialog
        .modal-content
        .modal-body
        .term-text-wrapper
        ul
        li
        a:hover {
        color: #ff0031;
}
.daily-mission-modal
        .modal-dialog
        .modal-content
        .modal-body
        .messageModal-text
        p {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 26px;
}
.daily-mission-modal .modal-dialog .modal-content .modal-body .btn span {
        font-size: 1rem;
        font-weight: 700;
}
.sigma-group-wrapper {
        background-image: url(/assets/events/sigma/sigma-group-bg-desktop.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/sigma/sigma-group-bg-desktop.webp") 1x
        );
        background-position: top;
        min-height: 100vh;
}
@media screen and (max-width: 1023px) {
        .sigma-group-wrapper {
                background-image: url(/assets/events/sigma/sigma-group-bg-mobile.jpg);
                background-position: 50%;
                background-size: cover;
                background-repeat: no-repeat;
                background-image: -webkit-image-set(
                        url("/assets/events/sigma/sigma-group-bg-mobile.webp")
                                1x
                );
                min-height: auto;
        }
}
.sigma-group-wrapper img.piki-img {
        max-width: 410px;
}
@media screen and (max-width: 1023px) {
        .sigma-group-wrapper img.piki-img {
                max-width: 240px;
                max-width: 260px;
        }
}
.sigma-group-wrapper img.sigma-group-title {
        max-width: 460px;
}
@media screen and (max-width: 1023px) {
        .sigma-group-wrapper img.sigma-group-title {
                max-width: 400px;
        }
}
@media screen and (max-width: 512px) {
        .sigma-group-wrapper img.sigma-group-title {
                max-width: 330px;
        }
}
.sigma-group-wrapper img.sigma-group-desc {
        max-width: 750px;
}
@media screen and (max-width: 1023px) {
        .sigma-group-wrapper img.sigma-group-desc {
                max-width: 500px;
        }
}
@media screen and (max-width: 512px) {
        .sigma-group-wrapper img.sigma-group-desc {
                max-width: 100%;
        }
}
.sigma-group-wrapper .sigma-group-content .countdown-wrapper {
        min-height: auto;
}
@media screen and (max-width: 512px) {
        .sigma-group-wrapper
                .sigma-group-content
                .countdown-wrapper.ph
                #eventStart {
                width: 313px;
        }
        .sigma-group-wrapper
                .sigma-group-content
                .countdown-wrapper.ph
                #eventStart
                .rotor-group
                .rotor-group-heading:before {
                font-size: 0.65rem;
        }
}
.sigma-group-wrapper .sigma-group-content #play-now-btn .btn-red {
        font-size: 2rem;
        padding: 6px 43px;
        transition: all 0.2s ease;
        -webkit-animation: zoominout 1s linear infinite alternate;
        animation: zoominout 1s linear infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
        .sigma-group-wrapper .sigma-group-content #play-now-btn .btn-red {
                transition: none;
        }
}
.sigma-group-wrapper .sigma-group-content #play-now-btn .btn-red:hover {
        color: #ff0031 !important;
        background: #fff;
}
@-webkit-keyframes zoominout {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
        }
}
.sigma-world-map {
        background-image: url(/assets/events/sigma/world-map.jpg);
        background-position: 50%;
        background-image: -webkit-image-set(
                url("/assets/events/sigma/world-map.webp") 1x
        );
        background-position: top;
        min-height: 100vh;
}
.sigma-world-map,
.sigma-world-map .world-map {
        background-size: cover;
        background-repeat: no-repeat;
}
.sigma-world-map .world-map {
        background-image: url(/assets/events/sigma/earth.png);
        background-image: -webkit-image-set(
                url("/assets/events/sigma/earth.webp") 1x
        );
        background-size: contain;
        width: 460px;
        height: 460px;
        background-position: 50%;
        margin: 0 auto;
}
@media screen and (max-width: 512px) {
        .sigma-world-map .world-map {
                width: 320px;
                height: 320px;
        }
}
.sigma-world-map .world-map .map img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        opacity: 0;
}
.sigma-world-map .world-map .location {
        width: 220px;
}
.sigma-world-map .world-map .location#uaeInfo {
        top: 70px;
        right: 0;
}
@media screen and (max-width: 512px) {
        .sigma-world-map .world-map .location#uaeInfo {
                top: 15px;
                left: 160px;
        }
}
.sigma-world-map .world-map .location#philippines1Info {
        top: 70px;
        right: 40px;
}
@media screen and (max-width: 512px) {
        .sigma-world-map .world-map .location#philippines1Info {
                top: 20px;
                right: 15px;
        }
}
.sigma-world-map .world-map .location#brazilInfo {
        bottom: 180px;
        left: 70px;
}
@media screen and (max-width: 512px) {
        .sigma-world-map .world-map .location#brazilInfo {
                bottom: 120px;
                left: 30px;
        }
}
.sigma-world-map .world-map .location#philippines2Info {
        top: 70px;
        right: 40px;
}
@media screen and (max-width: 512px) {
        .sigma-world-map .world-map .location#philippines2Info {
                top: 20px;
                right: 15px;
        }
}
.sigma-world-map .world-map .location#cyprusInfo {
        top: 40px;
        left: 200px;
}
@media screen and (max-width: 512px) {
        .sigma-world-map .world-map .location#cyprusInfo {
                top: -10px;
                left: 130px;
        }
}
.sigma-world-map .world-map .location#maltaInfo {
        top: 40px;
        left: 180px;
}
@media screen and (max-width: 512px) {
        .sigma-world-map .world-map .location#maltaInfo {
                top: -10px;
                left: 115px;
        }
}
.sigma-world-map .world-map .location#kenyaInfo {
        top: 120px;
        left: 220px;
}
@media screen and (max-width: 512px) {
        .sigma-world-map .world-map .location#kenyaInfo {
                top: 45px;
                left: 135px;
        }
}
.sigma-world-map .world-map .location img {
        width: 220px;
}
.sigma-world-map .world-map .location .info {
        bottom: 28px;
        width: 150px;
        line-height: 0.9rem;
}
.sigma-world-map .world-map .location .info.location-left {
        right: 0;
}
.sigma-world-map .world-map .location .info.location-right {
        left: 15px;
}
.sigma-world-map .world-map .location .info .country-name {
        font-size: 0.7rem;
        font-weight: 700;
}
.sigma-world-map .world-map .location .info .place {
        color: #ff0031;
        font-size: 0.6rem;
        font-weight: 700;
}
.sigma-world-map .world-map .location .info .date {
        font-size: 0.6rem;
        font-weight: 700;
}
.sigma-world-map .country a {
        transition: all 0.5s ease-in-out;
        width: 90px;
        height: 90px;
        display: flex;
}
@media (prefers-reduced-motion: reduce) {
        .sigma-world-map .country a {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .sigma-world-map .country a {
                width: 70px;
                height: 70px;
        }
}
.sigma-world-map .country a.active {
        box-shadow: 0 0 22px 0 #fff500;
        -webkit-box-shadow: 0 0 22px 0 #fff500;
        -moz-box-shadow: 0 0 22px 0 #fff500;
        border-radius: 50%;
}
.sigma-world-map .country a.inactive {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
}
.sigma-world-map .country a:focus,
.sigma-world-map .country a:hover {
        box-shadow: none;
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transform: scale(1.3) !important;
        transform: scale(1.3) !important;
}
.sigma-world-map .country a.travel-here {
        border-radius: 50px;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        transition: all 0.5s ease-in-out;
        box-shadow: none;
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
}
@media (prefers-reduced-motion: reduce) {
        .sigma-world-map .country a.travel-here {
                transition: none;
        }
}
.sigma-world-map .country a.travel-here span {
        font-size: 0.7rem;
        line-height: 0.9rem;
}
.bg-tabs {
        background-image: url(/assets/events/million-party/million-part-board.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/million-party/million-part-board.webp") 1x
        );
        background-size: 100% 100%;
        font-size: 1.1rem;
        padding: 13px 30px;
        border-radius: 4px;
}
.bg-tabs.ph {
        padding: 13px 18px;
}
.bg-tabs.vi {
        padding: 13px;
        font-size: 0.85rem;
}
@media screen and (max-width: 1023px) {
        .bg-tabs.vi {
                font-size: 1.1rem;
                padding: 13px 30px;
        }
}
.bg-light {
        background: rgba(0, 0, 0, 0.6) !important;
        border-radius: 13px;
}
.bg-btn {
        font-size: 1.4rem;
}
.bg-btn p {
        position: relative;
        top: -4px;
        -webkit-text-stroke: 1.5px #000;
}
.bg-btn.gold,
.bg-btn.sliver {
        cursor: pointer;
}
.bg-btn.gold {
        background-image: url(/assets/events/million-party/million-party-claim-bg.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/million-party/million-party-claim-bg.webp")
                        1x
        );
        background-size: 100% 100%;
        padding: 13px 33px;
}
@media screen and (max-width: 512px) {
        .bg-btn.gold p {
                font-size: 1.2rem;
        }
}
.bg-btn.sliver {
        background-image: url(/assets/events/million-party/million-party-back-bg.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/million-party/million-party-back-bg.webp")
                        1x
        );
        background-size: 100% 100%;
        padding: 10px;
}
.bg-btn.sliver p {
        font-size: 1rem;
        -webkit-text-stroke: 1.5px transparent;
        top: -3px;
}
.price-grid {
        display: grid;
        grid-gap: 6px 10px;
        grid-template-columns: 1fr 1fr 1fr 80px;
}
.price-grid .img-coins,
.price-grid .img-grand,
.price-grid .img-major,
.price-grid .img-mini {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
}
.price-grid .img-angpau {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}
.price-grid p {
        font-size: 1.6rem;
}
.price-grid p span {
        top: -4px;
        left: -2.5px;
        font-size: 1.2rem;
        font-weight: 600;
}
.price-grid.stick-together {
        display: flex;
        justify-content: center;
        align-items: center;
}
.price-grid.stick-together img {
        position: relative;
        max-width: 45px;
}
@media screen and (max-width: 512px) {
        .price-grid.stick-together img {
                max-width: 30px;
        }
}
.price-grid.stick-together img .img-angpau {
        max-width: 25px;
}
.price-grid.stick-together img:first-child {
        z-index: 3;
}
.price-grid.stick-together img:nth-child(2) {
        z-index: 2;
}
.price-grid.stick-together img:last-child {
        z-index: 1;
}
.price-grid.vn p {
        font-size: 1.1rem;
}
@media screen and (max-width: 512px) {
        .price-grid.vn p {
                font-size: 0.7rem;
        }
}
.price-grid.vn p span {
        font-size: 0.9rem;
        top: -1px;
}
@media screen and (max-width: 512px) {
        .price-grid.vn p span {
                font-size: 0.4em;
        }
}
@media screen and (max-width: 1023px) {
        .million-party-main {
                min-height: 100% !important;
        }
}
.million-party-main .bgimg {
        background-image: url(/assets/events/million-party/million-party-desktop-bg.jpg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
}
@media screen and (max-width: 1023px) {
        .million-party-main .bgimg {
                background-image: url(/assets/events/million-party/million-party-mobile-bg.jpg);
                background-repeat: no-repeat;
                background-position: 50%;
                background-size: cover;
        }
}
.million-party-main .loading-screen {
        z-index: 999999;
        top: 0;
}
.million-party-main .loading-screen.hide {
        z-index: -999999;
}
.million-party-main .title-wrapper:after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        width: calc(100% + 150px);
        height: 2px;
        background: #fff;
        opacity: 0.6;
}
@media screen and (max-width: 1023px) {
        .million-party-main .title-wrapper:after {
                width: 0;
        }
}
.million-party-main .title-wrapper .logo {
        max-width: 90px;
}
.million-party-main .title-wrapper .title {
        max-width: 420px;
        margin-top: -12px;
}
@media screen and (max-width: 512px) {
        .million-party-main .title-wrapper .title {
                max-width: 320px;
        }
}
.million-party-main .title-wrapper .title.ph {
        margin-top: -16px;
}
@media screen and (max-width: 512px) {
        .million-party-main .title-wrapper .title.ph {
                max-width: 300px;
        }
}
.million-party-main .title-wrapper .title.vn {
        margin-top: -26px;
}
@media (min-width: 1640px) {
        .million-party-main .slot-content-wrapper {
                max-width: 1428px;
        }
}
.million-party-main
        .slot-content-wrapper
        .price-term-wrapper
        #price-term-tabs
        .nav-item
        .nav-link {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
}
.million-party-main
        .slot-content-wrapper
        .price-term-wrapper
        #price-term-tabs
        .nav-item
        .nav-link.active,
.million-party-main
        .slot-content-wrapper
        .price-term-wrapper
        #price-term-tabs
        .nav-item
        .nav-link:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
}
.million-party-main
        .slot-content-wrapper
        .price-term-wrapper
        #price-term-tabs
        .nav-item
        .nav-link
        i {
        top: 1px;
}
.million-party-main
        .slot-content-wrapper
        .price-term-wrapper
        #price-term-contents {
        max-width: 340px;
}
.million-party-main
        .slot-content-wrapper
        .price-term-wrapper
        #price-term-contents
        .tab-pane
        .how-to-play-content
        .title {
        font-weight: 600;
        font-size: 1.3rem;
}
.million-party-main
        .slot-content-wrapper
        .price-term-wrapper
        #price-term-contents
        .tab-pane
        .how-to-play-content
        ol
        li {
        font-weight: 400;
        line-height: 20px;
}
.million-party-main
        .slot-content-wrapper
        .price-term-wrapper
        #price-term-contents
        .tab-pane
        .how-to-play-content
        ol
        li
        span {
        font-weight: 700;
}
.million-party-main .slot-content-wrapper .leaderboard-content .bg-tabs {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .infinite-body.table-responsive {
        max-height: 353.5px;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .infinite-body.table-responsive
        .leaderboard-table
        tbody.clone {
        border: 0;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .infinite-body.table-responsive
        .leaderboard-table
        tbody.content-float {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation: mymove 40s linear infinite;
        animation: mymove 40s linear infinite;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .infinite-body.table-responsive
        .leaderboard-table
        tbody
        tr
        td {
        padding: 4px 0;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .leaderboard-table {
        max-width: 340px;
        table-layout: fixed;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .leaderboard-table
        td,
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .leaderboard-table
        th {
        vertical-align: middle;
        border: 0;
        text-align: center;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .leaderboard-table
        thead
        th {
        border-top: 0;
        border-bottom: 1px solid #fff;
        line-height: 23px;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .leaderboard-table
        thead
        th:first-child {
        padding: 10px 13px 10px 0;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .leaderboard-table
        thead
        th:last-child {
        padding: 10px 0 10px 13px;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .leaderboard-table
        tbody
        tr:first-child
        td {
        padding: 10px 0 4px;
}
.million-party-main
        .slot-content-wrapper
        .leaderboard-content
        .leaderboard-table
        tbody
        tr
        td {
        border-bottom: 0;
        font-weight: 400;
        padding: 4px 0;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price {
                font-size: 1.4rem;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price
                p:nth-child(2) {
                top: 0 !important;
                font-size: 0.7rem !important;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price.major,
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price.mini {
                font-size: 0.9rem;
        }
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price.major
                p:first-child:before,
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price.major
                p:last-child:before,
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price.mini
                p:first-child:before,
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price.mini
                p:last-child:before {
                -webkit-text-stroke: 0.25px #fff !important;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background: #000;
        font-size: 2rem;
        padding: 0 30px;
        border-radius: 4px;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price {
                font-size: 1.1rem;
                padding: 4px 30px;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price
        p {
        position: relative;
        top: -1px;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price
        p:first-child:before {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price
        p:nth-child(2) {
        font-size: 1.2rem;
        top: 0;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price
                p:nth-child(2) {
                font-size: 0.6rem;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price
        p:last-child {
        top: -0.5px;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price
        p:last-child:before {
        content: attr(data-text);
        position: absolute;
        top: -0.5px;
        left: 0;
        z-index: 0;
        color: #fff;
        -webkit-text-stroke: 1px #fff;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price
                p:last-child:before {
                -webkit-text-stroke: 0.8px #fff;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.grand {
        border: 3px solid #c77800;
        box-shadow: 0 0 30px #ffca0c;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.grand
        p:first-child:before {
        color: #ffb647;
        -webkit-text-stroke: 1px #ffb647;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price.grand
                p:first-child:before {
                -webkit-text-stroke: 0.8px #ffb647;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.grand
        p:first-child,
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.grand
        p:last-child {
        background: linear-gradient(
                180deg,
                #ad0000,
                #fc0000 20.79%,
                #890000 54.62%,
                #ad0000 78.26%
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.major,
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.mini {
        font-size: 1.7rem;
        padding: 4px 13px;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price.major,
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price.mini {
                font-size: 0.8rem;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.major
        p:nth-child(2),
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.mini
        p:nth-child(2) {
        font-size: 1rem;
        top: -1px;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price.major
                p:nth-child(2),
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price.mini
                p:nth-child(2) {
                font-size: 0.6rem;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.major {
        border: 3px solid #0b3051;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.major
        p:first-child:before {
        color: #fff;
        -webkit-text-stroke: 1px #fff;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price.major
                p:first-child:before {
                -webkit-text-stroke: 0.8px #fff;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.major
        p:first-child,
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.major
        p:last-child {
        background: linear-gradient(
                180deg,
                #0b3051,
                #01529a 20.79%,
                #0b3051 54.62%,
                #01529a 78.26%
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.mini {
        border: 3px solid #074022;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.mini
        p:first-child:before {
        color: #dd714c;
        -webkit-text-stroke: 1px #dd714c;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper
                .grand-price.mini
                p:first-child:before {
                -webkit-text-stroke: 0.8px #dd714c;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.mini
        p:first-child,
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper
        .grand-price.mini
        p:last-child {
        background: linear-gradient(
                180deg,
                #074022,
                #016e3a 20.79%,
                #074022 54.62%,
                #016e3a 78.26%
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper.vi {
        margin-top: -18px;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper.vi
        .grand-price
        p:last-child:before {
        -webkit-text-stroke: 0.6px #fff;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price
                p:last-child:before {
                -webkit-text-stroke: 0.3px #fff;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper.vi
        .grand-price.major
        p {
        white-space: pre;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .grand-price-wrapper.vi
        .grand-price.major
        p:first-child:before {
        -webkit-text-stroke: 0.6px #fff;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .grand-price-wrapper.vi
                .grand-price.major
                p:first-child:before {
                -webkit-text-stroke: 0.3px #fff;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-button-wrapper.disabled {
        pointer-events: none;
        opacity: 0.6;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-button-wrapper
        .spin-btn-wrapper.ph
        .bg-btn {
        text-align: center;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .spin-btn-wrapper.ph
                .bg-btn.gold {
                padding: 13px 23px;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .spin-btn-wrapper.ph
                .bg-btn
                p,
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .spin-btn-wrapper.ph
                .spin-chance {
                font-size: 0.9rem;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-button-wrapper
        .spin-btn-wrapper
        .spin-chance {
        font-weight: 400;
        font-size: 1.1rem;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .spin-btn-wrapper
                .spin-chance {
                font-size: 1rem;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-button-wrapper
        .auto-spin-btn {
        height: 45.6px;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .auto-spin-btn {
                height: 100%;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .auto-spin-btn
                .auto-spin-title {
                font-size: 1.2rem;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .auto-spin-btn
                .toggle-auto-spin {
                max-width: 100px;
                margin: 0 auto;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-button-wrapper
        .auto-spin-btn
        .toggle-auto-spin:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 8px;
        -webkit-transform: translateY(-56%);
        transform: translateY(-56%);
        width: 35px;
        height: 74%;
        background: #200000;
        border-radius: 50px;
        transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .auto-spin-btn
                .toggle-auto-spin:after {
                transition: none;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-button-wrapper
        .auto-spin-btn
        .toggle-auto-spin.on:after {
        background: #05bb64;
        -webkit-transform: translate(154%, -56%);
        transform: translate(154%, -56%);
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-button-wrapper
                .auto-spin-btn
                .toggle-auto-spin.on:after {
                -webkit-transform: translate(147%, -56%);
                transform: translate(147%, -56%);
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-button-wrapper
        .auto-spin-btn
        .toggle-auto-spin
        p:first-child {
        color: #05bb64;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-button-wrapper
        .auto-spin-btn
        .toggle-auto-spin
        p:last-child {
        color: #200000;
}
.million-party-main .slot-content-wrapper .slot-content .slot-machine-wrapper {
        max-width: 700px;
}
@media screen and (max-width: 1023px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper {
                max-width: 630px;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper {
                max-width: 330px;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper:after,
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper:after {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
        width: calc(100% - 93px);
        padding-bottom: 100%;
        background-image: url(/assets/events/million-party/slot-line.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        background-size: contain;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper:after {
                width: 100%;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper:before {
        z-index: 1;
        width: 100%;
        height: 100%;
        background-image: url(/assets/events/million-party/slot-shadow.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        background-size: contain;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper
        .slot-machine {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-47%);
        transform: translate(-47%);
        gap: 0 68px;
}
@media screen and (max-width: 1023px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine {
                gap: 0 37px;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine {
                flex-wrap: nowrap;
                gap: 0;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper
        .slot-machine
        ul {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
}
@media screen and (max-width: 1023px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine
                ul {
                -webkit-transform: translateY(-19px);
                transform: translateY(-19px);
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine
                ul {
                -webkit-transform: translateY(-9px);
                transform: translateY(-9px);
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper
        .slot-machine
        ul:first-child {
        left: 10px;
}
@media screen and (max-width: 1023px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine
                ul:first-child {
                left: 3px;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine
                ul:first-child {
                left: 0;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper
        .slot-machine
        ul:last-child {
        left: -18px;
}
@media screen and (max-width: 1023px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine
                ul:last-child {
                left: -8px;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine
                ul:last-child {
                left: 0;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper
        .slot-machine
        ul
        li {
        list-style-type: none;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .slot-machine-wrapper
        .slot-machine
        ul
        li
        img {
        max-width: 133px;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .slot-machine-wrapper
                .slot-machine
                ul
                li
                img {
                max-width: 80px;
        }
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .mobile-price-list-items
        .price-grid.stick-together {
        border-radius: 4px;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .mobile-price-list-items
        .price-grid.stick-together
        img {
        margin-left: 0;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .mobile-price-list-items
        .price-grid.stick-together
        img:nth-child(2),
.million-party-main
        .slot-content-wrapper
        .slot-content
        .mobile-price-list-items
        .price-grid.stick-together
        img:nth-child(3) {
        margin-left: -30px;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .mobile-price-list-items
        .price-grid.stick-together
        p {
        font-weight: 600;
        font-size: 1.5rem;
}
.million-party-main
        .slot-content-wrapper
        .slot-content
        .mobile-price-list-items
        .price-grid.stick-together
        p
        span {
        top: -2px;
        font-size: 1rem;
        left: 0;
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .mobile-price-list-items
                .price-grid.stick-together
                p {
                font-size: 0.8rem;
        }
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .mobile-price-list-items
                .price-grid.stick-together
                p
                span {
                top: -1px;
                font-size: 0.55rem;
                margin-left: -8px !important;
        }
}
@media screen and (max-width: 512px) {
        .million-party-main
                .slot-content-wrapper
                .slot-content
                .mobile-term-leaderboard
                .bg-tabs {
                font-size: 0.9rem;
                padding: 10px 13px;
        }
}
.million-party-modal .modal-dialog .modal-content .btn-close-circle {
        top: -13px;
        right: -8px;
}
@media screen and (max-width: 512px) {
        .million-party-modal
                .modal-dialog
                .modal-content
                .modal-body
                .general-modal-button
                .bg-btn {
                font-size: 1.1rem;
        }
}
@media screen and (max-width: 512px) {
        .million-party-modal
                .modal-dialog
                .modal-content
                .modal-body
                .general-modal-button
                .bg-btn.gold {
                padding: 13px 23px;
        }
}
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button
        .bg-btn.sliver {
        padding: 13px 33px;
}
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button
        .bg-btn.sliver
        p {
        position: relative;
        top: -4px;
        -webkit-text-stroke: 1.5px #000;
        font-size: 1.4rem;
}
@media screen and (max-width: 512px) {
        .million-party-modal
                .modal-dialog
                .modal-content
                .modal-body
                .general-modal-button
                .bg-btn.sliver
                p {
                font-size: 1.1rem;
                max-width: 100%;
        }
}
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button.ph,
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button.vi {
        margin-top: 10px;
}
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button.ph
        .bg-btn,
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button.vi
        .bg-btn {
        font-size: 1.1rem;
}
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button.ph
        .bg-btn.gold,
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button.vi
        .bg-btn.gold {
        padding: 13px 20px;
}
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button.ph
        .bg-btn.sliver
        p,
.million-party-modal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button.vi
        .bg-btn.sliver
        p {
        font-size: 1.1rem;
}
@media screen and (max-width: 512px) {
        .million-party-modal
                .modal-dialog
                .modal-content
                .modal-body
                .general-modal-button.ph,
        .million-party-modal
                .modal-dialog
                .modal-content
                .modal-body
                .general-modal-button.vi {
                flex-wrap: wrap;
        }
        .million-party-modal
                .modal-dialog
                .modal-content
                .modal-body
                .general-modal-button.ph
                .bg-btn.sliver,
        .million-party-modal
                .modal-dialog
                .modal-content
                .modal-body
                .general-modal-button.vi
                .bg-btn.sliver {
                margin-top: 4px !important;
        }
}
.million-party-modal.normal .modal-dialog .modal-content {
        border-radius: 13px !important;
        border: 3px solid #c77800;
}
.million-party-modal.normal .modal-dialog .modal-content .modal-body .title {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        font-family: aardvark-bold;
        font-size: 1.4rem;
        margin-top: -50px;
}
@media screen and (max-width: 512px) {
        .million-party-modal.normal
                .modal-dialog
                .modal-content
                .modal-body
                .title {
                font-size: 1.3rem;
        }
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-term
        .how-to-play-content {
        font-weight: 500;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-term
        .how-to-play-content
        .title {
        font-family: Roboto, sans-serif;
        font-size: 1.4rem;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-term
        .how-to-play-content
        ol
        li
        .text-eured {
        font-weight: 700;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-leaderboard
        .leaderboard-table {
        table-layout: fixed;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-leaderboard
        .leaderboard-table
        td,
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-leaderboard
        .leaderboard-table
        th {
        text-align: center;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-leaderboard
        .leaderboard-table
        thead
        tr
        th {
        border-top: 0;
        line-height: 20px;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-leaderboard
        .leaderboard-table
        thead
        tr
        th:first-child {
        padding: 10px 13px 10px 0;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-leaderboard
        .leaderboard-table
        thead
        tr
        th:last-child {
        padding: 10px 0 10px 13px;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-leaderboard
        .leaderboard-table
        tbody
        tr:first-child
        td {
        padding: 10px 0 4px;
}
.million-party-modal.normal
        .modal-dialog
        .modal-content
        .modal-body
        .append-leaderboard
        .leaderboard-table
        tbody
        tr
        td {
        border: 0;
        padding: 4px 0;
}
.million-party-modal#losingModal .modal-dialog .modal-content .modal-header p,
.million-party-modal#winningModal .modal-dialog .modal-content .modal-header p {
        background: linear-gradient(
                180deg,
                #890000,
                #fc0000 20.79%,
                #890000 54.62%,
                #fc0000 78.26%
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 2.2rem;
        -webkit-text-stroke: 0.8px #fff;
        line-height: 43px;
}
@media screen and (max-width: 512px) {
        .million-party-modal#losingModal
                .modal-dialog
                .modal-content
                .modal-header
                p,
        .million-party-modal#winningModal
                .modal-dialog
                .modal-content
                .modal-header
                p {
                font-size: 1.8rem;
                line-height: 40px;
        }
}
.million-party-modal#losingModal .modal-dialog .modal-content .modal-body,
.million-party-modal#winningModal .modal-dialog .modal-content .modal-body {
        background-image: url(/assets/events/million-party/million-part-board.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/million-party/million-part-board.webp") 1x
        );
        background-size: 100% 100%;
        border-radius: 13px !important;
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .btn-close-circle,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .btn-close-circle {
        top: -33px;
        right: 0;
        background-color: transparent;
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .losing-price,
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .losing-price,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price {
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.6);
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        p,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        p {
        font-size: 1.2rem;
        font-weight: 500;
        position: relative;
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        p:last-child,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        p:last-child {
        font-size: 3.4rem;
        font-weight: 800;
        line-height: 60px;
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        p:last-child
        .currency,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        p:last-child
        .currency {
        top: -2px;
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        p:last-child
        .price,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        p:last-child
        .price {
        font-size: 3rem;
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .losing-price,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .losing-price {
        font-weight: 400;
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .losing-price
        p,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .losing-price
        p {
        font-size: 0.9rem;
        line-height: 20px;
}
.million-party-modal#losingModal
        .modal-dialog
        .modal-content
        .modal-body
        .losing-price
        p:first-child,
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .losing-price
        p:first-child {
        font-size: 1.4rem;
        line-height: 28px;
        font-weight: 600;
}
.million-party-modal#winningModal
        .modal-dialog
        .modal-content
        .modal-body
        .general-modal-button {
        max-width: 150px;
}
.million-party-modal#autoSpinModal .modal-dialog {
        max-width: 600px;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price {
        font-size: 1.4rem;
        font-weight: 400;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price
        span {
        font-size: 1.8rem;
        font-weight: 800;
        background: linear-gradient(
                150.97deg,
                #b65f00,
                #ffca0c 7.85%,
                #c77800 18.44%,
                #e8b511 35.42%,
                #ecff8b 54.88%,
                #e8b511 72.23%,
                #c77800 87.01%,
                #b65f00
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table {
        max-height: 425px;
        -ms-overflow-style: none;
        scrollbar-width: none;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table::-webkit-scrollbar {
        display: none;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        td,
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        th {
        text-align: center;
        vertical-align: middle;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        thead
        tr
        th {
        border-bottom: 1px solid #dee2e6;
        line-height: 20px;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        tbody
        tr.active
        td:last-child {
        font-family: aardvark-bold;
        background: linear-gradient(
                150.97deg,
                #b65f00,
                #ffca0c 7.85%,
                #c77800 18.44%,
                #e8b511 35.42%,
                #ecff8b 54.88%,
                #e8b511 72.23%,
                #c77800 87.01%,
                #b65f00
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: zoominout 0.8s linear infinite alternate;
        animation: zoominout 0.8s linear infinite alternate;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        tbody
        tr
        td:first-child {
        width: 25%;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        tbody
        tr
        td:last-child {
        width: 30%;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        tbody
        tr
        td
        .price-grid.stick-together
        img {
        margin-left: 0;
}
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        tbody
        tr
        td
        .price-grid.stick-together
        img:nth-child(2),
.million-party-modal#autoSpinModal
        .modal-dialog
        .modal-content
        .modal-body
        .winning-price-table
        .table
        tbody
        tr
        td
        .price-grid.stick-together
        img:nth-child(3) {
        margin-left: -36px;
}
@media screen and (max-width: 512px) {
        .million-party-modal#autoSpinModal
                .modal-dialog
                .modal-content
                .modal-body
                .winning-price-table
                .table
                tbody
                tr
                td
                .price-grid.stick-together
                img:nth-child(2),
        .million-party-modal#autoSpinModal
                .modal-dialog
                .modal-content
                .modal-body
                .winning-price-table
                .table
                tbody
                tr
                td
                .price-grid.stick-together
                img:nth-child(3) {
                margin-left: -26px;
        }
}
@keyframes zoominout {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
        }
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main.page-content {
                padding-top: 48px !important;
        }
}
.fishing-rod-main .bg-img {
        background-position: bottom;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(/assets/events/fishing-rod/fishing-rod-desktop-bg.png);
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .bg-img {
                background-size: 100% 75%;
                background-position: top;
                background-image: url(/assets/events/fishing-rod/fishing-rod-mobile-bg-1.png);
        }
}
.fishing-rod-main .coin-wrapper .key-amount-wrapper {
        padding: 4px 64px 4px 98px;
        background-image: url(/assets/events/fishing-rod/coin-bg.png) !important;
        background-image: -webkit-image-set(
                url(/assets/events/fishing-rod/coin-bg.webp) 1x
        ) !important;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 80% 80%;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .coin-wrapper .key-amount-wrapper {
                background-size: 85% 85%;
                padding: 5px 55px 5px 106px;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .coin-wrapper .key-amount-wrapper {
                background-size: 55% 55%;
                padding: 5px 64px 5px 98px;
                left: 5%;
        }
}
.fishing-rod-main .coin-wrapper .key-amount-wrapper:after {
        content: "";
        position: absolute;
        z-index: 0;
        background-image: url(/assets/events/fishing-rod/coin.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        top: 23%;
        left: 42px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .coin-wrapper .key-amount-wrapper:after {
                width: 35px;
                height: 35px;
                top: 22%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .coin-wrapper .key-amount-wrapper:after {
                width: 23px;
                height: 23px;
                top: 30%;
                left: 54px;
        }
}
.fishing-rod-main .coin-wrapper .key-amount-wrapper p {
        font-size: 2.2rem;
        font-weight: 800;
        text-shadow: 2px 2px 2px #150dce;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .coin-wrapper .key-amount-wrapper p {
                font-size: 1.6rem;
        }
}
.fishing-rod-main .coin-wrapper .how-to-play-btn {
        background-image: url(/assets/events/fishing-rod/how-to-play-btn-bg.png);
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        width: 56px;
        height: 55px;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .coin-wrapper .how-to-play-btn {
                width: 55px;
                height: 55px;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .coin-wrapper .how-to-play-btn {
                width: 33px;
                height: 33px;
        }
}
.fishing-rod-main .coin-wrapper .how-to-play-btn img {
        width: 38px;
        height: 40px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .coin-wrapper .how-to-play-btn img {
                width: 39px;
                height: 42px;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .coin-wrapper .how-to-play-btn img {
                width: 22px;
                height: 21px;
        }
}
.fishing-rod-main .real-time-winner-wrapper {
        z-index: 1;
}
.fishing-rod-main .real-time-winner-wrapper .realtime-winner-bg {
        background-image: url(/assets/events/fishing-rod/winner-bg-box.png);
        background-size: 100% 100%;
        background-position: top;
        background-repeat: no-repeat;
        min-width: 323px;
        max-width: 400px;
        height: 350px;
}
.fishing-rod-main .real-time-winner-wrapper .realtime-winner-bg label {
        font-size: 1.5rem;
        font-weight: 800;
        color: #f9f9f9;
        text-shadow: 2px 2px 2px #150dce;
}
.fishing-rod-main .real-time-winner-wrapper .realtime-winner .winner-content {
        max-height: 225px;
}
.fishing-rod-main .real-time-winner-wrapper .realtime-winner .winner-content p {
        font-size: 1.1rem;
        font-weight: 600;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
}
.fishing-rod-main .fishing-pod-wrapper {
        z-index: 2;
        bottom: 65px;
}
.fishing-rod-main .fishing-pod-wrapper marquee {
        background: linear-gradient(
                90deg,
                rgba(0, 0, 196, 0.83) 3%,
                #16a6c3 52%,
                rgba(0, 0, 196, 0.83) 97%
        );
        border-top: 2px solid;
        border-bottom: 2px solid;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .fishing-pod-wrapper {
                bottom: 0;
        }
}
.fishing-rod-main .fishing-pod-wrapper-title {
        z-index: 99;
}
.fishing-rod-main .fishing-pod-wrapper-bg {
        background-image: url(/assets/events/fishing-rod/fishing-rod-flower.png);
        background-size: 70% 100%;
        background-position: top;
        background-repeat: no-repeat;
        height: 340px;
        top: -5px;
        overflow-x: clip;
        overflow-y: revert;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .fishing-pod-wrapper-bg {
                height: 327px;
                top: 0;
                background-size: 45% 100%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .fishing-pod-wrapper-bg {
                height: 270px;
                top: -10px;
                background-size: 65% 95%;
        }
}
.fishing-rod-main .fishing-pod-wrapper-bg .swiper-slide:first-child img {
        width: 71%;
        bottom: 8%;
        left: 20%;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:first-child
                img {
                width: 46%;
                bottom: 4%;
                left: 31%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:first-child
                img {
                width: 71%;
                bottom: 8%;
                left: 20%;
        }
}
.fishing-rod-main
        .fishing-pod-wrapper-bg
        .swiper-slide:first-child
        img.unlock-size {
        width: 67%;
        bottom: 8%;
        left: 24%;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:first-child
                img.unlock-size {
                width: 45%;
                bottom: 6%;
                left: 33%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:first-child
                img.unlock-size {
                width: 66%;
                bottom: 11%;
                left: 25%;
        }
}
@media (max-width: 380px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:first-child
                img.unlock-size {
                width: 69%;
                left: 23%;
                bottom: 13%;
        }
}
.fishing-rod-main .fishing-pod-wrapper-bg .swiper-slide:nth-child(2) img {
        width: 65%;
        bottom: 11%;
        left: 22%;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(2)
                img {
                width: 44%;
                bottom: 2%;
                left: 32%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(2)
                img {
                width: 65%;
                bottom: 11%;
                left: 22%;
        }
}
@media (max-width: 380px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(2)
                img {
                bottom: 14%;
                left: 23%;
        }
}
.fishing-rod-main .fishing-pod-wrapper-bg .swiper-slide:nth-child(3) img {
        width: 67%;
        bottom: 4%;
        left: 18%;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(3)
                img {
                width: 45%;
                bottom: 0;
                left: 29%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(3)
                img {
                width: 67%;
                bottom: 4%;
                left: 18%;
        }
}
@media (max-width: 380px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(3)
                img {
                bottom: 9%;
        }
}
.fishing-rod-main .fishing-pod-wrapper-bg .swiper-slide:nth-child(4) img {
        width: 67%;
        bottom: 4%;
        left: 18%;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(4)
                img {
                width: 44%;
                bottom: 0;
                left: 29%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(4)
                img {
                width: 67%;
                bottom: 4%;
                left: 18%;
        }
}
@media (max-width: 380px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(4)
                img {
                bottom: 7%;
                left: 18%;
        }
}
.fishing-rod-main .fishing-pod-wrapper-bg .swiper-slide:nth-child(5) img {
        width: 66%;
        bottom: 4%;
        left: 19%;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(5)
                img {
                width: 43%;
                bottom: 0;
                left: 30%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(5)
                img {
                width: 65%;
                bottom: 5%;
                left: 19%;
        }
}
@media (max-width: 380px) {
        .fishing-rod-main
                .fishing-pod-wrapper-bg
                .swiper-slide:nth-child(5)
                img {
                bottom: 6%;
        }
}
.fishing-rod-main .fishing-pod-wrapper-bg .swiper-slide .disabled {
        opacity: 0.7;
        pointer-events: none;
}
.fishing-rod-main .fishing-pod-wrapper-bg .carousel-control-prev {
        opacity: 1;
        width: 13%;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .fishing-pod-wrapper-bg .carousel-control-prev {
                left: 12%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .fishing-pod-wrapper-bg .carousel-control-prev {
                left: 3%;
        }
}
.fishing-rod-main .fishing-pod-wrapper-bg .carousel-control-prev.disabled {
        opacity: 0.7;
        pointer-events: none;
}
.fishing-rod-main .fishing-pod-wrapper-bg .carousel-control-next {
        opacity: 1;
        width: 13%;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .fishing-pod-wrapper-bg .carousel-control-next {
                right: 12%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .fishing-pod-wrapper-bg .carousel-control-next {
                right: 3%;
        }
}
.fishing-rod-main .fishing-pod-wrapper-bg .carousel-control-next.disabled {
        opacity: 0.7;
        pointer-events: none;
}
.fishing-rod-main .fishing-pod-wrapper .fishing-pod-select {
        top: -40px;
        z-index: 1;
}
.fishing-rod-main .fishing-pod-wrapper .fishing-pod-select .swiper-slide {
        width: 17% !important;
        opacity: 0.6;
}
.fishing-rod-main
        .fishing-pod-wrapper
        .fishing-pod-select
        .swiper-slide.swiper-slide-thumb-active {
        opacity: 1;
}
.fishing-rod-main .fishing-pod-wrapper .fishing-pod-select .swiper-slide img {
        width: 81px;
        height: 90px;
        cursor: pointer;
        -o-object-fit: contain;
        object-fit: contain;
}
.fishing-rod-main .fishing-pod-wrapper .none-select {
        opacity: 0;
        visibility: hidden;
}
.fishing-rod-main .fishing-pod-wrapper .fishingpod-gif {
        top: -2%;
        left: 24%;
        z-index: 99;
        min-width: 102%;
        height: 102%;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .fishing-pod-wrapper .fishingpod-gif {
                top: 12%;
                left: 34%;
                min-width: 66%;
                height: 105%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .fishing-pod-wrapper .fishingpod-gif {
                top: 8%;
                left: 24%;
                min-width: 103%;
                min-height: 100%;
        }
}
@media (max-width: 380px) {
        .fishing-rod-main .fishing-pod-wrapper .fishingpod-gif {
                top: 6%;
                left: 24%;
                min-width: 103%;
                min-height: 100%;
        }
}
.fishing-rod-main .fishing-pod-wrapper #water_drop {
        min-width: 110%;
        top: 64%;
        left: 33%;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .fishing-pod-wrapper #water_drop {
                top: 70%;
                left: 32%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .fishing-pod-wrapper #water_drop {
                top: 77%;
                left: 31%;
        }
}
.fishing-rod-main .leaderboard-wrapper {
        z-index: 1;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .leaderboard-wrapper {
                margin-top: 420px;
                background-size: cover;
                background-image: url(/assets/events/fishing-rod/fishing-rod-mobile-bg-2.png);
                padding: 23px;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .leaderboard-wrapper {
                margin-top: 195px;
        }
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-table-bg {
        background-image: url(/assets/events/fishing-rod/winner-bg-box.png);
        background-size: 100% 100%;
        background-position: top;
        background-repeat: no-repeat;
        min-width: 323px;
        max-width: 400px;
        height: 350px;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-table label {
        font-size: 1.7rem;
        font-weight: 800;
        color: #fff;
        text-shadow: 2px 2px 2px #150dce;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-content {
        max-height: 210px;
        height: 210px;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-content td {
        font-weight: 700;
        max-width: 60px;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-content td div {
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-content .leaderboard-coin {
        width: 23px;
        height: 23px;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-winner {
        bottom: 19px;
        border-radius: 10px;
        border: 2px solid #38e7f7;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-winner td {
        font-weight: 700;
        max-width: 55px;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-winner td div {
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}
.fishing-rod-main .leaderboard-wrapper .leaderboard-winner .leaderboard-coin {
        width: 23px;
        height: 23px;
}
.fishing-rod-main .fish-tank {
        width: 110%;
        height: 46%;
        bottom: 46%;
        overflow: hidden;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main .fish-tank {
                width: 150%;
                height: 36%;
                bottom: 64%;
                left: -20%;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-main .fish-tank {
                bottom: 71%;
        }
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:first-child {
        left: -100%;
        bottom: 114px;
        -webkit-animation: swimfromleft 38s ease-out infinite,
                swimbodymove 12s ease infinite alternate;
        animation: swimfromleft 38s ease-out infinite,
                swimbodymove 12s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:first-child img {
        width: 130px;
        height: 120px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fish-tank
                .fish
                .fish-body
                .multiple-fish:first-child
                img {
                width: 110px;
                height: 100px;
        }
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(2) {
        left: -110%;
        bottom: 10px;
        -webkit-animation: swimfromright 29s ease-out infinite,
                swim 12s ease infinite alternate;
        animation: swimfromright 29s ease-out infinite,
                swim 12s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(2) img {
        width: 130px;
        height: 85px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fish-tank
                .fish
                .fish-body
                .multiple-fish:nth-child(2)
                img {
                width: 90px;
                height: 50px;
        }
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(3) {
        left: -100%;
        bottom: 10px;
        -webkit-animation: swimfromleft 18s ease-out infinite,
                swim 12s ease infinite alternate;
        animation: swimfromleft 18s ease-out infinite,
                swim 12s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(3) img {
        width: 105px;
        height: 95px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fish-tank
                .fish
                .fish-body
                .multiple-fish:nth-child(3)
                img {
                width: 95px;
                height: 80px;
        }
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(4) {
        left: -110%;
        top: 60px;
        -webkit-animation: swimfromright 25s ease-out infinite,
                swim 12s ease infinite alternate;
        animation: swimfromright 25s ease-out infinite,
                swim 12s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(4) img {
        width: 105px;
        height: 65px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fish-tank
                .fish
                .fish-body
                .multiple-fish:nth-child(4)
                img {
                width: 95px;
                height: 55px;
        }
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(5) {
        left: -100%;
        top: 12px;
        -webkit-animation: swimfromleft 15s ease-out infinite,
                swim 15s ease infinite alternate;
        animation: swimfromleft 15s ease-out infinite,
                swim 15s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(5) img {
        width: 130px;
        height: 130px;
        -webkit-transform: rotateY(3.142rad);
        transform: rotateY(3.142rad);
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(6) {
        left: -110%;
        top: 130px;
        -webkit-animation: swimfromright 22s ease-out infinite,
                swim 15s ease infinite alternate;
        animation: swimfromright 22s ease-out infinite,
                swim 15s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(6) img {
        width: 130px;
        height: 167px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fish-tank
                .fish
                .fish-body
                .multiple-fish:nth-child(6)
                img {
                width: 109px;
                height: 137px;
        }
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(7) {
        left: -100%;
        top: 91px;
        -webkit-animation: swimfromleft 33s ease-out infinite,
                swim 15s ease infinite alternate;
        animation: swimfromleft 33s ease-out infinite,
                swim 15s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(7) img {
        width: 100px;
        height: 100px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fish-tank
                .fish
                .fish-body
                .multiple-fish:nth-child(7)
                img {
                width: 85px;
                height: 85px;
        }
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(8) {
        left: -110%;
        top: 40px;
        -webkit-animation: swimfromright 40s ease-out infinite,
                swim 15s ease infinite alternate;
        animation: swimfromright 40s ease-out infinite,
                swim 15s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(8) img {
        width: 130px;
        height: 130px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fish-tank
                .fish
                .fish-body
                .multiple-fish:nth-child(8)
                img {
                width: 115px;
                height: 115px;
        }
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(9) {
        left: 73%;
        top: 208px;
        -webkit-animation: swimfromright 40s ease-out infinite,
                swimbodymove 15s ease infinite alternate;
        animation: swimfromright 40s ease-out infinite,
                swimbodymove 15s ease infinite alternate;
}
.fishing-rod-main .fish-tank .fish .fish-body .multiple-fish:nth-child(9) img {
        width: 192px;
        height: 102px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-main
                .fish-tank
                .fish
                .fish-body
                .multiple-fish:nth-child(9)
                img {
                width: 150px;
                height: 90px;
        }
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-1 {
        top: 185px;
        margin-left: -45% !important;
        -webkit-animation: swimfromright 20s ease-out infinite,
                swimbodymove 12s ease infinite alternate !important;
        animation: swimfromright 20s ease-out infinite,
                swimbodymove 12s ease infinite alternate !important;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-1
        img {
        -o-object-fit: contain;
        object-fit: contain;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-2 {
        margin-left: -24% !important;
        -webkit-animation: swimfromright 25s ease-out infinite,
                swim 12s ease infinite alternate !important;
        animation: swimfromright 25s ease-out infinite,
                swim 12s ease infinite alternate !important;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-2
        img {
        -o-object-fit: contain;
        object-fit: contain;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-3 {
        margin-left: 8% !important;
        -webkit-animation: swimfromright 30s ease-out infinite,
                swim 12s ease infinite alternate !important;
        animation: swimfromright 30s ease-out infinite,
                swim 12s ease infinite alternate !important;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-3
        img {
        -o-object-fit: contain;
        object-fit: contain;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-4 {
        margin-left: -33% !important;
        -webkit-animation: swimfromleft 23s ease-out infinite,
                swim 12s ease infinite alternate !important;
        animation: swimfromleft 23s ease-out infinite,
                swim 12s ease infinite alternate !important;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-4
        img {
        -o-object-fit: contain;
        object-fit: contain;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-5 {
        margin-left: 0 !important;
        -webkit-animation: swimfromleft 20s ease-out infinite,
                swim 15s ease infinite alternate !important;
        animation: swimfromleft 20s ease-out infinite,
                swim 15s ease infinite alternate !important;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-5
        img {
        -o-object-fit: contain;
        object-fit: contain;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-6 {
        -webkit-animation: swimfromleft 40s ease-out infinite,
                swim 15s ease infinite alternate !important;
        animation: swimfromleft 40s ease-out infinite,
                swim 15s ease infinite alternate !important;
}
.fishing-rod-main
        .fish-tank
        .fish
        .fish-body
        .multiple-fish.animation-addback-6
        img {
        -o-object-fit: contain;
        object-fit: contain;
}
@-webkit-keyframes swim {
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}
@keyframes swim {
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}
@-webkit-keyframes swimbodymove {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        25% {
                -webkit-transform: translateY(30px);
                transform: translateY(30px);
        }
        50% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        75% {
                -webkit-transform: translateY(50px);
                transform: translateY(50px);
        }
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}
@keyframes swimbodymove {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        25% {
                -webkit-transform: translateY(30px);
                transform: translateY(30px);
        }
        50% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        75% {
                -webkit-transform: translateY(50px);
                transform: translateY(50px);
        }
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}
@-webkit-keyframes swimfromright {
        0% {
                left: 105%;
        }
        to {
                left: -5%;
        }
}
@keyframes swimfromright {
        0% {
                left: 105%;
        }
        to {
                left: -5%;
        }
}
@-webkit-keyframes swimfromleft {
        0% {
                left: -5%;
        }
        to {
                left: 105%;
        }
}
@keyframes swimfromleft {
        0% {
                left: -5%;
        }
        to {
                left: 105%;
        }
}
.fishing-rod-main .fishing-pod-shaking {
        -webkit-animation: shaking 0.5s linear infinite;
        animation: shaking 0.5s linear infinite;
}
@-webkit-keyframes shaking {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        25% {
                -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
        }
        50% {
                -webkit-transform: rotate(0eg);
                transform: rotate(0eg);
        }
        75% {
                -webkit-transform: rotate(-5deg);
                transform: rotate(-5deg);
        }
        to {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
}
@keyframes shaking {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        25% {
                -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
        }
        50% {
                -webkit-transform: rotate(0eg);
                transform: rotate(0eg);
        }
        75% {
                -webkit-transform: rotate(-5deg);
                transform: rotate(-5deg);
        }
        to {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
}
.fishing-rod-main ::-webkit-scrollbar {
        width: 12px;
        max-height: 12px;
}
.fishing-rod-main ::-webkit-scrollbar-track {
        border: 1px solid #fff;
        border-radius: 10px;
}
.fishing-rod-main ::-webkit-scrollbar-thumb {
        background: #fff;
        border-radius: 10px;
}
.fishing-rod-main ::-webkit-scrollbar-thumb:hover {
        background: #b8b8ca;
}
.fishing-rod-modal .modal-dialog {
        min-width: 665px;
}
@media screen and (max-width: 512px) {
        .fishing-rod-modal .modal-dialog {
                min-width: 0;
        }
}
@media screen and (max-width: 512px) and (max-width: 380px) {
        .fishing-rod-modal .modal-dialog {
                min-width: 0;
                top: 45px;
        }
}
.fishing-rod-modal .modal-dialog .modal-content {
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        background-color: transparent !important;
}
.fishing-rod-modal .modal-dialog .modal-content .modal-header {
        border-bottom: none;
        top: -80px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal .modal-dialog .modal-content .modal-header {
                top: -53px;
                left: 3%;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .modal-header
        .btn-close-circle {
        right: 0 !important;
        top: 28% !important;
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .modal-header
        .modal-title-howtoplay,
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .modal-header
        .modal-title-prizepool {
        opacity: 0.6;
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .modal-header
        .modal-title-howtoplay.active,
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .modal-header
        .modal-title-prizepool.active {
        opacity: 1;
        z-index: 1;
}
.fishing-rod-modal .modal-dialog .modal-content .modal-header .btn-bg {
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(/assets/events/fishing-rod/how-to-play-title-bg.png);
        height: 0%;
        padding: 15px 30px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal .modal-dialog .modal-content .modal-header .btn-bg {
                padding: 10px 15px;
        }
}
.fishing-rod-modal .modal-dialog .modal-content .modal-header .btn-bg span {
        font-size: 1.7rem;
        font-weight: 800;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .modal-header
                .btn-bg
                span {
                font-size: 1rem;
        }
}
.fishing-rod-modal .modal-dialog .modal-content .howtoplaymodal {
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(/assets/events/fishing-rod/how-to-play-modal-bg.png);
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal .modal-dialog .modal-content .howtoplaymodal {
                background-size: 92% 100%;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content {
        max-height: 350px;
        overflow-x: hidden;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .howtoplaymodal
                .howtoplay-content {
                max-height: 640px;
                max-width: 91%;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content
        iframe {
        width: 560px;
        height: 315px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .howtoplaymodal
                .howtoplay-content
                iframe {
                width: 570px;
                height: 300px;
        }
}
@media screen and (max-width: 512px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .howtoplaymodal
                .howtoplay-content
                iframe {
                width: 300px;
                height: 150px;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content
        .video-description {
        font-size: 0.87rem;
        font-weight: 800;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .howtoplaymodal
                .howtoplay-content
                .video-description {
                font-size: 0.75rem;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content
        .video-description
        img {
        width: 23px;
        height: 22px;
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content
        .video-description
        span {
        color: #f7dc16 !important;
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content
        .video-description
        .fishingpod-level {
        font-weight: 800;
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content
        .video-description
        .fishingpod-level
        img {
        width: 57px;
        height: 65px;
}
@media screen and (max-width: 512px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .howtoplaymodal
                .howtoplay-content
                .video-description
                .fishingpod-level
                img {
                width: 54px;
                height: 64px;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content
        .video-description
        .fishingpod-level
        .coin {
        width: 25px;
        height: 25px;
}
@media screen and (max-width: 512px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .howtoplaymodal
                .howtoplay-content
                .video-description
                .fishingpod-level
                .coin {
                width: 20px;
                height: 20px;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .howtoplaymodal
        .howtoplay-content
        .video-description
        .t-c
        label {
        color: #c5b21e !important;
}
.fishing-rod-modal .modal-dialog .modal-content .prizepoolmodal {
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(/assets/events/fishing-rod/how-to-play-modal-bg.png);
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal .modal-dialog .modal-content .prizepoolmodal {
                background-size: 90% 100%;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .prizepoolmodal
        .prizepool-content {
        max-height: 350px;
}
@media screen and (max-width: 1023px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .prizepoolmodal
                .prizepool-content {
                max-height: 640px;
                max-width: 91%;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .prizepoolmodal
        .prizepool-content
        label {
        font-size: 0.8rem;
        font-weight: 800;
        color: #f7dc16;
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .prizepoolmodal
        .prizepool-content
        .prizepool-wrapper
        .prizepool-fish
        img {
        max-width: 68px;
        max-height: 56px;
}
@media screen and (max-width: 512px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .prizepoolmodal
                .prizepool-content
                .prizepool-wrapper
                .prizepool-fish
                img {
                max-width: 55px;
                max-height: 53px;
        }
}
.fishing-rod-modal
        .modal-dialog
        .modal-content
        .prizepoolmodal
        .prizepool-content
        .prizepool-wrapper
        .prizepool-fish
        label {
        font-size: 0.9rem;
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .prizepoolmodal
                .prizepool-content
                .prizepool-wrapper
                .prizepool-fish
                label {
                font-size: 0.9rem;
        }
}
@media (max-width: 370px) {
        .fishing-rod-modal
                .modal-dialog
                .modal-content
                .prizepoolmodal
                .prizepool-content
                .prizepool-wrapper
                .prizepool-fish
                label {
                font-size: 0.8rem;
        }
}
.fishing-rod-modal ::-webkit-scrollbar {
        width: 16px;
        max-height: 16px;
}
.fishing-rod-modal ::-webkit-scrollbar-track {
        border: 1px solid #fff;
        border-radius: 10px;
        margin-top: 50px;
        margin-bottom: 50px;
}
.fishing-rod-modal ::-webkit-scrollbar-thumb {
        background: #fff;
        border-radius: 10px;
}
.fishing-rod-modal ::-webkit-scrollbar-thumb:hover {
        background: #b8b8ca;
}
.congrats-modal.congrats-modal .modal-body-title,
.sorry-modal.congrats-modal .modal-body-title {
        width: 100% !important;
        height: 100% !important;
}
.congrats-modal.congrats-modal .set-gift-price,
.sorry-modal.congrats-modal .set-gift-price {
        font-size: 3.3rem !important;
        font-weight: 800 !important;
        font-family: system-ui !important;
        -webkit-text-stroke-width: 3.8px;
        -webkit-text-stroke-color: #413bd2;
        top: -9px;
}
@media screen and (max-width: 1023px) {
        .congrats-modal.congrats-modal .set-gift-price,
        .sorry-modal.congrats-modal .set-gift-price {
                font-size: 2.6rem !important;
        }
}
.congrats-modal.congrats-modal .winner-fish,
.sorry-modal.congrats-modal .winner-fish {
        max-width: 120px;
}
.congrats-modal .modal-dialog,
.sorry-modal .modal-dialog {
        min-width: 500px;
}
@media screen and (max-width: 1023px) {
        .congrats-modal .modal-dialog,
        .sorry-modal .modal-dialog {
                min-width: 0;
        }
}
.congrats-modal .modal-dialog .modal-content,
.sorry-modal .modal-dialog .modal-content {
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        background-color: transparent !important;
        min-height: 430px;
}
.congrats-modal .modal-dialog .modal-content .congrats_water_pop,
.sorry-modal .modal-dialog .modal-content .congrats_water_pop {
        width: 200%;
        top: -36%;
        left: -60%;
}
.congrats-modal .modal-dialog .modal-content .modal-body,
.sorry-modal .modal-dialog .modal-content .modal-body {
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(/assets/events/fishing-rod/sorry-bg.png);
}
@media screen and (max-width: 1023px) {
        .congrats-modal .modal-dialog .modal-content .modal-body,
        .sorry-modal .modal-dialog .modal-content .modal-body {
                background-size: 100% 90%;
        }
}
.congrats-modal .modal-dialog .modal-content .modal-body-title,
.sorry-modal .modal-dialog .modal-content .modal-body-title {
        width: 214px;
        height: 70px;
}
.congrats-modal .modal-dialog .modal-content .modal-body label,
.sorry-modal .modal-dialog .modal-content .modal-body label {
        font-size: 1.2rem;
        font-weight: 700;
}
@media screen and (max-width: 1023px) {
        .congrats-modal .modal-dialog .modal-content .modal-body label,
        .sorry-modal .modal-dialog .modal-content .modal-body label {
                font-size: 0.9rem;
        }
}
.congrats-modal .modal-dialog .modal-content .modal-body-topupBtn .btn-bg,
.sorry-modal .modal-dialog .modal-content .modal-body-topupBtn .btn-bg {
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(/assets/events/fishing-rod/topup-btn-bg.png);
        height: 0%;
        padding: 12px 20px;
}
.congrats-modal .modal-dialog .modal-content .modal-body-topupBtn .btn-bg span,
.sorry-modal .modal-dialog .modal-content .modal-body-topupBtn .btn-bg span {
        text-shadow: 2px 2px 2px #150dce;
        font-weight: 700;
        font-size: 1.1rem;
}
.congrats-modal .modal-dialog .modal-content .modal-footer,
.sorry-modal .modal-dialog .modal-content .modal-footer {
        border-top: none !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        background-color: transparent !important;
        cursor: pointer;
        z-index: 1;
}
.congrats-modal .modal-dialog .modal-content .modal-footer img,
.sorry-modal .modal-dialog .modal-content .modal-footer img {
        width: 50px;
        height: 50px;
}
.dragonBoat-main .loading-screen.zh .loading-text {
        font-weight: 500;
}
.dragonBoat-main .bgimg {
        background-image: url(/assets/events/dragon-boat/dragon-boat-bg.jpg);
        background-position: 50%;
        background-size: 100% 130%;
}
@media screen and (max-width: 1023px) {
        .dragonBoat-main .bgimg {
                background-size: cover;
        }
}
.dragonBoat-main .user-key-tnc-wrapper .user-key-amount {
        background-image: url(/assets/events/dragon-boat/target-key-bg.png);
        background-position: bottom;
        background-size: 100% 75%;
        background-repeat: no-repeat;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
@media screen and (max-width: 1023px) {
        .dragonBoat-main .user-key-tnc-wrapper .user-key-amount {
                padding-left: 4px !important;
                padding-right: 10px !important;
                padding-bottom: 1px !important;
                background-size: 100% 80%;
        }
}
.dragonBoat-main .user-key-tnc-wrapper .user-key-amount .key-icon {
        max-width: 80px;
}
@media screen and (max-width: 1023px) {
        .dragonBoat-main .user-key-tnc-wrapper .user-key-amount .key-icon {
                max-width: 70px;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .user-key-tnc-wrapper .user-key-amount .key-icon {
                max-width: 58px;
        }
}
.dragonBoat-main .user-key-tnc-wrapper .user-key-amount .key-amount {
        font-size: 1.8rem;
        font-weight: 500;
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .user-key-tnc-wrapper .user-key-amount .key-amount {
                font-size: 1.6rem;
        }
}
.dragonBoat-main .user-key-tnc-wrapper .tnc-wrapper {
        cursor: pointer;
}
.dragonBoat-main .user-key-tnc-wrapper .tnc-wrapper img {
        max-width: 43px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .user-key-tnc-wrapper .tnc-wrapper img {
                max-width: 38px;
        }
}
.dragonBoat-main .default-table-design-head {
        background-image: url(/assets/events/dragon-boat/scroll-title-bg.png);
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        z-index: 1;
        font-size: 1.7rem;
}
.dragonBoat-main .default-table-design-head.vi {
        font-size: 1.4rem;
        padding-right: 0.4rem;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
}
.dragonBoat-main .default-table-design-head.id {
        padding-right: 0.25rem;
}
.dragonBoat-main .default-table-design-head.zh {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
}
.dragonBoat-main .default-table-design-body {
        background: linear-gradient(90deg, #ffd9b1, #ffcc9a, #ffd9b1);
        max-width: 77%;
        margin-top: -23px;
        z-index: 0;
        left: -4px;
        max-height: 380px;
        overflow-y: scroll;
        border-top: 8px solid #006837;
        border-left: 8px solid #006837;
        border-bottom: 8px solid #006837;
}
.dragonBoat-main .default-table-design-body table tr:first-child td {
        padding-top: 13px;
}
.dragonBoat-main .default-table-design-body table tr:last-child td {
        padding-bottom: 13px;
}
.dragonBoat-main .default-table-design-body table tr td {
        border: none;
        padding: 0 0 2px;
        font-weight: 500;
        font-size: 1rem;
        text-align: center;
        vertical-align: middle;
}
.dragonBoat-main .default-table-design-body table tr td img {
        max-width: 32px;
}
.dragonBoat-main .default-table-design-body table tr td:first-child {
        text-align: right;
        width: 32px;
}
.dragonBoat-main .default-table-design-body table tr td:nth-child(2) {
        text-align: left;
        padding-left: 18px;
}
.dragonBoat-main .default-table-design-body table tr td:nth-child(3) {
        text-align: right;
        color: #bd272d;
}
.dragonBoat-main .default-table-design-body table tr td:nth-child(4) {
        white-space: nowrap;
}
@media screen and (max-width: 1023px) {
        .dragonBoat-main .default-table-design.leaderboard {
                max-width: 600px;
        }
}
.dragonBoat-main ::-webkit-scrollbar {
        width: 9px;
        max-height: 10px;
}
.dragonBoat-main ::-webkit-scrollbar-track {
        border: none;
        background: #006837;
}
.dragonBoat-main ::-webkit-scrollbar-thumb {
        background: #fff;
        border-radius: 10px;
}
.dragonBoat-main .dragon-boat-wrapper {
        margin-top: -84px;
}
.dragonBoat-main .dragon-boat-wrapper.vi,
.dragonBoat-main .dragon-boat-wrapper.zh {
        margin-top: -89px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .dragon-boat-wrapper.vi,
        .dragonBoat-main .dragon-boat-wrapper.zh {
                margin-top: 0;
        }
}
@media screen and (max-width: 1023px) {
        .dragonBoat-main .dragon-boat-wrapper {
                margin-top: 0;
        }
}
.dragonBoat-main .dragon-boat-wrapper .title {
        max-width: 420px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .dragon-boat-wrapper .title {
                max-width: 370px;
        }
}
.dragonBoat-main .dragon-boat-wrapper .title.zh {
        max-width: 300px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .dragon-boat-wrapper .title.zh {
                max-width: 260px;
        }
}
.dragonBoat-main .dragon-boat-wrapper .title.vi {
        max-width: 350px;
}
.dragonBoat-main .dragon-boat-wrapper marquee {
        font-size: 1.1rem;
        font-weight: 500;
}
.dragonBoat-main .dragon-boat-wrapper marquee span {
        color: #bd272d;
}
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper {
        max-width: 410px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper {
                max-width: 300px;
        }
}
@media (max-width: 394px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper {
                max-width: 260px;
        }
}
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-chest {
        cursor: pointer;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-chest {
                transition: none;
        }
}
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-chest:active {
        -webkit-transform: scale(0.93);
        transform: scale(0.93);
}
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor {
        cursor: pointer;
        z-index: 2;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor {
                transition: none;
        }
}
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.next,
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.prev {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 65px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.next,
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.prev {
                max-width: 53px;
        }
}
@media (max-width: 394px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.next,
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.prev {
                max-width: 50px;
        }
}
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.next {
        right: -65px;
}
@media screen and (max-width: 1023px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.next {
                right: -75px;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.next {
                right: -53px;
        }
}
@media (max-width: 394px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.next {
                right: -48px;
        }
}
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.prev {
        left: -65px;
        -webkit-transform: scaleX(-1) translateY(-50%);
        transform: scaleX(-1) translateY(-50%);
}
@media screen and (max-width: 1023px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.prev {
                left: -75px;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.prev {
                left: -53px;
        }
}
@media (max-width: 394px) {
        .dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper-anchor.prev {
                left: -48px;
        }
}
.dragonBoat-main
        .dragon-boat-wrapper
        .dragon-boat-swiper-anchor.swiper-button-disabled {
        opacity: 0;
        visibility: hidden;
}
.dragonBoat-main .dragon-boat-wrapper .dragon-boat-swiper .chest-target-amount {
        background-image: url(/assets/events/dragon-boat/scroll-key-bg.png);
        background-position: bottom;
        background-size: 100% 85%;
        background-repeat: no-repeat;
        margin-top: -40px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
.dragonBoat-main
        .dragon-boat-wrapper
        .dragon-boat-swiper
        .chest-target-amount
        img {
        max-width: 60px;
}
.dragonBoat-main
        .dragon-boat-wrapper
        .dragon-boat-swiper
        .chest-target-amount
        p {
        font-size: 1.8rem;
        font-weight: 500;
        min-width: 45px;
}
.dragonBoat-main
        .dragon-boat-swiper-nav
        .swiper-slide.swiper-slide-thumb-active
        .chest-items,
.dragonBoat-main .dragon-boat-swiper-nav .swiper-slide:hover .chest-items {
        opacity: 1;
}
.dragonBoat-main .dragon-boat-swiper-nav .swiper-slide .chest-items {
        cursor: pointer;
        opacity: 0.6;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-main .dragon-boat-swiper-nav .swiper-slide .chest-items {
                transition: none;
        }
}
.dragonBoat-main .dragon-boat-swiper-nav .swiper-slide .chest-items img {
        max-width: 125px;
}
.dragonBoat-main .dragon-boat-swiper-nav .swiper-slide .chest-target-amount {
        background-image: url(/assets/events/dragon-boat/scroll-key-bg.png);
        background-position: bottom;
        background-size: 100% 85%;
        background-repeat: no-repeat;
        margin-top: -40px;
}
.dragonBoat-main
        .dragon-boat-swiper-nav
        .swiper-slide
        .chest-target-amount
        img {
        max-width: 60px;
}
.dragonBoat-main .dragon-boat-swiper-nav .swiper-slide .chest-target-amount p {
        font-size: 1.4rem;
        font-weight: 500;
        min-width: 45px;
}
.dragonBoat-normal-modal#sorry-modal .modal-dialog {
        max-width: 520px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#sorry-modal
                .modal-dialog
                .modal-content
                .scroll
                .set-text.zh.close-btn {
                padding-top: 33px !important;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#sorry-modal
                .modal-dialog
                .modal-content
                .scroll
                .set-text.vi {
                line-height: 23px;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#sorry-modal
                .modal-dialog
                .modal-content
                .scroll
                .set-text.vi.close-btn {
                padding-top: 31px !important;
        }
}
.dragonBoat-normal-modal#sorry-modal .modal-dialog .modal-content .close-modal {
        max-width: 100%;
        right: -47px;
        top: -36px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#sorry-modal
                .modal-dialog
                .modal-content
                .close-modal {
                right: -6px;
                max-width: 50px;
        }
}
.dragonBoat-normal-modal#confirm-modal .modal-dialog {
        max-width: 520px;
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .set-dragon-boat {
        max-width: 400px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .set-dragon-boat {
                max-width: 330px;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper {
        margin-top: -93px;
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text {
        color: #09301c;
        padding-top: 4px !important;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text {
                padding-top: 15px !important;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text.zh {
        padding-top: 21px !important;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.zh {
                padding-top: 30px !important;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text.id {
        padding-top: 4px !important;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.id {
                padding-top: 14px !important;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.id
                #set-text,
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.id
                #set-text
                span {
                font-size: 1.2rem;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.ph {
                padding-top: 14px !important;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.ph
                #set-text {
                font-size: 1.2rem;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text.vi {
        padding-top: 20px !important;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.vi {
                padding-top: 13px !important;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text
        #set-text {
        font-size: 1.75rem;
        line-height: 33px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text
                #set-text {
                font-size: 1.5rem;
                line-height: 28px;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text
        #set-text
        span {
        font-size: 1.75rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text
                #set-text
                span {
                font-size: 1.5rem;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text
        #set-text.zh {
        font-weight: 500;
        font-size: 1.9rem;
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text
        #set-text.zh
        span {
        font-size: 1.9rem;
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text
        .set-target-chest-amount
        span {
        font-size: 2rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text
                .set-target-chest-amount
                span {
                font-size: 1.7rem;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text
        .set-target-chest-amount
        span.cross {
        font-size: 1.6rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text
                .set-target-chest-amount
                span.cross {
                font-size: 1.4rem;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text
        .set-target-chest-amount
        img {
        max-width: 50px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#confirm-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text
                .set-target-chest-amount
                img {
                max-width: 45px;
        }
}
.dragonBoat-normal-modal#confirm-modal
        .modal-dialog
        .modal-content
        .close-modal {
        max-width: 60px;
        top: 0;
        right: 0;
}
.dragonBoat-normal-modal#success-modal .modal-dialog {
        max-width: 520px;
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .set-dragon-boat {
        max-width: 400px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .set-dragon-boat {
                max-width: 340px;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper {
        margin-top: -86px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper {
                margin-top: -80px;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper.show {
        opacity: 1;
        visibility: visible;
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll,
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll-img {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll {
        font-size: 3.6rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll {
                font-size: 2.6rem;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text {
        color: #000;
        padding-top: 30px !important;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text {
                padding-top: 36px !important;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text
        span {
        color: #09301c;
        font-size: 3.6rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text
                span {
                font-size: 2.8rem;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text.id {
        line-height: 18px;
        font-size: 2.6rem;
        padding-top: 26px !important;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.id {
                font-size: 2rem;
                line-height: 23px;
                padding-top: 33px !important;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text.id
        span {
        line-height: 36px;
        font-size: 2.2rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.id
                span {
                font-size: 2rem;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.ph {
                line-height: 18px;
                padding-top: 38px !important;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.ph
                span {
                line-height: 36px;
                font-size: 2.2rem;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.vi {
                line-height: 18px;
                padding-top: 19px !important;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .scroll
        .set-text.vi
        span {
        font-size: 2.8rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .scroll
                .set-text.vi
                span {
                line-height: 38px;
                font-size: 2.4rem;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .congratulation-text {
        font-size: 3.8rem;
        background-image: url(/assets/events/dragon-boat/target-key-bg.png);
        background-position: bottom;
        background-size: 90% 80%;
        background-repeat: no-repeat;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        top: 13px;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .congratulation-text {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .scroll-wrapper
                .congratulation-text {
                font-size: 2.2rem;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .scroll-wrapper
        .congratulation-text.show {
        opacity: 1;
        visibility: visible;
}
.dragonBoat-normal-modal#success-modal .modal-dialog .modal-content .modal-btn {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .modal-btn {
                transition: none;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .modal-btn.show {
        opacity: 1;
        visibility: visible;
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .shining-glow-effect {
        z-index: -1;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-57%, -50%) scale(1.45);
        transform: translate(-57%, -50%) scale(1.45);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .shining-glow-effect {
                -webkit-transform: translate(-57%, -64%) scale(1.45);
                transform: translate(-57%, -64%) scale(1.45);
        }
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .shining-glow-effect {
                transition: none;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .shining-glow-effect.show {
        opacity: 0;
        visibility: visible;
        -webkit-animation: fadeinout 1.6s linear 0.4s infinite alternate;
        animation: fadeinout 1.6s linear 0.4s infinite alternate;
}
@-webkit-keyframes fadeinout {
        0% {
                opacity: 0.3;
        }
        to {
                opacity: 1;
        }
}
@keyframes fadeinout {
        0% {
                opacity: 0.3;
        }
        to {
                opacity: 1;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .close-modal {
        max-width: 60px;
        top: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-normal-modal#success-modal
                .modal-dialog
                .modal-content
                .close-modal {
                transition: none;
        }
}
.dragonBoat-normal-modal#success-modal
        .modal-dialog
        .modal-content
        .close-modal.show {
        opacity: 1;
        visibility: visible;
}
.dragonBoat-normal-modal#tnc-modal .modal-content .tnc-listing.ph li {
        line-height: 23px;
}
.dragonBoat-normal-modal .modal-dialog {
        max-width: 780px;
}
.dragonBoat-normal-modal .modal-dialog.zh {
        max-width: 620px;
}
.dragonBoat-normal-modal .modal-dialog.en,
.dragonBoat-normal-modal .modal-dialog.id {
        max-width: 730px;
}
.dragonBoat-normal-modal .modal-dialog .modal-content {
        border-radius: 0 !important;
}
.dragonBoat-normal-modal .modal-dialog .modal-content .tab-wrapper .nav-pills {
        padding: 0 4px 0 6px;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills
        .nav-item {
        background-image: url(/assets/events/dragon-boat/scroll-key-bg.png);
        background-position: bottom;
        background-size: 100% 85%;
        background-repeat: no-repeat;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills
        .nav-item
        .nav-link {
        font-size: 1.3rem;
        padding: 16px 34px 13px 30px;
        opacity: 0.5;
        transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .nav-pills
                .nav-item
                .nav-link {
                transition: none;
        }
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills
        .nav-item
        .nav-link.active,
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills
        .nav-item
        .nav-link:hover {
        background: transparent;
        opacity: 1;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills.dragon-boat-nav-pill {
        background-image: url(/assets/events/dragon-boat/target-key-bg.png);
        background-position: bottom;
        background-size: 100% 70%;
        background-repeat: no-repeat;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills.dragon-boat-nav-pill
        .nav-item {
        background: transparent;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills.dragon-boat-nav-pill
        .nav-item:last-child {
        padding-right: 0 !important;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills.dragon-boat-nav-pill
        .nav-item
        .nav-link {
        padding: 0;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .nav-pills.dragon-boat-nav-pill
        .nav-item
        .nav-link
        img {
        max-width: 68px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .nav-pills.zh
                .nav-item:first-child {
                margin-right: 13px;
        }
}
@media (max-width: 394px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .nav-pills.ph
                .nav-item
                .nav-link {
                line-height: 23px;
        }
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content {
        background: linear-gradient(90deg, #ffd9b1, #ffcc9a, #ffd9b1);
        margin-top: -28px;
        max-height: 560px;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
}
@media screen and (max-width: 1023px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .tab-content {
                max-height: 100%;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .tab-content {
                margin-top: -150px;
                padding-top: 180px !important;
        }
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .tab-content.zh {
                margin-top: -90px;
                padding-top: 123px !important;
        }
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        .title {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 26px;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        table {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        table
        tr
        td {
        border: 0;
        vertical-align: middle;
        padding: 2px 0;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .tab-content
                table
                tr
                td {
                vertical-align: top;
        }
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        table
        tr
        td:first-child {
        white-space: nowrap;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        table
        tr
        td:nth-child(2) {
        padding: 2px 4px 2px 13px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .tab-content
                table
                tr
                td:nth-child(2) {
                padding-left: 8px;
        }
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        table
        tr
        td
        img {
        max-width: 38px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .tab-content
                table
                tr
                td
                img {
                max-width: 30px;
        }
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content.dragon-boat-tab-content {
        background: transparent;
        margin-top: 0;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .tab-content.dragon-boat-tab-content {
                padding-top: 0 !important;
        }
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content.dragon-boat-tab-content
        .dragon-boat-price-table
        .table {
        width: auto;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content.dragon-boat-tab-content
        .dragon-boat-price-table
        .table
        tr
        td {
        vertical-align: top;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content.dragon-boat-tab-content
        .dragon-boat-price-table
        .table
        tr
        td:nth-child(2) {
        padding: 2px 6px 2px 13px;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content.dragon-boat-tab-content
        .dragon-boat-price-table
        .table
        tr
        td:nth-child(3) {
        line-height: 20px;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        .leaderboard-price-table
        .table {
        width: auto;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        .leaderboard-price-table
        .table
        tr
        td {
        vertical-align: top;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        .leaderboard-price-table
        .table
        tr
        td:nth-child(2) {
        padding: 2px 6px 2px 13px;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content
        .leaderboard-price-table
        .table
        tr
        td:nth-child(3) {
        line-height: 20px;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .tab-wrapper
        .tab-content::-webkit-scrollbar {
        display: none;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .tab-wrapper
                .youtubeVideo {
                max-height: 200px;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .close-modal {
        cursor: pointer;
        max-width: 38px;
        right: 0;
        top: -35px;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal .modal-dialog .modal-content .close-modal {
                top: -13px;
        }
        .dragonBoat-normal-modal .modal-dialog .modal-content .close-modal.zh {
                top: -23px;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll {
        background: linear-gradient(90deg, #ffd9b1, #ffcc9a, #ffd9b1);
        font-weight: 600;
        font-size: 1.3rem;
        min-height: 163px;
        -webkit-animation: scroll-animate 0.15s linear 0.3s forwards;
        animation: scroll-animate 0.15s linear 0.3s forwards;
        -webkit-transform-origin: center;
        transform-origin: center;
        width: 0;
}
@-webkit-keyframes scroll-animate {
        0% {
                width: 0;
        }
        to {
                width: 100%;
        }
}
@keyframes scroll-animate {
        0% {
                width: 0;
        }
        to {
                width: 100%;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll.failed {
        border: 6px solid #bd272d;
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll.success {
        border: 6px solid #0c5819;
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll .set-text {
        width: 450px;
        max-width: 450px;
        line-height: 26px;
        padding-top: 33px !important;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .scroll
                .set-text {
                width: 320px;
                max-width: 320px;
        }
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .scroll
                .set-text.ph {
                width: 300px;
                max-width: 300px;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll .set-text.zh {
        padding-top: 44px !important;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .scroll
        .set-text.zh
        span {
        font-weight: 500;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .scroll
        .set-text.ph
        span {
        font-size: 4.3rem;
        margin-bottom: 3px !important;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .scroll
                .set-text.ph
                span {
                font-size: 3rem;
                margin-bottom: 0 !important;
                line-height: 4px;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll .set-text.id {
        padding-top: 36px !important;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .scroll
                .set-text.id
                span {
                font-size: 3.8rem;
                line-height: 4px;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll .set-text.vi {
        padding-top: 40px !important;
}
.dragonBoat-normal-modal
        .modal-dialog
        .modal-content
        .scroll
        .set-text.vi
        span {
        font-size: 3.8rem;
        line-height: 24px;
        margin-bottom: 0 !important;
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll .set-text span {
        font-size: 4.8rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .scroll
                .set-text
                span {
                font-size: 4.2rem;
                margin-bottom: 0 !important;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll-img {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(1.3) translate(-50%);
        transform: scale(1.3) translate(-50%);
        max-width: 60px;
        top: 0;
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll-img.left {
        left: 46.8%;
        z-index: 1;
        -webkit-animation: scroll-left 0.15s linear 0.3s forwards;
        animation: scroll-left 0.15s linear 0.3s forwards;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal .modal-dialog .modal-content .scroll-img.left {
                left: 45%;
        }
}
@-webkit-keyframes scroll-left {
        0% {
                left: 46.8%;
        }
        to {
                left: -8px;
        }
}
@keyframes scroll-left {
        0% {
                left: 46.8%;
        }
        to {
                left: -8px;
        }
}
@media screen and (max-width: 512px) {
        @-webkit-keyframes scroll-left {
                0% {
                        left: 45%;
                }
                to {
                        left: 0;
                }
        }
        @keyframes scroll-left {
                0% {
                        left: 45%;
                }
                to {
                        left: 0;
                }
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .scroll-img.right {
        right: 35.5%;
        -webkit-animation: scroll-right 0.15s linear 0.3s forwards;
        animation: scroll-right 0.15s linear 0.3s forwards;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                .scroll-img.right {
                right: 32%;
        }
}
@-webkit-keyframes scroll-right {
        0% {
                right: 35.5%;
        }
        to {
                right: -63px;
        }
}
@keyframes scroll-right {
        0% {
                right: 35.5%;
        }
        to {
                right: -63px;
        }
}
@media screen and (max-width: 512px) {
        @-webkit-keyframes scroll-right {
                0% {
                        right: 32%;
                }
                to {
                        right: -56px;
                }
        }
        @keyframes scroll-right {
                0% {
                        right: 32%;
                }
                to {
                        right: -56px;
                }
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .modal-btn {
        background-position: 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 2.2rem;
        border-radius: 6px;
}
.dragonBoat-normal-modal .modal-dialog .modal-content .modal-btn.failed {
        background-image: url(/assets/events/dragon-boat/failed_btn.png);
}
.dragonBoat-normal-modal .modal-dialog .modal-content .modal-btn.success {
        background-image: url(/assets/events/dragon-boat/success_btn.png);
}
.dragonBoat-normal-modal .modal-dialog .modal-content .modal-btn.vi {
        font-size: 2rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal .modal-dialog .modal-content .modal-btn.id,
        .dragonBoat-normal-modal .modal-dialog .modal-content .modal-btn.ph {
                font-size: 1.5rem;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content .modal-btn.ph {
        font-size: 2.1rem;
}
@media screen and (max-width: 512px) {
        .dragonBoat-normal-modal .modal-dialog .modal-content .modal-btn.ph {
                font-size: 1.6rem;
        }
}
.dragonBoat-normal-modal .modal-dialog .modal-content #confirm-open-btn:active {
        transition: all 0.2s ease;
        -webkit-transform: scale(0.93);
        transform: scale(0.93);
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-normal-modal
                .modal-dialog
                .modal-content
                #confirm-open-btn:active {
                transition: none;
        }
}
.dragonBoat-normal-modal .white-flash {
        top: 0;
        left: 0;
        z-index: -99;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
        .dragonBoat-normal-modal .white-flash {
                transition: none;
        }
}
.dragonBoat-normal-modal .white-flash.show {
        z-index: 99;
        opacity: 1;
        visibility: visible;
}
#cake-angpau .modal-dialog {
        font-family: Kanit, sans-serif;
        max-width: 720px;
}
#cake-angpau .modal-dialog .cake-before-success-wrapper {
        cursor: pointer;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 520px;
        transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
        #cake-angpau .modal-dialog .cake-before-success-wrapper {
                transition: none;
        }
}
#cake-angpau .modal-dialog .cake-before-success-wrapper.hide {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
}
#cake-angpau .modal-dialog .cake-before-success-wrapper.non-clickable {
        pointer-events: none;
}
#cake-angpau .modal-dialog .cake-before-success-wrapper .loading-screen-text {
        font-size: 2.4rem;
        margin-top: -33px !important;
        font-weight: 600;
        font-style: italic;
}
#cake-angpau .modal-dialog .cake-success-wrapper {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
        #cake-angpau .modal-dialog .cake-success-wrapper {
                transition: none;
        }
}
#cake-angpau .modal-dialog .cake-success-wrapper.show {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
}
#cake-angpau .modal-dialog .cake-success-wrapper .cake-info-wrapper {
        top: -23px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
}
#cake-angpau
        .modal-dialog
        .cake-success-wrapper
        .cake-info-wrapper
        .title-wrapper {
        max-width: 570px;
}
@media screen and (max-width: 512px) {
        #cake-angpau
                .modal-dialog
                .cake-success-wrapper
                .cake-info-wrapper
                .title-wrapper {
                max-width: 300px;
        }
}
#cake-angpau
        .modal-dialog
        .cake-success-wrapper
        .cake-info-wrapper
        .description-wrapper {
        max-width: 140px;
}
@media screen and (max-width: 512px) {
        #cake-angpau
                .modal-dialog
                .cake-success-wrapper
                .cake-info-wrapper
                .description-wrapper {
                max-width: 80px;
        }
}
#cake-angpau
        .modal-dialog
        .cake-success-wrapper
        .cake-info-wrapper
        .price-wrapper {
        font-size: 11rem;
        font-weight: 700;
        font-style: italic;
        line-height: 143px;
        background: -webkit-linear-gradient(#ffe4ae, #ffddb5, #ff9a42, #ff7717);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 512px) {
        #cake-angpau
                .modal-dialog
                .cake-success-wrapper
                .cake-info-wrapper
                .price-wrapper {
                font-size: 7rem;
                line-height: 93px;
        }
}
@media (max-width: 376px) {
        #cake-angpau
                .modal-dialog
                .cake-success-wrapper
                .cake-info-wrapper
                .price-wrapper {
                font-size: 5rem !important;
                line-height: 63px !important;
        }
}
#cake-angpau
        .modal-dialog
        .cake-success-wrapper
        .cake-info-wrapper
        .price-wrapper:after {
        content: attr(data-price);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        font-style: italic;
        width: 100%;
        height: 100%;
        padding-right: 1.5rem;
        -webkit-text-stroke: 10px #f8aa35;
        text-stroke: 10px #f8aa35;
        text-shadow: -3px 1px 0 #a2300a, -3px 2px 0 #a2300a, -3px 3px 0 #a2300a,
                -3px 4px 0 #a2300a, -3px 5px 0 #a2300a, -3px 6px 0 #a2300a,
                -3px 7px 0 #a2300a, -3px 8px 0 #a2300a, -3px 9px 0 #a2300a,
                -3px 10px 0 #a2300a, -3px 11px 0 #a2300a, -3px 12px 0 #a2300a,
                -3px 13px 0 #a2300a, -3px 14px 0 #a2300a,
                -3px 15px 20px rgba(0, 0, 0, 0.8);
}
#cake-angpau .modal-dialog .cake-success-wrapper .confetti-wrapper {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -45%) scale(1.2);
        transform: translate(-50%, -45%) scale(1.2);
        z-index: -1;
}
#cake-angpau .modal-dialog .cake-success-wrapper .close-wrapper {
        max-width: 250px;
        margin-top: -23px;
        cursor: pointer;
        transition: all 0.4s ease;
        z-index: 10;
}
@media (prefers-reduced-motion: reduce) {
        #cake-angpau .modal-dialog .cake-success-wrapper .close-wrapper {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        #cake-angpau .modal-dialog .cake-success-wrapper .close-wrapper {
                margin-top: -13px;
                max-width: 200px;
        }
}
#cake-angpau .modal-dialog .cake-success-wrapper .close-wrapper:active {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.8;
}
.fifa-pre-announcement-wrapper {
        font-family: Poppins, sans-serif;
        background-image: -webkit-image-set(
                url("/assets/events/fifa-pre-announcement/fifa-pre-announcement-bg.webp")
                        1x
        );
        background-image: url(/assets/events/fifa-pre-announcement/fifa-pre-announcement-bg.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        min-height: 100vh;
}
@media screen and (max-width: 1023px) {
        .fifa-pre-announcement-wrapper {
                background-position: 70%;
        }
}
@media screen and (max-width: 512px) {
        .fifa-pre-announcement-wrapper {
                background-image: -webkit-image-set(
                        url("/assets/events/fifa-pre-announcement/fifa-pre-announcement-bg-mobile.webp")
                                1x
                );
                background-image: url(/assets/events/fifa-pre-announcement/fifa-pre-announcement-bg-mobile.jpg);
                background-position: 50%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: top;
                min-height: calc(100vh - 250px);
        }
}
.fifa-pre-announcement-wrapper img.title {
        max-width: 330px;
}
@media screen and (max-width: 512px) {
        .fifa-pre-announcement-wrapper img.title {
                max-width: 250px;
        }
}
.fifa-pre-announcement-wrapper img.game {
        max-width: 330px;
}
@media screen and (max-width: 512px) {
        .fifa-pre-announcement-wrapper img.game {
                max-width: 250px;
        }
}
.leaderboard-campaign {
        background-image: url(/assets/marathon/bg.png);
        background-image: -webkit-image-set(url(/assets/marathon/bg.webp) 1x);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        font-family: Roboto, sans-serif;
        background-attachment: fixed;
}
.leaderboard-campaign .big-prize-hat {
        position: absolute;
        max-width: 200px;
        margin: auto;
        left: 0;
        right: 0;
        z-index: 2;
        top: -20px;
}
.leaderboard-campaign .big-prize-hat img {
        width: 100%;
}
.leaderboard-campaign .big-prize-hat span {
        position: absolute;
        top: 20%;
        margin: auto;
        left: 0;
        right: 0;
        font-weight: 900;
        font-size: 20px;
        font-style: italic;
        color: #780a0b;
}
.leaderboard-campaign .prize-body {
        min-height: 130px;
        background: #590000;
        background: linear-gradient(0deg, #590000, #ad0000 75%);
        border-radius: 20px;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
                0 10px 10px rgba(0, 0, 0, 0.22);
        z-index: 1;
}
.leaderboard-campaign .prize-body .gift-img {
        max-width: 140px;
        position: absolute;
        right: -40px;
        top: 10px;
        z-index: 2;
}
@media screen and (max-width: 512px) {
        .leaderboard-campaign .prize-body .gift-img {
                right: -25px;
                top: 15px;
        }
}
.leaderboard-campaign .prize-body .prize-content h3 {
        font-weight: 900;
        color: #f3dd83;
}
.leaderboard-campaign .prize-body .prize-content .big-prize-text {
        font-size: 12px;
}
.leaderboard-campaign .current-style {
        background: linear-gradient(0deg, #590000, #ad0000 75%);
        border-radius: 5px;
        margin-top: 10px;
        padding: 5px 10px;
        border: 2px solid #b39e27;
}
.leaderboard-campaign .marathon-eu9 img {
        max-width: 120px;
}
.leaderboard-campaign .marathon-logo img {
        max-width: 250px;
}
.leaderboard-campaign .marathon-tnc {
        background: linear-gradient(0deg, #590000, #ad0000 75%);
        border-radius: 40px;
        padding: 15px 20px;
        max-width: 200px;
        cursor: pointer;
        margin: auto;
}
.leaderboard-campaign .duration h3,
.leaderboard-campaign .duration p {
        text-shadow: 4px 2px 4px #000;
}
.leaderboard-campaign .duration h3 {
        font-size: 16px;
}
.leaderboard-campaign .end-duration h3 {
        text-shadow: 4px 2px 4px #000;
        font-weight: 900;
        font-size: 18px;
}
.leaderboard-campaign .cta-btn {
        position: relative;
        cursor: pointer;
}
.leaderboard-campaign .cta-btn .marathon-btn img {
        max-width: 210px;
}
.leaderboard-campaign .cta-btn span {
        position: absolute;
        font-weight: 900;
        font-style: italic;
        font-size: 16px;
        color: #780a0b;
        top: 15%;
        margin: auto;
        left: 10%;
        right: 0;
}
.leaderboard-campaign .top-hat {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: -20px;
}
.leaderboard-campaign .top-hat img {
        max-width: 210px;
}
.leaderboard-campaign .top-hat span {
        position: absolute;
        top: 25%;
        margin: auto;
        left: 0;
        right: 0;
        font-weight: 900;
        font-size: 16px;
        font-style: italic;
        color: #780a0b;
}
.leaderboard-campaign .marathon-board {
        background: #590000;
        background: linear-gradient(0deg, #590000, #ad0000 75%);
        height: 400px;
        border-radius: 40px;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
                0 10px 10px rgba(0, 0, 0, 0.22);
}
.leaderboard-campaign .marathon-board .crown-img {
        width: 20px;
}
.leaderboard-campaign .marathon-board .marathon-list {
        font-size: 12px;
}
.leaderboard-campaign .marathon-board .prize-list span {
        display: inline-block;
        float: right;
        font-size: 13px;
        margin-top: 4px;
}
@media only screen and (max-width: 1367px) {
        .leaderboard-campaign .marathon-board .prize-list span {
                font-size: 12px;
        }
}
@media only screen and (max-width: 1280px) {
        .leaderboard-campaign .marathon-board .prize-list span {
                font-size: 10px;
        }
}
@media only screen and (max-width: 1024px) {
        .leaderboard-campaign .marathon-board .prize-list span {
                font-size: 13px;
        }
}
.leaderboard-campaign .marathon-board .dot-line {
        border-bottom: 1px dotted hsla(0, 0%, 100%, 0.5);
}
.leaderboard-campaign .marathon-board .leaderboard-list {
        overflow-y: scroll;
        height: 280px;
}
.leaderboard-campaign .marathon-board .leaderboard-list .leaderboard-head {
        font-size: 12px;
        color: #fff;
}
.leaderboard-campaign .marathon-board .leaderboard-list .amount {
        display: inline-block;
        float: right;
        padding-right: 10px;
}
.leaderboard-campaign
        .marathon-board
        .leaderboard-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px hsla(0, 0%, 100%, 0.3);
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.3);
}
.leaderboard-campaign .marathon-board .leaderboard-list::-webkit-scrollbar {
        width: 10px;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.3);
}
.leaderboard-campaign
        .marathon-board
        .leaderboard-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #fff;
}
.leaderboard-campaign .marathon-board ul {
        color: #fff;
        padding-left: 30px;
}
.leaderboard-campaign .marathon-board ul li {
        list-style-type: decimal;
}
.leaderboard-campaign .marathon-board ul li:first-child::marker {
        content: url(/assets/marathon/1.png);
        width: 20px;
        height: 20px;
}
.leaderboard-campaign .marathon-board ul li:nth-child(2)::marker {
        content: url(/assets/marathon/2.png);
        width: 20px;
        height: 20px;
}
.leaderboard-campaign .marathon-board ul li:nth-child(3)::marker {
        content: url(/assets/marathon/3.png);
        width: 20px;
        height: 20px;
}
.result-board-campaign .gift-img {
        max-width: 170px !important;
        right: -20px !important;
}
@media screen and (max-width: 512px) {
        .result-board-campaign .gift-img {
                max-width: 140px !important;
        }
}
.result-board-campaign .marathon-tnc {
        position: absolute;
        right: 0;
        top: 0;
}
@media screen and (max-width: 512px) {
        .result-board-campaign .marathon-tnc {
                position: relative;
                margin: auto;
                left: 0;
                right: 0;
        }
}
.result-board-campaign .marathon-board {
        background: transparent !important;
        box-shadow: none !important;
}
.result-board-campaign .marathon-board .leaderboard-list {
        height: 350px !important;
}
.result-board-campaign .marathon-board .leaderboard-list td {
        border: 0 !important;
        font-size: 16px !important;
}
.result-board-campaign .marathon-board .leaderboard-list .marathon-list tr td {
        font-size: 16px !important;
        padding: 0 !important;
}
.result-board-campaign
        .marathon-board
        .leaderboard-list
        .marathon-list
        tr
        td
        div {
        background: rgba(173, 0, 0, 0.8);
        margin-bottom: 10px;
        padding: 15px;
}
.result-board-campaign
        .marathon-board
        .leaderboard-list
        .marathon-list
        tr
        td:first-child
        div {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
}
.result-board-campaign
        .marathon-board
        .leaderboard-list
        .marathon-list
        tr
        td:last-child
        div {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
}
#marathon-tnc .modal-body {
        background-image: url(/assets/marathon/bg.png);
        background-image: -webkit-image-set(url(/assets/marathon/bg.webp) 1x);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        font-family: Roboto, sans-serif;
}
#marathon-tnc .modal-body h3 {
        font-weight: 900;
}
#marathon-tnc .modal-body p {
        font-size: 14px;
}
#marathon-tnc .modal-body table {
        font-size: 12px;
}
.page-mascot {
        background-image: url(/assets/events/mascot/background.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: -webkit-image-set(
                url("/assets/events/mascot/background.webp") 1x
        );
        background-position: top;
        overflow: hidden;
}
@media screen and (max-width: 799px) {
        .page-mascot {
                background-position: 75%;
        }
}
.page-mascot .sub-title {
        font-size: 1.6rem;
}
.page-mascot .mascot img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
}
#pikiModal .modal-content {
        background-color: transparent;
}
#pikiModal .modal-content .close {
        z-index: 2;
}
#pikiModal .modal-content .modal-body .egg-mascot {
        width: 300px;
        height: 300px;
        -webkit-animation: floatApp 3.5s ease-in-out infinite;
        animation: floatApp 3.5s ease-in-out infinite;
}
#pikiModal .modal-content .modal-body .egg-mascot.shake {
        -webkit-animation: spaceboots 0.8s linear infinite !important;
        animation: spaceboots 0.8s linear infinite !important;
        -webkit-transform-origin: 50% 50%;
}
#pikiModal .modal-content .modal-body .egg-mascot img {
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #pikiModal .modal-content .modal-body .egg-mascot img {
                transition: none;
        }
}
#pikiModal .modal-content .modal-body .egg-mascot .top img {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
}
#pikiModal .modal-content .modal-body .egg-mascot .bottom img {
        -webkit-transform: translate(-3px, -30px);
        transform: translate(-3px, -30px);
}
#pikiModal .modal-content .modal-body .egg-mascot.dragon-boat-wrapper,
#pikiModal
        .modal-content
        .modal-body
        .egg-mascot.dragon-boat-wrapper
        .dragon-boat-img {
        top: 60px;
}
#pikiModal
        .modal-content
        .modal-body
        .egg-mascot.dragon-boat-wrapper
        .dragon-boat-img
        img {
        max-width: 260px;
}
#pikiModal .modal-content .modal-body .piki {
        top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        #pikiModal .modal-content .modal-body .piki {
                transition: none;
        }
}
#pikiModal .modal-content .modal-body .piki.show {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
}
#pikiModal .modal-content .modal-footer {
        border: none;
}
#pikiModal .modal-content .modal-footer button {
        background: transparent;
        outline: none;
        border: none;
}
#pikiModal .modal-content .modal-footer button:disabled,
#pikiModal .modal-content .modal-footer button:hover {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
}
#pikiModal .modal-content .modal-footer #dragonBtn {
        display: none;
}
@font-face {
        font-family: js-chanok-normal;
        src: url(/fonts/events/rolling-wealth/js-chanok-normal.TTF);
}
.neko-event .last-winner > div:first-of-type,
.songkran-2024 .game-page .last-winner > div:first-of-type,
.spin-gradient {
        background: #001f5e;
        background: linear-gradient(180deg, #001f5e 0, #0070d7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146ad6",endColorstr="#001654",GradientType=0);
}
.neko-event {
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        font-family: Kanit, sans-serif;
}
.neko-event.before_click_play_button_background {
        background-image: url(/assets/events/rolling-wealth/backgrounds/before-click-play-button.jpg);
        background-image: -webkit-image-set(
                url(/assets/events/rolling-wealth/backgrounds/before-click-play-button.webp)
                        1x
        );
}
.neko-event.after_click_play_button_background {
        background-image: url(/assets/events/rolling-wealth/backgrounds/after-click-play-button.png) !important;
        background-image: -webkit-image-set(
                url(/assets/events/rolling-wealth/backgrounds/after-click-play-button.webp)
                        1x
        ) !important;
}
.neko-event .winner-btn {
        position: absolute;
}
@media screen and (max-width: 512px) {
        .neko-event .winner-btn {
                max-width: 200px;
                top: 75px;
                z-index: 5;
        }
}
.neko-event .winner-close {
        position: absolute;
        right: -25px;
        top: -20px;
        z-index: 3;
        background: transparent;
        max-width: 75px;
        border: 0;
}
.neko-event .last-winner {
        box-shadow: 2px 2px 15px 0 #000;
        border-radius: 25px;
        max-width: 300px;
        position: absolute;
        top: 35%;
        left: 5%;
        z-index: 99;
}
@media screen and (max-width: 512px) {
        .neko-event .last-winner {
                left: 0;
                right: 0;
                margin: auto;
        }
}
.neko-event .last-winner > div:first-of-type {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border: 3px solid #f0cda4;
        background: #fff !important;
}
.neko-event .last-winner > div:first-of-type label {
        font-size: 1.2rem;
        color: #ff0031;
}
.neko-event .last-winner > div:nth-of-type(2) {
        background: linear-gradient(0deg, #01003d, #002d51 50%, #2a4858);
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border: 3px solid #f0cda4;
        border-top: none;
        box-shadow: inset 0 0 8px 2px #333;
        max-height: 250px;
}
.neko-event .last-winner > div:nth-of-type(2) .content-float {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        animation: mymove 36s linear 1s infinite;
        -webkit-animation: mymove 36s linear 1s infinite;
}
.neko-event .neko-deco {
        bottom: 0;
        right: 0;
        max-width: 70px;
}
.neko-event .neko-cat-play {
        position: relative;
        z-index: 4;
}
.neko-event .neko-cat-play .neko-title {
        margin-top: 15%;
}
@media screen and (max-width: 512px) {
        .neko-event .neko-cat-play .neko-title {
                position: relative;
                margin-top: 0;
        }
}
@media only screen and (max-width: 375px) {
        .neko-event .neko-cat-play .neko-title {
                position: relative;
                margin-top: 65px;
                width: 420px;
                left: -10%;
        }
}
.neko-event .neko-cat-play .play-btn {
        max-width: 300px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        cursor: pointer;
}
@media screen and (max-width: 512px) {
        .neko-event .neko-cat-play .play-btn {
                max-width: 180px;
        }
}
.neko-event .neko-container {
        max-width: 520px;
        position: relative;
        z-index: 3;
}
@media screen and (max-width: 512px) {
        .neko-event .neko-container {
                max-width: 350px;
        }
}
.neko-event .neko-container button {
        position: relative;
        max-height: 70px;
        z-index: 3;
        cursor: pointer;
        border: 0;
        background: transparent;
}
@media screen and (max-width: 512px) {
        .neko-event .neko-container button {
                bottom: 15px;
                width: 100px;
        }
}
.neko-event .neko-container .plank {
        position: relative;
        display: block;
        max-width: 500px;
        width: 100%;
        height: 40px;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 10px;
        background: transparent url(/assets/events/rolling-wealth/plank.png)
                no-repeat;
        background-size: 100% 100%;
}
@media screen and (max-width: 512px) {
        .neko-event .neko-container .plank {
                bottom: 45px;
        }
}
@media only screen and (max-width: 375px) {
        .neko-event .neko-container .plank {
                bottom: 25px;
        }
}
.neko-event .light {
        margin: auto;
        top: 15%;
        max-width: 100%;
        z-index: 3;
}
@media screen and (max-width: 512px) {
        .neko-event .light {
                max-width: none;
                top: 30%;
                width: 500px;
        }
}
.neko-event .tnc-btn {
        top: 20%;
        left: 10%;
        max-width: 100px;
        cursor: pointer;
        z-index: 6;
}
@media screen and (max-width: 512px) {
        .neko-event .tnc-btn {
                max-width: 80px;
                top: 10%;
                left: 5%;
        }
}
.neko-event .ticket-div {
        top: 19%;
        right: 10%;
        max-width: 250px;
        position: absolute;
}
@media screen and (max-width: 512px) {
        .neko-event .ticket-div {
                max-width: 200px;
                position: relative;
                right: 0;
        }
}
.neko-event .ticket-div .ticket {
        position: absolute;
        color: #ff0031;
        right: 40px;
        top: 24px;
        z-index: 3;
        font-size: 26px;
        left: 0;
        right: -40px;
        margin-left: auto;
        width: 100px;
}
@media screen and (max-width: 512px) {
        .neko-event .ticket-div .ticket {
                top: 18px;
                right: -50px;
                font-size: 24px;
        }
}
.neko-event .spinning {
        -webkit-animation-name: spin;
        animation-name: spin;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
}
.neko-event #neko-tnc .modal-content {
        background-image: url(/assets/events/rolling-wealth/modal/background.jpg);
        background-image: -webkit-image-set(
                url(/assets/events/rolling-wealth/modal/background.webp) 1x
        );
        background-size: 100% 100%;
}
.neko-event #neko-tnc .modal-content .modal-body ul {
        font-size: 18px;
        font-weight: 600;
        color: #fff8c2;
        padding-left: 30px;
}
.neko-event #neko-tnc .modal-content .modal-body ul li {
        list-style-type: decimal;
}
.neko-event #neko-tnc .modal-content .modal-body:before {
        background: unset;
}
.neko-event #neko-tnc .modal-content .close {
        position: absolute;
        right: -35px;
        top: -35px;
        max-width: 100px;
        opacity: 1;
        z-index: 3;
}
.neko-event #getgiftModal.fail .prize-gift {
        background-image: url(/assets/events/rolling-wealth/modal/background.jpg);
        background-image: -webkit-image-set(
                url(/assets/events/rolling-wealth/modal/background.webp) 1x
        );
        background-size: 100% 100%;
        padding: 25px;
        bottom: unset !important;
        text-shadow: unset !important;
}
.neko-event #getgiftModal .modal-content {
        background-color: transparent;
}
.neko-event #getgiftModal .modal-content .confetti {
        position: absolute;
        z-index: 1;
}
.neko-event #getgiftModal .modal-content .red_firework {
        bottom: 30px;
}
@media screen and (max-width: 512px) {
        .neko-event #getgiftModal .modal-content .red_firework {
                width: 300px;
        }
}
.neko-event #getgiftModal .modal-content .prize-content {
        z-index: 2;
        margin-top: 100px;
}
.neko-event #getgiftModal .modal-content .prize-content .prize-gift {
        font-family: js-chanok-normal;
        font-size: 40px;
        z-index: 4;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 55px;
        line-height: 40px;
        color: #fff8c2;
        text-shadow: 2px 2px 4px #000;
}
@media screen and (max-width: 512px) {
        .neko-event #getgiftModal .modal-content .prize-content .prize-gift {
                font-size: 30px;
                line-height: 30px;
        }
}
.neko-event #getgiftModal .modal-content .prize-content .ply-btn {
        background: transparent;
        border: 0;
}
.neko-event #getgiftModal .modal-content .modal-body:before {
        background: unset;
}
.neko-event .bounce2 {
        -webkit-animation: bounce2 2s ease infinite;
        animation: bounce2 2s ease infinite;
}
@-webkit-keyframes bounce2 {
        0%,
        20%,
        50%,
        80%,
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        40% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        }
        60% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        }
}
@keyframes bounce2 {
        0%,
        20%,
        50%,
        80%,
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        40% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        }
        60% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        }
}
@keyframes spin {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
        }
}
@-webkit-keyframes MoveUpDown {
        0%,
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        50% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        }
}
@keyframes MoveUpDown {
        0%,
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        50% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        }
}
.neko-event .lantern_orange,
.neko-event .lantern_white {
        width: 100px;
}
.neko-event .lantern_orange {
        -webkit-animation: MoveUpDown 4s ease infinite;
        animation: MoveUpDown 4s ease infinite;
        top: 100px;
        left: 300px;
}
.neko-event .lantern_white {
        -webkit-animation: MoveUpDown 6s ease infinite;
        animation: MoveUpDown 6s ease infinite;
        right: 350px;
        bottom: 400px;
}
@media screen and (max-width: 512px) {
        .neko-event .lantern_orange,
        .neko-event .lantern_white {
                width: 80px;
        }
        .neko-event .lantern_white {
                right: 300px;
                bottom: 200px;
        }
}
@media screen and (max-width: 512px) {
        .neko-event .title_image {
                max-width: 200px;
        }
}
.neko-event .text-gold {
        color: #fff8c2;
}
.neko-event .fw-semibold {
        font-weight: 600;
}
@media only screen and (min-width: 768px) {
        .neko-event .w-md-100 {
                width: 100% !important;
        }
}
@font-face {
        font-family: Albertson;
        src: url(/fonts/events/santa-secret-stash/albertson/albertson.eot);
        src: url(/fonts/events/santa-secret-stash/albertson/albertson.eot?#iefix)
                        format("embedded-opentype"),
                url(/fonts/events/santa-secret-stash/albertson/albertson.woff2)
                        format("woff2"),
                url(/fonts/events/santa-secret-stash/albertson/albertson.woff)
                        format("woff"),
                url(/fonts/events/santa-secret-stash/albertson/albertson.ttf)
                        format("truetype"),
                url(/fonts/events/santa-secret-stash/albertson/albertson.svg#albertson)
                        format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
}
.santa_secret_stash_event {
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
}
.santa_secret_stash_event.bg_before {
        background-image: url(/assets/events/santa-secret-stash/backgrounds/before-click-claim-button/background.png);
        background-image: -webkit-image-set(
                url(/assets/events/santa-secret-stash/backgrounds/before-click-claim-button/background.webp)
                        1x
        );
}
.santa_secret_stash_event.bg_after {
        background-image: url(/assets/events/santa-secret-stash/backgrounds/after-click-claim-button/background.png);
        background-image: -webkit-image-set(
                url(/assets/events/santa-secret-stash/backgrounds/after-click-claim-button/background.webp)
                        1x
        );
}
@media screen and (max-width: 512px) {
        .santa_secret_stash_event {
                background-position: 100%;
        }
}
.santa_secret_stash_event .display-5 {
        font-size: 2.5rem;
}
.santa_secret_stash_event .display-6 {
        font-size: 1.5rem;
}
.santa_secret_stash_event .bg_black_70 {
        background-color: rgba(0, 0, 0, 0.7);
}
.santa_secret_stash_event .hover_pulse:hover {
        -webkit-animation: pulse 0.5s infinite;
        animation: pulse 0.5s infinite;
}
.santa_secret_stash_event .text_gold_gradient {
        background: -webkit-linear-gradient(90deg, #fef8ab 31.77%, #dba573);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 768px) {
        .santa_secret_stash_event .position-md-relative {
                position: relative !important;
        }
}
@media only screen and (max-width: 992px) {
        .santa_secret_stash_event .mt_-80 {
                margin-top: -80px;
        }
        .santa_secret_stash_event .mt_-40 {
                margin-top: -40px;
        }
}
.santa_secret_stash_event .font_family_albertson {
        font-family: Albertson;
}
.santa_secret_stash_event .font_family_inter {
        font-family: Inter, sans-serif;
}
.santa_secret_stash_event .font_family_kanit {
        font-family: Kanit, sans-serif;
}
.santa_secret_stash_event .font_family_microsoft_yahei {
        font-family: Microsoft YaHei, sans-serif;
}
.santa_secret_stash_event .border_modal,
.santa_secret_stash_event .border_modal:before {
        border-radius: 25px;
}
.santa_secret_stash_event .border_modal {
        position: relative;
}
.santa_secret_stash_event .border_modal:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 4px;
        background: linear-gradient(90deg, #fef8ab 31.77%, #dba573);
        -webkit-mask: linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: 1;
}
.santa_secret_stash_event .bg_modal {
        background-image: url(/assets/events/santa-secret-stash/backgrounds/modal/background.png);
        background-image: -webkit-image-set(
                url(/assets/events/santa-secret-stash/backgrounds/modal/background.webp)
                        1x
        );
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
}
.santa_secret_stash_event .bg_modal:after {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.7);
}
.santa_secret_stash_event .bg_modal .modal-header {
        position: absolute;
        right: 0;
        z-index: 2;
}
.santa_secret_stash_event .bg_modal .modal-body {
        z-index: 1;
}
.santa_secret_stash_event .bg_modal .modal-body:before {
        background: unset !important;
}
.santa_secret_stash_event #successfulModal .modal-content {
        bottom: 50px;
}
@media only screen and (min-width: 992px) {
        .santa_secret_stash_event #successfulModal .modal-content {
                top: 50px;
        }
}
.santa_secret_stash_event #successfulModal #imgSock {
        position: absolute;
        top: -150px;
        left: -200px;
        max-width: 400px;
}
@media only screen and (max-width: 992px) {
        .santa_secret_stash_event #successfulModal #imgSock {
                top: -50px;
                left: -100px;
                max-width: 280px;
        }
}
.santa_secret_stash_event #successfulModal #listGifts .list_gift_border {
        border: 3px solid #dba573;
}
@media screen and (max-width: 512px) {
        .santa_secret_stash_event #beforeClickClaimButtonLayout {
                max-height: 750px;
        }
}
.santa_secret_stash_event #beforeClickClaimButtonLayout .content_border {
        box-shadow: unset;
        width: 300px;
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event
                #beforeClickClaimButtonLayout
                .content_border {
                width: auto;
        }
}
.santa_secret_stash_event #beforeClickClaimButtonLayout .logo {
        top: 110px;
        z-index: 1;
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event #beforeClickClaimButtonLayout .logo {
                top: unset;
        }
}
@media only screen and (min-width: 360px) and (max-width: 380px) {
        .santa_secret_stash_event #beforeClickClaimButtonLayout .logo {
                top: -30px;
        }
}
.santa_secret_stash_event #beforeClickClaimButtonLayout .btn_information {
        width: 30px;
        bottom: 20px;
        z-index: 2;
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event
                #beforeClickClaimButtonLayout
                .btn_information {
                bottom: 150px;
        }
}
.santa_secret_stash_event
        #beforeClickClaimButtonLayout
        .get_up_to_border_content {
        width: 250px;
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event
                #beforeClickClaimButtonLayout
                .get_up_to_border_content {
                width: 100%;
                padding-top: 150px !important;
                position: relative;
                bottom: 200px;
        }
}
.santa_secret_stash_event
        #beforeClickClaimButtonLayout
        .get_up_to_border_content
        .th_th_country_price {
        font-size: 30px;
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event
                #beforeClickClaimButtonLayout
                .get_up_to_border_content
                .th_th_country_price {
                font-size: 3rem;
                padding-bottom: 1.5rem;
        }
}
.santa_secret_stash_event
        #beforeClickClaimButtonLayout
        .get_up_to_border_content
        .th_en_country_price {
        font-size: 45px;
        padding-bottom: 1.5rem;
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event
                #beforeClickClaimButtonLayout
                .get_up_to_border_content
                .th_en_country_price {
                font-size: 4rem;
                padding-bottom: 2rem;
        }
}
.santa_secret_stash_event #beforeClickClaimButtonLayout .btn_claim_now {
        bottom: 55px;
        left: 4px;
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event #beforeClickClaimButtonLayout .btn_claim_now {
                bottom: 160px;
        }
}
.santa_secret_stash_event #afterClickClaimButtonLayout .logo {
        width: 300px;
}
@media only screen and (max-width: 768px) {
        .santa_secret_stash_event #afterClickClaimButtonLayout .logo {
                width: 200px;
        }
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event #afterClickClaimButtonLayout .logo {
                width: 180px;
        }
}
.santa_secret_stash_event #afterClickClaimButtonLayout .btn_information {
        right: 40px;
        width: 30px;
}
@media only screen and (max-width: 992px) {
        .santa_secret_stash_event
                #afterClickClaimButtonLayout
                .btn_information {
                right: 30px;
                width: 25px;
        }
}
.santa_secret_stash_event #afterClickClaimButtonLayout .list_gifts {
        height: 400px;
}
@media only screen and (max-width: 992px) {
        .santa_secret_stash_event #afterClickClaimButtonLayout .list_gifts {
                height: unset;
        }
}
.santa_secret_stash_event #afterClickClaimButtonLayout .list_gifts .btn_gift,
.santa_secret_stash_event
        #afterClickClaimButtonLayout
        .list_gifts
        .btn_gift_sock {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
}
.santa_secret_stash_event #afterClickClaimButtonLayout .list_gifts .btn_gift {
        width: 300px;
        height: 300px;
        background-image: url(/assets/events/santa-secret-stash/gifts/normal.png);
        background-image: -webkit-image-set(
                url(/assets/events/santa-secret-stash/gifts/normal.webp) 1x
        );
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event
                #afterClickClaimButtonLayout
                .list_gifts
                .btn_gift {
                width: 180px;
                height: 180px;
        }
}
.santa_secret_stash_event
        #afterClickClaimButtonLayout
        .list_gifts
        .btn_gift.btn_gift_en:hover {
        background-image: url(/assets/events/santa-secret-stash/gifts/hover/en.png);
        background-image: -webkit-image-set(
                url(/assets/events/santa-secret-stash/gifts/hover/en.webp) 1x
        );
}
.santa_secret_stash_event
        #afterClickClaimButtonLayout
        .list_gifts
        .btn_gift.btn_gift_cn:hover {
        background-image: url(/assets/events/santa-secret-stash/gifts/hover/cn.png);
        background-image: -webkit-image-set(
                url(/assets/events/santa-secret-stash/gifts/hover/cn.webp) 1x
        );
}
.santa_secret_stash_event
        #afterClickClaimButtonLayout
        .list_gifts
        .btn_gift.btn_gift_th:hover {
        background-image: url(/assets/events/santa-secret-stash/gifts/hover/th.png);
        background-image: -webkit-image-set(
                url(/assets/events/santa-secret-stash/gifts/hover/th.webp) 1x
        );
}
.santa_secret_stash_event
        #afterClickClaimButtonLayout
        .list_gifts
        .btn_gift_sock {
        width: 210px;
        height: 250px;
        background-image: url(/assets/events/santa-secret-stash/gifts/sock.png);
        background-image: -webkit-image-set(
                url(/assets/events/santa-secret-stash/gifts/sock.webp) 1x
        );
}
@media only screen and (max-width: 576px) {
        .santa_secret_stash_event
                #afterClickClaimButtonLayout
                .list_gifts
                .btn_gift_sock {
                width: 130px;
                height: 150px;
        }
}
.snatch-angpao {
        margin-top: 130px !important;
        font-family: Inter;
}
.snatch-angpao.info-top {
        margin-top: 0 !important;
}
.snatch-angpao.info-top .modal-content {
        background: transparent;
}
@media screen and (max-width: 512px) {
        .snatch-angpao {
                margin-top: 48px !important;
        }
}
.snatch-angpao .bgimg {
        background: url(/assets/events/snatch-angpao/background.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
        .snatch-angpao .bgimg {
                transition: none;
        }
}
@media screen and (max-width: 512px) {
        .snatch-angpao .bgimg {
                background: url(/assets/events/snatch-angpao/background-mobile.png);
        }
}
@media only screen and (max-width: 991px) {
        .snatch-angpao .angpao-bg {
                padding-top: 188px;
        }
}
@media only screen and (max-width: 991px) {
        .snatch-angpao .continue-bg {
                background: url(/assets/events/snatch-angpao/background-mobile.png);
                width: 100%;
                padding: 25px 25px 0;
                position: relative;
                background-repeat: no-repeat;
                background-color: #6a7883;
        }
        .snatch-angpao .continue-bg.first {
                margin-top: -11px;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
        }
        .snatch-angpao .continue-bg .layer {
                background-color: hsla(0, 0%, 82.7%, 0.5);
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                max-height: 500px;
        }
        .snatch-angpao .continue-bg-record {
                background: #6a7883 !important;
                padding-bottom: 20px;
        }
}
.snatch-angpao .piki-god {
        left: 50%;
        width: 389px;
        -webkit-transform: translate(76px, 234px);
        transform: translate(76px, 234px);
}
@media only screen and (max-width: 991px) {
        .snatch-angpao .piki-god {
                width: 48%;
                left: 50px;
                -webkit-transform: translate(202px, 317px);
                transform: translate(202px, 317px);
                z-index: 7;
        }
}
.snatch-angpao .center-item {
        z-index: 10;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
@media only screen and (min-width: 991px) {
        .snatch-angpao .center-item {
                padding-top: 30px;
        }
}
.snatch-angpao .center-item.angpao-content {
        z-index: 9 !important;
}
.snatch-angpao .winner-show {
        background: rgba(56, 31, 8, 0.8);
        border-radius: 16px;
        width: 178px;
        font-size: 0.8rem;
        color: #fff;
        line-height: 17px;
        text-align: center;
        padding: 3px 12px 0;
        margin-top: -10px;
}
.snatch-angpao .sub-title {
        font-size: 2.4rem;
        line-height: 25px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-top: 125px;
}
@media only screen and (min-width: 991px) {
        .snatch-angpao .sub-title {
                line-height: 40px;
        }
}
@media screen and (max-width: 1023px) {
        .snatch-angpao .sub-title {
                font-size: 2.4rem;
                margin-top: 148px;
        }
}
@media screen and (max-width: 512px) {
        .snatch-angpao .sub-title {
                font-size: 1.2rem;
                margin-top: 30%;
        }
}
.snatch-angpao .prize-position {
        -webkit-animation-duration: 1.8s !important;
        animation-duration: 1.8s !important;
        margin-top: 140px;
}
.snatch-angpao .prize-position.no-prize {
        margin-top: 60px;
}
@media screen and (max-width: 512px) {
        .snatch-angpao .prize-position {
                margin-top: 30px;
                max-width: 80vw;
        }
}
.snatch-angpao .prize {
        font-size: 90px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        line-height: 65px;
        background-image: linear-gradient(
                180deg,
                #f8d17b,
                #f9d78c 25%,
                #fbe5b4 50%,
                #fceece 75%,
                #fefaef
        );
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 900;
        margin-top: 25px;
}
@media screen and (max-width: 512px) {
        .snatch-angpao .prize {
                font-size: 35px;
        }
}
.snatch-angpao .prize:after {
        top: 4px;
        left: -1px;
        -webkit-text-stroke: 11.5px #731f00;
        z-index: -2;
}
.snatch-angpao .prize:after,
.snatch-angpao .prize:before {
        content: attr(data-text);
        position: absolute;
        width: 100%;
        height: 100%;
}
.snatch-angpao .prize:before {
        text-shadow: 0 1px #f9c576, 0 2px #f9c576, 0 3px #f9c576, 0 4px #f9c576,
                0 5px #f9c576, 0 6px #f9c576;
        top: 0;
        left: 0;
        z-index: -1;
}
@media screen and (max-width: 512px) {
        .snatch-angpao .prize:before {
                text-shadow: 0 1px #f9c576, 0 2px #f9c576, 0 3px #f9c576;
        }
}
.snatch-angpao .prize-2 {
        font-size: 90px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        line-height: 65px;
        background-image: linear-gradient(
                180deg,
                #f8d17b,
                #f9d78c 25%,
                #fbe5b4 50%,
                #fceece 75%,
                #fefaef
        );
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 900;
        top: 2px;
}
@media screen and (max-width: 512px) {
        .snatch-angpao .prize-2 {
                font-size: 35px;
        }
}
.snatch-angpao .prize-2:after {
        content: attr(data-text);
        position: absolute;
        z-index: -4;
        -webkit-text-stroke: 16px #bd6b27;
        top: 4px;
        left: -0.5px;
        z-index: -3;
}
@media screen and (max-width: 512px) {
        .snatch-angpao .prize-2:after {
                top: 3px;
                left: 50%;
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
        }
}
.snatch-angpao .desc {
        font-size: 0.8rem;
        width: 160px;
        margin-top: 15px;
        min-height: 63px;
}
.snatch-angpao .grab-btn {
        z-index: 15;
        left: 0;
        right: 0;
        bottom: -50px;
        min-width: 95px;
        max-width: 273px;
        margin-top: 30px;
}
@media only screen and (max-width: 394px) {
        .snatch-angpao .grab-btn {
                max-width: 122px;
                margin-top: 4%;
                width: 30%;
        }
}
@media only screen and (min-width: 394px) and (max-width: 767px) {
        .snatch-angpao .grab-btn {
                margin-top: 4%;
                max-width: 122px;
        }
}
@media only screen and (max-width: 394px) {
        .snatch-angpao .grab-btn:active {
                max-width: 122px;
                margin-top: 4%;
                -webkit-filter: brightness(125%);
                filter: brightness(125%);
        }
}
@media only screen and (min-width: 394px) and (max-width: 767px) {
        .snatch-angpao .grab-btn:active {
                margin-top: 4%;
                max-width: 122px;
                -webkit-filter: brightness(125%);
                filter: brightness(125%);
        }
}
@media only screen and (min-width: 991px) {
        .snatch-angpao .grab-btn:active {
                -webkit-transform: scale(1) !important;
                transform: scale(1) !important;
        }
}
@media only screen and (min-width: 991px) {
        .snatch-angpao .grab-btn:hover {
                -webkit-animation: brightness 1s forwards;
                animation: brightness 1s forwards;
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
        }
}
@-webkit-keyframes brightness {
        to {
                -webkit-filter: brightness(125%);
                filter: brightness(125%);
        }
}
@keyframes brightness {
        to {
                -webkit-filter: brightness(125%);
                filter: brightness(125%);
        }
}
.snatch-angpao .grab-disable-btn {
        z-index: 15;
        left: 0;
        right: 0;
        bottom: -50px;
        min-width: 95px;
        max-width: 273px;
        margin-top: 30px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
}
@media only screen and (max-width: 394px) {
        .snatch-angpao .grab-disable-btn {
                max-width: 122px;
                width: 30%;
                margin-top: 4%;
        }
}
@media only screen and (min-width: 394px) and (max-width: 767px) {
        .snatch-angpao .grab-disable-btn {
                margin-top: 4%;
                max-width: 122px;
        }
}
.snatch-angpao .period-hightlight {
        color: #fce264 !important;
}
.snatch-angpao .dropdown {
        z-index: 10;
        right: 20px;
        width: 47px;
        top: 10px;
}
.snatch-angpao .dropdown.show {
        background-color: #fff;
        border-radius: 100px 100px 0 0;
}
.snatch-angpao .dropdown .dropdown-menu {
        min-width: 47px;
        border-radius: 0 0 100px 100px;
        background-color: #fff !important;
        top: -1px !important;
        padding: 0 2px 2px;
        border: none;
}
.snatch-angpao .img-container {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
}
.snatch-angpao .sub-bg {
        background: url(/assets/events/snatch-angpao/sub-bg.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        width: 100%;
        height: 200px;
        top: 560px;
        z-index: -1;
}
.snatch-angpao .grab-quick {
        font-size: 1rem;
}
@media only screen and (max-width: 767px) {
        .snatch-angpao .grab-quick {
                font-size: 0.8rem;
                margin-bottom: 0;
        }
}
.snatch-angpao .grab-quick .highlight {
        color: #fff;
}
.snatch-angpao .grab-quick .highlight:hover {
        color: #fff !important;
}
.snatch-angpao .nav-tabs {
        border: none;
        gap: 14px;
}
.snatch-angpao .nav-tabs .nav-item .nav-link {
        background: url(/assets/events/snatch-angpao/tab-inactive.png);
        color: #fff !important;
        font-weight: 600;
        padding: 20px 48px;
        background-repeat: no-repeat !important;
        background-position: 50% !important;
        background-size: contain !important;
        border: 0 !important;
        font-size: 1.2rem;
        align-items: center;
        display: flex;
        justify-content: center;
}
.snatch-angpao .nav-tabs .nav-item .nav-link.active {
        background: url(/assets/events/snatch-angpao/tab-active.png);
        -webkit-filter: brightness(125%);
        filter: brightness(125%);
}
@media only screen and (max-width: 991px) {
        .snatch-angpao .custom-col-xs-12 {
                flex: 0 0 100%;
                max-width: 100%;
        }
}
.snatch-angpao .leaderboard .title {
        background: url(/assets/events/snatch-angpao/tab-active.png);
        background-repeat: no-repeat !important;
        background-position: 50% !important;
        background-size: cover !important;
        color: #fff !important;
        text-transform: uppercase;
        font-size: 1.4rem;
        padding: 14px 22px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: 207px;
        text-align: center;
}
.snatch-angpao .leaderboard .title.real-time.en {
        padding: 19px 20px !important;
}
.snatch-angpao .leaderboard .title.timer {
        background-size: contain !important;
}
.snatch-angpao .leaderboard .table {
        border-collapse: collapse;
}
.snatch-angpao .leaderboard .table:after {
        content: "";
        border-radius: 20px;
}
.snatch-angpao .leaderboard .table:before {
        left: -10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
}
.snatch-angpao .leaderboard .table thead td,
.snatch-angpao .leaderboard .table thead th {
        padding: 5px;
        border: 0;
}
.snatch-angpao .leaderboard .table thead tr {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
}
.snatch-angpao .leaderboard .table td,
.snatch-angpao .leaderboard .table th {
        padding: 5px;
        border: 0;
}
.snatch-angpao .leaderboard .table tr:last-child {
        bottom: 0;
        z-index: 1;
}
.snatch-angpao .leaderboard .table .self-record {
        background: linear-gradient(180deg, #b11a20, #eb6449);
        border-radius: 13px;
}
.snatch-angpao .red-background {
        background: #ff0031;
        color: #fff !important;
        font-weight: 600;
        border-radius: 50px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 2px 45px;
}
.snatch-angpao .red-background-details {
        width: 100%;
}
.snatch-angpao .w-80 {
        width: 80%;
}
.snatch-angpao .w-85 {
        width: 85%;
}
.snatch-angpao .order-record {
        margin-top: -1px;
}
.snatch-angpao .order-record table {
        background-color: #fff;
        border: 2px solid #000;
        border-collapse: collapse;
        border-bottom: 0;
}
.snatch-angpao .order-record table th {
        border: 2px solid #000;
}
.snatch-angpao .order-record table td {
        border-right: 2px;
        border-left: 2px;
        border-top: 0;
        border-bottom: 0;
        border-style: solid;
        border-color: #000;
}
.snatch-angpao .countdown {
        background: linear-gradient(180deg, #b11a20, #eb6449);
        padding: 10px 8px;
        border-radius: 20px;
        margin: 0 -10px;
}
.snatch-angpao .countdown .timmer {
        border-radius: 10px;
        padding: 0;
        font-size: 20px;
        width: 40px;
}
.snatch-angpao .countdown .semi-con {
        margin: 0 7px;
        font-size: 1.9rem;
        font-weight: 700;
}
.snatch-angpao .level {
        z-index: 5;
}
.snatch-angpao .tab-wrapper {
        width: 50%;
        min-height: 50vh;
}
.snatch-angpao .tab-container {
        border: 2px solid #ff0031;
        border-radius: 32px;
        background: #fff;
        padding: 24px 48px;
        box-shadow: 0 8px 20px 0 rgba(41, 36, 33, 0.16);
        overflow: scroll;
        overflow-x: hidden;
        max-height: 50vh;
        background-color: rgba(0, 0, 0, 0.8) !important;
}
.snatch-angpao .tab-container::-webkit-scrollbar {
        width: 16px;
}
.snatch-angpao .tab-container::-webkit-scrollbar-thumb {
        background: #ff0031;
        border-radius: 20px;
        border: 6px solid transparent;
        background-clip: content-box;
}
.snatch-angpao .tab-container::-webkit-scrollbar-track {
        background: transparent;
}
.snatch-angpao .tab-container ol,
.snatch-angpao .tab-container ul {
        padding-left: 20px;
}
.snatch-angpao .tab-god-position {
        bottom: -50px;
        width: 20%;
        -webkit-transform: translate(-229px, -90px);
        transform: translate(-229px, -90px);
        z-index: 3;
}
.snatch-angpao .tab-pikigod {
        max-width: 287px;
}
.snatch-angpao .rewards-table {
        width: 60%;
}
.snatch-angpao .rewards-table td,
.snatch-angpao .rewards-table th {
        border: 1px solid #fff !important;
}
@media only screen and (max-width: 991px) {
        .snatch-angpao .rewards-table {
                width: 100%;
        }
}
.snatch-angpao .info-button {
        top: 25px;
}
@media screen and (max-width: 512px) {
        .snatch-angpao .info-button {
                right: -22px;
        }
}
.snatch-angpao .info-title {
        background: linear-gradient(180deg, #b11a20, #eb6449);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 1.8rem;
}
@media screen and (max-width: 512px) {
        .snatch-angpao .info-title {
                font-size: 1.2rem;
        }
}
.snatch-share .title {
        color: #ff0031;
        font-weight: 900;
        font-size: 20px;
}
.snatch-share .desc-1 {
        color: #ff0031;
}
.info-modal.overhidden {
        overflow: hidden;
}
@media (min-width: 576px) {
        .info-modal .modal-dialog {
                min-height: calc(100% - 7rem);
        }
        .info-modal .modal-dialog.large {
                max-width: 65vw !important;
        }
}
.tab-position {
        z-index: 6;
        top: -41px;
        left: 10px;
}
@media screen and (max-width: 512px) {
        .tab-position {
                top: -36px;
        }
}
.angpao .congrat_th,
.angpao .congrat_zh {
        top: -11px !important;
}
.angpao-info-modal {
        border: 3px solid #ff0031;
        padding: 15px 40px;
        border-radius: 20px !important;
        max-height: 80vh;
        overflow: scroll;
        overflow-x: hidden;
        background-color: rgba(0, 0, 0, 0.8) !important;
        max-height: 60vh;
}
.angpao-info-modal .closeBtn {
        top: 15px !important;
        right: 21px !important;
}
.angpao-info-modal .closeBtn.result-ohno {
        right: 35px !important;
}
@media screen and (max-width: 512px) {
        .angpao-info-modal .closeBtn {
                bottom: -45px !important;
                top: unset !important;
                right: 46% !important;
        }
}
.angpao-info-modal .angpao {
        border: 0 !important;
}
@media screen and (max-width: 512px) {
        .angpao-info-modal {
                padding: 15px 20px;
        }
}
.angpao-info-modal .info-title {
        background: linear-gradient(180deg, #b11a20, #eb6449);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 1.8rem;
}
@media screen and (max-width: 512px) {
        .angpao-info-modal .info-title {
                font-size: 1.2rem;
        }
}
.angpao-info-modal .title-img {
        z-index: 5;
}
.angpao-info-modal .bg-yuanbao {
        left: 0;
}
.angpao-info-modal.result .grab-center-msg {
        bottom: 50%;
        left: 50%;
        width: 220px;
        -webkit-transform: translate(-107px, 70px);
        transform: translate(-107px, 70px);
        line-height: 14px;
}
.angpao-info-modal.result .grab-center-msg.success {
        -webkit-transform: translate(-107px, 185px) !important;
        transform: translate(-107px, 185px) !important;
}
@media only screen and (min-width: 991px) {
        .angpao-info-modal.result .grab-center-msg.success {
                line-height: 15px;
                -webkit-transform: translate(-107px, 196px) !important;
                transform: translate(-107px, 196px) !important;
        }
}
.angpao-info-modal::-webkit-scrollbar {
        width: 16px;
        background: rgba(0, 0, 0, 0.8) !important;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
}
.angpao-info-modal::-webkit-scrollbar-thumb {
        background: #ff0031;
        border-radius: 20px;
        border: 6px solid transparent;
        background-clip: content-box;
}
.angpao-info-modal::-webkit-scrollbar-track {
        background: transparent;
}
.angpao-black-modal {
        border: 2px solid #ff0031;
        padding: 24px;
        background-color: rgba(41, 36, 33, 0.8);
        border-radius: 20px;
}
.angpao-black-modal.lower-content {
        border: 3px solid #ff0031;
        background: rgba(7, 17, 19, 0.8) !important;
        padding: 20px 30px;
        border-radius: 20px;
}
.angpao-black-modal .verify-img {
        width: 70%;
}
.angpao-black-modal.result {
        background-color: transparent !important;
        border: 0;
        font-family: Inter;
}
.angpao-black-modal.result .upper-content {
        top: 0;
}
.angpao-black-modal.result .lower-content {
        border: 3px solid #ff0031;
        background: rgba(7, 17, 19, 0.8) !important;
        padding: 20px 30px;
        border-radius: 20px;
}
.angpao-black-modal.result .fly-top-right {
        max-width: 22%;
        top: -10px;
        right: 6px;
}
.angpao-black-modal.result .fly-left {
        top: -78px;
        width: 37%;
        left: -80px;
}
.angpao-black-modal.result .fly-right {
        width: 40%;
        bottom: -43px;
        right: -14px;
}
.angpao-black-modal.result .congrat_container_en {
        margin-top: 20%;
        z-index: 1;
        position: relative;
}
@media screen and (max-width: 512px) {
        .angpao-black-modal.result .congrat_container_en {
                margin-top: 13%;
        }
}
.angpao-black-modal.result .congrat_container_th {
        margin-top: 6%;
        z-index: 1;
        position: relative;
}
@media screen and (max-width: 512px) {
        .angpao-black-modal.result .congrat_container_th {
                margin-top: -2%;
        }
}
.angpao-black-modal.result .grab-fail .result-title {
        font-size: 1.6rem;
}
.angpao-black-modal.result .grab-success .success-title {
        font-size: 1.8rem !important;
}
@media only screen and (min-width: 991px) {
        .angpao-black-modal.result .grab-success .success-title {
                line-height: 45px !important;
        }
}
.angpao-black-modal.result .grab-success .you-grab {
        bottom: 50%;
        left: 50%;
        width: 179px;
        -webkit-transform: translate(-89px, -75px);
        transform: translate(-89px, -75px);
        font-size: 1.2rem;
}
.angpao-black-modal.result .grab-success .you-grab.IDR {
        font-size: 1.1rem !important;
}
.angpao-black-modal.result .grab-success .prize-grab {
        bottom: 50%;
        left: 50%;
        width: 179px;
        -webkit-transform: translate(-89px, -20px);
        transform: translate(-89px, -20px);
        font-size: 2.5rem;
        color: #ff0031;
}
.angpao-black-modal.result .grab-success .success-msg-2 {
        color: #fce264;
}
.angpao-black-modal.result .grab-success .piki-god-modal {
        bottom: 50%;
        left: 50%;
        -webkit-transform: translate(82px, 285px);
        transform: translate(82px, 285px);
}
@media only screen and (min-width: 991px) {
        .angpao-black-modal.result .grab-success .piki-god-modal {
                width: 60%;
                -webkit-transform: translate(112px, 282px) !important;
                transform: translate(112px, 282px) !important;
        }
}
.angpao-black-modal.result .grab-success .popmoney {
        bottom: 50%;
        left: 0;
        -webkit-transform: scale(1.6) translate(26px, 31px);
        transform: scale(1.6) translate(26px, 31px);
        -webkit-animation: popout 0.5s forwards;
        animation: popout 0.5s forwards;
}
@media only screen and (min-width: 991px) {
        .angpao-black-modal.result .grab-success .popmoney {
                -webkit-transform: scale(1.6) translate(66px, 31px);
                transform: scale(1.6) translate(66px, 31px);
                -webkit-animation: popout2 0.5s forwards;
                animation: popout2 0.5s forwards;
        }
}
@-webkit-keyframes popout {
        0% {
                -webkit-transform: scale(0) translate(26px, 31px);
                transform: scale(0) translate(26px, 31px);
        }
        to {
                -webkit-transform: scale(1.6) translate(26px, 31px);
                transform: scale(1.6) translate(26px, 31px);
        }
}
@keyframes popout {
        0% {
                -webkit-transform: scale(0) translate(26px, 31px);
                transform: scale(0) translate(26px, 31px);
        }
        to {
                -webkit-transform: scale(1.6) translate(26px, 31px);
                transform: scale(1.6) translate(26px, 31px);
        }
}
@-webkit-keyframes popout2 {
        0% {
                -webkit-transform: scale(0) translate(66px, 31px);
                transform: scale(0) translate(66px, 31px);
        }
        to {
                -webkit-transform: scale(2) translate(66px, 31px);
                transform: scale(2) translate(66px, 31px);
        }
}
@keyframes popout2 {
        0% {
                -webkit-transform: scale(0) translate(66px, 31px);
                transform: scale(0) translate(66px, 31px);
        }
        to {
                -webkit-transform: scale(2) translate(66px, 31px);
                transform: scale(2) translate(66px, 31px);
        }
}
.angpao-black-modal.result .grab-center-msg {
        bottom: 50%;
        left: 50%;
        width: 220px;
        -webkit-transform: translate(-107px, 70px);
        transform: translate(-107px, 70px);
        line-height: 14px;
}
.angpao-black-modal.result .grab-center-msg.success {
        -webkit-transform: translate(-107px, 185px) !important;
        transform: translate(-107px, 185px) !important;
}
@media only screen and (min-width: 991px) {
        .angpao-black-modal.result .grab-center-msg.success {
                line-height: 15px;
                -webkit-transform: translate(-107px, 196px) !important;
                transform: translate(-107px, 196px) !important;
        }
}
@media only screen and (max-width: 991px) {
        .angpao-black-modal.result .grab-center-msg.IDR {
                line-height: 12px !important;
        }
}
@media only screen and (max-width: 991px) {
        .angpao-black-modal.result .grab-center-msg.VND {
                line-height: 13px !important;
                font-size: 12px !important;
        }
}
@media only screen and (max-width: 991px) {
        .angpao-black-modal.result .grab-center-msg.PHP {
                line-height: 13px !important;
                font-size: 11px !important;
        }
}
.angpao-black-modal .msg {
        font-size: 1.2rem;
}
.angpao-black-modal .verifyBtn {
        background: #ff0031;
        padding: 12px 16px;
        font-size: 1rem;
        border-radius: 10px;
}
.angpao-black-modal .fa-copy:before {
        justify-content: center;
        align-items: center;
        display: flex;
        height: 100%;
}
.angpao .closeBtn {
        z-index: 10;
        right: 10px;
}
.angpao .closeBtn.result-ohno {
        right: 35px !important;
}
.table-wrapper.order-board {
        border-bottom: 2px solid #000 !important;
}
.table-wrapper.leaderboard-board {
        background: rgba(7, 17, 19, 0.8);
        padding: 40px 20px 20px;
        border-radius: 20px;
        border: 3px solid #ff0031;
        margin-top: -30px;
}
#copyBtn {
        border: 1px solid #fff;
        border-radius: 50%;
        width: 38px;
        height: 38px;
}
#copyBtn-share {
        border: 1px solid #fff;
        border-radius: 50% !important;
        color: #fff;
        background: #ff0031;
}
#copyBtn-share,
#copyBtn.VND {
        width: 30px !important;
        height: 30px !important;
}
#copyBtn.VND {
        margin-left: 4px;
}
.side-content {
        background: rgba(7, 17, 19, 0.8);
        padding: 40px 20px 20px;
        border-radius: 20px;
        border: 3px solid #ff0031;
        margin-top: -30px;
}
.countdown-div {
        min-height: 176px;
}
@media screen and (max-width: 512px) {
        .countdown-div {
                min-height: 304px;
        }
}
.countdown-section {
        margin-top: 73px;
}
@media screen and (max-width: 1023px) {
        .countdown-section {
                margin-top: 0;
        }
}
.countdown-section .millioncash-countdown-wrapper {
        background-image: url(/assets/index/millioncash-countdown/countdown-bg.png);
        max-width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px;
}
@media screen and (max-width: 1023px) {
        .countdown-section .millioncash-countdown-wrapper {
                content: "";
                background-image: url(/assets/index/millioncash-countdown/mobile/piki.png),
                        url(/assets/index/millioncash-countdown/mobile/countdown-bg.png);
                background-position: 50%, 50%;
                border-radius: 0;
                background-size: cover;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper {
                content: "";
                background-image: url(/assets/index/millioncash-countdown/mobile/piki.png),
                        url(/assets/index/millioncash-countdown/mobile/countdown-bg.png);
                background-position: 50%, 50%;
                border-radius: 0;
                background-size: cover;
        }
}
.countdown-section .millioncash-countdown-wrapper .rotor-group {
        z-index: 1;
        padding-right: 10px;
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group:nth-child(n + 2):before {
        background-color: #fff !important;
        bottom: 35px !important;
        left: 109px !important;
        height: 8px !important;
        width: 8px !important;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group:nth-child(n + 2):before {
                left: 110px !important;
                height: 6px !important;
                width: 6px !important;
                bottom: 16px !important;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group:nth-child(n + 2):before {
                left: 67px !important;
                height: 5px !important;
                width: 5px !important;
                bottom: 20px !important;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group:nth-child(n + 2):after {
        background-color: #fff !important;
        bottom: 11px !important;
        left: 109px !important;
        height: 8px !important;
        width: 8px !important;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group:nth-child(n + 2):after {
                left: 110px !important;
                height: 6px !important;
                width: 6px !important;
                bottom: 16px !important;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group:nth-child(n + 2):after {
                left: 67px !important;
                height: 5px !important;
                width: 5px !important;
                bottom: 20px !important;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group:nth-child(-n + 3):before {
        background-color: #fff !important;
        bottom: 35px !important;
        left: 109px !important;
        height: 8px !important;
        width: 8px !important;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group:nth-child(-n + 3):before {
                left: 110px !important;
                height: 6px !important;
                width: 6px !important;
                bottom: 16px !important;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group:nth-child(-n + 3):before {
                left: 67px !important;
                height: 5px !important;
                width: 5px !important;
                bottom: 20px !important;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group:nth-child(-n + 3):after {
        background-color: #fff !important;
        bottom: 11px !important;
        left: 109px !important;
        height: 8px !important;
        width: 8px !important;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group:nth-child(-n + 3):after {
                left: 110px !important;
                height: 6px !important;
                width: 6px !important;
                bottom: 34px !important;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group:nth-child(-n + 3):after {
                left: 67px !important;
                height: 5px !important;
                width: 5px !important;
                bottom: 34px !important;
        }
}
.countdown-section .millioncash-countdown-wrapper .rotor-group .rotor {
        font-size: 2rem;
        height: 60px;
}
.countdown-section .millioncash-countdown-wrapper .rotor-group .rotor:after {
        height: 30px;
}
@media screen and (max-width: 799px) {
        .countdown-section .millioncash-countdown-wrapper .rotor-group .rotor {
                font-size: 2rem;
                height: 60px;
                width: 45px;
        }
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor:after {
                height: 30px;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper .rotor-group .rotor {
                font-size: 2rem;
                height: 60px;
                width: 30px;
        }
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor:after {
                height: 30px;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group
        .rotor
        .rotor-leaf {
        height: 60px;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-leaf {
                height: 60px;
                width: 45px;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-leaf {
                height: 60px;
                width: 30px;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group
        .rotor
        .rotor-leaf
        .rotor-leaf-front,
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group
        .rotor
        .rotor-leaf
        .rotor-leaf-rear {
        height: 30px;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-leaf
                .rotor-leaf-front,
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-leaf
                .rotor-leaf-rear {
                height: 30px;
                width: 45px;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-leaf
                .rotor-leaf-front,
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-leaf
                .rotor-leaf-rear {
                height: 30px;
                width: 30px;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group
        .rotor
        .rotor-leaf
        .rotor-leaf-front {
        line-height: 60px;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-leaf
                .rotor-leaf-front {
                line-height: 60px;
                width: 45px;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-leaf
                .rotor-leaf-front {
                line-height: 60px;
                width: 30px;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group
        .rotor
        .rotor-top {
        line-height: 60px;
        height: 30px;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-top {
                line-height: 60px;
                height: 30px;
                width: 45px;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-top {
                line-height: 60px;
                height: 30px;
                width: 30px;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group
        .rotor
        .rotor-bottom {
        height: 30px;
}
@media screen and (max-width: 799px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-bottom {
                line-height: 0;
                height: 30px;
                width: 45px;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section
                .millioncash-countdown-wrapper
                .rotor-group
                .rotor
                .rotor-bottom {
                line-height: 0;
                height: 30px;
                width: 30px;
        }
}
.countdown-section
        .millioncash-countdown-wrapper
        .rotor-group
        .rotor-group-heading:before {
        color: #fff;
}
@media screen and (max-width: 799px) {
        .countdown-section .millioncash-countdown-wrapper .timer-div {
                display: flex;
                justify-content: center;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper .timer-div {
                display: flex;
                justify-content: center;
                margin-bottom: 10px;
        }
}
@media screen and (max-width: 799px) {
        .countdown-section .millioncash-countdown-wrapper .flipdown {
                max-width: -webkit-fit-content;
                max-width: -moz-fit-content;
                max-width: fit-content;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper .flipdown {
                max-width: -webkit-fit-content;
                max-width: -moz-fit-content;
                max-width: fit-content;
        }
}
.countdown-section .millioncash-countdown-wrapper .coming-soon-image {
        z-index: 1;
        position: inherit;
        max-height: 60px;
        width: 235px;
}
@media screen and (max-width: 798px) {
        .countdown-section .millioncash-countdown-wrapper .coming-soon-image {
                bottom: 45px;
                left: 45px;
        }
}
@media screen and (max-width: 767px) {
        .countdown-section .millioncash-countdown-wrapper .coming-soon-image {
                bottom: 45px;
                left: 125px;
                position: absolute;
                left: 0;
                right: 0;
                display: flex;
                margin: auto;
                bottom: 110px;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper .coming-soon-image {
                width: 250px;
                display: flex;
                margin: auto;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 51px;
        }
        .countdown-section
                .millioncash-countdown-wrapper
                .coming-soon-image.coming {
                bottom: 0;
        }
}
.countdown-section .millioncash-countdown-wrapper .grab-btn {
        left: 0;
        right: 0;
        width: 170px;
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper .grab-btn {
                bottom: 0;
        }
}
@media screen and (max-width: 799px) {
        .countdown-section .millioncash-countdown-wrapper .logo {
                display: flex;
                justify-content: center;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper .logo {
                display: flex;
                justify-content: center;
        }
}
.countdown-section .millioncash-countdown-wrapper .logo .logo-image {
        width: 300px;
        -webkit-animation: shake-animation 2s infinite;
        animation: shake-animation 2s infinite;
}
@media screen and (max-width: 1023px) {
        .countdown-section .millioncash-countdown-wrapper .logo .logo-image {
                width: 255px;
                -o-object-fit: contain;
                object-fit: contain;
        }
}
.countdown-section .millioncash-countdown-wrapper .piki-image {
        bottom: 0;
        right: 0;
        border-bottom-right-radius: 20px;
        max-width: 100%;
        min-height: 236px;
}
@media screen and (max-width: 1023px) {
        .countdown-section .millioncash-countdown-wrapper .piki-image {
                display: none;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper .piki-image {
                display: none;
        }
}
@media screen and (max-width: 799px) {
        .countdown-section .millioncash-countdown-wrapper .flipdown {
                margin-top: 0;
                left: auto;
                padding: 0 0 0 10px !important;
        }
}
@media screen and (max-width: 512px) {
        .countdown-section .millioncash-countdown-wrapper .flipdown {
                margin-top: 0;
                left: auto;
                padding: 0 0 0 10px !important;
        }
}
#MillionCashModal .modal-body .close {
        background: #ff0031;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        opacity: 1;
        font-size: 25px;
        right: 10px;
}
#MillionCashModal .modal-body .close:after,
#MillionCashModal .modal-body .close:before {
        content: none;
}
#MillionCashModal .modal-body .main-content {
        top: 48%;
        left: 0;
        right: 0;
}
#MillionCashModal .modal-body .main-content .modal-gift {
        max-width: 460px;
}
#MillionCashModal .modal-body .en-modal-logo,
#MillionCashModal .modal-body .th-modal-logo,
#MillionCashModal .modal-body .zh-modal-logo {
        -webkit-animation: shake-animation 2s infinite;
        animation: shake-animation 2s infinite;
        left: 0;
        right: 0;
        top: -70px;
        max-width: 300px;
        z-index: 1;
}
#MillionCashModal .modal-body .modal-piki,
#MillionCashModal .modal-body .modal-prize {
        -webkit-animation: shake-animation 2s infinite;
        animation: shake-animation 2s infinite;
}
#MillionCashModal .modal-body .modal-prize {
        background: rgba(0, 0, 0, 0.7);
        max-height: 80px;
        max-width: 280px;
        border-radius: 15px;
        border: 3px solid #d33025;
        left: 0;
        right: 0;
        margin-top: -15%;
}
@media screen and (max-width: 512px) {
        #MillionCashModal .modal-body .modal-prize {
                bottom: 19%;
        }
}
#MillionCashModal .modal-body .modal-prize .modal-daily {
        background-image: linear-gradient(90deg, #c52a24, #e03b27);
        max-height: 45px;
        height: 45px;
        max-width: 190px;
        border: 1px solid #e5a466;
        border-radius: 30px;
        box-shadow: 0 4px #f7e174;
        z-index: 2;
        -webkit-animation: shake-animation 2s infinite;
        animation: shake-animation 2s infinite;
        top: -20px;
        left: 0;
        right: 0;
}
#MillionCashModal .modal-body .modal-prize p {
        color: #fff;
        opacity: 1;
        font-size: 18px;
        margin-top: -10px;
}
#MillionCashModal .modal-body .modal-prize p .prize-money {
        color: #fbe851;
        font-size: 22px;
        text-shadow: 2px 3px #a63427;
}
#MillionCashModal .modal-body .modal-grab-btn {
        -webkit-animation: pump-animation 1s infinite;
        animation: pump-animation 1s infinite;
}
@-webkit-keyframes shake-animation {
        0% {
                -webkit-transform: none;
                transform: none;
        }
        5% {
                -webkit-transform: translate3d(-8%, 0, 0) rotate(-5deg);
                transform: translate3d(-8%, 0, 0) rotate(-5deg);
        }
        20% {
                -webkit-transform: translate3d(6%, 0, 0) rotate(3deg);
                transform: translate3d(6%, 0, 0) rotate(3deg);
        }
        35% {
                -webkit-transform: translate3d(-4%, 0, 0) rotate(-3deg);
                transform: translate3d(-4%, 0, 0) rotate(-3deg);
        }
        50% {
                -webkit-transform: translate3d(2%, 0, 0) rotate(4deg);
                transform: translate3d(2%, 0, 0) rotate(2deg);
        }
        65% {
                -webkit-transform: translate3d(-1%, 0, 0) rotate(-4deg);
                transform: translate3d(-1%, 0, 0) rotate(-1deg);
        }
        to {
                -webkit-transform: none;
                transform: none;
        }
}
@keyframes shake-animation {
        0% {
                -webkit-transform: none;
                transform: none;
        }
        5% {
                -webkit-transform: translate3d(-8%, 0, 0) rotate(-5deg);
                transform: translate3d(-8%, 0, 0) rotate(-5deg);
        }
        20% {
                -webkit-transform: translate3d(6%, 0, 0) rotate(3deg);
                transform: translate3d(6%, 0, 0) rotate(3deg);
        }
        35% {
                -webkit-transform: translate3d(-4%, 0, 0) rotate(-3deg);
                transform: translate3d(-4%, 0, 0) rotate(-3deg);
        }
        50% {
                -webkit-transform: translate3d(2%, 0, 0) rotate(4deg);
                transform: translate3d(2%, 0, 0) rotate(2deg);
        }
        65% {
                -webkit-transform: translate3d(-1%, 0, 0) rotate(-4deg);
                transform: translate3d(-1%, 0, 0) rotate(-1deg);
        }
        to {
                -webkit-transform: none;
                transform: none;
        }
}
.learn-more {
        z-index: 999;
        font-size: 19px;
        bottom: 1%;
        right: 1%;
}
@media screen and (max-width: 799px) {
        .learn-more {
                font-size: 14px;
                position: relative !important;
        }
}
@font-face {
        font-family: thai-font;
        src: url(/fonts/thai-font.TTF);
}
.songkran-2024 {
        padding-top: 125px !important;
}
@media screen and (max-width: 1023px) {
        .songkran-2024 {
                padding-top: 45px !important;
                height: 110%;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024 {
                padding-top: 50px !important;
        }
}
.songkran-2024 .play-now {
        background-image: url(/assets/events/songkran2024/play-now-page/play-now-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
}
@media screen and (max-width: 1023px) {
        .songkran-2024 .play-now {
                background-position-x: 50%;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024 .play-now {
                background-position-x: 80%;
        }
}
.songkran-2024 .play-now .event-logo-div .event-logo {
        max-width: 800px;
        margin-right: 75px;
        z-index: 2;
}
@media screen and (max-width: 1023px) {
        .songkran-2024 .play-now .event-logo-div .event-logo {
                max-width: 580px;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024 .play-now .event-logo-div .event-logo {
                max-width: 310px;
                margin-right: 40px;
        }
}
.songkran-2024 .play-now .play-now-btn-div button {
        background: none;
        border: none;
        z-index: 999;
}
.songkran-2024 .play-now .play-now-btn-div button .play-now-btn {
        max-width: 265px;
}
@media screen and (max-width: 512px) {
        .songkran-2024 .play-now .play-now-btn-div button .play-now-btn {
                max-width: 220px;
        }
}
.songkran-2024 .play-now .play-now-btn-div .water-gif {
        left: 0;
        right: 0;
        margin: auto;
        top: -80px;
        max-width: 300px;
}
@media screen and (max-width: 1023px) {
        .songkran-2024 .play-now .play-now-btn-div .water-gif {
                top: -45px;
                max-width: 210px;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024 .play-now .play-now-btn-div .water-gif {
                top: -25px;
                max-width: 140px;
        }
}
.songkran-2024 .game-page {
        background-image: url(/assets/events/songkran2024/game-page/game-page-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
}
@media screen and (max-width: 1023px) {
        .songkran-2024 .game-page {
                background-position-x: 100%;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024 .game-page {
                background-position-x: 100%;
        }
}
.songkran-2024 .game-page .water-gif-2 {
        bottom: 0;
        left: 0;
}
@media screen and (max-width: 512px) {
        .songkran-2024 .game-page .water-gif-2 {
                display: none;
        }
}
.songkran-2024 .game-page .water-gif-3 {
        bottom: 0;
        right: 0;
}
.songkran-2024 .game-page .tnc-ticket {
        justify-content: space-between;
}
.songkran-2024 .game-page .tnc-ticket .tnc-div .tnc-btn {
        max-width: 55px;
        cursor: pointer;
        -webkit-animation: tnc-animation 2s ease infinite;
        animation: tnc-animation 2s ease infinite;
}
@media screen and (max-width: 512px) {
        .songkran-2024 .game-page .tnc-ticket .tnc-div .tnc-btn {
                max-width: 40px;
        }
}
.songkran-2024
        .game-page
        .tnc-ticket
        .remaining-ticket-div
        .remaning-ticket-bg {
        max-width: 200px;
}
@media screen and (max-width: 512px) {
        .songkran-2024
                .game-page
                .tnc-ticket
                .remaining-ticket-div
                .remaning-ticket-bg {
                max-width: 140px;
        }
}
.songkran-2024 .game-page .tnc-ticket .remaining-ticket-div .remaining-text {
        top: 15px;
        left: 20px;
        font-size: 20px;
}
@media screen and (max-width: 512px) {
        .songkran-2024
                .game-page
                .tnc-ticket
                .remaining-ticket-div
                .remaining-text {
                top: 13px;
                left: 20px;
                font-size: 12px;
        }
}
.songkran-2024 .game-page .tnc-ticket .remaining-ticket-div .user-ticket {
        color: #f22590;
        top: 8px;
        font-size: 30px;
        right: 35px;
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .songkran-2024
                .game-page
                .tnc-ticket
                .remaining-ticket-div
                .user-ticket {
                top: 6px;
                font-size: 20px;
                right: 25px;
        }
}
.songkran-2024 .game-page .winner-btn {
        position: absolute;
        max-width: 180px;
        top: 50px;
}
@media screen and (max-width: 512px) {
        .songkran-2024 .game-page .winner-btn {
                max-width: 125px;
                top: 65px;
                z-index: 5;
        }
}
.songkran-2024 .game-page .winner-close {
        position: absolute;
        right: -25px;
        top: -20px;
        z-index: 3;
        background: transparent;
        max-width: 50px;
        border: 0;
}
.songkran-2024 .game-page .last-winner {
        box-shadow: 2px 2px 15px 0 #000;
        border-radius: 25px;
        max-width: 300px;
        position: absolute;
        top: 25%;
        left: 5%;
        z-index: 99;
}
@media screen and (max-width: 1023px) {
        .songkran-2024 .game-page .last-winner {
                left: 0;
                right: 0;
                margin: auto;
        }
}
.songkran-2024 .game-page .last-winner > div:first-of-type {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border: 3px solid #47cb00;
        background: #fff !important;
}
.songkran-2024 .game-page .last-winner > div:first-of-type label {
        font-size: 1.2rem;
        color: #f22394;
}
.songkran-2024 .game-page .last-winner > div:nth-of-type(2) {
        background: linear-gradient(90deg, #f36dbe, #ea269e);
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border: 3px solid #47cb00;
        border-top: none;
        box-shadow: inset 0 0 8px 2px #333;
        max-height: 250px;
}
.songkran-2024 .game-page .last-winner > div:nth-of-type(2) .content-float {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        animation: mymove 36s linear 1s infinite;
        -webkit-animation: mymove 36s linear 1s infinite;
}
@-webkit-keyframes mymove {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        to {
                -webkit-transform: translateY(-730px);
                transform: translateY(-730px);
        }
}
@keyframes mymove {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        to {
                -webkit-transform: translateY(-730px);
                transform: translateY(-730px);
        }
}
.songkran-2024 .game-page .songkran-prizes .prizes {
        cursor: pointer;
        z-index: 3;
        background: transparent;
        border: none;
}
.songkran-2024 .game-page .songkran-prizes .prizes.active,
.songkran-2024 .game-page .songkran-prizes .prizes:hover {
        -webkit-animation: songkran2024-bounce 2s ease infinite;
        animation: songkran2024-bounce 2s ease infinite;
}
.songkran-2024 .game-page .songkran-prizes .prizes img {
        height: 110px;
        width: 140px;
        -o-object-fit: contain;
        object-fit: contain;
}
@media screen and (max-width: 1023px) {
        .songkran-2024 .game-page .songkran-prizes .prizes img {
                height: 100px;
                width: 140px;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024 .game-page .songkran-prizes .prizes img {
                height: 65px;
                width: 85px;
        }
}
.songkran-2024 .game-page .songkran-prizes .plank {
        position: relative;
        display: block;
        max-width: 800px;
        width: 100%;
        height: 100px;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 45px;
        background: transparent
                url(/assets/events/songkran2024/game-page/plank.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
}
.songkran-2024 .game-page .choose-now-btn-div div {
        background: none;
        border: none;
}
.songkran-2024 .game-page .choose-now-btn-div div .choose-now-btn {
        max-width: 265px;
}
@media screen and (max-width: 512px) {
        .songkran-2024 .game-page .choose-now-btn-div div .choose-now-btn {
                max-width: 220px;
        }
}
.songkran-2024 #tncModal .modal-dialog .modal-content {
        background-color: transparent;
        border: none !important;
}
.songkran-2024 #tncModal .modal-dialog .modal-content .modal-body {
        background-image: url(/assets/events/songkran2024/game-page/tnc-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-bottom: 165px;
        padding-top: 60px;
}
.songkran-2024
        #tncModal
        .modal-dialog
        .modal-content
        .modal-body
        .close-button {
        max-width: 50px;
        right: 85px;
        z-index: 999;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .songkran-2024
                #tncModal
                .modal-dialog
                .modal-content
                .modal-body
                .close-button {
                right: 50px;
                top: 15px;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024
                #tncModal
                .modal-dialog
                .modal-content
                .modal-body
                .close-button {
                top: 0;
        }
}
@media screen and (max-width: 1023px) {
        .songkran-2024
                #tncModal
                .modal-dialog
                .modal-content
                .modal-body
                .tnc-content {
                height: 500px;
                overflow-y: scroll;
                height: 400px;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024
                #tncModal
                .modal-dialog
                .modal-content
                .modal-body
                .tnc-content {
                height: 250px;
        }
}
.songkran-2024
        #tncModal
        .modal-dialog
        .modal-content
        .modal-body
        .tnc-content
        h1 {
        color: #1c1863;
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .songkran-2024
                #tncModal
                .modal-dialog
                .modal-content
                .modal-body
                .tnc-content
                h1 {
                font-size: 20px;
        }
}
.songkran-2024
        #tncModal
        .modal-dialog
        .modal-content
        .modal-body
        .tnc-content
        .header
        li {
        color: #293793;
        font-weight: 700;
        font-size: 21px;
}
@media screen and (max-width: 512px) {
        .songkran-2024
                #tncModal
                .modal-dialog
                .modal-content
                .modal-body
                .tnc-content
                .header
                li {
                font-size: 18px;
        }
}
.songkran-2024
        #tncModal
        .modal-dialog
        .modal-content
        .modal-body
        .tnc-content
        .list-content
        li {
        color: #fff;
        font-weight: 700;
        font-size: 17px;
}
@media screen and (max-width: 512px) {
        .songkran-2024
                #tncModal
                .modal-dialog
                .modal-content
                .modal-body
                .tnc-content
                .list-content
                li {
                font-size: 15px;
        }
}
.songkran-2024 #prize-modal .modal-dialog .modal-content {
        background-color: transparent;
        border: none !important;
}
.songkran-2024 #prize-modal .modal-dialog .modal-content .close-button {
        max-width: 50px;
        right: 0;
        z-index: 999;
        cursor: pointer;
}
@media screen and (max-width: 1023px) {
        .songkran-2024 #prize-modal .modal-dialog .modal-content .close-button {
                right: 0;
                top: 15px;
        }
}
@media screen and (max-width: 512px) {
        .songkran-2024 #prize-modal .modal-dialog .modal-content .close-button {
                top: 0;
        }
}
.songkran-2024 #prize-modal .modal-dialog .modal-content .modal-body {
        background-image: url(/assets/events/songkran2024/game-page/prize-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-top: 260px;
        padding-bottom: 100px;
}
@media screen and (max-width: 512px) {
        .songkran-2024 #prize-modal .modal-dialog .modal-content .modal-body {
                padding-bottom: 85px;
        }
}
.songkran-2024
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .water-gif-4v1 {
        top: -100px;
        right: -85px;
        max-width: 150px;
}
.songkran-2024
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .water-gif-4v2 {
        top: -100px;
        left: -70px;
        max-width: 150px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
}
.songkran-2024 #prize-modal .modal-dialog .modal-content .modal-body .modal-msg,
.songkran-2024 #prize-modal .modal-dialog .modal-content .modal-body p {
        font-weight: 700;
        font-size: 20px;
}
@media screen and (max-width: 512px) {
        .songkran-2024
                #prize-modal
                .modal-dialog
                .modal-content
                .modal-body
                .modal-msg,
        .songkran-2024 #prize-modal .modal-dialog .modal-content .modal-body p {
                font-size: 19px;
        }
}
.songkran-2024
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .modal-msg.th {
        font-family: thai-font;
        font-size: 30px;
        font-weight: 400;
}
@media screen and (max-width: 512px) {
        .songkran-2024
                #prize-modal
                .modal-dialog
                .modal-content
                .modal-body
                .modal-msg.th {
                font-size: 22px;
        }
}
.songkran-2024
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .claim-div {
        bottom: -5px;
}
.songkran-2024
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .claim-div
        .claim-btn5 {
        max-width: 170px;
        cursor: pointer;
}
@-webkit-keyframes songkran2024-bounce {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        20% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        }
        40% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        50% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        }
        60% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        80% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        }
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}
@keyframes songkran2024-bounce {
        0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        20% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        }
        40% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        50% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        }
        60% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        80% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        }
        to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
}
@-webkit-keyframes tnc-animation {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        20% {
                -webkit-transform: scale(1.5);
                transform: scale(1.5);
        }
        40% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        60% {
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
        }
        80% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
}
@keyframes tnc-animation {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        20% {
                -webkit-transform: scale(1.5);
                transform: scale(1.5);
        }
        40% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        60% {
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
        }
        80% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
}
@font-face {
        font-family: halloween-2025-font;
        src: url(/fonts/Kanit/Kanit-Regular.ttf),
                url(/fonts/Kanit/Kanit-Regular.TTF);
}
.neko-halloween-2025 {
        background-image: url(/assets/events/loykrathong-2025/loykrathong-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
}
.neko-halloween-2025 .title .tnc-btn {
        background: transparent;
        border: none;
        z-index: 999;
        max-width: 83px;
        left: 63px;
        top: 23px;
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025 .title .tnc-btn {
                max-width: 73px;
                top: 13px;
        }
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025 .title .tnc-btn {
                max-width: 55px;
                left: 6px;
                top: -33px;
        }
}
.neko-halloween-2025 .title .logoImg {
        max-width: 380px;
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025 .title .logoImg {
                max-width: 250px;
        }
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025 .title .logoImg {
                max-width: 180px;
        }
}
.neko-halloween-2025 .title .logoImg.th {
        max-width: 350px;
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025 .title .logoImg.th {
                max-width: 250px;
        }
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025 .title .logoImg.th {
                max-width: 180px;
        }
}
.neko-halloween-2025 .title .titleImg {
        max-width: 1040px;
        margin-top: -73px !important;
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025 .title .titleImg {
                max-width: 620px;
                margin-top: -40px !important;
        }
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025 .title .titleImg {
                max-width: 420px;
                margin-top: -23px !important;
        }
}
.neko-halloween-2025 .title .titleImg.th {
        max-width: 1200px;
        margin-top: -83px !important;
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025 .title .titleImg.th {
                max-width: 720px;
                margin-top: -53px !important;
        }
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025 .title .titleImg.th {
                margin-top: -23px !important;
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
        }
}
.neko-halloween-2025 .pumpkin-play .play-button {
        background: transparent;
        border: none;
        left: 0;
        right: 0;
        margin: auto !important;
        bottom: 23px;
}
.neko-halloween-2025 .pumpkin-play .play-button:disabled,
.neko-halloween-2025 .pumpkin-play .play-button[disabled] {
        opacity: 0.6;
}
.neko-halloween-2025 .pumpkin-play .loykrathong-bulbImg {
        margin-top: -273px !important;
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025 .pumpkin-play .loykrathong-bulbImg {
                margin-top: -190px !important;
        }
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025 .pumpkin-play .loykrathong-bulbImg {
                margin-top: -133px !important;
        }
}
.neko-halloween-2025 .pumpkin-play .loykrathong-bulbImg.th {
        margin-top: -330px !important;
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025 .pumpkin-play .loykrathong-bulbImg.th {
                margin-top: -230px !important;
        }
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025 .pumpkin-play .loykrathong-bulbImg.th {
                margin-top: -148px !important;
        }
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025 #tnc-modal .modal-dialog {
                max-width: calc(100% - 50px);
                margin: 0 auto;
        }
}
.neko-halloween-2025 #tnc-modal .modal-dialog .modal-content .modal-body {
        background: url(/assets/events/loykrathong-2025/tnc-bg.png);
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        font-family: halloween-2025-font;
        font-size: 24px;
        padding: 163px 123px;
        line-height: 40px;
}
@media screen and (max-width: 1023px) {
        .neko-halloween-2025
                #tnc-modal
                .modal-dialog
                .modal-content
                .modal-body {
                padding: 163px 103px;
        }
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025
                #tnc-modal
                .modal-dialog
                .modal-content
                .modal-body {
                padding: 23px 33px;
                font-size: 14px;
                line-height: 23px;
                background: radial-gradient(#cce3f3, #f784fe);
                border-radius: 13px;
        }
}
.neko-halloween-2025
        #tnc-modal
        .modal-dialog
        .modal-content
        .modal-body
        .close-btn {
        background: transparent;
        border: 0;
        max-width: 80px;
        top: 123px;
        right: 33px;
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025
                #tnc-modal
                .modal-dialog
                .modal-content
                .modal-body
                .close-btn {
                right: -13px;
                top: -13px;
                max-width: 50px;
        }
}
.neko-halloween-2025
        #tnc-modal
        .modal-dialog
        .modal-content
        .modal-body
        .title {
        color: #c609c1;
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025
                #tnc-modal
                .modal-dialog
                .modal-content
                .modal-body
                .title {
                font-size: 18px;
        }
}
.neko-halloween-2025
        #tnc-modal
        .modal-dialog
        .modal-content
        .modal-body
        .description {
        color: #5e0ff4;
}
.neko-halloween-2025 #tnc-modal .modal-dialog .tnc-latern {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        z-index: -1;
}
.neko-halloween-2025
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .user-prize {
        bottom: 143px;
        left: 0;
        z-index: 1;
        color: #ffbe00;
        font-size: 50px;
        font-weight: 700;
        text-shadow: 1px 1px 12px #000;
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025
                #prize-modal
                .modal-dialog
                .modal-content
                .modal-body
                .user-prize {
                bottom: 108px;
        }
}
.neko-halloween-2025
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .prizeBulbImg {
        margin-top: -133px !important;
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025
                #prize-modal
                .modal-dialog
                .modal-content
                .modal-body
                .prizeBulbImg {
                margin-top: -113px !important;
        }
        .neko-halloween-2025
                #prize-modal
                .modal-dialog
                .modal-content
                .modal-body
                .prizeBulbImg.th {
                margin-top: -83px !important;
        }
}
.neko-halloween-2025
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .claim-btn,
.neko-halloween-2025
        #prize-modal
        .modal-dialog
        .modal-content
        .modal-body
        .claim-btn
        button {
        border: none;
        background: transparent;
}
.neko-halloween-2025 #prize-modal .modal-dialog .prizeLaternImg {
        -webkit-transform: scale(4);
        transform: scale(4);
}
.neko-halloween-2025 #error-modal .modal-dialog .modal-content .modal-body {
        padding: 43px 23px 53px;
        background: radial-gradient(#cce3f3, #f784fe);
        border-radius: 13px;
}
.neko-halloween-2025
        #error-modal
        .modal-dialog
        .modal-content
        .modal-body
        .error-msg {
        color: #c609c1;
        font-size: 50px;
        font-weight: 500;
        text-shadow: 1px 1px 12px #fff;
}
@media screen and (max-width: 512px) {
        .neko-halloween-2025
                #error-modal
                .modal-dialog
                .modal-content
                .modal-body
                .error-msg {
                font-size: 35px;
        }
}
.neko-halloween-2025 .modal .modal-dialog .modal-content {
        background: transparent;
        border: none;
}
.neko-halloween-2025 .modal .modal-dialog .modal-content .modal-body:before {
        content: none;
}
@font-face {
        font-family: epl-landing-font;
        src: url(/fonts/Kanit/Kanit-Regular.ttf);
}
.epl-landing {
        padding-top: 125px !important;
        background-image: url(/assets/epl-landing/epl-landing-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
}
.epl-landing.th {
        font-family: epl-landing-font;
}
@media screen and (max-width: 1023px) {
        .epl-landing {
                padding-top: 70px !important;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing {
                padding-top: 90px !important;
        }
}
.epl-landing .top-section .logo img {
        max-width: 250px;
        -o-object-fit: contain;
        object-fit: contain;
}
@media screen and (max-width: 512px) {
        .epl-landing .top-section .logo img {
                max-width: 150px;
        }
}
.epl-landing .top-section .top-details .event-title {
        background-image: url(/assets/epl-landing/player-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 50%;
}
@media screen and (max-width: 1023px) {
        .epl-landing .top-section .top-details .event-title {
                background-size: cover;
                height: 355px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .top-section .top-details .event-title {
                height: 250px;
        }
}
.epl-landing .top-section .top-details .event-title .title {
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
}
.epl-landing .top-section .top-details .event-title .title h1 {
        color: #380642;
        font-weight: 700;
        font-size: 55px;
}
@media screen and (max-width: 1023px) {
        .epl-landing .top-section .top-details .event-title .title h1 {
                font-size: 35px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .top-section .top-details .event-title .title h1 {
                font-size: 25px;
        }
}
.epl-landing .top-section .top-details .event-title .title p {
        font-weight: 700;
}
@media screen and (max-width: 1023px) {
        .epl-landing .top-section .top-details .event-title .title p {
                font-size: 13px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .top-section .top-details .event-title .title p {
                font-size: 12px;
        }
}
.epl-landing .top-section .top-details .event-prizes .prize-container {
        background-color: #420544;
        -webkit-transform: skew(355deg, 355deg);
        transform: skew(355deg, 355deg);
}
.epl-landing
        .top-section
        .top-details
        .event-prizes
        .prize-container.first-prize
        img {
        max-width: 150px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.first-prize
                img {
                max-width: 100px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.first-prize
                img {
                max-width: 70px;
        }
}
.epl-landing
        .top-section
        .top-details
        .event-prizes
        .prize-container.first-prize
        span {
        font-size: 70px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.first-prize
                span {
                font-size: 50px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.first-prize
                span {
                font-size: 20px;
        }
}
.epl-landing
        .top-section
        .top-details
        .event-prizes
        .prize-container.second-third-prize
        img {
        max-height: 95px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.second-third-prize
                img {
                max-height: 60px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.second-third-prize
                img {
                max-height: 35px;
        }
}
.epl-landing
        .top-section
        .top-details
        .event-prizes
        .prize-container.second-third-prize
        span {
        font-size: 50px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.second-third-prize
                span {
                font-size: 35px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.second-third-prize
                span {
                font-size: 20px;
        }
}
.epl-landing
        .top-section
        .top-details
        .event-prizes
        .prize-container.second-prize {
        position: absolute;
        top: -25px;
        width: 90%;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.second-prize {
                top: -20px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.second-prize {
                top: -10px;
        }
}
.epl-landing
        .top-section
        .top-details
        .event-prizes
        .prize-container.prize-info
        p {
        color: #fce9c8;
        font-size: 20px;
        font-weight: 700;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.prize-info
                p {
                font-size: 15px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.prize-info
                p {
                font-size: 8px;
        }
}
.epl-landing
        .top-section
        .top-details
        .event-prizes
        .prize-container.prize-info
        span {
        color: #fcef00;
        font-weight: 700;
        font-size: 45px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.prize-info
                span {
                font-size: 35px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .prize-container.prize-info
                span {
                font-size: 20px;
        }
}
.epl-landing .top-section .top-details .event-prizes .prize-container img {
        -o-object-fit: contain;
        object-fit: contain;
}
.epl-landing .top-section .top-details .event-prizes .prize-container span {
        color: #fcef00;
        font-weight: 700;
}
.epl-landing .top-section .top-details .event-prizes .leaderboard-title {
        background-color: #420544;
        -webkit-transform: skew(340deg, 1turn);
        transform: skew(340deg, 1turn);
        margin-top: 85px !important;
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .leaderboard-title {
                margin-top: 60px !important;
        }
}
.epl-landing .top-section .top-details .event-prizes .leaderboard-title p {
        color: #fff;
        font-weight: 700;
        -webkit-transform: skew(20deg, 0deg);
        transform: skew(20deg, 0deg);
        font-size: 30px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .leaderboard-title
                p {
                font-size: 25px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .top-section
                .top-details
                .event-prizes
                .leaderboard-title
                p {
                font-size: 15px;
        }
}
.epl-landing .leaderboard-table {
        background-color: #e7fc00;
}
.epl-landing .leaderboard-table .scroll-table {
        max-height: 355px;
        overflow-y: auto;
}
@media screen and (max-width: 512px) {
        .epl-landing .leaderboard-table .scroll-table {
                max-height: 300px;
        }
}
.epl-landing .leaderboard-table .scroll-table::-webkit-scrollbar-thumb {
        background: #2a0638 !important;
}
.epl-landing .leaderboard-table .scroll-table::-webkit-scrollbar-track {
        background: #e4ed8e !important;
}
@media screen and (max-width: 512px) {
        .epl-landing .leaderboard-table table {
                font-size: 8px;
        }
}
.epl-landing .leaderboard-table table thead {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
}
.epl-landing .leaderboard-table table thead tr {
        background-color: #3b0540;
}
.epl-landing .leaderboard-table table tbody tr td {
        padding: 5px;
        font-weight: 700;
}
.epl-landing .leaderboard-table table tbody tr td:nth-child(odd) {
        background-color: #fff;
}
.epl-landing .leaderboard-table table tbody tr td:nth-child(2n) {
        background-color: #f6f6d0;
}
.epl-landing .leaderboard-table .bet-now-div a {
        background: #39043f;
        font-weight: 700;
        border-radius: 7px;
        font-size: 20px;
}
@media screen and (max-width: 512px) {
        .epl-landing .leaderboard-table .bet-now-div a {
                font-size: 10px;
        }
}
.epl-landing .bet-matches .matches-title img {
        max-width: 130px;
}
@media screen and (max-width: 1023px) {
        .epl-landing .bet-matches .matches-title img {
                max-width: 100px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .bet-matches .matches-title img {
                max-width: 70px;
                -o-object-fit: contain;
                object-fit: contain;
        }
}
.epl-landing .bet-matches .matches-title h1 {
        font-weight: 700;
        color: #241e1e;
}
@media screen and (max-width: 1023px) {
        .epl-landing .bet-matches .matches-title h1 {
                font-size: 25px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .bet-matches .matches-title h1 {
                font-size: 17px;
        }
}
.epl-landing .bet-matches .matches-title .player-trophy-img {
        max-width: 300px;
        right: 0;
        z-index: 1;
}
@media screen and (max-width: 1023px) {
        .epl-landing .bet-matches .matches-title .player-trophy-img {
                max-width: 200px;
                right: 25px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .bet-matches .matches-title .player-trophy-img {
                max-width: 120px;
                right: -10px;
                top: 20px;
        }
}
.epl-landing .bet-matches .all-matches {
        justify-content: space-between;
        max-height: 800px;
        overflow-y: auto;
        z-index: 2;
        padding-right: 5px !important;
}
@media screen and (max-width: 1023px) {
        .epl-landing .bet-matches .all-matches {
                justify-content: center;
        }
}
.epl-landing .bet-matches .all-matches .match-container {
        background-color: #fdf6d1;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
}
.epl-landing .bet-matches .all-matches .match-container .player-trophy-img {
        max-width: 300px;
        top: -185px;
        right: 0;
        z-index: 1;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .player-trophy-img {
                max-width: 200px;
                top: -140px;
                right: -30px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .player-trophy-img {
                max-width: 120px;
                top: -85px;
                right: -20px;
        }
}
.epl-landing .bet-matches .all-matches .match-container .match-header {
        background-color: #3b0540;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: 2;
}
.epl-landing
        .bet-matches
        .all-matches
        .match-container
        .match-header
        .epl-logo
        img {
        max-width: 180px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .match-header
                .epl-logo
                img {
                max-width: 110px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .match-header
                .epl-logo
                img {
                max-width: 75px;
        }
}
.epl-landing
        .bet-matches
        .all-matches
        .match-container
        .match-header
        .match-date-time {
        display: grid;
        align-content: center;
}
.epl-landing
        .bet-matches
        .all-matches
        .match-container
        .match-header
        .match-date-time
        p {
        font-weight: 700;
        font-size: 20px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .match-header
                .match-date-time
                p {
                font-size: 14px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .match-header
                .match-date-time
                p {
                font-size: 9px;
        }
}
.epl-landing .bet-matches .all-matches .match-container .team-vs-team {
        z-index: 2;
}
.epl-landing
        .bet-matches
        .all-matches
        .match-container
        .team-vs-team
        .team-logo {
        width: 80px;
        -o-object-fit: contain;
        object-fit: contain;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .team-vs-team
                .team-logo {
                max-width: 70px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .team-vs-team
                .team-logo {
                max-width: 50px;
                -o-object-fit: contain;
                object-fit: contain;
        }
}
.epl-landing
        .bet-matches
        .all-matches
        .match-container
        .team-vs-team
        .draw
        .away-score {
        left: -35px;
        font-size: 35px;
        font-weight: 700;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .team-vs-team
                .draw
                .away-score {
                left: -45px;
        }
}
.epl-landing
        .bet-matches
        .all-matches
        .match-container
        .team-vs-team
        .draw
        .home-score {
        right: -35px;
        font-size: 35px;
        font-weight: 700;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .team-vs-team
                .draw
                .home-score {
                right: -45px;
        }
}
.epl-landing
        .bet-matches
        .all-matches
        .match-container
        .team-vs-team
        .draw
        .cross-icon
        p {
        border-radius: 50%;
        background-color: #656661;
        height: 30px;
        width: 30px;
        padding-top: 3px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .team-vs-team
                .draw
                .cross-icon
                p {
                height: 25px;
                width: 25px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .team-vs-team
                .draw
                .cross-icon
                p {
                height: 21px;
                width: 21px;
        }
}
.epl-landing .bet-matches .all-matches .match-container .team-vs-team .draw p {
        font-size: 15px;
        font-weight: 700;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .team-vs-team
                .draw
                p {
                font-size: 12px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .team-vs-team
                .draw
                p {
                font-size: 9px;
        }
}
.epl-landing .bet-matches .all-matches .match-container .bet-odds .odds {
        background-color: #e6fc00;
        border: 2px solid #6d6b13;
        font-weight: 700;
        border-radius: 5px;
        max-width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 70px;
}
@media screen and (max-width: 1023px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .bet-odds
                .odds {
                font-size: 17px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .bet-odds
                .odds {
                font-size: 11px;
        }
}
.epl-landing .bet-matches .all-matches .match-container .bet-btn-div a,
.epl-landing .bet-matches .all-matches .match-container .bet-btn-div button {
        background-color: #e6fc00;
        border: 2px solid #6d6b13;
        font-weight: 700;
        border-radius: 5px;
        width: 70px;
        font-size: 12px;
}
@media screen and (max-width: 1023px) {
        .epl-landing .bet-matches .all-matches .match-container .bet-btn-div a,
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .bet-btn-div
                button {
                font-size: 12px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .bet-matches .all-matches .match-container .bet-btn-div a,
        .epl-landing
                .bet-matches
                .all-matches
                .match-container
                .bet-btn-div
                button {
                font-size: 9px;
        }
}
.epl-landing .awards-tnc {
        background-color: #3b0540;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-top: 140px !important;
        padding-bottom: 100px !important;
}
.epl-landing .awards-tnc.en {
        padding-bottom: 30px !important;
}
.epl-landing .awards-tnc .awards-div {
        background: linear-gradient(to bottom right, #f37200, #eaed00);
        border: 3px solid #3b0540;
        padding-bottom: 15px !important;
        position: absolute;
        left: -30px;
        top: -60px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
}
@media screen and (max-width: 1023px) {
        .epl-landing .awards-tnc .awards-div {
                position: relative;
                left: 0;
        }
}
.epl-landing .awards-tnc .awards-div .awards-title {
        margin-top: -40px !important;
        margin-bottom: 40px !important;
}
@media screen and (max-width: 512px) {
        .epl-landing .awards-tnc .awards-div .awards-title {
                margin-top: -30px !important;
        }
}
.epl-landing .awards-tnc .awards-div .awards-title .title-bg {
        background-color: #420544;
        -webkit-transform: skew(340deg, 1turn);
        transform: skew(340deg, 1turn);
}
.epl-landing .awards-tnc .awards-div .awards-title .title-bg p {
        color: #fff;
        font-weight: 700;
        -webkit-transform: skew(20deg, 0deg);
        transform: skew(20deg, 0deg);
        font-size: 35px;
}
@media screen and (max-width: 512px) {
        .epl-landing .awards-tnc .awards-div .awards-title .title-bg p {
                font-size: 25px;
        }
}
.epl-landing .awards-tnc .awards-div .total-awards img {
        left: 0;
        z-index: 2;
        max-width: 97px;
        top: -75px;
}
@media screen and (max-width: 512px) {
        .epl-landing .awards-tnc .awards-div .total-awards img {
                max-width: 65px;
                top: -57px;
        }
}
.epl-landing .awards-tnc .awards-div .total-awards .total-awards-bg {
        background-color: #420544;
        border-radius: 25px;
}
.epl-landing
        .awards-tnc
        .awards-div
        .total-awards
        .total-awards-bg
        .total-text {
        font-weight: 700;
        color: #fff;
        font-size: 25px;
}
@media screen and (max-width: 512px) {
        .epl-landing
                .awards-tnc
                .awards-div
                .total-awards
                .total-awards-bg
                .total-text {
                font-size: 15px;
        }
}
.epl-landing .awards-tnc .awards-div .total-awards .total-awards-bg .total-amt {
        font-weight: 700;
        color: #f5ed00;
        font-size: 45px;
}
@media screen and (max-width: 512px) {
        .epl-landing
                .awards-tnc
                .awards-div
                .total-awards
                .total-awards-bg
                .total-amt {
                font-size: 30px;
        }
}
.epl-landing .awards-tnc .awards-div .rank-bonus .rank-bonus-container {
        border-radius: 8px;
        font-weight: 700;
        text-align: center;
        font-size: 20px;
}
.epl-landing .awards-tnc .awards-div .rank-bonus .rank-title .rank-text {
        background-color: #fff;
}
.epl-landing .awards-tnc .awards-div .rank-bonus .bonus-title .bonus-text {
        background-color: #652933;
}
.epl-landing
        .awards-tnc
        .awards-div
        .rank-bonus
        .rank-bonus-details
        .rank-shown
        .rank-bg {
        background-color: #f7dda6;
}
.epl-landing
        .awards-tnc
        .awards-div
        .rank-bonus
        .rank-bonus-details
        .rank-shown
        .rank-bg
        .medal {
        max-height: 54px;
}
@media screen and (max-width: 512px) {
        .epl-landing
                .awards-tnc
                .awards-div
                .rank-bonus
                .rank-bonus-details
                .rank-shown
                .rank-bg
                .medal {
                max-height: 49px;
        }
}
.epl-landing
        .awards-tnc
        .awards-div
        .rank-bonus
        .rank-bonus-details
        .rank-shown
        .token
        img {
        max-height: 45px;
}
@media screen and (max-width: 512px) {
        .epl-landing
                .awards-tnc
                .awards-div
                .rank-bonus
                .rank-bonus-details
                .rank-shown
                .token
                img {
                max-height: 41px;
        }
}
.epl-landing
        .awards-tnc
        .awards-div
        .rank-bonus
        .rank-bonus-details
        .rank-shown
        .token
        p {
        left: -3px;
        right: 0;
        font-size: 20px;
        font-weight: 700;
}
.epl-landing
        .awards-tnc
        .awards-div
        .rank-bonus
        .rank-bonus-details
        .bonus-shown
        .bonus-bg {
        background-color: #ac7610;
        font-size: 33.5px;
}
@media screen and (max-width: 512px) {
        .epl-landing
                .awards-tnc
                .awards-div
                .rank-bonus
                .rank-bonus-details
                .bonus-shown
                .bonus-bg {
                font-size: 30.5px;
        }
}
.epl-landing .awards-tnc .tnc-div {
        padding-top: 160px !important;
}
@media screen and (max-width: 512px) {
        .epl-landing .awards-tnc .tnc-div {
                padding-top: 95px !important;
        }
}
.epl-landing .awards-tnc .tnc-div .whole-tnc {
        max-height: 670px;
        overflow-y: auto;
}
.epl-landing .awards-tnc .tnc-div .players-trophy-img {
        max-width: 450px;
        left: 0;
        right: 0;
        top: -270px;
        margin: auto;
}
@media screen and (max-width: 1023px) {
        .epl-landing .awards-tnc .tnc-div .players-trophy-img {
                right: 0;
                z-index: 1;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .awards-tnc .tnc-div .players-trophy-img {
                max-width: 290px;
                top: -175px;
        }
}
.epl-landing .awards-tnc .tnc-div .tnc-title {
        font-weight: 700;
        color: #edf700;
}
@media screen and (max-width: 512px) {
        .epl-landing .awards-tnc .tnc-div .tnc-title {
                font-size: 21px;
        }
}
.epl-landing .awards-tnc .tnc-div .tnc-details p {
        font-size: 14px;
        font-weight: 700;
}
.epl-landing .awards-tnc .tnc-div .tnc-details p.heading {
        color: #edf700;
}
.epl-landing .awards-tnc .tnc-div .tnc-details ul li {
        font-size: 14px;
        font-weight: 700;
}
.epl-landing .awards-tnc .tnc-div .tnc-details ul li::marker {
        color: #fbe85b;
}
.epl-landing .providers-div .provider-container img {
        width: 100%;
}
.epl-landing .providers-div .provider-container .bet-now {
        background-color: #420544;
        bottom: 17px;
        font-size: 10px;
        font-weight: 700;
        left: 20px;
        border-radius: 5px;
}
@media screen and (max-width: 512px) {
        .epl-landing .providers-div .provider-container .bet-now {
                bottom: 10px;
                font-size: 7px;
        }
}
.epl-landing .providers-div .provider-container .provider-name {
        background-color: #420544;
        bottom: -30px;
        font-size: 15px;
        font-weight: 700;
        right: 15px;
}
@media screen and (max-width: 1023px) {
        .epl-landing .providers-div .provider-container .provider-name {
                right: 45px;
        }
}
@media screen and (max-width: 512px) {
        .epl-landing .providers-div .provider-container .provider-name {
                font-size: 10px;
                right: 10px;
                bottom: -20px;
        }
}
.season_theme_top_1 {
        top: 40px;
        left: 0;
        max-width: 300px;
        z-index: 9;
        -webkit-animation: sway 2.4s infinite;
        animation: sway 2.4s infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform-origin: top;
        transform-origin: top;
}
@media screen and (max-width: 512px) {
        .season_theme_top_1 {
                top: 50px;
                max-width: 120px;
        }
}
.season_theme_top_2 {
        top: 40px;
        right: 0;
        max-width: 300px;
        z-index: 9;
        -webkit-animation: sway 3.5s infinite;
        animation: sway 3.5s infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform-origin: top;
        transform-origin: top;
}
@media screen and (max-width: 512px) {
        .season_theme_top_2 {
                top: 50px;
                max-width: 120px;
        }
}
.season_theme_home_1,
.season_theme_home_2 {
        position: absolute;
        z-index: 1;
}
.season_theme_home_1 {
        bottom: 0;
        left: 0;
        max-width: 240px;
}
@media screen and (max-width: 512px) {
        .season_theme_home_1 {
                max-width: 80px;
                left: 0;
                bottom: -5px;
        }
}
.season_theme_home_2 {
        bottom: -8px;
        right: -8px;
        max-width: 200px;
}
@media screen and (max-width: 512px) {
        .season_theme_home_2 {
                right: -5px;
                max-width: 80px;
                bottom: -5px;
        }
}
@-webkit-keyframes sway {
        0% {
                -webkit-transform: rotate(8deg);
                transform: rotate(8deg);
        }
        50% {
                -webkit-transform: rotate(-8deg);
                transform: rotate(-8deg);
        }
        to {
                -webkit-transform: rotate(8deg);
                transform: rotate(8deg);
        }
}
@keyframes sway {
        0% {
                -webkit-transform: rotate(8deg);
                transform: rotate(8deg);
        }
        50% {
                -webkit-transform: rotate(-8deg);
                transform: rotate(-8deg);
        }
        to {
                -webkit-transform: rotate(8deg);
                transform: rotate(8deg);
        }
}
.partnerships-page {
        padding: 200px 0 !important;
        background-image: url(/assets/partnerships/bg/bg-dark-2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
}
@media screen and (max-width: 1023px) {
        .partnerships-page {
                padding: 100px 0 !important;
        }
}
@media screen and (max-width: 512px) {
        .partnerships-page {
                padding: 90px 0 !important;
        }
}
.partnerships-page .title-description .title p {
        font-family: roboto, sans-serif;
        color: #fff;
        font-size: 45px;
        font-weight: 700;
        line-height: 50px;
}
@media screen and (max-width: 512px) {
        .partnerships-page .title-description .title p {
                font-size: 30px;
        }
}
.partnerships-page .title-description .description p {
        font-family: Open Sans, sans-serif;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
}
@media screen and (max-width: 512px) {
        .partnerships-page .title-description .description p {
                font-size: 14px;
        }
}
.partnerships-page .partnerships-div .partnership .partnership-container {
        background: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        padding: 20px 10px !important;
}
.partnerships-page .partnerships-div .partnership .partnership-container:hover {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.partnerships-page
        .partnerships-div
        .partnership
        .partnership-container
        .partnership-logo
        img {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 120px;
        max-height: 50px;
}
.desktop-paruay-logo,
.paruay-logo-auth,
.paruay-logo-guest {
        -webkit-animation: partnership-heartbeat 2s infinite;
        animation: partnership-heartbeat 2s infinite;
}
@-webkit-keyframes partnership-heartbeat {
        0% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
        20% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        40% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
        60% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        80% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
        to {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
}
@keyframes partnership-heartbeat {
        0% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
        20% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        40% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
        60% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        80% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
        to {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
        }
}
.campaign-gold {
        color: #edc274;
}
.campaign-brown {
        color: #442500;
}
.campaign-btn {
        background: transparent;
        border: 3px solid rgba(237, 194, 116, 0.4);
        text-transform: capitalize;
        color: #fff;
        padding: 5px 20px;
        border-radius: 10px;
        transition: all 0.4s ease;
        min-width: 153px;
}
@media screen and (max-width: 512px) {
        .campaign-btn {
                padding: 5px 2px;
                min-width: 90px;
        }
}
.campaign-btn.claimed,
.campaign-btn:hover {
        background: linear-gradient(90deg, #cd973d, #edc274);
        color: #442500;
        border: 3px solid transparent;
        box-shadow: 0 0 10px 4px rgba(237, 194, 116, 0.3);
        -webkit-box-shadow: 0 0 10px 4px rgba(237, 194, 116, 0.3);
        -moz-box-shadow: 0 0 10px 4px rgba(237, 194, 116, 0.3);
}
.campaign-btn.claimed img,
.campaign-btn:hover img {
        -webkit-filter: invert(0) sepia(90%) saturate(7459%) hue-rotate(59deg)
                brightness(105%) contrast(111%);
        filter: invert(0) sepia(90%) saturate(7459%) hue-rotate(59deg)
                brightness(105%) contrast(111%);
}
.campaign-btn .history-dot {
        top: -6px;
        right: -8px;
}
.campaign-btn.event-btn {
        border: 2px solid rgba(237, 194, 116, 0.4);
        padding: 6px 33px;
        border-radius: 8px;
}
@media screen and (max-width: 512px) {
        .campaign-btn.event-btn {
                font-size: 1.3rem;
        }
}
.progress-bar {
        border-radius: 50px;
        height: 8px;
        background: #505050;
}
.progress-bar .bar {
        background: linear-gradient(90deg, #cd973d, #edc274);
        border-radius: 50px;
        width: var(--width);
}
.total-win-wrapper {
        border: 2px solid rgba(237, 194, 116, 0.4);
        border-radius: 13px;
        background: rgba(237, 194, 116, 0.15);
}
.total-win-wrapper .total-amount {
        background: linear-gradient(90deg, #cd973d, #edc274);
}
.total-win-wrapper.homepageMobile {
        border: 2px solid rgba(237, 194, 116, 0.4);
        background: #292421;
        border-radius: 8px;
}
.personal-showless .fa.rotate {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
}
@media screen and (max-width: 512px) {
        .mobile-total-wrapper .total-amount {
                background: #292421;
                border-radius: 8px;
        }
        .showmoreless {
                background: linear-gradient(90deg, #cd973d, #edc274);
                color: #442500;
        }
}
@media screen and (max-width: 1023px) {
        .idx-personal-achievement {
                transition: all 0.4s ease;
        }
        .idx-personal-achievement.close {
                height: 0;
                opacity: 0;
                visibility: hidden;
        }
}
.idx-personal-achievement .personal-wining-wrapper .nav-tabs li {
        text-align: center;
        border: 0 !important;
}
.idx-personal-achievement .personal-wining-wrapper .nav-tabs li a {
        background: transparent;
        border: 2px solid transparent !important;
        border-bottom: 0 !important;
        color: #fff !important;
        opacity: 0.6;
        transition: all 0.4s ease;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
}
@media screen and (max-width: 512px) {
        .idx-personal-achievement .personal-wining-wrapper .nav-tabs li a {
                line-height: 16px;
                min-height: 50px;
        }
}
.idx-personal-achievement .personal-wining-wrapper .nav-tabs li a.active,
.idx-personal-achievement .personal-wining-wrapper .nav-tabs li a:hover {
        border: 2px solid #292421 !important;
        background: #292421;
        border-bottom: 0 !important;
        opacity: 1;
}
.idx-personal-achievement .personal-wining-wrapper .tab-content {
        max-height: 243px;
        min-height: 243px;
        overflow-y: scroll;
        background: #292421;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content::-webkit-scrollbar {
        width: 8px;
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content::-webkit-scrollbar-track {
        background: transparent;
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background: #505050;
}
.idx-personal-achievement .personal-wining-wrapper .tab-content.middle {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
}
.idx-personal-achievement .personal-wining-wrapper .tab-content.left {
        border-top-right-radius: 8px;
}
.idx-personal-achievement .personal-wining-wrapper .tab-content.right {
        border-top-left-radius: 8px;
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content
        .tab-pane
        .top-wining-flex
        .top-wining-col {
        width: 32%;
}
@media screen and (max-width: 512px) {
        .idx-personal-achievement
                .personal-wining-wrapper
                .tab-content
                .tab-pane
                .top-wining-flex
                .top-wining-col {
                width: 48%;
        }
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content
        .tab-pane
        .top-wining-flex
        .top-wining-col:nth-last-child(-n + 3) {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content
        .tab-pane
        .top-wining-flex
        .top-wining-col
        .provider-card-items {
        background: #000;
        border-radius: 8px;
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content
        .tab-pane
        .top-wining-flex
        .top-wining-col
        .provider-card-items
        img {
        min-height: 64px;
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content
        .tab-pane
        .card-items:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content
        .tab-pane
        .card-items
        .campaign-btn {
        min-width: 147px;
}
@media screen and (max-width: 512px) {
        .idx-personal-achievement
                .personal-wining-wrapper
                .tab-content
                .tab-pane
                .card-items
                .campaign-btn {
                min-width: 131px;
        }
}
.idx-personal-achievement
        .personal-wining-wrapper
        .tab-content
        .progress-bar
        .bar {
        background: #fff;
}
.achievement-container {
        max-width: 1260px;
}
.nav-background {
        background: var(--hot-promo-bg);
        border-radius: 20px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
@media screen and (max-width: 512px) {
        .nav-background {
                width: 100%;
        }
}
.personal-nav {
        padding: 10px;
}
@media screen and (max-width: 512px) {
        .personal-nav .nav-item {
                padding: auto;
                width: 33.33%;
        }
}
.personal-nav .nav-item .nav-link {
        color: #fff !important;
        background: transparent !important;
        border-radius: 30px;
        border: 1px solid var(--prediction-tab-bg);
        margin-right: 10px;
        text-align: center;
        font-weight: 700;
        padding: 8px 40px;
}
@media screen and (max-width: 512px) {
        .personal-nav .nav-item .nav-link {
                padding-top: 8px !important;
                padding-bottom: 8px !important;
                padding-left: unset !important;
                padding-right: unset !important;
        }
}
.personal-nav .nav-item .nav-link.active {
        background: linear-gradient(90deg, #cd973d, #edc274) !important;
        color: #000 !important;
}
.history-dot {
        position: absolute;
        top: 0;
        right: 8px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 10px;
        height: 10px;
        background-color: red;
        border-radius: 50%;
}
.overall-btn {
        background: transparent;
        border-radius: 8px;
        color: #fff;
        padding: 5px 24px;
        border: none;
}
.overall-btn.active {
        border: 1px solid #edc274;
}
.custom-dropdown-achievement .filter-box {
        padding: 6px 16px 6px 10px;
        border-radius: 5px;
        min-width: 130px;
        background-color: #292421;
        border: 0;
        text-align: left;
        color: #9e9e9e;
        font-weight: 700;
}
@media screen and (max-width: 512px) {
        .custom-dropdown-achievement .filter-box {
                min-width: 42vw;
        }
}
.custom-dropdown-achievement .filter-box:after {
        color: #9e9e9e;
        position: absolute;
        right: 7px;
        top: 50%;
}
.custom-dropdown-achievement .dropdown-item {
        background: #292421;
        color: #fff;
        font-weight: 500;
}
.custom-dropdown-achievement .dropdown-item.active {
        background: #13b3e5 !important;
        color: #fff !important;
}
.custom-dropdown-achievement .dropdown-item:hover {
        background: #292421;
        color: #fff;
}
.date-input-field {
        background-color: #292421 !important;
        color: #9e9e9e !important;
        border: 0;
        font-weight: 700;
}
.date-input-field:after {
        color: #9e9e9e;
        position: absolute;
        right: 7px;
        top: 50%;
}
.achievement-winner-card {
        width: 32%;
        background: #000;
        padding: 5px;
        border-radius: 10px;
}
@media screen and (max-width: 512px) {
        .achievement-winner-card {
                width: 30%;
        }
}
.achievement-winner-card.swip {
        background: #000;
        border-radius: 10px;
}
.achievement-winner-card .img-card {
        border-radius: 10px;
        position: relative;
        background: var(--winner-color);
}
.achievement-winner-card .img-card:before {
        content: "";
        background-image: url(/assets/index/winner/winner-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
        opacity: 1%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
}
.achievement-winner-card .img-border {
        border-radius: 10px;
}
.personal-record {
        background: linear-gradient(90deg, #cd973d, #edc274);
        color: #442500;
        margin-top: 10px;
}
#top-record .top-record,
.personal-record {
        border-radius: 7px;
        font-weight: 700;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-left: 0;
        margin-right: 0;
}
#top-record .top-record {
        background: transparent;
}
#top-record .top-record:nth-child(2n) {
        background: #292421 !important;
}
.text-event-color {
        color: #ffc929;
}
.data-stick {
        position: -webkit-sticky;
        position: sticky;
        top: 88px;
}
.achivement-rewards {
        border: 2px solid rgba(237, 194, 116, 0.4);
        border-radius: 13px;
        background: rgba(237, 194, 116, 0.15);
        margin-top: 12px;
        padding: 20px;
        border-radius: 20px;
}
.claimNowIconAnimate {
        max-width: 23px;
}
.claimNowIconAnimate img {
        -webkit-filter: invert(100%) sepia(0) saturate(7427%) hue-rotate(23deg)
                brightness(118%) contrast(118%);
        filter: invert(100%) sepia(0) saturate(7427%) hue-rotate(23deg)
                brightness(118%) contrast(118%);
}
.claimNowIconAnimate .claim-now-present {
        -webkit-animation: presentBtn 1.2s ease-in-out infinite;
        animation: presentBtn 1.2s ease-in-out infinite;
}
@-webkit-keyframes presentBtn {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        10% {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
        }
        20% {
                -webkit-transform: scale(1.2) rotate(10deg);
                transform: scale(1.2) rotate(10deg);
        }
        30% {
                -webkit-transform: scale(1.2) rotate(0);
                transform: scale(1.2) rotate(0);
        }
        40% {
                -webkit-transform: scale(1.2) rotate(-10deg);
                transform: scale(1.2) rotate(-10deg);
        }
        50% {
                -webkit-transform: scale(1.2) rotate(0);
                transform: scale(1.2) rotate(0);
        }
        60% {
                -webkit-transform: scale(1.2) rotate(10deg);
                transform: scale(1.2) rotate(10deg);
        }
        70% {
                -webkit-transform: scale(1.2) rotate(0);
                transform: scale(1.2) rotate(0);
        }
        to {
                -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0);
        }
}
@keyframes presentBtn {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        10% {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
        }
        20% {
                -webkit-transform: scale(1.2) rotate(10deg);
                transform: scale(1.2) rotate(10deg);
        }
        30% {
                -webkit-transform: scale(1.2) rotate(0);
                transform: scale(1.2) rotate(0);
        }
        40% {
                -webkit-transform: scale(1.2) rotate(-10deg);
                transform: scale(1.2) rotate(-10deg);
        }
        50% {
                -webkit-transform: scale(1.2) rotate(0);
                transform: scale(1.2) rotate(0);
        }
        60% {
                -webkit-transform: scale(1.2) rotate(10deg);
                transform: scale(1.2) rotate(10deg);
        }
        70% {
                -webkit-transform: scale(1.2) rotate(0);
                transform: scale(1.2) rotate(0);
        }
        to {
                -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0);
        }
}
.claimNowIconAnimate .claim-now-click {
        top: 0;
        left: 0;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-animation: clickBtn 1.2s ease-in-out infinite;
        animation: clickBtn 1.2s ease-in-out infinite;
}
@-webkit-keyframes clickBtn {
        0% {
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
        }
        10% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
        }
}
@keyframes clickBtn {
        0% {
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
        }
        10% {
                -webkit-transform: scale(1);
                transform: scale(1);
        }
        to {
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
        }
}
.rebate-card-container {
        background: url(/assets/events/instant-rebate/desktop_bg.png);
        background-size: 98% 100% !important;
        background-repeat: no-repeat !important;
        background-position: top;
        width: 100%;
        height: 100%;
}
@media screen and (max-width: 512px) {
        .rebate-card-container {
                background: url(/assets/events/instant-rebate/mobile_bg.png);
        }
}
.rebate-card-container.disabled {
        opacity: 0.8;
}
@-webkit-keyframes imgaRotate {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        25% {
                -webkit-transform: rotate(7deg);
                transform: rotate(7deg);
        }
        50% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        75% {
                -webkit-transform: rotate(-7deg);
                transform: rotate(-7deg);
        }
        to {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
}
@keyframes imgaRotate {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        25% {
                -webkit-transform: rotate(7deg);
                transform: rotate(7deg);
        }
        50% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        75% {
                -webkit-transform: rotate(-7deg);
                transform: rotate(-7deg);
        }
        to {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
}
@keyframes float {
        0% {
                box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.6);
                -webkit-transform: translatey(0);
                transform: translatey(0);
        }
        50% {
                box-shadow: 0 25px 15px 0 rgba(0, 0, 0, 0.2);
                -webkit-transform: translatey(-20px);
                transform: translatey(-20px);
        }
        to {
                box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.6);
                -webkit-transform: translatey(0);
                transform: translatey(0);
        }
}
@-webkit-keyframes rotation {
        to {
                -webkit-transform: rotatey(1turn);
                transform: rotatey(1turn);
        }
}
@keyframes rotation {
        to {
                -webkit-transform: rotatey(1turn);
                transform: rotatey(1turn);
        }
}
@-webkit-keyframes pulse-ring {
        0% {
                -webkit-transform: scale(0.33);
                transform: scale(0.33);
        }
        80%,
        to {
                opacity: 0;
        }
}
@keyframes pulse-ring {
        0% {
                -webkit-transform: scale(0.33);
                transform: scale(0.33);
        }
        80%,
        to {
                opacity: 0;
        }
}